/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * pageproof.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2014
 */
@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-black-c.woff") format("woff");
    font-weight: 700;
    font-style: normal; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-blackitalic-c.woff") format("woff");
    font-weight: 700;
    font-style: italic; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-bold-c.woff") format("woff");
    font-weight: 600;
    font-style: normal; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-bolditalic-c.woff") format("woff");
    font-weight: 600;
    font-style: italic; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-medium-c.woff") format("woff");
    font-weight: 500;
    font-style: normal; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-mediumitalic-c.woff") format("woff");
    font-weight: 500;
    font-style: italic; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-book-c.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: "LLCircularProWeb";
    src: url("./fonts/lineto-circular-pro-bookitalic-c.woff") format("woff");
    font-weight: normal;
    font-style: italic; }

body {
    font-family: LLCircularProWeb, HelveticaNeue, 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif;
}

@media (max-width: 750px) {
    .non-react__templates .header__logo {
        line-height: 30px;
        margin-bottom: 0;
        width: 300px;
    }

    .non-react__templates .header,
    .non-react__templates.header__lite .header {
        padding-top: 10px;
        padding-bottom: 20px;
        position: fixed;
        z-index: 5;
        height: 113px;
    }

    .non-react__templates .header__container,
    .non-react__templates .header__container .content {
        height: 100%;
    }

    .non-react__templates.header__lite .header__logo {
        height: 20px;
    }

    .non-react__templates form.header__form,
    .header__lite.non-react__templates form.header__form {
        width: 343px;
        margin-left: 0 !important;
    }

    .non-react__templates .header h1 {
        display: none;
    }

    .non-react__templates .header .search__input {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .non-react__templates .container.search__page-content,
    .non-react__templates .section.search__results {
        padding-bottom: 120px;
        margin-top: 105px;
    }

    .non-react__templates .intercom-align-left img {
        margin-bottom: 15px;
    }

    .non-react__templates article h2 {
        margin-top: 40px;
    }

    .non-react__templates .breadcrumb {
        z-index: 4;
    }
}

.non-react__templates .footer {
    display: none;
}

.non-react__templates .collection .avatar {
    display: none;
}

.non-react__templates .collection h2 {
    font-size: 18px;
}

.non-react__templates .collection p {
    font-size: 14px;
}

.non-react__templates .collection__headline h2 {
     font-size: 26px;
 }

.non-react__templates .collection__meta h2 {
    font-size: 22px;
}

.non-react__templates .article__preview .avatar {
    display: none;
}

.non-react__templates .article h2 {
    font-size: 18px;
}

.non-react__templates .article__meta h2 {
    color: #138b3b;;
}

.non-react__templates .article h4 {
    font-size: 16px;
    color: #138b3b;
    font-weight: 400;
    margin-top: 10px;
}

.non-react__templates .article p,
.non-react__templates .article ul {
    font-size: 14px;
}

.non-react__templates .article__desc {
    display: none;
}

.non-react__templates .article .avatar {
    display: none;
}

.non-react__templates .article__meta {
    padding-bottom: 0;
}

.non-react__templates .article .intercom-container {
    margin: 0;
}

.non-react__templates .paper__preview {
    font-size: 14px;
}

.non-react__templates .link__arrow:not(a),
.non-react__templates .link__arrow a:hover {
    color: #4f5e6b;
}

.non-react__templates .link__arrow a {
    color: #8897a4;
}