[x-cloak] {
    display: none !important;
}

* {
    scroll-behavior: smooth;
    font-family: Quincycf, sans-serif, Roboto, sans-serif;
}

.font-fancy, .font-fancy * {
    font-family: Quincycf, sans-serif, Roboto, sans-serif !important;
}

.font-simple, .font-simple * {
    font-family: poppins, sans-serif, Quincycf, sans-serif, Roboto, sans-serif;
}


@media (max-width: 767px) {
    * {
        --p-size: 1.125rem;
        --rich-p-size: 1.0rem;
        --14-size: 0.75rem;
        --16-size: 0.85rem;
        --18-size: 1.125rem;
        --20-size: 1.25rem;
        --22-size: 1.35rem;
        --23-size: 1.125rem;
        --25-size: 1.16rem;
        --35-size: 1.45rem;
        --h3-size: 1.66rem;
        --h2-size: 1.86rem;
        --h1-size: 2.3rem;
        --larger-h2-size: 2rem;
    }

    .richtext ul {
        /*margin-left: 0.5rem;*/
    }

    .sm-bg-brown {
        background-color: #605947;
    }

    .w-header, .w-header-text {
        width: 90%
    }

    .sm-border-b {
        border-bottom: 1px solid white;
    }

    .content-image-padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .richtext li {
        font-size: 1.125rem;
        line-height: 1.3;
        padding-bottom:0.5rem;
    }

    .richtext p {
        font-size: 1.125rem;
        line-height: 1.3;
    }

    .ignore-br br{
        display: none;
    }

    .map-sm-textblock p{
        font-weight: 300;
        line-height: 1.4 !important;
    }

    .bg-half-dark-gray {
        background: linear-gradient(0deg, rgba(33, 33, 33, 1) 0%, rgba(33, 33, 33, 1) 70%, rgba(255, 255, 255, 1) 70%);
    }
}


@media (min-width: 768px) {
    * {
        --p-size: 1.125rem;
        --rich-p-size: 1.5rem;
        --14-size: 0.875rem;
        --16-size: 1.0rem;
        --18-size: 1.125rem;
        --20-size: 1.25rem;
        --22-size: 1.35rem;
        --25-size: 1.56rem;
        --35-size: 2.188rem;
        --h3-size: 2.5rem;
        --h2-size: 2.8rem;
        --h1-size: 3.43rem;
        --larger-h2-size: 5.3rem;
    }

    .bg-half-dark-gray {
        background: linear-gradient(0deg, rgba(33, 33, 33, 1) 0%, rgba(33, 33, 33, 1) 50%, rgba(255, 255, 255, 1) 50%);
    }

    .font-simple p {
        line-height: 1.7;
    }

    .richtext p {
        line-height: 1.7;
    }

    .richtext li {
        font-size: 1.125rem;
        line-height: 1.8;
    }

    .content-image-padding {
        padding-top: 15vh;
        padding-bottom: 28vh;
    }

    .richtext ul {
        /*margin-left: 3rem;*/
    }


    .w-header {
        width: 55%
    }

    .w-header-text {
        width: 45%;
    }

    .md\:text-20px {
        font-size: 20px;
    }

    .md\:text-40px {
        font-size: 40px;
    }

    .md\:min-h-80vh {
        min-height: 80vh;
    }

    .md\:h-70vh {
        min-height: 70vh;
    }

    .md\:h-60vh {
        min-height: 60vh;
    }

    .md\:h-video {
        min-height: 500px;
    }

}

.drop-shadow-custom {
    filter: drop-shadow(-15px 15px 20px rgba(0, 0, 0, 0.5));
}

.richtext a {
    color: #b2b100;
    text-decoration: underline;
}

.bg-dark-gray {
    background-color: #212121;
}

.font-simple p {
    font-size: var(--p-size);
}

.font-simple .text-18 {
    font-size: var(--18-size);
}

.font-simple .text-22 {
    font-size: var(--22-size);
}

.font-simple .text-25text-25, .font-simple .text-25 p {
    font-size: var(--25-size);
}

.font-simple .text-16, .font-simple .text-16 p {
    font-size: var(--16-size);
}

.text-18 {
    font-size: var(--18-size);
    /*font-size: 1.688rem;*/
}

.text-14, .text-14 *, .font-simple .text-14, .font-simple .text-14 * {
    font-size: var(--14-size);
}

.text-18px {
    font-size: var(--18-size);
}

.text-20{
    font-size: var(--20-size);
}

.text-22, .text-22 p {
    font-size: var(--22-size);
    /*font-size: 2rem;*/
}

.text-23, .text-23 p {
    font-size: var(--23-size);
    /*font-size: 2rem;*/
}

.text-25, .text-25 p {
    font-size: var(--25-size);
    /*font-size: 2.313rem;*/
}

.text-35, .text-35 p {
    font-size: var(--35-size);
}

.text-16, .text-16 p {
    /*font-size: 1.5rem;*/
    font-size: var(--16-size);
}

.h-fancy h1,
.h-fancy h2,
.h-fancy h3,
.h-fancy h4,
.h-fancy h5,
.h-fancy h6 {
    font-family: Quincycf, sans-serif, Roboto, sans-serif;
    color: #212121;
}

h1 {
    font-size: var(--h1-size);
    font-weight: 600;
    line-height: 1;
}

h2 {
    font-size: var(--h2-size);
    font-weight: 600;
    line-height: 1;
    /*line-height: 1.2;*/
}

h3 {
    font-size: var(--h3-size);
    font-weight: 600;
    line-height: 1.2;
}

p {
    font-size: var(--p-size);
    line-height: 1.2;
}

.richtext p {
    margin-bottom: var(--rich-p-size);
}

.larger-h2 {
    font-size: var(--larger-h2-size);
    line-height: 0.7;
}

.bg-brown {
    background-color: #605947;
}

.bg-olive {
    background-color: #b2b100;
}

.text-olive {
    color: #b2b100;
}

.text-brown {
    color: #605947;
}

.text-olive {
    color: #b2b100;
}

.w-screen-margin {
    width: calc(100vw - 12rem);
    margin-left: 6rem;
}

.bg-light-gray {
    background-color: #f1f1f1;
}

.text-light-white {
    color: #f1f1f1;
}

.custom-shadow {
    -webkit-box-shadow: 3px 4px 0px 1px rgba(96, 88, 70, 0.85);
    box-shadow: 3px 4px 0px 1px rgba(96, 88, 70, 0.85);
}

.max-h-0 {
    max-height: 0;
}

.border-t-white {
    border-top: 1px solid white;
}

.border-light-gray {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #8e9795;
}

@font-face {
    font-family: Quincycf;
    font-weight: 400;
    src: url("/assets/fonts/QuincyCF-Regular.woff2") format("woff2");
}

@font-face {
    font-family: Quincycf;
    font-weight: 500;
    src: url("/assets/fonts/QuincyCF-Medium.woff2") format("woff2");
}

@font-face {
    font-family: Quincycf;
    font-weight: 700;
    src: url("/assets/fonts/QuincyCF-Bold.woff2") format("woff2");
}

.text-dark-gray, .text-dark-gray p  {
    color: #212121;
}

.text-light-gray, .text-light-gray p {
    color: #5A5A5A;
}

.richtext ul {
    list-style: disc;
    list-style-position: outside;
    margin-left: 1.5rem;
}

.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.bg-brown {
    background-color: #605947;
}

.ml-1\/4 {
    margin-left: 25%;
}

.richtext strong {
    color: #585858;
}

.richtext * {
    font-family: poppins, sans-serif, Quincycf, sans-serif, Roboto, sans-serif;
}

.bg-brown {
    background-color: #605947;
}

.text-light-brown {
    color: #787264;
}

.border-light-gray {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #8e9795;
}

.force-word-break {
    word-spacing: 9999px;
}

.aspect-2\/1 {
    aspect-ratio: 2/1;
}

.simpleParallax{
    height: 100%;
}

[x-cloak] {
    display: none !important;
}

@media (min-width: 1280px) {
    .container-24 {
        width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1279px) {
    .container-24 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 940px) {
    .container-sm {
        width: 940px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 939px) {
    .container-sm {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .small-aspect {
        aspect-ratio: 16 / 9;
        width: 80%;
    }

    .small-aspect.aspect-noparallax {
        aspect-ratio: 18/9;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .small-aspect {
        aspect-ratio: 1/1;
        width: 100%;
    }
}