:root {
    --bs-primary: #01655d;
    --bs-primary-dark: #004D46;
    --bs-primary-light: #1fb4a5;
    --bs-link-color: #09b147;
    --bs-gold: #a3892b;
    --bs-text-gray: #6e6e6e;
    
}

/* BACKGROUND */
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-primary-light { background-color: var(--bs-primary-light) !important; }
.bg-gold { background-color: var(--bs-gold) !important; }
.bg-gray { background-color: var(--bs-text-gray) !important; }

/* TEXT */
.text-primary { color: var(--bs-primary) !important; }
.text-primary-light { color: var(--bs-primary-light) !important; }
.text-gray { color: var(--bs-text-gray) !important; }
.text-gold { color: var(--bs-gold) !important; }
a { color: var(--bs-link-color); }

/* BORDERS */
.border-primary { border-color: var(--bs-primary) !important; }
.border-primary-light { border-color: var(--bs-primary-light) !important; }
.border-gold { border-color: var(--bs-gold) !important; }

/* BUTTONS */
.btn.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.btn.btn-primary img {
    filter: invert(1) brightness(1.5);
}

/* HEADER */
.header-top {
    background-color: var(--bs-primary);
}
.header-middle .search-box .btn[type="submit"] svg path {
    fill: #fff;
}
.header .custom-logo-link {
    width: 170px;
}
@media (width < 365px) {
    .header .custom-logo-link {
        width: 120px;
    }
}
@media (width > 576px) {
    .header-middle {
        height: 70px;
    }
    .header .custom-logo-link {
        width: 180px;
    }
}
@media (width > 992px) {
    .header-middle {
        height: 100px;
    }
    .header .custom-logo-link {
        width: 250px;
    }
}
@media (width > 1200px) {
    .header-middle {
        height: 80px;
    }
    .header .custom-logo-link {
        width: 210px;
    }
}
@media (width > 1460px) {
    .header-top {
        height: 40px;
    }
    .header-middle {
        height: 120px;
    }
    .header .custom-logo-link {
        width: 270px;
    }
}
/* HERO */
.section-hero .heading-block-footer .btn {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
@media (width < 768px) {
    .site-header + main > section:first-of-type.section-hero,
    .site-header + section.section-hero {
        padding-top: 100px !important;
    }
}

/* FOOTER */
@media (width >= 1460px) {
    .footer__links-container {
        flex-wrap: nowrap;
    }
}