/* GLOBAL */

:root {
    --bg: #fff;
    --gray: #e4e4e4;
    --text: #303030;
    --text-white: #fff;
    --emerald: #144242;
    --wheat: #ECC083;
    --trans: .3s;
    --li: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23144242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3e%3cpolyline points='13 17 18 12 13 7'%3e%3c/polyline%3e%3cpolyline points='6 17 11 12 6 7'%3e%3c/polyline%3e%3c/svg%3e");
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Evolventa", sans-serif;
    font-size: 14px;
    line-height: 2;
    color: var(--text);
    background: var(--bg);
}

/* ===== WebKit ===== */
::-webkit-scrollbar {
    width: 10px;
    /* ширина вертикального скроллбара */
    height: 10px;
    /* высота горизонтального */
}

::-webkit-scrollbar-track {
    background: var(--emerald);
    /* цвет дорожки */
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: var(--wheat);
    /* цвет ползунка */
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gray);
    /* цвет ползунка при наведении */
}

/* ===== Firefox ===== */
* {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: var(--wheat) var(--emerald);
    /* ползунок и дорожка */
}

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: #144242;
    /* цвет полосы */
    z-index: 9999;
    transition: width 0.1s ease;
    box-shadow: 0 2px 4px rgb(20, 66, 66, 0.4);
}

.container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

a {
    color: var(--emerald);
    transition-duration: var(--trans);
}

a:hover {
    color: var(--wheat);
    transition-duration: var(--trans);
}

section:not(.section-hero) {
    padding: 5vh 0;
}

li:not(.footer__link,
    .header-link,
    .woocommerce,
    ul.products,
    .product,
    .services__item,
    .flex-control-thumbs,
    .woocommerce .woocommerce-pagination ul.page-numbers li,
    .woocommerce-page .woocommerce-pagination ul.page-numbers li>li) {
    padding-left: 15px !important;
    position: relative !important;
}

li:not(.footer,
    .header-link,
    .footer__link,
    .phone-icon,
    .inbox-icon,
    .address-icon,
    .phone-icon-wheat,
    .inbox-icon-wheat,
    .address-icon-wheat,
    .phone-icon-white,
    .inbox-icon-white,
    .address-icon-white,
    .section__card-item,
    .product,
    .description_tab,
    .woocommerce,
    ul.products,
    .directions__cards-item,
    .services__item,
    .flex-control-thumbs,
    .woocommerce nav.woocommerce-pagination ul>li)::before {
    content: var(--li) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;
}

.btn {
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.btn:hover {
    transition: var(--trans);
}

.btn__center {
    display: flex;
    justify-self: center;
    text-align: center;
}

.btn__emerald {
    background-color: var(--emerald);
    color: var(--wheat);
}

.btn__emerald:hover {
    background-color: var(--wheat);
    color: var(--emerald);
}

.btn__wheat {
    background-color: var(--wheat);
    color: var(--emerald);
}

.btn__wheat:hover {
    background-color: var(--emerald);
    color: var(--wheat);
}

.section-title,
.header__nav-links,
.header__nav-buttons,
.contact-title {
    font-family: "Evolventa Bold", sans-serif;
    text-transform: uppercase;
}

.section-title,
.contact-title {
    text-align: center;
    font-size: 32px;
    color: var(--emerald);
    padding: 0 0 10px 0;
}

.section-title__dedicated {
    color: var(--wheat);
}

.section-sub-title {
    font-size: 24px;
    text-align: center;
    color: var(--emerald);
    padding: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.swal2-html-container,
.field,
.select,
.textarea {
    font-size: 14px !important;
}

h3.wpb-gqb-product-title {
    font-size: 18px !important;
    margin-bottom: 1vh !important;
    line-height: 1.5 !important;
    color: var(--emerald) !important;
    font-weight: bold;
}

.swal2-close {
    width: 30px !important;
    height: 30px !important;
    font-size: 20px !important;
}

.swal2-close:hover {
    background: var(--emerald) !important;
    color: var(--wheat) !important;
}

.wpb-gqf-form-style-true .wpcf7 form>p span,
.wpb-gqf-form-style-true .wpcf7 form>div span {
    margin: 0 !important;
}

.field,
.select {
    max-width: 500px !important;
}

.wpcf7-response-output {
    background: var(--emerald) !important;
    border: none !important;
    color: var(--wheat) !important;
}

.gqb-product-title {
    display: none;
}

.wpcf7-spinner {
    background: var(--emerald) !important;
    margin: 0 auto !important;
}

.wpcf7-not-valid-tip {
    font-weight: bold !important;
    color: var(--emerald) !important;
}

.contact-form {
    background: var(--wheat);
    color: var(--text);
    padding: 10px;
}

.contact-form__text {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 1vh;
}

.contact-form-inner {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-bottom: 3vh;
    gap: 1vw;
}

.contact-form__col>p {
    display: flex;
    flex-direction: column;
    max-width: 350px;
}

.contact-form .field,
.contact-form .textarea,
.contact-form .select {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}

.contact-form .field:focus,
.contact-form .textarea:focus,
.contact-form .select:focus,
.contact-form .field:hover,
.contact-form .textarea:hover,
.contact-form .select:hover {
    background-color: var(--gray);
    transition: var(--trans);
}

.contact-form .textarea {
    min-height: 100px;
    max-height: 600px;
    height: 100%;
}

.contact-form .wpcf7-response-output {
    margin-top: -2vh !important;
}

/* Header */

.header {
    width: 100%;
    position: sticky;
    z-index: 1000;
    left: 0;
    top: 0;
    background: var(--bg);
}

.header-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
}

.header-logo,
.footer__logo {
    width: 100%;
}

.header-logo-link,
.footer-logo-link {
    width: 112px;
}

.header__nav-links {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.header-link {
    display: flex;
    color: var(--emerald);
}

.header__nav-buttons {
    display: flex;
}

.header-btn {
    background-color: var(--emerald);
    color: var(--wheat);
}

.header-btn:hover {
    background-color: var(--wheat);
    color: var(--emerald);
}

.header-btn__dedicated {
    background-color: var(--wheat);
    color: var(--emerald);
}

.header-btn__dedicated:hover {
    background-color: var(--emerald);
    color: var(--wheat);
}

/* Footer */

.footer {
    background-color: var(--emerald);
    color: var(--wheat);
    padding: 5vh 0;
}

.footer a {
    color: var(--wheat);
}

.footer a:hover {
    color: var(--text-white);
}

.footer-inner {
    display: flex;
    justify-content: space-between;
}

.footer__col {
    display: flex;
    flex-direction: column;
}

.footer__col-title {
    padding: 0 0 0 0;
    color: var(--wheat);
}

.footer__links {
    display: flex;
    flex-direction: column;
}

/* Icons */

.clock-icon,
.clock-icon-white,
.clock-icon-wheat,
.phone-icon,
.phone-icon-white,
.phone-icon-wheat,
.inbox-icon,
.inbox-icon-white,
.inbox-icon-wheat,
.address-icon,
.address-icon-white,
.address-icon-wheat {
    padding-left: 15px;
    position: relative;
    display: flex;
}

.clock-icon-white::before,
.clock-icon-wheat::before,
.phone-icon-white::before,
.phone-icon-wheat::before,
.inbox-icon-white::before,
.inbox-icon-wheat::before,
.address-icon-white::before,
.address-icon-wheat::before {
    top: 2px;
    left: 0;
    position: absolute;
}

.clock-icon-white::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");
}

.phone-icon-white::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
}

.inbox-icon-white::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3e%3c/path%3e%3cpolyline points='22,6 12,13 2,6'%3e%3c/polyline%3e%3c/svg%3e");
}

.address-icon-white::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-map-pin'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e");
}

.clock-icon-wheat::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECC083' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");
}

.phone-icon-wheat::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECC083' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
}

.inbox-icon-wheat::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECC083' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3e%3c/path%3e%3cpolyline points='22,6 12,13 2,6'%3e%3c/polyline%3e%3c/svg%3e");
}

.address-icon-wheat::before {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECC083' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-map-pin'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e");
}

.phone-icon {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23144242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
}

.inbox-icon {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23144242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3e%3c/path%3e%3cpolyline points='22,6 12,13 2,6'%3e%3c/polyline%3e%3c/svg%3e");
}

.address-icon {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23144242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-map-pin'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e");
}

/* Woo */

.product_meta {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    text-decoration: underline !important;
    font-size: 16px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #fff;
}

.product,
.type-product,
.product_cat-biobanking,
.product-type-simple {
    display: inline-block;
}

.product_meta .posted_in {
    font-weight: bold;
}

.product_meta .posted_in a {
    font-weight: normal !important;
}

.woocommerce-ordering,
.woocommerce-result-count {
    display: none !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: var(--emerald) !important;
    transition: var(--trans);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:hover {
    color: var(--wheat) !important;
    transition: var(--trans);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    color: var(--text) !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--emerald);
    color: var(--wheat);
}