:root {
    --brand-primary-color-1: #E50019;
    --brand-primary-color-1-hover: #A80000;
    --brand-primary-color-2: #FFE100;
    --brand-primary-color-2-hover: #FFC134;
    --brand-primary-color-3: #009BE5;
    --brand-primary-color-3-hover: #0061B4;
    --brand-secondary-color-1: #BFCE18;
    --brand-secondary-color-1-hover: #E8E841;
    --brand-secondary-color-2: #E54182;
    --brand-secondary-color-2-hover: #BA0072;
    --brand-secondary-color-3: #F29A07;
    --brand-secondary-color-3-hover: #FFC134;

    --brand-neutral-color-1: #FFFFFF;
    --brand-neutral-color-2: #F2FDFF;
    --brand-neutral-color-3: #000000;

    --brand-pattern-orange-bg: #F9D075;
    --brand-pattern-green-bg: #E6EB23;
    --brand-pattern-red-bg: #EC83A1;
    --brand-pattern-dk-red-bg: #802828;
    --brand-pattern-yellow-bg: #EF9C00;
    --brand-pattern-lime-bg: #BFD200;

    --brand-heading-1-font: 'Londrina-Solid';
    --brand-heading-2-font: 'Terfens';
    --brand-copy-font: 'Terfens';
}

/* -----------------FONTS-------------------------------- */
@font-face {
    font-family: 'Londrina-Solid';
    src: url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.eot');
    src: url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.woff')format('woff'),
        url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.woff2')format('woff2'),
        url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.ttf')format('truetype'),
        url('https://media.chuys.com/fonts/londrina-solid-thin/londrina-solid-thin.svg#LongdrinaSolidThin')format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Londrina-Solid';
    src: url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.eot');
    src: url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.woff')format('woff'),
        url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.woff2')format('woff2'),
        url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.ttf')format('truetype'),
        url('https://media.chuys.com/fonts/londrina-solid-light/londrina-solid-light.svg#LongdrinaSolidLight')format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Londrina-Solid';
    src: url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.eot');
    src: url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.woff')format('woff'),
        url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.woff2')format('woff2'),
        url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.ttf')format('truetype'),
        url('https://media.chuys.com/fonts/londrina-solid-regular/londrina-solid-regular.svg#LongdrinaSolidRegular')format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Londrina-Solid';
    src: url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.eot');
    src: url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.woff')format('woff'),
        url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.woff2')format('woff2'),
        url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.ttf')format('truetype'),
        url('https://media.chuys.com/fonts/londrina-solid-black/londrina-solid-black.svg#LongdrinaSolidBlack')format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-black/terfens-black.eot');
    src: url('https://media.chuys.com/fonts/terfens-black/terfens-black.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-black/terfens-black.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-black/terfens-black.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-black/terfens-black.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-black/terfens-black.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-black-italic/terfens-black-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.eot');
    src: url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.eot?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.woff')format('woff'),
        url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.woff2')format('woff2'),
        url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.ttf')format('truetype'),
        url('https://media.chuys.com/fonts/terfens-bold/terfens-bold.svg#TerfensBold')format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-bold-italic/terfens-bold-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-light/terfens-light.eot');
    src: url('https://media.chuys.com/fonts/terfens-light/terfens-light?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-light/terfens-light-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-medium/terfens-medium.eot');
    src: url('https://media.chuys.com/fonts/terfens-medium/terfens-medium?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-medium/terfens-medium.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-medium/terfens-medium.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-medium/terfens-medium.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-medium/terfens-medium.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-medium-italic/terfens-medium-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-regular/terfens-regular.eot');
    src: url('https://media.chuys.com/fonts/terfens-regular/terfens-regular?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-regular/terfens-regular.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-regular/terfens-regular.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-regular/terfens-regular.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-regular/terfens-regular.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-regular-italic/terfens-regular-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 400;
}


@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-thin/terfens-thin.eot');
    src: url('https://media.chuys.com/fonts/terfens-thin/terfens-thin?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-thin/terfens-thin.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-thin/terfens-thin.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-thin/terfens-thin.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-thin/terfens-thin.svg#Terfens') format('svg');
    font-display: swap;
    font-style: normal;
    font-weight: 100;
}


@font-face {
    font-family: 'Terfens';
    src: url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic.eot');
    src: url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic?#iefix') format('embedded-opentype'),
        url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic.woff2') format('woff2'),
        url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic.woff') format('woff'),
        url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic.ttf') format('truetype'),
        url('https://media.chuys.com/fonts/terfens-thin-italic/terfens-thin-italic.svg#Terfens') format('svg');
    font-display: swap;
    font-style: italic;
    font-weight: 100;
}

/* -----------------HTML Tag Styles-------------------------------- */
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

/* Headings */
h1,
h2,
h3 {
    font-family: var(--brand-heading-1-font, 'Londrina-Solid');
    text-transform: uppercase;
}

h4,
h5,
h6 {
    font-family: var(--brand-heading-2-font, 'Terfens');
    font-weight: bold;
}

h1,
h2 {
    letter-spacing: 1px;
}

h3 {
    letter-spacing: .5px;
}

h4 {
    letter-spacing: .25px;
}

h5 {
    letter-spacing: .5px;
}

h6 {
    letter-spacing: .3px;
}

@media (min-width: 992px) {

    h1,
    h2 {
        letter-spacing: 2px;
    }
}

/* body tags */
p {
    font-family: var(--brand-copy-font, 'Terfens');
    letter-spacing: 0.02575rem;
    line-height: 1.6;
}

.line--length {
    width: clamp(45ch, 50%, 75ch);
}

/* ----------------------UI Styles------------------------------ */

/* CSS Carousel Classes */
.carousel-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.carousel-track {
    display: inline-flex;
    animation: slide-scroll 90s linear infinite;
}

.carousel-slide {
    flex: 0 0 auto;
    width: 200px;
    margin-right: 10px;
}

@keyframes slide-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Background Colors */
.bg--script-red {
    background-color: var(--brand-primary-color-1, #E50019) !important;
}

.bg--highlighter-yellow {
    background-color: var(--brand-primary-color-2, #FFE100) !important;
}

.bg--sunglass-blue {
    background-color: var(--brand-primary-color-3, #009BE5) !important;
}

.bg--lime-green {
    background-color: var(--brand-secondary-color-1, #BFCE18) !important;
}

.bg--candy-pink {
    background-color: var(--brand-secondary-color-2, #E54182) !important;
}

.bg--texas-orange {
    background-color: var(--brand-secondary-color-3, #F29A07) !important;
}

.bg--sky-blue {
    background-color: var(--brand-neutral-color-2, #F2FDFF) !important;
}

/* Background Gradient */
.bg--linear-gradient {
    background: linear-gradient(to bottom, var(--gradient-start-color) var(--gradient-percentage-start), var(--gradient-end-color) var(--gradient-percentage-end));
}

/* Background Patterns */
.bg--decor-particles {
    background-image: url("https://media.chuys.com/images/site/brand-decor/chy-decor-particles-01.png") !important;
}

.bg--yellow-cubes_top {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-separator-yellow-3d-cubes.png');
    background-position: top;
    background-repeat: repeat-x;
}

.bg--green-triangles {
    background-color: var(--brand-pattern-green-bg, #E6EB23);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-green-triangles.png') !important;
    background-size: auto;
}

.bg--orange-triangles {
    background-color: var(--brand-pattern-orange-bg, #F9D075);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-orange-triangles.png') !important;
    background-size: auto;
}

.bg--red-triangles {
    background-color: var(--brand-pattern-red-bg, #EC83A1);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-red-triangles.png') !important;
    background-size: auto;
}

.bg--speckled-blue {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-blue-speckled-bg.jpg') !important;
    background-size: contain;
}

.bg--speckled-green {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-green-speckled-bg.jpg') !important;
    background-size: contain;
}

.bg--speckled-pink {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-pink-speckled-bg.jpg') !important;
    background-size: contain;
}

.bg--speckled-orange {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-orange-speckled-bg.jpg') !important;
    background-size: contain;
}

.bg--speckled-yellow {
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-orange-speckled-bg.jpg') !important;
    background-size: contain;
}

.bg--blue-logo-tiled {
    background-color: var(--brand-primary-color-3, #0061B4);
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-transparent-tiled-logo.png');
    background-size: cover;
}

.bg--pink-logo-tiled {
    background-color: var(--brand-secondary-color-2, #E54182);
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-transparent-tiled-logo.png');
    background-size: cover;
}

.bg--green-logo-tiled {
    background-color: var(--brand-secondary-color-1, #BFCE18);
    background-image: url('https://media.chuys.com/images/site/brand-decor/chy-decor-transparent-tiled-logo.png');
    background-size: cover;
}

.bg--blue-tex-mex-foods-tiled {
    background-color: var(--brand-primary-color-3, #009BE5);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-nachos-burritos-tacos.png');
    background-size: auto;
}

.bg--red-tex-mex-foods-tiled {
    background-color: var(--brand-primary-color-1, #E50019);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-nachos-burritos-tacos.png');
    background-size: auto;
}

.bg--orange-tex-mex-foods-tiled {
    background-color: var(--brand-secondary-color-3, #F29A07);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-nachos-burritos-tacos.png');
    background-size: auto;
}

.bg--red-cubes {
    background-color: var(--brand-pattern-dk-red-bg, #802828);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-red-cubes.jpg') !important;
    background-size: auto;
}

.bg--yellow-cubes {
    background-color: var(--brand-pattern-yellow-bg, #EF9C00);
    background-image: url('https://media.chuys.com/images/site/brand-tiles/chy-tiles-pattern-yellow-cubes.png') !important;
    background-size: auto;
}


/* Below referenced ids are svgs located in the footer. As of 3/2025, 
   Safari doesn't render clip-path svgs from external sources */

.ragged-bottom-1 {
    -webkit-clip-path: url(#ragged-bottom-1);
    clip-path: url(#ragged-bottom-1);
}

.ragged-bottom-2 {
    -webkit-clip-path: url(#ragged-bottom-2);
    clip-path: url(#ragged-bottom-2);
}

.ragged-bottom-flat-top {
    -webkit-clip-path: url(#ragged-bottom-flat-top);
    clip-path: url(#ragged-bottom-flat-top);
}

.ragged-bottom-4 {
    -webkit-clip-path: url(#ragged-bottom-4);
    clip-path: url(#ragged-bottom-4);
}

.ragged-top-1 {
    -webkit-clip-path: url(#ragged-top-1);
    clip-path: url(#ragged-top-1);
}

.ragged-top-2 {
    -webkit-clip-path: url(ragged-top-2);
    clip-path: url(ragged-top-2);
}

.ragged-top-bottom-1 {
    -webkit-clip-path: url(#ragged-top-bottom-1);
    clip-path: url(#ragged-top-bottom-1);
}

.ragged-top-bottom-2 {
    -webkit-clip-path: url(#ragged-top-bottom-2);
    clip-path: url(#ragged-top-bottom-2);
}

.ragged-top-slanted-bottom-left {
    -webkit-clip-path: url(#ragged-top-slanted-bottom-left);
    clip-path: url(#ragged-top-slanted-bottom-left);
}

.ragged-top-slanted-bottom-right {
    -websit-clip-path: url(#ragged-top-slanted-bottom-right);
    clip-path: url(#ragged-top-slanted-bottom-right);
}

.slanted-top-left-bottom-right {
    -websit-clip-path: url(#slanted-top-left-bottom-right);
    clip-path: url(#slanted-top-left-bottom-right);
}

/* Borders */
.border--script-red {
    border-color: var(--brand-primary-color-1, #E50019) !important;
}

.border--highlighter-yellow {
    border-color: var(--brand-primary-color-2, #FFE100) !important;
}

.border--sunglass-blue {
    border-color: var(--brand-primary-color-3, #009BE5) !important;
}

.border--lime-green {
    border-color: var(--brand-secondary-color-1, #BFCE18) !important;
}

.border--candy-pink {
    border-color: var(--brand-secondary-color-2, #E54182) !important;
}

.border--texas-orange {
    border-color: var(--brand-secondary-color-3, #F29A07) !important;
}

.border--sky-blue {
    border-color: var(--brand-neutral-color-2, #F2FDFF) !important;
}

/* Primary Buttons */
.btn--rounded-50 {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.btn--primary-1,
.btn--primary-1:active {
    background-color: var(--brand-primary-color-1, #E50019);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

.btn--primary-1:hover,
.btn--primary-1:focus {
    background-color: var(--brand-primary-color-1-hover, #A80000);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

.btn--primary-2,
.btn--primary-2:active {
    background-color: var(--brand-primary-color-2, #FFE100);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

.btn--primary-2:hover,
.btn--primary-2:focus {
    background-color: var(--brand-primary-color-2-hover, #FFC134);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

/* Optional Alternative Color Primary Buttons */
.btn--primary-alt-1,
.btn--primary-alt-1:active {
    background-color: var(--brand-primary-color-3, #009BE5);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

.btn--primary-alt-1:hover,
.btn--primary-alt-1:focus {
    background-color: var(--brand-primary-color-3-hover, #0061B4);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-1, #FFFFFF);
}

.btn--primary-alt-2,
.btn--primary-alt-2:active {
    background-color: var(--brand-secondary-color-1, #BFCE18);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--primary-alt-2:hover,
.btn--primary-alt-2:focus {
    background-color: var(--brand-secondary-color-1-hover, #E8E841);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--primary-alt-3,
.btn--primary-alt-3:active {
    background-color: var(--brand-secondary-color-2, #E54182);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--primary-alt-3:hover,
.btn--primary-alt-3:focus {
    background-color: var(--brand-secondary-color-2-hover, #BA0072);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--primary-alt-4,
.btn--primary-alt-4:active {
    background-color: var(--brand-secondary-color-3, #F29A07);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--primary-alt-4:hover,
.btn--primary-alt-4:focus {
    background-color: var(--brand-secondary-color-3-hover, #FFC134);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

/* Secondary Buttons */
.btn--secondary-1,
.btn--secondary-1:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-1, #E50019);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-1:hover,
.btn--secondary-1:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-1-hover, #A80000);
    color: var(--brand-primary-color-1, #E50019);
}

.btn--secondary-2,
.btn--secondary-2:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-2:hover,
.btn--secondary-2:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-neutral-color-3, #000000);
    color: var(--brand-primary-color-1, #E50019);
}

/* Optional Alternative Color Secondary Buttons */
.btn--secondary-alt-1,
.btn--secondary-alt-1:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-3, #009BE5);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-alt-1:hover,
.btn--secondary-alt-1:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-3-hover, #0061B4);
    color: var(--brand-primary-color-3, #009BE5);
}

.btn--secondary-alt-2,
.btn--secondary-alt-2:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-2, #E54182);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-alt-2:hover,
.btn--secondary-alt-2:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-2-hover, #BA0072);
    color: var(--brand-secondary-color-2, #E54182);
}

.btn--secondary-alt-3,
.btn--secondary-alt-3:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-2, #FFE100);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-alt-3:hover,
.btn--secondary-alt-3:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-primary-color-2-hover, #FFC134);
    color: var(--brand-primary-color-2, #FFE100);
}

.btn--secondary-alt-4,
.btn--secondary-alt-4:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-1, #BFCE18);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-alt-4:hover,
.btn--secondary-alt-4:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-1-hover, #E8E841);
    color: var(--brand-secondary-color-1, #BFCE18);
    ;
}

.btn--secondary-alt-5,
.btn--secondary-alt-5:active {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-3, #FFC134);
    color: var(--brand-neutral-color-3, #000000);
}

.btn--secondary-alt-5:hover,
.btn--secondary-alt-5:focus {
    background-color: var(--brand-neutral-color-1, #FFFFFF);
    border: 2px solid var(--brand-secondary-color-3-hover, #FFC134);
    color: var(--brand-secondary-color-3, #F29A07);
}

/* Fonts */
.font--terfens {
    font-family: 'Terfens', Helvetica, Arial, Roboto, 'Open Sans', Lato, sans-serif !important;
}

.font--londrina-solid {
    font-family: 'Arial', Helvetica, sans-serif !important;
}

.font--londrina-solid-black {
    font-family: 'Londrina-Solid', 'Arial Black', Gadget, sans-serif !important;
    font-weight: 900;
}

.font--londrina-solid-light {
    font-family: 'Londrina-Solid', 'Arial', Helvetica, sans-serif !important;
    font-weight: 300;
}

.font--londrina-solid-regular {
    font-family: 'Londrina-Solid', 'Arial', Helvetica, sans-serif !important;
    font-weight: 400;
}

.font--londrina-solid-thin {
    font-family: 'Londrina-Solid', 'Arial', Helvetica, sans-serif !important;
    font-weight: 100;
}

.font--terfens-black {
    font-family: 'Terfens', 'Terfens', Helvetica, Arial, Roboto, 'Open Sans', Lato, sans-serif !important;
    font-weight: 900;
}

.font--terfens-bold {
    font-family: 'Terfens', 'Arial Black', Gadget, sans-serif !important;
    font-weight: 700;
}

.font--tergens-light {
    font-family: 'Terfens', Helvetica, Arial, Roboto, 'Open Sans', Lato, sans-serif !important;
    font-weight: 300;
}

.font--terfens-regular {
    font-family: 'Terfens', 'Arial', Helvetica, sans-serif !important;
    font-weight: 400;
}

.font--terfens-medium {
    font-family: 'Terfens', Helvetica, Arial, Roboto, 'Open Sans', Lato, sans-serif !important;
    font-weight: 500;
}

.font--terfens-thin {
    font-family: 'Terfens', Helvetica, Arial, Roboto, 'Open Sans', Lato, sans-serif !important;
    font-weight: 100;
}

/* Color */
.text--script-red {
    color: var(--brand-primary-color-1, #E50019) !important;
}

.text--highlighter-yellow {
    color: var(--brand-primary-color-2, #FFE100) !important;
}

.text--sunglass-blue {
    color: var(--brand-primary-color-3, #009BE5) !important;
}

.text--lime-green {
    color: var(--brand-secondary-color-1, #BFCE18) !important;
}

.text--candy-pink {
    color: var(--brand-secondary-color-2, #E54182) !important;
}

.text--texas-orange {
    color: var(--brand-secondary-color-3, #F29A07) !important;
}

/* Text Shadows */
.text-shadow--script-red {
    text-shadow: 3px 3px var(--brand-primary-color-1, #E50019);
}

.text-shadow--highlighter-yellow {
    text-shadow: 3px 3px var(--brand-primary-color-2, #FFE100);
}

.text-shadow--sunglass-blue {
    text-shadow: 3px 3px var(--brand-primary-color-3, #009BE5);
}

.text-shadow--lime-green {
    text-shadow: 3px 3px var(--brand-secondary-color-1, #BFCE18);
}

.text-shadow--texas-orange {
    text-shadow: 3px 3px var(--brand-secondary-color-3, #F29A07);
}

.text-shadow--candy-pink {
    text-shadow: 2px 2px var(--brand-secondary-color-2, #E54182);
}

.text-shadow--script-red_small {
    text-shadow: 2px 2px var(--brand-primary-color-1, #E50019);
}

.text-shadow--highlighter-yellow_small {
    text-shadow: 2px 2px var(--brand-primary-color-2, #FFE100);
}

.text-shadow--sunglass-blue_small {
    text-shadow: 2px 2px var(--brand-primary-color-3, #009BE5);
}

.text-shadow--lime-green_small {
    text-shadow: 2px 2px var(--brand-secondary-color-1, #BFCE18);
}

.text-shadow--texas-orange_small {
    text-shadow: 2px 2px var(--brand-secondary-color-3, #F29A07);
}

.text-shadow--candy-pink_small {
    text-shadow: 2px 2px var(--brand-secondary-color-2, #E54182);
}

/* Image and Heading Tilt Classes */

.tilt--left-1 {
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
}

.tilt--left-2 {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}

.tilt--left-3 {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}

.tilt--right-1 {
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
}

.tilt--right-2 {
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}

.tilt--right-3 {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

@-webkit-keyframes wiggle-left-1 {

    0%,
    to {
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
    }

    50% {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
    }
}

@keyframes wiggle-left-1 {

    0%,
    to {
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
    }

    50% {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
    }
}

.animate--wiggle-left-1:hover {
    -webkit-animation: wiggle-left-1 .45s ease-in-out 2;
    animation: wiggle-left-1 .45s ease-in-out 2;
}

@-webkit-keyframes wiggle-left-2 {

    0%,
    to {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(-2deg)
    }
}

@keyframes wiggle-left-2 {

    0%,
    to {
        transform: rotate(2deg)
    }

    50% {
        transform: rotate(-2deg)
    }
}

.animate--wiggle-left-2:hover {
    -webkit-animation: wiggle-left-2 .45s ease-in-out 2;
    animation: wiggle-left-2 .45s ease-in-out 2;
}

@-webkit-keyframes wiggle-right-1 {

    0%,
    to {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        -o-transform: rotate(-1deg);
    }

    50% {
        transform: rotate(1deg);
    }
}

@keyframes wiggle-right-1 {

    0%,
    to {
        transform: rotate(-1deg);
    }

    50% {
        transform: rotate(1deg);
    }
}

.animate--wiggle-right-1:hover {
    -webkit-animation: wiggle-right-1 .45s ease-in-out 2;
    animation: wiggle-right-1 .45s ease-in-out 2;
}

@-webkit-keyframes wiggle-right-2 {

    0%,
    to {
        transform: rotate(-2deg);
    }

    50% {
        transform: rotate(2deg);
    }
}

@keyframes wiggle-right-2 {

    0%,
    to {
        transform: rotate(-2deg);
    }

    50% {
        transform: rotate(2deg);
    }
}

.animate--wiggle-right-2:hover {
    -webkit-animation: wiggle-right-2 .45s ease-in-out 2;
    animation: wiggle-right-2 .45s ease-in-out 2;
}

/* Shapes & Shadows */
.drop-shadow--black {
    filter: drop-shadow(4px 4px 11px rgba(50, 44, 44, .43));
    -webkit-filter: drop-shadow(4px 4px 11px rgba(50, 44, 44, .43));
}

.drop-shadow--green {
    filter: drop-shadow(0 3px 5px rgba(72, 96, 39, .46));
    -webkit-filter: drop-shadow(0 3px 5px rgba(72, 96, 39, .46));
}

.drop-shadow--red {
    filter: drop-shadow(0 3px 5px rgba(125, 23, 37, .55));
    -webkit-filter: drop-shadow(0 3px 5px rgba(125, 23, 37, .55));
}

.drop-shadow--dark-blue {
    filter: drop-shadow(0 3px 5px rgba(38, 57, 80, .49));
    -webkit-filter: drop-shadow(0 3px 5px rgba(38, 57, 80, .49));
}

.drop-shadow--sienna {
    filter: drop-shadow(0 3px 8px rgba(148, 64, 18, .55));
    -webkit-filter: drop-shadow(0 3px 8px rgba(148, 64, 18, .55));
}

.drop-shadow--rose {
    filter: drop-shadow(0 -3px 5px rgba(125, 23, 37, .46));
    -webkit-filter: drop-shadow(0 -3px 5px rgba(125, 23, 37, .46));
}

.shape--top-zigzag {

    -webkit-clip-path: polygon(0 1rem, 2rem 0, 4rem 1rem, 6rem 0, 8rem 1rem, 10rem 0, 12rem 1rem, 14rem 0, 16rem 1rem,
            18rem 0%, 20rem 1rem, 22rem 0, 24rem 1rem, 26rem 0, 28rem 1rem, 30rem 0, 32rem 1rem, 34rem 0, 36rem 1rem, 38rem 0, 40rem 1rem,
            42rem 0, 44rem 1rem, 46rem 0, 48rem 1rem, 50rem 0, 52rem 1rem, 54rem 0, 56rem 1rem, 58rem 0, 60rem 1rem,
            62rem 0, 64rem 1rem, 66rem 0, 68rem 1rem, 70rem 0, 72rem 1rem, 74rem 0, 76rem 1rem, 78rem 0, 80rem 1rem,
            82rem 0, 84rem 1rem, 86rem 0, 88rem 1rem, 90rem 0, 92rem 1rem, 94rem 0, 96rem 1rem, 98rem 0, 100rem 1rem,
            102rem 0, 104rem 1rem, 106rem 0, 108rem 1rem, 110rem 0, 112rem 1rem, 114rem 0, 116rem 1rem, 118rem 0, 120rem 1rem,
            122rem 0, 124rem 1rem, 126rem 0, 128rem 1rem, 130rem 0, 132rem 1rem, 134rem 0, 136rem 1rem, 138rem 0, 140rem 1rem,
            142rem 0, 144rem 1rem, 146rem 0, 148rem 1rem, 150rem 0, 152rem 1rem, 154rem 0, 156rem 1rem, 158rem 0, 160rem 1rem,
            162rem 0, 164rem 1rem, 100% 100%, 0% 100%);
    clip-path: polygon(0 1rem, 2rem 0, 4rem 1rem, 6rem 0, 8rem 1rem, 10rem 0, 12rem 1rem, 14rem 0, 16rem 1rem, 18rem 0%, 20rem 1rem, 22rem 0, 24rem 1rem, 26rem 0, 28rem 1rem, 30rem 0, 32rem 1rem, 34rem 0, 36rem 1rem, 38rem 0, 40rem 1rem,
            42rem 0, 44rem 1rem, 46rem 0, 48rem 1rem, 50rem 0, 52rem 1rem, 54rem 0, 56rem 1rem, 58rem 0, 60rem 1rem,
            62rem 0, 64rem 1rem, 66rem 0, 68rem 1rem, 70rem 0, 72rem 1rem, 74rem 0, 76rem 1rem, 78rem 0, 80rem 1rem,
            82rem 0, 84rem 1rem, 86rem 0, 88rem 1rem, 90rem 0, 92rem 1rem, 94rem 0, 96rem 1rem, 98rem 0, 100rem 1rem,
            102rem 0, 104rem 1rem, 106rem 0, 108rem 1rem, 110rem 0, 112rem 1rem, 114rem 0, 116rem 1rem, 118rem 0, 120rem 1rem,
            122rem 0, 124rem 1rem, 126rem 0, 128rem 1rem, 130rem 0, 132rem 1rem, 134rem 0, 136rem 1rem, 138rem 0, 140rem 1rem,
            142rem 0, 144rem 1rem, 146rem 0, 148rem 1rem, 150rem 0, 152rem 1rem, 154rem 0, 156rem 1rem, 158rem 0, 160rem 1rem,
            162rem 0, 164rem 1rem, 100% 100%, 0% 100%);
}

.shape--polygon-1 {
    -webkit-clip-path: polygon(16px 36px, 100% 0, 102% 100%, 18px calc(93% - 0px));
    clip-path: polygon(16px 36px, 100% 0, 96% 100%, 18px calc(93% - 0px));
}

.shape--polygon-2 {
    clip-path: polygon(0 0, 100% 25px, calc(100% - 12px) 100%, 10px 100%);
    -webkit-clip-path: polygon(0 0, 100% 25px, calc(100%-12px) 100%, 10px 100%);
}

.shape--polygon-7 {
    -webkit-clip-path: polygon(0px 14px, 100% 0, 100% 100%, 18px calc(100% - 8px));
    clip-path: polygon(0px 14px, 100% 0, 100% 100%, 18px calc(100% - 8px));
}

.skew--left {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 21px), 0 100%);
    clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 21px), 0 100%);
}

@media (min-width: 576px) {
    .skew--sm-left {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 52px), 0 100%);
        clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 52px), 0 100%);
    }
}

@media (min-width: 768px) {
    .shape--polygon-md-2 {
        -webkit-clip-path: polygon(0 0, 100% 37px, calc(100% - 23px) 100%, 52px 100%);
        clip-path: polygon(0 0, 100% 37px, calc(100% - 23px) 100%, 52px 100%);
    }
}