:root {
    --primary-rgb: 24, 84, 68;
    --secondary-rgb: 226, 168, 62;
    --primary-color: rgb(var(--primary-rgb));
    --primary-border: rgb(var(--primary-rgb));
    --customer-primary: #185444;
    --customer-primary-dark: #123f33;
    --customer-secondary: #e2a83e;
    --customer-header-image: url("ffh_header2020.png");
    --customer-header-height: 173px;
    --customer-header-image-height: 133px;
    --customer-header-max-width: 1180px;
}

.landing-body .section-bg {
    background-color: rgb(153, 204, 0);
}

div.container {
    background-color: #ffffff !important;
    padding: 10px;
}

.app-header.customer-header {
    display: none !important;
}

.landing-banner,
.landing-banner.bg-primary {
    position: relative !important;
    isolation: isolate !important;
    min-height: var(--customer-header-height) !important;
    height: var(--customer-header-height) !important;
    max-height: var(--customer-header-height) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-color: #ffff00 !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.landing-banner::before,
.landing-banner::after,
.landing-banner.bg-primary::before,
.landing-banner.bg-primary::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
    background-image: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.landing-banner *,
.landing-banner.bg-primary * {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.landing-banner .section,
.landing-banner section.section {
    min-height: var(--customer-header-height) !important;
    height: var(--customer-header-height) !important;
    max-height: var(--customer-header-height) !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

.landing-banner .main-banner-container {
    height: var(--customer-header-image-height) !important;
    min-height: var(--customer-header-image-height) !important;
    max-height: var(--customer-header-image-height) !important;
    max-width: var(--customer-header-max-width) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background-color: transparent !important;
    background-image: var(--customer-header-image) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto auto !important;
    overflow: hidden !important;
}

.landing-banner-heading {
    color: #ffffff !important;
}

.landing-banner-heading .text-secondary {
    color: #e2a83e !important;
}

.btn-primary {
    background-color: #185444 !important;
    border-color: #185444 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #123f33 !important;
    border-color: #123f33 !important;
    color: #ffffff !important;
}

.btn-light {
    background-color: #f4f6f5 !important;
    border-color: #dfe7e3 !important;
    color: #185444 !important;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    background-color: #e8efeb !important;
    border-color: #d0ddd6 !important;
    color: #123f33 !important;
}

a {
    color: #185444;
}

a:hover {
    color: #123f33;
}

.badge-soft {
    background-color: rgba(24, 84, 68, 0.12) !important;
    color: #185444 !important;
}

.text-bg-secondary,
.badge.text-bg-secondary {
    background-color: #e2a83e !important;
    color: #212529 !important;
}

.card-hover:hover {
    border-color: rgba(24, 84, 68, 0.35) !important;
}

.price {
    color: #185444 !important;
}

.accordion-primary .accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) {
    color: #185444 !important;
    background-color: rgba(24, 84, 68, 0.08) !important;
}

.accordion-button:focus {
    border-color: rgba(24, 84, 68, 0.35) !important;
    box-shadow: 0 0 0 0.25rem rgba(24, 84, 68, 0.15) !important;
}

.page-item.active .page-link {
    background-color: #185444 !important;
    border-color: #185444 !important;
    color: #ffffff !important;
}

.page-link {
    color: #185444;
}

.page-link:hover {
    color: #123f33;
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(24, 84, 68, 0.45) !important;
    box-shadow: 0 0 0 0.25rem rgba(24, 84, 68, 0.15) !important;
}

.footer {
    border-top: 1px solid rgba(24, 84, 68, 0.12);
}

@media (max-width: 991.98px) {
    :root {
        --customer-header-height: 210px;
        --customer-header-image-height: 190px;
    }

    .landing-banner .main-banner-container {
        max-width: calc(100% - 2rem) !important;
        background-size: contain !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --customer-header-height: 160px;
        --customer-header-image-height: 140px;
    }

    .landing-banner .main-banner-container {
        max-width: calc(100% - 1.5rem) !important;
        background-size: contain !important;
    }

    .landing-banner-heading {
        font-size: 1.5rem !important;
    }
}