/* || Header */
    
    @import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
    .region-content {
        padding: 0;
    }
    
    header[role="banner"] {
        z-index: 99;
        position: sticky;
        top: -1px;
    }
    
    #site-header:not(.sticky):not(.menu-open) .navbar-brand svg path,
    #site-header:not(.sticky):not(.menu-open) .navbar-brand svg polygon {
        fill: #FFF !important;
    }
    
    .main-nav.sticky {
        background: #fff;
        color: var(--primaryGreen);
    }
    
    .main-nav.sticky #block-b5vagrown-branding img {
        content: url(/sites/vagrown/files/VA_Grown_Logo_Main_Full_Color.png);
    }
    
    .main-nav.sticky #block-b5vagrown-mainnavigation a.nav-link {
        color: var(--primaryGreen);
        text-shadow: unset;
    }
    
    .main {
        position: relative;
        top: -142px;
    }
    
    header .navbar {
        margin: 0 116px;
    }
    
    #block-b5vagrown-mainnavigation a.nav-link {
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        padding-left: 1rem;
        padding-right: 1rem;
        text-shadow: 0 0 6px rgba(0, 0, 0, .7);
    }
    
    .main-nav.sticky #block-b5vagrown-mainnavigation a.nav-link:hover {
        color: var(--bs-nav-link-hover-color);
    }
    
    @media (max-width: 1307px) {
        header .navbar {
            margin-left: 57px;
            margin-right: 57px;
        }
    }
    
    @media (max-width: 1188px) {
        header .navbar {
            margin: unset;
        }
    }
    
    #block-b5vagrown-branding {
        height: 126px;
    }
    
    .navbar-brand img {
        height: 89px;
    }
    /* SLIDER STYLES */
    
    .hero-slide {
        position: relative;
        padding: 35px 0;
        background-color: var(--primaryBlue);
    }
    
    .hero-bg {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .hero-bg img {
        object-fit: cover;
        max-height: 100%;
        height: 100%;
        width: 100%;
    }
    
    .hero-slide .container {
        padding: 75px 65px;
        position: relative;
        z-index: 4;
        min-height: 460px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
    }
    
    .hero-slide .h1 {
        font-family: 'Fira Sans';
        /* font-size: 56px; */
        position: relative;
        left: 0;
        right: 0;
        /* bottom: 40px; */
        text-align: center;
        color: #fff;
    }
    
    .hero-slide .title {
        color: #fff;
        line-height: 0.96;
        margin-bottom: 1rem;
    }
    
    .hero-bg::before {
        content: "";
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 2;
        background: rgba(0, 0, 0, 0.24);
        mix-blend-mode: hard-light;
    }
    
    .slick-dots {
        bottom: 25px;
    }
    
    .slick-dots li button:before {
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: 1;
        /* color: #fff; */
        color: transparent;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: solid 2px #fff;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0);
        overflow: hidden
    }
    
    .slick-dots li.slick-active button:before {
        /* opacity: .75; */
        background-color: #fff;
    }
    
    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: transparent;
    }
    
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    
    .hero-bg .cta-btn-title {
        margin-bottom: 1rem;
    }
    /* CALLOUT STYLES */
    
    .row.g-0 {
        margin: unset;
        padding-left: 0;
        padding-right: 0;
        --bs-gutter-x: 0;
    }
    
    .callout.one-col .item .card {
        min-height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: transparent;
    }
    
    .callout .items {
        margin-bottom: 0;
    }
    
    .callout .item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    .callout.one-col .item {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    .callout .item .card {
        flex-direction: row;
        border: none;
        border-radius: var(--borderRadius);
        overflow: hidden;
        min-height: 400px;
    }
    
    .callout .item.reverse .card {
        flex-direction: row-reverse;
    }
    
    .callout .item .card .image {
        position: relative;
        width: 40%;
    }
    
    .callout .item .card .video {
        position: relative;
        width: 40%;
        display: flex;
        align-items: center;
    }
    
    .callout .item .card .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }
    
    .callout .item .card-body {
        position: relative;
        width: 60%;
        padding: 120px 60px;
        /* max-width: 590px; */
        margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    #directoryTabs .card {
        background-color: #FFF;
        --bs-card-spacer-y: 2rem;
        --bs-card-spacer-x: 2.5rem;
        --bs-card-border-width: 0;
        --bs-card-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
        --bs-card-border-radius: var(--bs-border-radius-lg);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    }
    
    #directoryTabs .item {
        margin-bottom: var(--bs-gutter-x);
    }
    
    #directoryTabs .item .card-body {
        /* position: relative; */
        width: 100%;
        padding: 40px 50px;
        /* max-width: 590px; */
        /* margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0; */
    }
    /* .btn-filter-reset-container {
    display: none;
} */
    
    .btn-filter-reset {
        border: none;
    }
    /*
.filters-nav {
    display: none;
} */
    /* .result-count {
    display: none;
} */
    /* .dropdown-menu-inner .nav.location {
    display: flex;
}
*/
    
    ul.nav.location {
        column-count: 1;
    }
    
    ul.nav.location a.nav-link:hover,
    ul.nav.location a.nav-link:focus {
        color: var(--bs-nav-link-color);
    }
    
    ul.nav.location .dropdown-menu {
        position: relative;
    }
    
    ul.nav.location .nav-link.dropdown-toggle {
        justify-content: unset;
    }
    
    li.nav-item.apply-selection .nav-link {
        background-color: var(--bs-secondary);
        color: #fff;
        max-width: 214px;
    }
    
    li.nav-item.apply-selection .nav-link:hover {
        background-color: var(--bs-secondary-bg-subtle);
        color: var(--bs-primary);
    }
    
    .region-locations {
        column-count: 3;
        list-style-type: none;
    }
    
    .noCertificationTypes,
    .noAbout,
    .noEmail,
    .noPhone,
    .noWebsite,
    .noBusinessTypes,
    .noContact {
        display: none;
    }
    
    ul.businessTypes {
        flex-wrap: wrap;
    }
    
    ul.businessTypes li {
        margin-bottom: 4px;
    }
    
    .mmd-search-submit .spinner-border {
        display: none;
        margin-left: 0.5rem;
        --bs-spinner-vertical-align: unset;
    }
    
    .callout .item .card-body .card-text {
        max-width: 80%;
    }
    
    .callout .item .card-body .btn,
    .callout.one-col .item .card .btn {
        margin: 0;
        width: fit-content;
        min-width: 200px;
    }
    
    .callout.one-col .item .card .btn {
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    
    .callout .item .card>.list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .collapse:not(.show) {
        display: none;
    }
    
    #site-footer {
        button {
            border: none;
            color: var(--bs-heading-color);
        }
    }
    
    footer {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    footer .region-footer {
        padding: 0 80px 2rem;
    }
    
    footer .region-footer .text-formatted img {
        width: 100%;
        height: auto;
        max-width: 213px;
        max-height: 86px
    }
    /* @media (min-width: 1296px) {
    footer .region-footer {
        padding: 0 80px;
    }
} */
    
    footer>.container-fluid {
        padding: 0;
    }
    
    footer .region-footer {
        padding: 2rem 120px;
    }
    
    footer .nav-item .nav-link:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    
    .footer-bottom {
        padding: 0 120px;
    }
    
    .footer-bottom a.nav-link {
        text-decoration: none;
    }
    
    .footer-bottom a.nav-link:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    
    #views-exposed-form-whats-in-season-block-1 label {
        font-weight: 700;
        margin-bottom: 0.5rem;
    }
    
    #views-exposed-form-whats-in-season-block-1 .form--inline {
        display: flex;
    }
    
    #edit-submit-whats-in-season {
        display: block;
    }
    
    .button-spacer {
        display: block;
    }
    
    .season-item.card {
        border-radius: 5px;
        display: block;
        background-color: transparent;
    }
    
    .season-container {
        background: var(--bs-light);
        padding-bottom: 40px;
    }
    
    .season-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .season-item-link {
        /* display: block; */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
    }
    
    .season-description {
        text-align: center;
        padding: 40px;
    }
    
    .season-item-link:hover~.season-item-title {
        background-color: var(--bs-primary);
        color: #fff;
    }
    
    .season-item-title {
        text-align: center;
        position: relative;
        background: rgba(255, 255, 255, 0.8);
        bottom: 69px;
        left: 0;
        right: 0;
        padding: 0.8rem;
        transition: all 200ms 200ms;
    }
    
    .season-image {
        /* background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 239px;
    width: 100%; */
        width: 100%;
        height: 100%;
        max-height: 352px;
        object-fit: cover;
        /* position: absolute; */
    }
    
    #directoryFilters .navbar-nav .dropdown-menu.show:not(.region) {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    }
    
    #directoryFilters .navbar-nav a.nav-link:disabled {
        color: #eaeaea;
    }
    /* CONTACT FORM */
    
    .webform-submission-contact-form .form-item {
        font-weight: bold;
        text-align: left;
    }
    
    @media (max-width: 1380px) {
        footer .region-footer {
            padding: 2rem 80px;
        }
        footer .footer-bottom {
            padding: 0 80px;
        }
    }
    
    @media (max-width: 1199px) {
        #directoryFilters .navbar-nav {
            gap: 1rem !important;
        }
        footer .region-footer {
            padding: 2rem 25px;
        }
        footer .footer-bottom {
            padding: 0 25px;
        }
    }
    
    @media (max-width: 1075px) {
        #block-b5vagrown-mainnavigation a.nav-link {
            padding-left: 0;
            padding-right: 1rem;
        }
        .navbar-brand img {
            height: 74px;
        }
        #directoryFilters .nav-link {
            padding-left: 0;
            padding-right: 0;
        }
    }
    
    @media (max-width: 991px) {
        .hero-slide {
            height: 460px;
        }
        .hero-slide .h1 {
            bottom: 100px;
        }
        .container {
            --bs-gutter-x: none;
        }
        .main-nav.menu-open {
            background: #fff;
            padding-bottom: 1rem;
        }
        .main-nav li.nav-item {
            border-bottom: 1px solid var(--bs-secondary);
        }
        .main-nav #block-b5vagrown-mainnavigation a.nav-link {
            color: var(--bs-secondary);
            text-shadow: none;
            text-align: center;
        }
        #site-header .navbar .nav-link:not(.active) {
            text-shadow: none!important;
        }
        #directoryFilters .navbar-nav {
            gap: 0rem !important;
        }
        .clear-all-filters {
            text-align: left;
        }
        #directoryFilters .navbar-nav .dropdown-menu.show {
            box-shadow: unset;
        }
        /* .main-nav .collapse:not(show) {}

.main-nav .collapse.show li.nav-item {
    border-bottom: 1px solid var(--bs-secondary);
}

.main-nav .collapse.show li.nav-item .nav-link {
    color: var(--bs-secondary);
} */
    }
    
    @media (max-width: 767px) {
        .region-locations {
            column-count: 1;
        }
        footer {
            padding-top: 0;
        }
        .callout .item .card,
        .callout .item.reverse .card {
            flex-direction: column;
        }
        .callout .item .card .image {
            width: 100%;
            height: 240px;
        }
        .callout .item.reverse .card .image::before,
        .callout .item .card .image::before {
            background: unset;
        }
        .callout .item .card-body {
            width: 100%;
            padding: 30px;
        }
        .callout .item .card-body .btn {
            margin: 0 auto;
        }
        .callout .item .card-body .card-text {
            max-width: 100%;
        }
        footer .footer-bottom .footer-copyright {
            text-align: center;
        }
        .hero-slide .container {
            min-height: 360px;
        }
        .hero-slide {
            height: 391px;
        }
        .hero-slide .h1 {
            position: relative;
            top: 0;
            font-size: 48px;
        }
        .container {
            max-width: none;
        }
        .season-item-title {
            bottom: 67px;
        }
    }
    
    @media (min-width: 576px) {
        .container {
            max-width: none;
        }
    }
    
    @media (max-width: 475px) {
        .season-item-title {
            bottom: 65px;
        }
    }
    
    @media (max-width: 441px) {
        .hero-slide .h1 {
            position: relative;
            top: 0;
            font-size: 42px;
        }
        .hero-slide .cta-btn-title a {
            font-size: 1rem;
        }
    }
    
    @media (max-width: 372px) {
        .hero-slide .cta-btn-title a {
            font-size: 20px;
        }
    }
    
    body #site-header.four-xx,
    body.path-enter #site-header.navbar,
    body.path-user #site-header.navbar {
        background-color: #FFF;
        --bs-navbar-active-color: var(--bs-secondary);
    }
    
    #site-header.four-xx #block-b5vagrown-mainnavigation a.nav-link,
    body.path-enter .main-nav #block-b5vagrown-mainnavigation a.nav-link,
    body.path-user .main-nav #block-b5vagrown-mainnavigation a.nav-link {
        color: var(--primaryGreen);
        text-shadow: unset !important;
    }
    
    body #site-header.four-xx #block-b5vagrown-branding img,
    body.path-enter .main-nav #block-b5vagrown-branding img,
    body.path-user .main-nav #block-b5vagrown-branding img {
        content: url(/sites/vagrown/files/VA_Grown_Logo_Main_Full_Color.png) !important;
    }
    
    body #site-header.four-xx .navbar-brand svg path.st0,
    body #site-header.four-xx .navbar-brand svg polygon.st0,
    body.path-enter #site-header .navbar-brand svg path.st0,
    body.path-enter #site-header .navbar-brand svg polygon.st0,
    body.path-user #site-header .navbar-brand svg path.st0,
    body.path-user #site-header .navbar-brand svg polygon.st0 {
        fill: #1E8742 !important;
    }
    
    body #site-header.four-xx .navbar-brand svg path.st1,
    body #site-header.four-xx .navbar-brand svg polygon.st1,
    body.path-enter #site-header .navbar-brand svg path.st1,
    body.path-enter #site-header .navbar-brand svg polygon.st1,
    body.path-user #site-header .navbar-brand svg path.st1,
    body.path-user #site-header .navbar-brand svg polygon.st1 {
        fill: #218742 !important;
    }
    
    body #site-header.four-xx .navbar-brand svg path.st2,
    body #site-header.four-xx .navbar-brand svg polygon.st1,
    body.path-enter #site-header .navbar-brand svg path.st2,
    body.path-enter #site-header .navbar-brand svg polygon.st2,
    body.path-user #site-header .navbar-brand svg path.st2,
    body.path-user #site-header .navbar-brand svg polygon.st2 {
        fill: #A8D05D !important;
    }
    
    .main.no-hero {
        top: unset !important;
    }
    
    svg.tel {
        width: 20px;
        height: 20px;
        fill: #36213E;
    }
    
    .views-field.views-field-field-seasonal-item-image,
    .views-field.views-field-field-seasonal-item-image .field-content {
        height: 100%;
    }
    
    .views-field.views-field-field-seasonal-item-image .field-content .image-style-webp {
        width: 100%;
        height: 100%;
        max-height: 352px;
        object-fit: cover;
    }
    
    #search-container .pagination {
        display: none;
        margin-bottom: 0;
    }
    
    .page-selector {
        position: relative;
        /* display: block; */
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: var(--bs-pagination-color);
        text-decoration: none;
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    
    .page-link {
        height: 100%;
    }
    /* KEEPING THE CONTENT MODERATION FORM ON TOP OF THE HERO IMAGES */
    
    .container:has(form.content-moderation-entity-moderation-form) {
        position: relative;
        z-index: 99;
    }