/*    Sets all font properties    */
/* -----------------------------  */

/* font-size an line height ratio: */
/* ----------- 1.618 ------------- */

/* Modal form * Write Us * : #wpforms-680 */
/* Modal form * Request a call * : #wpforms-681 */
/* Form * Subscribe (Digest / Search) * : #wpforms-682 */
/* Form * Subscribe (Footer) * : #wpforms-685 */

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(../../../fonts/HelveticaNeueCyr-Bold.woff);
    font-weight: bold;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(../../../fonts/HelveticaNeueCyr-Roman.woff);
    font-weight: normal;
}


html,
body,
button,
input,
table {
    font-size: 100%;
    font-family: 'HelveticaNeueCyr', Helvetica, Arial, sans-serif;
    text-align: left;
    color: var(--eco-black);
}

/* ============ */
/* Font colors */

.b_eco-white {
    color: white;
}

.b_eco-black {
    color: var(--eco-black);
}

.b_eco-grey {
    color: var(--eco-grey);
}

.b_eco-d-grey {
    color: var(--eco-d-grey);
}

.b_eco-d-green {
    color: var(--eco-d-green);
}

.b_eco-green {
    color: var(--eco-green);
}

/* ============ */

/* Font shadow */

.b_shadow {
    text-shadow: 0 3px 6px var(--eco-black);
}

/* ============ */

h1 {
    font-size: 3rem;
    line-height: 3.625rem;
}

.h1-index {
    font-size: 4rem;
    line-height: 4.875rem;
    font-weight: bold;
}

h2,
.h2-index {
    font-size: 2.688rem;
    line-height: 3.250rem;
}

.h2-index {
    font-weight: bold;
}

h3,
.h3-index {
    font-size: 2rem;
    line-height: 2.438rem;
}

.h3-index {
    font-weight: bold;
}

h4,
.h4 {
    font-size: 1.438rem;
    line-height: 1.8rem;
    font-weight: bold;
}

.h4-index {
    font-size: 1.438rem;
    font-weight: normal;
    line-height: 2.4rem;
}

@media only screen and (max-width: 600px) {

    h1,
    .h1-index {
        font-size: 2rem;
        line-height: 2.9rem;
    }

    h2,
    .h2-index,
    h3,
    .h3-index {
        font-size: 1.3rem;
        line-height: 2rem;
    }

    h4,
    .h4-index {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .b_index_sub {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1200px) {

    h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .h1-index {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    h2,
    .h2-index,
    .b_index_sub {
        font-size: 2rem;
        line-height: 2.250rem;
    }

    h3,
    .h3-index {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    h4,
    .h4-index {
        font-size: 1.2rem;
        line-height: 2rem;
    }

}

.b_index_sub {
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: normal;
}

.b_body {
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: normal;
}

figcaption {
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: normal;
    color: var(--eco-d-grey);
}

@media only screen and (max-width: 600px) {
    .b_body {
        font-size: 0.9rem;
        line-height: 1.4rem;
        font-weight: normal;
    }
}

.b_body_bold {
    line-height: 1.625rem;
    font-weight: bold;
}

.b_footer {
    font-size: 0.750rem;
    line-height: 0.938rem;
    font-weight: normal;
}

/* Links and navigation */

a {
    display: inline-block;
    text-decoration: none;
}

.c_body_bullet a {
    display: inline;
}

.a_file-link {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: normal;
    text-decoration: underline;
    color: #108342;
}

.a_file-link:hover {
    cursor: pointer;
}

/* styles links inserted through TinyMCE - Wordpress */
.a_link a,
.c_body_bullet a,
.b_body>a,
.b_faq_a>p a {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: normal;
    text-decoration: underline;
    color: #108342;
}

.a_link_services:hover {
    text-decoration: underline;
    color: white;
    background-color: inherit !important;
}

.a_link:hover {
    cursor: pointer;
    text-decoration: underline;
    color: var(--eco-d-green) !important;
    background-color: inherit !important;
    transition: text-decoration 0.3s ease-in-out;
}

.b_btn,
.b_nav,
.o_nav-bar_desktop .menu-item,
.o_nav-bar_mob .menu-item {
    font-size: 0.750rem;
    line-height: 1.063rem;
    font-weight: bold;
    text-transform: uppercase;
}

.b_nav_menu {
    font-size: 0.8rem;
    line-height: 1.063rem;
    font-weight: normal;
    text-transform: none;
}

.page_item a {
    color: var(--eco-black);
    font-size: 0.8rem;
    line-height: 1.063rem;
}

.b_side-menu,
.b_table {
    font-size: 0.875rem;
    line-height: 1.350rem;
    font-weight: normal;
}

.b_contact {
    font-size: 0.8rem;
    line-height: 1.063rem;
    font-weight: normal;
}

.b_contact_name {
    text-transform: uppercase;
    font-weight: bold;
}

.b_crumbs,
.b_form {
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight: normal;
}

.b_crumbs a {
    color: var(--eco-d-grey);
}

.b_crumbs span:last-child a {
    color: var(--eco-green);
}

/* .b_crumbs a:visited {
    color: var(--eco-d-grey);
} */

/* ============ */

/* Card typography */

.b_card_read {
    font-size: 0.750rem;
    line-height: 0.938rem;
}

.b_card_service {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    /* color: var(--eco-green); */
}

/* .b_card_service:hover {
    text-decoration: underline;
    color: white;
} */

.b_card_date {
    font-size: 0.813rem;
    line-height: 1rem;
}

.b_card_tag-name {
    font-size: 0.750rem;
    text-transform: uppercase;
}

/* Event cards */

.b_card_event_bold {
    font-weight: bold;
}

.b_card_event_dd {
    font-size: 1.313rem;
    line-height: 1.1rem;
}

.b_card_event_mmyy {
    font-size: 0.750rem;
    line-height: 1rem;
}

/* WP From plugin button styles */

.wpforms-title {
    color: var(--eco-d-green) !important;
    font-size: 1.438rem !important;
    line-height: 3rem !important;
    font-weight: bold !important;
}

.wpforms-submit {
    color: white !important;
    font-size: 0.8rem !important;
    line-height: 1.063rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.wpforms-field-label-inline,
.wpforms-form input,
.wpforms-field-textarea textarea,
.wpforms-description {
    /* font-size: 1rem !important; */
    line-height: 1.3rem !important;
    font-weight: normal !important;
    font-family: 'HelveticaNeueCyr', Helvetica, Arial, sans-serif;
}

#wpforms-681-field_7,
#wpforms-680-field_7 {
    font-size: 0.75rem !important;
}

/* Footer * Subscribe *  WP Form  */
#wpforms-685-field_4 {
    font-size: 0.688rem !important;
    line-height: 1rem !important;
    font-weight: normal !important;
    color: var(--eco-d-grey) !important;
}

footer .wpforms-field-label-inline,
footer .wpforms-form input,
footer .w pforms-field-textarea textarea,
footer .wpforms-description {
    font-size: 0.750rem !important;
    /* line-height: 0.938 !important; */
    font-weight: normal !important;
    /* color: white; */
}