:root {
    --brand-green: #638A38;
    --brand-bright-green: #96E330;
    --brand-purple: #7800A3;
    --brand-red: #B31900;
    --brand-orange: #FF9E00;
    --brand-dark-gray: #5C5649;
    --brand-gray: #5F6751;
    --brand-jet-black: #000000;
    --brand-charcoal: #3a3633;
    --brand-plum: #652558;
    --brand-btn-gray: #70695c;
    --brand-input-border: #b7ac99;
    --brand-body-color: #989182;
    --brand-body-font-family: 'Barlow-Regular', "Barlow", 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --brand-body-font-medium: 'Barlow-Medium', "Barlow", 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --brand-headline-font-family: 'Seasons52regular-Regular', 'Comic Sans MS', cursive;
    --brand-headline-bold-font-family: 'Seasons52bold-Bold', 'Comic Sans MS', 'Arial Rounded MT Bold', cursive;
    --brand-accent-font: 'PatrickHand-Regular', "Patrick Hand", "Comic Sans MS", "Segoe Print", "Segoe UI", sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Patrick+Hand&display=swap');

/* font embeds */
@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url('https://media.seasons52.com/fonts/BarlowCondensed-Bold.eot');
    src: url('https://media.seasons52.com/fonts/BarlowCondensed-Bold.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Bold.woff')format('woff'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Bold.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Bold.svg')format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BarlowCondensed-Regular';
    src: url('https://media.seasons52.com/fonts/BarlowCondensed-Regular.eot');
    src: url('https://media.seasons52.com/fonts/BarlowCondensed-Regular.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Regular.woff')format('woff'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Regular.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/BarlowCondensed-Regular.svg')format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Italic';
    src: url('https://media.seasons52.com/fonts/Barlow-italic.eot');
    src: url('https://media.seasons52.com/fonts/Barlow-italic.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/Barlow-italic.woff')format('woff'),
        url('https://media.seasons52.com/fonts/Barlow-italic.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/Barlow-italic.svg')format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url('https://media.seasons52.com/fonts/Barlow-Medium.eot');
    src: url('https://media.seasons52.com/fonts/Barlow-Medium.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/Barlow-Medium.woff')format('woff'),
        url('https://media.seasons52.com/fonts/Barlow-Medium.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/Barlow-Medium.svg')format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Regular';
    src: url('https://media.seasons52.com/fonts/Barlow-Regular.eot');
    src: url('https://media.seasons52.com/fonts/Barlow-Regular.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/Barlow-Regular.woff')format('woff'),
        url('https://media.seasons52.com/fonts/Barlow-Regular.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/Barlow-Regular.svg')format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('https://media.seasons52.com/fonts/Barlow-SemiBold.eot');
    src: url('https://media.seasons52.com/fonts/Barlow-SemiBold.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBold.woff')format('woff'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBold.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBold.svg')format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-SemiBoldItalic';
    src: url('https://media.seasons52.com/fonts/Barlow-SemiBoldItalic.eot');
    src: url('https://media.seasons52.com/fonts/Barlow-SemiBoldItalic.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBoldItalic.woff')format('woff'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBoldItalic.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/Barlow-SemiBoldItalic.svg')format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PatrickHand-Regular';
    src: url('https://media.seasons52.com/fonts/PatrickHand-Regular.eot');
    src: url('https://media.seasons52.com/fonts/PatrickHand-Regular.woff2')format('woff2'),
        url('https://media.seasons52.com/fonts/PatrickHand-Regular.woff')format('woff'),
        url('https://media.seasons52.com/fonts/PatrickHand-Regular.ttf')format('truetype'),
        url('https://media.seasons52.com/fonts/PatrickHand-Regular.svg')format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Seasons52bold-Bold";
    src: url('https://media.seasons52.com/fonts/Seasons52_bold-Bold.eot');
    src: url("https://media.seasons52.com/fonts/Seasons52_bold-Bold.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/Seasons52_bold-Bold.woff") format("woff"),
        url("https://media.seasons52.com/fonts/Seasons52_bold-Bold.ttf") format("truetype"),
        url("https://media.seasons52.com/fonts/Seasons52_bold-Bold.svg") format("svg");
}


@font-face {
    font-family: "Seasons52regular-Regular";
    src: url("https://media.seasons52.com/fonts/Seasons52regular-Regular.eot?#iefix");
    src: url("https://media.seasons52.com/fonts/Seasons52regular-Regular.eot?#iefix") format("eot"),
        url("https://media.seasons52.com/fonts/Seasons52regular-Regular.woff") format("woff"),
        url("https://media.seasons52.com/fonts/Seasons52regular-Regular.ttf") format("truetype"),
        url("https://media.seasons52.com/fonts/Seasons52regular-Regular.svg#Seasons52regular-Regular") format("svg");
    font-style: normal;
    font-display: swap;
}



/* fonts */
.font--barlow-cond-bold {
    font-family: 'BarlowCondensed-Bold', Arial, sans-serif !important;
}

.font--barlow-cond-regular {
    font-family: 'BarlowCondensed-Regular', Arial, sans-serif !important;
}

.font--barlow-italic {
    font-family: 'Barlow-Italic', Arial, sans-serif !important;
}

.font--barlow-medium {
    font-family: 'Barlow-Medium', Arial, sans-serif !important;
}

.font--barlow-regular {
    font-family: 'Barlow-Regular', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}


.font--patrick-hand {
    font-family: 'PatrickHand-Regular', "Patrick Hand",
        "Comic Sans MS",
        "Segoe Print",
        "Segoe UI",
        sans-serif !important;
}

.font--s52-regular {
    font-family: 'Seasons52regular-Regular', 'Comic Sans MS', cursive !important;
}

.font--s52-bold {
    font-family: 'Seasons52bold-Bold', 'Comic Sans MS', 'Arial Rounded MT Bold', cursive !important;
}

/* background colors */
.bg--red {
    background-color: var(--brand-red, #B31900) !important;
}

.bg--green {
    background-color: var(--brand-green, #638A38) !important;
}

.bg--bright-green {
    background-color: var(--brand-bright-green, #96E330) !important;
}

.bg--orange {
    background-color: var(--brand-orange, #FF9E00) !important;
}

.bg--purple {
    background-color: var(--brand-purple, #7800A3) !important;
}

/* borders */
.border--green {
    border-color: var(--brand-green, #638A38) !important;
}

.border--orange {
    border-color: var(--brand-orange, #FF9E00) !important;
}

.border--purple {
    border-color: var(--brand-purple, #7800A3) !important;
}

.border--red {
    border-color: var(--brand-red, #B31900) !important;
}

/* buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    /* font-family: var(--brand-headline-bold-font-family, 'Seasons52bold-Bold', 'Comic Sans MS', 'Arial Rounded MT Bold', cursive); */
    /* -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; */
    /* padding: .375rem .75rem;
                font-size: 1rem;
                line-height: 1.5; */
}

.btn--red,
.btn--red:active {
    background-color: var(--brand-red, #B31900) !important;
    color: #fff !important;
}

.btn--green,
.btn--green:active {
    background-color: var(--brand-green, #638A38) !important;
    color: #fff !important;
}

.btn--green:hover,
.btn--green:focus {
    background-color: #50712c !important;
    color: #fff !important;
}

.btn--bright-green,
.btn--bright-green:active {
    background-color: var(--brand-bright-green, #96E330) !important;
    color: #fff !important;
}

.btn--bright-green:hover,
.btn--bright-green:focus {
    background-color: #68a617 !important;
    color: #fff !important;
}

.btn--orange,
.btn--orange:active {
    background-color: var(--brand-orange, #FF9E00) !important;
    color: #fff !important;
}

.btn--orange:hover,
.btn--orange:focus {
    background-color: #b36e00 !important;
    color: #fff !important;
}

.btn--purple,
.btn--purple:active {
    background-color: var(--brand-purple, #7800A3) !important;
    color: #fff !important;
}

.btn--purple:hover,
.btn--purple:focus {
    background-color: #520070 !important;
    color: #fff !important;
}

.btn--plum,
.btn--plum:active {
    background-color: var(--brand-plum, #652558) !important;
    color: #fff !important;
}

.btn--plum:hover,
.btn--plum:focus {
    background-color: #4b1e3f !important;
    color: #fff !important;
}

.btn--outline-gray {
    color: var(--brand-btn-gray, #70695c) !important;
    border: 1px solid var(--brand-btn-gray, #70695c) !important;
    background: transparent !important;
}

.btn--outline-gray:hover,
.btn--outline-gray:focus {
    background-color: var(--brand-btn-gray, #70695c) !important;
    color: #fff !important;
    border: 1px solid var(--brand-btn-gray, #70695c) !important;
}

/* Text color classes */
.text--red {
    color: var(--brand-red, #B31900) !important;
}

.text--green,
.text-green {
    color: var(--brand-green, #638A38) !important;
}

.text--dark-gray {
    color: var(--brand-dark-gray, #5C5649) !important;
}

.text--gray {
    color: var(--brand-gray, #5F6751) !important;
}

.text--jet-black {
    color: var(--brand-jet-black, #000000) !important;
}

.text--bright-green {
    color: var(--brand-bright-green, #96E330) !important;
}

.text--orange {
    color: var(--brand-orange, #FF9E00) !important;
}

.text--purple {
    color: var(--brand-purple, #7800A3) !important;
}

.text--plum {
    color: var(--brand-plum, #652558) !important;
}