/* --- START ROOT --- */
/* In Elementor, you may need to manually add semicolons at end of clamp values */

:root {
    --c-turquoise: #02e9f3;
    --c-steel: #364963;
    --c-charcoal: #212121;
    --c-off-black: #0a0b0b;
    --c-off-white: #f5f5f5;
    --c-none: #00000000;
    --c-b90: #000000e6;
    --c-b75: #000000bf;
    --c-b50: #00000080;
    --c-b25: #00000040;
    --c-w75: #000000bf;
    --c-w50: #00000080;
    --c-w25: #00000040;
    --ff-primary: transducer-extended;
    --f-secondary: inter;
    --transition-1: all 0.75s ease;
    --transition-2: all 0.4s cubic-bezier(0.6, 0, 0.2, 1);
    --lh-micro: 0.8;
    --ls-micro: -0.03em;
    --fs-xs: clamp(0.75rem, 0.17vw + 0.75rem, 0.875rem);
    --lh-xs: .85;
    --ls-xs: -0.025em;
    --fs-sm: clamp(0.875rem, 0.2vw + 0.75rem, 1rem);
    --lh-sm: .925;
    --ls-sm: -0.02em;
    --fs-jr: clamp(15px, 0.27vw + 0.813rem, 1.125rem);
    --lh-jr: 1;
    --ls-jr: -0.015em;
    --fs-base: clamp(1rem, 0.34vw + 0.875rem, 1.25rem);
    --lh-base: 1.2;
    --fs-reg: clamp(1.125rem, 0.42vw + 1rem, 1.438rem);
    --lh-reg: 1.3;
    --ls-reg: 0.025em;
    --fs-md: clamp(1.3rem, 0.6vw + 1.07rem, 1.563rem);
    --lh-md: 1.4;
    --ls-md: .05em;
    --fs-bulky: clamp(1.45rem, 0.8vw + 1.2rem, 2.025rem);
    --ls-bulky: 0.075em;
    --fs-lg: clamp(1.6rem, 1.05vw + 1.3rem, 2.5rem);
    --lh-lg: 1.5;
    --ls-lg: 0.1em;
    --fs-xl: clamp(1.75rem, 1.5vw + 1.5rem, 3.5rem);
    --lh-xl: 1.6;
    --ls-xl: 0.15em;
    --fs-xxl: clamp(2.125rem, 2vw + 2rem, 6.25rem);
    --lh-xxl: 1.7;
    --ls-xxl: 0.25em;
    --fs-xxxl: clamp(3rem, 3vw + 2.625rem, 7.5rem);
    --lh-xxxl: 2;
    --ls-xxxl: 0.5em;
    --fs-mega: clamp(4rem, 4vw + 3rem, 9rem);
    --lh-mega: 2.2;
    --ls-mega: 0.75em;
    --fs-garg: clamp(3.5rem, 6vw + 6rem, 20rem);
    --lh-ul: 2.2;
    --r-sp-xs: clamp(3px, 0.17vw + 3px, 5px);
    --r-sp-sm: clamp(5px, 0.17vw + 5px, 10px);
    --r-sp-jr: clamp(7px, 0.25vw + 7px, 15px);
    --r-sp-base: clamp(10px, 0.34vw + 10px, 20px);
    --r-sp-reg: clamp(15px, 0.42vw + 15px, 30px);
    --r-sp-md: clamp(20px, 0.5vw + 20px, 40px);
    --r-sp-lg: clamp(40px, 1vw + 40px, 80px);
    --r-sp-xl: clamp(80px, 1.5vw + 80px, 120px);
    --r-sp-xxl: clamp(120px, 2vw + 120px, 180px);
    --r-sp-xxxl: clamp(160px, 3vw + 160px, 240px);
    --r-w-xs: clamp(150px, 0.2vw + 150px, 300px);
    --r-w-sm: clamp(200px, 0.22vw + 200px, 400px);
    --r-w-base: clamp(260px, 0.24vw + 260px, 520px);
    --r-w-reg: clamp(300px, 0.25vw + 300px, 600px);
    --r-w-md: clamp(340px, 0.26vw + 340px, 680px);
    --r-w-lg: clamp(440px, 0.29vw + 440px, 880px);
    --r-w-xl: clamp(540px, 0.31vw + 540px, 1080px);
    --r-w-xxl: clamp(640px, 0.33vw + 640px, 1280px);
    --r-w-xxxl: clamp(960px, 0.4vw + 960px, 1580px);
    --sp-xs: 5px;
    --sp-sm: 10px;
    --sp-jr: 15px;
    --sp-base: 20px;
    --sp-reg: 30px;
    --sp-md: 40px;
    --sp-lg: 80px;
    --sp-xl: 120px;
    --sp-xxl: 160px;
    --sp-xxxl: 240px;
}

/* START Breakpoint root directories */
/* DESKTOP */
@media (min-width: 1201px) {
    :root {
        --b-w-xs: 300px;
        --b-w-sm: 385px;
        --b-w-base: 520px;
        --b-w-md: 790px;
        --b-w-lg: 1060px;
        --b-w-xl: 1195px;
        --b-w-xxl: 1276px;
    }
}

/* TABLET */
@media (min-width: 801px) and (max-width: 1200px) {
    :root {
        --b-w-xs: 228px;
        --b-w-sm: 289px;
        --b-w-base: 390px;
        --b-w-md: 593px;
        --b-w-lg: 795px;
        --b-w-xl: 896px;
        --b-w-xxl: 957px;
    }
}

/* MOBILE */
@media (max-width: 800px) {
    :root {
        --b-w-xs: 152px;
        --b-w-sm: 192px;
        --b-w-base: 260px;
        --b-w-md: 395px;
        --b-w-lg: 530px;
        --b-w-xl: 598px;
        --b-w-xxl: 638px;
    }
}

html {
    font-family: Inter;
}

/* Remove space at the bottom of Elementor Paragraph Widget */
.pz p{
    margin-bottom: 0px !important;
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

@media (min-width: 1201px) {
    .visuallyhidden-d {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
    }
}

/* TABLET ONLY */
@media (min-width: 801px) and (max-width: 1200px) {
    .visuallyhidden-t {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
    }
}

/* MOBILE ONLY */
@media (max-width: 800px) {
    .visuallyhidden-m {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
        clip-path: inset(0px 0px 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
    }
}

/* --- START JC CSS RESET CODE --- */

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
    html {
        interpolate-size: allow-keywords;
    }
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
    font: inherit;
}

/* 8. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    hyphens: auto;
}

/* 9. Improve line wrapping */
p {
    text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/* --- END JC CSS --- */

/* --- START Alignment & Width classes --- */
.lh-micro {
    line-height: var(--lh-micro);
}

.lh-xs {
    line-height: var(--lh-xs);
}

.lh-sm {
    line-height: var(--lh-sm);
}

.lh-jr {
    line-height: var(--lh-jr);
}

.lh-base {
    line-height: var(--lh-base);
}

.lh-reg {
    line-height: var(--lh-reg);
}

.lh-md {
    line-height: var(--lh-md);
}

.lh-lg {
    line-height: var(--lh-lg);
}

.lh-xl {
    line-height: var(--lh-xl);
}

.lh-xxl {
    line-height: var(--lh-xxl);
}

.lh-xxxl {
    line-height: var(--lh-xxxl);
}

.lh-mega {
    line-height: var(--lh-mega);
}

/* START class to shrink containers to content-width */
.fit-content {
    width: fit-content;
}

.wfc {
    width: fit-content;
}

@media (min-width: 1201px) {
    .fit-content-d {
        width: fit-content;
    }

    .wfc-d {
        width: fit-content;
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .fit-content-t {
        width: fit-content;
    }

    .wfc-t {
        width: fit-content;
    }
}

@media (max-width: 800px) {
    .fit-content-m {
        width: fit-content;
    }

    .wfc-m {
        width: fit-content;
    }
}

/*START classes to set container width for fractions with endless remainder values (like 1/3, 2/3, etc) */
.one-third {
    width: calc(100% / 3);
}

.two-thirds {
    width: calc((100% / 3)*2);
}

@media (min-width: 1201px) {
    .one-third-d {
        width: calc(100% / 3);
    }

    .two-thirds-d {
        width: calc((100% / 3)*2);
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .one-third-t {
        width: calc(100% / 3);
    }

    .two-thirds-t {
        width: calc((100% / 3)*2);
    }
}

@media (max-width: 800px) {
    .one-third-m {
        width: calc(100% / 3);
    }

    .two-thirds-m {
        width: calc((100% / 3)*2);
    }
}

/*START class to set container to certain aspect ratios */
.ar1 {
    aspect-ratio: 1;
}

.arws {
    aspect-ratio: 16 / 9;
}

.ar169 {
    aspect-ratio: 16 / 9;
}

.ar45 {
    aspect-ratio: 4 / 5;
}

@media (min-width: 1201px) {
    .ar1-d {
        aspect-ratio: 1;
    }

    .arws-d {
        aspect-ratio: 16 / 9;
    }

    .ar169-d {
        aspect-ratio: 16 / 9;
    }

    .ar45-d {
        aspect-ratio: 4 / 5;
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .ar1-t {
        aspect-ratio: 1;
    }

    .arws-t {
        aspect-ratio: 16 / 9;
    }

    .ar169-t {
        aspect-ratio: 16 / 9;
    }

    .ar45-t {
        aspect-ratio: 4 / 5;
    }
}

@media (max-width: 800px) {
    .ar1-m {
        aspect-ratio: 1;
    }

    .arws-m {
        aspect-ratio: 16 / 9;
    }

    .ar169-m {
        aspect-ratio: 16 / 9;
    }

    .ar45-m {
        aspect-ratio: 4 / 5;
    }
}

/*START Absolute center - Set parent to RELATIVE */
.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 1201px) {
    .absolute-center-d {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .absolute-center-t {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 800px) {
    .absolute-center-m {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Start quick classes for alignment */
.js-c {
    justify-self: center;
}

.jc-c {
    justify-content: center;
}

.ji-c {
    justify-items: center;
}

.as-c {
    align-self: center;
}

.ac-c {
    align-content: center;
}

.ai-c {
    align-items: center;
}

/* START Width classes */
.mwfc-center {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.mwfc {
    max-width: fit-content;
}

.minwfc {
    min-width: fit-content;
}

.hfc {
    height: fit-content;
}

.mhfc {
    max-height: fit-content;
}

.minhfc {
    min-height: fit-content;
}

.bsbb {
    box-sizing: border-box;
}

.sideways-lr {
    writing-mode: sideways-lr;
}

@media (min-width: 1201px) {
    .mwfc-center-d {
        max-width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .mwfc-d {
        max-width: fit-content;
    }

    .minwfc-d {
        min-width: fit-content;
    }

    .hfc-d {
        height: fit-content;
    }

    .mhfc-d {
        max-height: fit-content;
    }

    .minhfc-d {
        min-height: fit-content;
    }

    .bsbb-d {
        box-sizing: border-box;
    }

    .sideways-lr-d {
        writing-mode: sideways-lr;
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .mwfc-center-t {
        max-width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .mwfc-t {
        max-width: fit-content;
    }

    .minwfc-t {
        min-width: fit-content;
    }

    .hfc-t {
        height: fit-content;
    }

    .mhfc-t {
        max-height: fit-content;
    }

    .minhfc-t {
        min-height: fit-content;
    }

    .bsbb-t {
        box-sizing: border-box;
    }

    .sideways-lr-t {
        writing-mode: sideways-lr;
    }
}

@media (max-width: 800px) {
    .mwfc-center-m {
        max-width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .mwfc-m {
        max-width: fit-content;
    }

    .minwfc-m {
        min-width: fit-content;
    }

    .hfc-m {
        height: fit-content;
    }

    .mhfc-m {
        max-height: fit-content;
    }

    .minhfc-m {
        min-height: fit-content;
    }

    .bsbb-m {
        box-sizing: border-box;
    }

    .sideways-lr-m {
        writing-mode: sideways-lr;
    }
}

.mwfc-vcenter {
    align-content: center;
}

.mwfc-vcenter-element {
    max-width: fit-content;
    margin-inline: auto;
}

.grid-center {
    display: grid;
    place-content: center;
    place-items: center;
}

.grid-center-element {
    grid-row: 1;
    grid-column: 1;
}
/* --- END Alignment & Width classes --- */

/* START Remove hyphens from paragraphs */
p {
    hyphens: none;
}

.wb-bw {
    word-break: break-word;
}

/* -- List Elements -- */
/* START Custom colors for bullet points */
ul li.bullet-turquoise::marker {
    color: var(--c-turquoise);
}

ul li.bullet-steel::marker {
    color: var(--c-steel);
}

li {
    margin-top: .3em;
    margin-bottom: .3em;
}

ul {
    margin-bottom: 1em;
}

.list-spaced ul li:last-child {
    margin-bottom: 2em;
}

/* -- Drop Shadows and Box Shadows -- */
.bxshd {
    box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
}

.bxshd-h:hover {
    box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
}

.bxshd-tight {
    box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
}

.bxshd-tight-h:hover {
    box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
}

.bxshd-deep {
    box-shadow: 0 clamp(50px, 0.35vw + 50px, 100px) clamp(6px, 5px + 0.3125vw, 10px) 0 #00000026;
}

.bxshd-w {
    box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
}

.bxshd-w-h:hover {
    box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
}

.bxshd-w-tight {
    box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
}

.bxshd-w-tight-h:hover {
    box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
}

@media (min-width: 1201px) {
    .bxshd-d {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-h-d:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-d {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-h-d:hover {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-w-d {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-h-d:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-d {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-h-d:hover {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .bxshd-t {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-h-t:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-t {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-h-t:hover {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-w-t {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-h-t:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-t {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-h-t:hover {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }
}

@media (max-width: 800px) {
    .bxshd-m {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-h-m:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-m {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-tight-h-m:hover {
        box-shadow: 0px 1px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(0, 0, 0, 0.18);
    }

    .bxshd-w-m {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-h-m:hover {
        box-shadow: 0px 1px clamp(15px, 2vw + 10px, 20px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-m {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }

    .bxshd-w-tight-h-m:hover {
        box-shadow: 0px 0px clamp(1px, 1px + 0.15vw, 3px) clamp(0px, 0.5vw, 1px) rgba(255, 255, 255, 0.9);
    }
}

/* Dark Shadows */

.drpshd-icons {
    filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #00000040);
}


.drpshd {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #00000026);
}

.drpshd-hover:hover {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #00000026);
}


.drpshd-2 {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #00000033);
}

.drpshd-3 {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #00000040);
}

.drpshd-4 {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #0000004d);
}

.drpshd-light {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #00000040);
}

.drpshd-2-light {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #00000066);
}

.drpshd-3-light {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #00000073);
}

.drpshd-4-light {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #0000008c);
}

.drpshd-med {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #00000066);
}

.drpshd-med-hover:hover {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #00000066);
}

.drpshd-2-med {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #0000008c);
}

.drpshd-3-med {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #00000099);
}

.drpshd-4-med {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #000000b3);
}

.drpshd-deep {
    filter: drop-shadow(0 clamp(50px, 0.35vw + 50px, 100px) clamp(6px, 5px + 0.3125vw, 10px) #00000026);
}

/* White glows */
.glow-w {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
}

.glow-w-h:hover {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
}

.glow-w-tight {
    filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
}

.glow-w-tight-h:hover {
    filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
}

.glow-w-icons {
    filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
}

.glow-w-icons-h:hover {
    filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
}

.glow-w-2 {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #FFFFFF33);
}

.glow-w-3 {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #FFFFFF40);
}

.glow-w-4 {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #FFFFFF4d);
}

.glow-w-light {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF40);
}

.glow-w-2-light {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #FFFFFF66);
}

.glow-w-3-light {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #FFFFFF73);
}

.glow-w-4-light {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #FFFFFF8c);
}

.glow-w-med {
    filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF66);
}

.glow-w-2-med {
    filter: drop-shadow(0 clamp(4px, 3px + 0.3125vw, 8px) clamp(8px, 7px + 0.3125vw, 12px) #FFFFFF8c);
}

.glow-w-3-med {
    filter: drop-shadow(0 clamp(5px, 3.75px + 0.3906vw, 10px) clamp(12px, 11px + 0.3125vw, 16px) #FFFFFF99);
}

.glow-w-4-med {
    filter: drop-shadow(0 clamp(8px, 6px + 0.625vw, 16px) clamp(16px, 15px + 0.3125vw, 20px) #FFFFFFb3);
}

.glow-w-deep {
    filter: drop-shadow(0 clamp(50px, 0.35vw + 50px, 100px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
}

@media (min-width: 1201px) {
    .glow-w-d {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-h-d:hover {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-tight-d {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-tight-h-d:hover {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-icons-d {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }

    .glow-w-icons-h-d:hover {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }
}

/* TABLET ONLY */
@media (min-width: 801px) and (max-width: 1200px) {
    .glow-w-t {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-h-t:hover {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-tight-t {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-tight-h-t:hover {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-icons-t {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }

    .glow-w-icons-h-t:hover {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }
}

/* MOBILE ONLY */
@media (max-width: 800px) {
    .glow-w-m {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-h-m:hover {
        filter: drop-shadow(0 clamp(3px, 2.25px + 0.2344vw, 6px) clamp(6px, 5px + 0.3125vw, 10px) #FFFFFF26);
    }

    .glow-w-tight-m {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-tight-h-m:hover {
        filter: drop-shadow(0 0 clamp(1px, 1px + 0.15vw, 3px) #FFFFFF90);
    }

    .glow-w-icons-m {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }

    .glow-w-icons-h-m:hover {
        filter: drop-shadow(0 clamp(2px, 2px + 0.2vw, 4px) clamp(4px, 4px + 0.27vw, 6px) #FFFFFF40);
    }
}

/* START classes for quick flex container properties */
.flex {
    display: flex;
}

.nowrap {
    flex-wrap: nowrap;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

@media (min-width: 1201px) {
    .flex-d {
        display: flex;
    }

    .nowrap-d {
        flex-wrap: nowrap;
    }

    .flex-row-d {
        flex-direction: row;
    }

    .flex-column-d {
        flex-direction: column;
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .flex-t {
        display: flex;
    }

    .nowrap-t {
        flex-wrap: nowrap;
    }

    .flex-row-t {
        flex-direction: row;
    }

    .flex-column-t {
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    .flex-m {
        display: flex;
    }

    .nowrap-m {
        flex-wrap: nowrap;
    }

    .flex-row-m {
        flex-direction: row;
    }

    .flex-column-m {
        flex-direction: column;
    }
}

/* Classes for invisible buttons to fill <div> containers, instead of converting <div> to <a> - better for accessibility */

.button-absolute {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    opacity: 0;
}

/* START quick classes for color selection */
.c-turquoise {
    color: var(--c-turquoise);
}

.c-steel {
    color: var(--c-steel);
}

.c-charcoal {
    color: var(--c-charcoal);
}

.c-off-black {
    color: var(--c-off-black);
}

.c-off-white {
    color: var(--c-off-white);
}

.c-none {
    color: var(--c-none);
}

.c-b75 {
    color: var(--c-b75)
}

.c-b50 {
    color: var(--c-b50);
}

.c-b25 {
    color: var(--c-b25);
}

.c-w75 {
    color: var(--c-w75);
}

.c-w50 {
    color: var(--c-w50);
}

.c-w25 {
    color: var(--c-w25);
}


/* START user highlight color*/
::selection {
    background: var(--c-turquoise);
    color: var(--c-charcoal);
}

.light-select ::selection {
    background: var(--c-charcoal);
    color: var(--c-turquoise);
}

/* START custom link colors */
a {
    color: var(--c-turquoise);
    font-weight: 600;
    transition: var(--transition-1);
}

a:hover {
    color: var(--c-steel);
}

a.steel-turquoise {
    color: var(--c-steel);
}

a.steel-turquoise:hover {
    color: var(--c-turquoise);
}

/* Start override link colors on Elementor Divider Widgets */
.divider-link a {
    color: var(--c-turquoise);
}

.divider-link a:hover {
    color: var(--c-steel);
}

/* START quick classes for responsive text size. Sync the root clamp values xs-xxxl with the Elementor global font sizes */
.fs-xs {
    font-size: var(--fs-xs);
}

.fs-sm {
    font-size: var(--fs-sm);
}

.fs-jr {
    font-size: var(--fs-jr);
}

.fs-base {
    font-size: var(--fs-base);
}

.fs-reg {
    font-size: var(--fs-reg);
}

.fs-md {
    font-size: var(--fs-md);
}

.fs-bulky {
    font-size: var(--fs-bulky);
}

.fs-lg {
    font-size: var(--fs-lg);
}

.fs-xl {
    font-size: var(--fs-xl);
}

.fs-xxl {
    font-size: var(--fs-xxl);
}

.fs-xxxl {
    font-size: var(--fs-xxxl);
}

.fs-mega {
    font-size: var(--fs-mega);
}

.fs-garg {
    font-size: var(--fs-garg);
}

/* START quick classes for assigning font-families */
.ff-primary {
    font-family: var(--ff-primary);
}

.ff-secondary {
    font-family: var(--ff-secondary);
}

/* Start quick classes for font weight adjustments */
.fw-1 {
    font-weight: 100;
}

.fw-2 {
    font-weight: 200;
}

.fw-3 {
    font-weight: 300;
}

.fw-4 {
    font-weight: 400;
}

.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}

.fw-7 {
    font-weight: 700;
}

.fw-8 {
    font-weight: 800;
}

.fw-9 {
    font-weight: 900;
}

/* Start quick classes for character adjustments */
.allcaps {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.ww-normal {
    word-wrap: normal;
}

.ws-nowrap {
    white-space: nowrap;
}

.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

/* START Padding for container sides */

@media (min-width: 1201px) {
    .p-sides-442 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }

    .p-sides-441 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }


    .p-sides-432 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }

    .p-sides-431 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }


    .p-sides-421 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .p-sides-442 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }

    .p-sides-441 {
        padding-right: var(--sp-md);
        padding-left: var(--sp-md);
    }

    .p-sides-432 {
        padding-right: var(--sp-reg);
        padding-left: var(--sp-reg);
    }

    .p-sides-431 {
        padding-right: var(--sp-reg);
        padding-left: var(--sp-reg);
    }


    .p-sides-421 {
        padding-right: var(--sp-base);
        padding-left: var(--sp-base);
    }
}

@media (max-width: 800px) {
    .p-sides-442 {
        padding-right: var(--sp-base);
        padding-left: var(--sp-base);
    }

    .p-sides-441 {
        padding-right: var(--sp-sm);
        padding-left: var(--sp-sm);
    }

    .p-sides-432 {
        padding-right: var(--sp-base);
        padding-left: var(--sp-base);
    }

    .p-sides-431 {
        padding-right: var(--sp-sm);
        padding-left: var(--sp-sm);
    }

    .p-sides-421 {
        padding-right: var(--sp-sm);
        padding-left: var(--sp-sm);
    }
}

/* Floating element on hover */

.float {
    transition: var(--transition-1);
}

.float:hover {
    transform: translateY(-10px);
}

@media (min-width: 1201px) {
    .float-d {
        transition: var(--transition-1);
    }

    .float-d:hover {
        transform: translateY(-10px);
    }
}

@media (min-width: 801px) and (max-width: 1200px) {
    .float-t {
        transition: var(--transition-1);
    }

    .float-t:hover {
        transform: translateY(-10px);
    }
}

@media (max-width: 800px) {
    .float-m {
        transition: var(--transition-1);
    }

    .float-m:hover {
        transform: translateY(-10px);
    }
}

/* START quick classes for assigning max-widths at all - or specific breakpoints using --b-w-*/
.mw-xs,
p.mw-xs,
img.mw-xs,
h1.mw-xs,
h2.mw-xs {
    max-width: var(--b-w-xs) !important;
}

.mw-sm,
p.mw-sm,
img.mw-sm,
h1.mw-sm,
h2.mw-sm {
    max-width: var(--b-w-sm) !important;
}

.mw-base,
p.mw-base,
img.mw-base,
h1.mw-base,
h2.mw-base {
    max-width: var(--b-w-base) !important;
}

.mw-md,
p.mw-md,
img.mw-md,
h1.mw-md,
h2.mw-md {
    max-width: var(--b-w-md) !important;
}

.mw-lg,
p.mw-lg,
img.mw-lg,
h1.mw-lg,
h2.mw-lg {
    max-width: var(--b-w-lg) !important;
}

.mw-xl,
p.mw-xl,
img.mw-xl,
h1.mw-xl,
h2.mw-xl {
    max-width: var(--b-w-xl) !important;
}

.mw-xxl,
p.mw-xxl,
img.mw-xxl,
h1.mw-xxl,
h2.mw-xxl {
    max-width: var(--b-w-xxl) !important;
}

/* DESKTOP */
@media (min-width: 1201px) {

    .mw-xs-d,
    .mw-xs-d p,
    .mw-xs-d img,
    .mw-xs-d h1 {
        max-width: var(--b-w-xs) !important;
    }

    .mw-sm-d,
    .mw-sm-d p,
    .mw-sm-d img,
    .mw-sm-d h1 {
        max-width: var(--b-w-sm) !important;
    }

    .mw-base-d,
    .mw-base-d p,
    .mw-base-d img,
    .mw-base-d h1 {
        max-width: var(--b-w-base) !important;
    }

    .mw-md-d,
    .mw-md-d p,
    .mw-md-d img,
    .mw-md-d h1 {
        max-width: var(--b-w-md) !important;
    }

    .mw-lg-d,
    .mw-lg-d p,
    .mw-lg-d img,
    .mw-lg-d h1 {
        max-width: var(--b-w-lg) !important;
    }

    .mw-xl-d,
    .mw-xl-d p,
    .mw-xl-d img,
    .mw-xl-d h1 {
        max-width: var(--b-w-xl) !important;
    }

    .mw-xxl-d,
    .mw-xxl-d p,
    .mw-xxl-d img,
    .mw-xxl-d h1 {
        max-width: var(--b-w-xxl) !important;
    }
}

/* TABLET */
@media (min-width: 801px) and (max-width: 1200px) {

    .mw-xs-t,
    p.mw-xs-t,
    img.mw-xs-t,
    h1.mw-xs-t,
    h2.mw-xs-t {
        max-width: var(--b-w-xs) !important;
    }

    .mw-sm-t,
    p.mw-sm-t,
    img.mw-sm-t,
    h1.mw-sm-t,
    h2.mw-sm-t {
        max-width: var(--b-w-sm) !important;
    }

    .mw-base-t,
    p.mw-base-t,
    img.mw-base-t,
    h1.mw-base-t,
    h2.mw-base-t {
        max-width: var(--b-w-base) !important;
    }

    .mw-md-t,
    p.mw-md-t,
    img.mw-md-t,
    h1.mw-md-t,
    h2.mw-md-t {
        max-width: var(--b-w-md) !important;
    }

    .mw-lg-t,
    p.mw-lg-t,
    img.mw-lg-t,
    h1.mw-lg-t,
    h2.mw-lg-t {
        max-width: var(--b-w-lg) !important;
    }

    .mw-xl-t,
    p.mw-xl-t,
    img.mw-xl-t,
    h1.mw-xl-t,
    h2.mw-xl-t {
        max-width: var(--b-w-xl) !important;
    }

    .mw-xxl-t,
    p.mw-xxl-t,
    img.mw-xxl-t,
    h1.mw-xxl-t,
    h2.mw-xxl-t {
        max-width: var(--b-w-xxl) !important;
    }
}

/* MOBILE */
@media (max-width: 800px) {

    .mw-xs-m,
    p.mw-xs-m,
    img.mw-xs-m,
    h1.mw-xs-m,
    h2.mw-xs-m {
        max-width: var(--b-w-xs) !important;
    }

    .mw-sm-m,
    p.mw-sm-m,
    img.mw-sm-m,
    h1.mw-sm-m,
    h2.mw-sm-m {
        max-width: var(--b-w-sm) !important;
    }

    .mw-base-m,
    p.mw-base-m,
    img.mw-base-m,
    h1.mw-base-m,
    h2.mw-base-m {
        max-width: var(--b-w-base) !important;
    }

    .mw-md-m,
    p.mw-md-m,
    img.mw-md-m,
    h1.mw-md-m,
    h2.mw-md-m {
        max-width: var(--b-w-md) !important;
    }

    .mw-lg-m,
    p.mw-lg-m,
    img.mw-lg-m,
    h1.mw-lg-m,
    h2.mw-lg-m {
        max-width: var(--b-w-lg) !important;
    }

    .mw-xl-m,
    p.mw-xl-m,
    img.mw-xl-m,
    h1.mw-xl-m,
    h2.mw-xl-m {
        max-width: var(--b-w-xl) !important;
    }

    .mw-xxl-m,
    p.mw-xxl-m,
    img.mw-xxl-m,
    h1.mw-xxl-m,
    h2.mw-xxl-m {
        max-width: var(--b-w-xxl) !important;
    }
}

/* START quick classes for assigning min-widths at all - or specific breakpoints using --b-w-*/
.minw-xs,
p.minw-xs,
img.minw-xs,
h1.minw-xs,
h2.minw-xs {
    min-width: var(--b-w-xs) !important;
}

.minw-sm,
p.minw-sm,
img.minw-sm,
h1.minw-sm,
h2.minw-sm {
    min-width: var(--b-w-sm) !important;
}

.minw-base,
p.minw-base,
img.minw-base,
h1.minw-base,
h2.minw-base {
    min-width: var(--b-w-base) !important;
}

.minw-md,
p.minw-md,
img.minw-md,
h1.minw-md,
h2.minw-md {
    min-width: var(--b-w-md) !important;
}

.minw-lg,
p.minw-lg,
img.minw-lg,
h1.minw-lg,
h2.minw-lg {
    min-width: var(--b-w-lg) !important;
}

.minw-xl,
p.minw-xl,
img.minw-xl,
h1.minw-xl,
h2.minw-xl {
    min-width: var(--b-w-xl) !important;
}

.minw-xxl,
p.minw-xxl,
img.minw-xxl,
h1.minw-xxl,
h2.minw-xxl {
    min-width: var(--b-w-xxl) !important;
}

/* DESKTOP */
@media (min-width: 1201px) {

    .minw-xs-d,
    .minw-xs-d p,
    .minw-xs-d img,
    .minw-xs-d h1 {
        min-width: var(--b-w-xs) !important;
    }

    .minw-sm-d,
    .minw-sm-d p,
    .minw-sm-d img,
    .minw-sm-d h1 {
        min-width: var(--b-w-sm) !important;
    }

    .minw-base-d,
    .minw-base-d p,
    .minw-base-d img,
    .minw-base-d h1 {
        min-width: var(--b-w-base) !important;
    }

    .minw-md-d,
    .minw-md-d p,
    .minw-md-d img,
    .minw-md-d h1 {
        min-width: var(--b-w-md) !important;
    }

    .minw-lg-d,
    .minw-lg-d p,
    .minw-lg-d img,
    .minw-lg-d h1 {
        min-width: var(--b-w-lg) !important;
    }

    .minw-xl-d,
    .minw-xl-d p,
    .minw-xl-d img,
    .minw-xl-d h1 {
        min-width: var(--b-w-xl) !important;
    }

    .minw-xxl-d,
    .minw-xxl-d p,
    .minw-xxl-d img,
    .minw-xxl-d h1 {
        min-width: var(--b-w-xxl) !important;
    }
}

/* TABLET */
@media (min-width: 801px) and (min-width: 1200px) {

    .minw-xs-t,
    p.minw-xs-t,
    img.minw-xs-t,
    h1.minw-xs-t,
    h2.minw-xs-t {
        min-width: var(--b-w-xs) !important;
    }

    .minw-sm-t,
    p.minw-sm-t,
    img.minw-sm-t,
    h1.minw-sm-t,
    h2.minw-sm-t {
        min-width: var(--b-w-sm) !important;
    }

    .minw-base-t,
    p.minw-base-t,
    img.minw-base-t,
    h1.minw-base-t,
    h2.minw-base-t {
        min-width: var(--b-w-base) !important;
    }

    .minw-md-t,
    p.minw-md-t,
    img.minw-md-t,
    h1.minw-md-t,
    h2.minw-md-t {
        min-width: var(--b-w-md) !important;
    }

    .minw-lg-t,
    p.minw-lg-t,
    img.minw-lg-t,
    h1.minw-lg-t,
    h2.minw-lg-t {
        min-width: var(--b-w-lg) !important;
    }

    .minw-xl-t,
    p.minw-xl-t,
    img.minw-xl-t,
    h1.minw-xl-t,
    h2.minw-xl-t {
        min-width: var(--b-w-xl) !important;
    }

    .minw-xxl-t,
    p.minw-xxl-t,
    img.minw-xxl-t,
    h1.minw-xxl-t,
    h2.minw-xxl-t {
        min-width: var(--b-w-xxl) !important;
    }
}

/* MOBILE */
@media (min-width: 800px) {

    .minw-xs-m,
    p.minw-xs-m,
    img.minw-xs-m,
    h1.minw-xs-m,
    h2.minw-xs-m {
        min-width: var(--b-w-xs) !important;
    }

    .minw-sm-m,
    p.minw-sm-m,
    img.minw-sm-m,
    h1.minw-sm-m,
    h2.minw-sm-m {
        min-width: var(--b-w-sm) !important;
    }

    .minw-base-m,
    p.minw-base-m,
    img.minw-base-m,
    h1.minw-base-m,
    h2.minw-base-m {
        min-width: var(--b-w-base) !important;
    }

    .minw-md-m,
    p.minw-md-m,
    img.minw-md-m,
    h1.minw-md-m,
    h2.minw-md-m {
        min-width: var(--b-w-md) !important;
    }

    .minw-lg-m,
    p.minw-lg-m,
    img.minw-lg-m,
    h1.minw-lg-m,
    h2.minw-lg-m {
        min-width: var(--b-w-lg) !important;
    }

    .minw-xl-m,
    p.minw-xl-m,
    img.minw-xl-m,
    h1.minw-xl-m,
    h2.minw-xl-m {
        min-width: var(--b-w-xl) !important;
    }

    .minw-xxl-m,
    p.minw-xxl-m,
    img.minw-xxl-m,
    h1.minw-xxl-m,
    h2.minw-xxl-m {
        min-width: var(--b-w-xxl) !important;
    }
}

/* --- ADDITIONAL CSS --- */
/* Start edits to header menu */
/* Adjust dropdown menu backgrounds to diffrentiate between parent and child on menu expand */

@media (max-width: 1200px) {

    /* Child item background */
    .header-menu .elementor-nav-menu .sub-menu .menu-item a.elementor-item,
    .elementor-nav-menu .sub-menu .menu-item a.elementor-sub-item {
        background-color: var(--c-charcoal) !important;
    }

    /* Child item hover */
    .header-menu .elementor-nav-menu .sub-menu .menu-item a.elementor-item:hover,
    .header-menu .elementor-nav-menu .sub-menu .menu-item a.elementor-sub-item:hover {
        background-color: var(--c-turquoise) !important;
    }

    /* Child item active state */
    .header-menu .elementor-nav-menu .sub-menu .menu-item a.elementor-item-active,
    .header-menu .elementor-nav-menu .sub-menu .menu-item a.elementor-sub-item-active,
    .header-menu .elementor-nav-menu .sub-menu .current-menu-item > a {
        color: var(--c-off-white);
        background-color: var(--c-steel) !important;
    }

    /* Parent item hover — restored */
    .header-menu .elementor-nav-menu .menu-item a.elementor-item:hover,
    .header-menu .elementor-nav-menu .menu-item a.elementor-sub-item:hover {
        background-color: var(--c-turquoise) !important;
    }
}

@media (min-width: 1201px) {
    .animated-underline svg {
    margin-top: 20px !important;
}
}

@media (min-width: 801px) and (max-width: 1200px) {
    .animated-underline svg {
    margin-top: 10px !important;
}
}

@media (max-width: 800px) {
    .animated-underline svg {
    margin-top: 5px !important;
}
}

/* Hide "Legacy Lacrosse Center" on the header to make room for menu items on smaller desktop screens: 1450px or less */
@media (max-width: 1450px) {
   .site-header-title {
    display: none;
   }
}

/* Text-Stroke classes with stroke outside (instead of centered) */
.ob-stroke {
    paint-order: stroke fill; 
}

@media (min-width: 1201px) {
    .ob-stroke {-webkit-text-stroke: 20px #0a0b0b;
}
}

@media (min-width: 801px) and (max-width: 1200px) {
    .ob-stroke {-webkit-text-stroke: 14px #0a0b0b;
}
}

@media (max-width: 800px) {
    .ob-stroke {-webkit-text-stroke: 8px #0a0b0b;
}
}