@media (max-width:767px) and (min-width:480px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="343a3d25-4c74-1619-f28b-814acf99812f"] {
        opacity: 0;
    }
}

@media (max-width:479px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="343a3d25-4c74-1619-f28b-814acf99812f"] {
        opacity: 0;
    }
}

.w-nav-link.w--current {
    color: #D8D9BC;
}

.about__slider .w-slider-arrow-left,
.about__slider .w-slider-arrow-right {
    display: none;
}

a {
    text-underline-offset: 5px;
    text-decoration-thickness: 0.5px;
}

.cc-utility {
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
}

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

.w-input[readonly] {
    background: rgba(216, 217, 188, 0.3);
}

/*Text Selection Color*/
::selection {
    background: #384933;
    color: #FFFCF2;
}

::-moz-selection {
    background: #384933;
    color: #FFFCF2;
}

/*Reset apple form styles*/
input,
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-image: none;
}

.our-facilities__slide-nav .w-slider-dot,
.customer-quotes__slider .w-slider-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.our-facilities__slide-nav .w-slider-dot.w-active,
.customer-quotes__slider .w-slider-dot.w-active {
    width: 1.9375rem !important;
    border-radius: 1rem !important;
}

.customer-quotes__slider .w-slider-dot {
    background-color: rgba(56, 73, 51, 0.3);
}

.customer-quotes__slider .w-slider-dot.w-active {
    background-color: rgba(56, 73, 51, 1);
}

.our-facilities__slide-nav .w-slider-dot,
.customer-quotes__slider .w-slider-dot {
    transition: all ease 0.3s !important;
}

.form__newsletter-submit::before {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2995_3163)'%3E%3Cpath d='M16.1679 10.4854C13.7121 12.8816 11.2779 15.2565 8.8521 17.6237C9.32965 18.0895 9.80049 18.5487 10.2638 19.0005C13.5015 15.8409 16.7532 12.6675 20 9.49904C16.7601 6.33774 13.5098 3.16603 10.2658 0.000488281C9.80089 0.454166 9.33024 0.913622 8.85585 1.37654C11.2835 3.74507 13.7196 6.12187 16.1555 8.49868C16.1521 8.50638 16.1488 8.51428 16.1454 8.52198H0V10.4855H16.1679V10.4854Z' fill='%23384933'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2995_3163'%3E%3Crect width='20' height='19' fill='white' transform='matrix(1 0 0 -1 0 19)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    display: block;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.nav {
    transition: all 0.5s ease;
}

.w-nav-overlay {
    top: 0 !important;
    border-radius: 16px;
    overflow: hidden;
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (max-width: 568px) {
    .w-nav-overlay {
        top: 0 !important;
        border-radius: 0px 0px 16px 16px;
        overflow: hidden;
    }

    .nav {
        margin-top: 0px !important;
    }
}

/* You can apply your own color! 
    --main-light-color is the light grey, 
    --main-dark-color is the text
    --main-active-color is the highlight */
:root {
    --main-light-color: rgba(216, 217, 188, 1);
    --secondary-light-color: rgba(216, 217, 188, 0.3);
    --main-dark-color: rgba(56, 73, 51, 1);
    --main-active-color: #384933;
}

.datepicker-dropdown {
    border-radius: 8px !important;
    border: 0 !important;
    -webkit-box-shadow: 0px 48px 88px rgba(23, 9, 54, 0.08);
    box-shadow: 0px 48px 88px rgba(23, 9, 54, 0.08);
    box-sizing: border-box;
}

.datepicker-panel>ul[data-view="week"]>li {
    background-color: var(--secondary-light-color);
    color: var(--main-dark-color);
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    height: initial;
    padding-top: 3px;
    margin-bottom: 4px;
}

.datepicker-panel>ul[data-view="week"]>li:hover {
    background-color: var(--secondary-light-color);
    color: var(--main-dark-color);
    border-radius: 0px;
}

.datepicker-panel>ul[data-view="week"] li:first-child {
    border-radius: 20px 0 0 20px;
}

.datepicker-panel>ul[data-view="week"] li:last-child {
    border-radius: 0 20px 20px 0;
}

.datepicker-top-left::before,
.datepicker-top-left::after {
    display: none;
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.highlighted,
.datepicker-panel>ul>li.picked:hover {
    color: var(--main-active-color);
    background: var(--main-light-color);
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}

li[data-view="month current"],
li[data-view="year current"] {
    text-align: left;
    color: var(--main-dark-color);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    padding-left: 15px;
    border-radius: 10px;
}

.datepicker-panel>ul>li:hover {
    background: var(--secondary-light-color);
    border-radius: 10px;
}

li[data-view="month current"],
li[data-view="year current"],
li[data-view="years current"] {
    margin-bottom: 4px !important;
}

.datepicker-panel>ul>li.highlighted {
    background: var(--secondary-light-color);
}

.datepicker-panel>ul>li.highlighted:hover {
    background: var(--secondary-light-color);
}

@media screen and (min-width: 768px) {
    .datepicker-dropdown {
        width: 364px;
        padding: 12px;
    }

    .datepicker-panel>ul>li {
        width: 48px;
        height: 48px;
        padding-top: 10px;
    }

    li[data-view="month next"],
    li[data-view="year next"],
    li[data-view="years next"] {
        position: absolute;
        right: 18px
    }

    li[data-view="month prev"],
    li[data-view="year prev"],
    li[data-view="years prev"] {
        position: absolute;
        right: 66px
    }

    ul[data-view="months"] li,
    ul[data-view="years"] li {
        padding-top: 0px;
        width: 57px !important;
    }
}

@media screen and (max-width: 768px) {
    .datepicker-panel {
        transform: scale(0.97);
    }
}