: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-plum: #652558;
}

/* 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: "Seasons52-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: 'Seasons52-Regular';
    src: url('https://media.seasons52.com/fonts/Seasons52regular-Regular.eot');
    src: url('https://media.seasons52.com/fonts/Seasons52regular-Regular.woff2')format('woff2'),
        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')format('svg');
    font-weight: 700;
    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', Arial, sans-serif !important;
}


.font--patrick-hand
{
    font-family: 'PatrickHand-Regular', 'Comic Sans MS', cursive, sans-serif !important;
}

.font--s52-regular
{
    font-family: 'Seasons52regular-Regular', Arial, sans-serif !important;
}

.font--s52-bold
{
    font-family: 'Seasons52-Bold', Arial, sans-serif !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;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    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;
}

.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;
}

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

.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;
}