:root
{
    --brand-black: #000;
    --brand-orange: #bf770c;
    --brand-light-gold: #ffd16e;
    --brand-smokey-blue: #485060;
    --brand-slate-gray: #79818c;
    --brand-soft-gold: #f2cb65;
    --brand-moderate-gold: #b7995a;
}

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

@font-face
{
    font-family: "Montserrat-Bold";
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Montserrat-Bold.eot');
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Montserrat-Bold.woff') format('woff'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Montserrat-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Relaxation";
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Relaxation.eot');
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Relaxation.woff2') format('woff2'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Relaxation.woff') format('woff'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Relaxation.ttf') format('truetype'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Relaxation.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Eddies Regular";
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Eddies-Regular.eot');
    src: url('https://media.eddiev.com/images/site/page-updates/fonts/Eddies-Regular.woff2') format('woff2'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Eddies-Regular.woff') format('woff'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Eddies-Regular.ttf') format('truetype'),
        url('https://media.eddiev.com/images/site/page-updates/fonts/Eddies-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* fonts */
.font--montserrat
{
    font-family: 'Montserrat' !important;
}

.font--monserrat-bold
{
    font-family: 'Montserrat-Bold' !important;
}

.font--relaxation
{
    font-family: 'Relaxation' !important;
}

.font--eddies-regular
{
    font-family: 'Eddies Regular' !important;
}

/* background colors */
.bg--orange
{
    background-color: var(--brand-orange) !important;
}

.bg--light-gold
{
    background-color: var(--brand-light-gold) !important;
}

.bg--moderate-gold
{
    background-color: var(--brand-moderate-gold) !important;
}

.bg--pale-blue
{
    background-color: #d5e7ff !important;
}

.bg--soft-gold
{
    background-color: var(--brand-soft-gold) !important;
}

.bg--smokey-blue
{
    background-color: var(--brand-smokey-blue) !important;
}

.bg--slate-gray
{
    background-color: var(--brand-slate-gray) !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--gray-gradient,
.btn--gray-gradient:active
{
    background: var(--brand-slate-gray);
    background: linear-gradient(96deg, var(--brand-slate-gray) 0%, var(--brand-smokey-blue) 50%, var(--brand-slate-gray) 100%);
    background: -moz-linear-gradient(96deg, var(--brand-slate-gray) 0%, rgba(71, 80, 97, 1) 50%, var(--brand-slate-gray) 100%);
    background: -webkit-linear-gradient(96deg, var(--brand-slate-gray) 0%, rgba(71, 80, 97, 1) 50%, var(--brand-slate-gray) 100%);
    border: 0.1rem solid #676e7c;
    color: #d5e7ff !important;
    padding: .5rem 1rem;
}

.btn--gray-gradient:hover,
.btn--gray-gradient:focus
{
    background: var(--brand-slate-gray);
    background: linear-gradient(96deg, var(--brand-smokey-blue) 0%, var(--brand-slate-gray) 50%, rgba(71, 80, 97, 1) 100%);
    background: -moz-linear-gradient(96deg, var(--brand-smokey-blue) 0%, var(--brand-slate-gray) 50%, var(--brand-smokey-blue) 100%);
    background: -webkit-linear-gradient(96deg, var(--brand-smokey-blue) 0%, var(--brand-slate-gray) 50%, var(--brand-smokey-blue) 100%);
    color: #d5e7ff;
}

.btn--gold-gradient,
.btn--gold-gradient:active
{
    background: rgb(255, 220, 123);
    background: -moz-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%);
    background: -webkit-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%);
    background: -ms-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%);
    color: #000;
}

.btn--gold-gradient:hover,
.btn--gold-gradient:focus
{
    background: rgb(255, 220, 123);
    background: -moz-linear-gradient(96deg, rgb(254, 210, 89) 0%, rgb(162, 128, 61) 58%, rgb(180, 0148, 79) 100%);
    background: -webkit-linear-gradient(96deg, rgb(254, 210, 89) 0%, rgb(162, 128, 61) 58%, rgb(180, 0148, 79) 100%);
    background: -ms-linear-gradient(96deg, rgb(254, 210, 89) 0%, rgb(162, 128, 61) 58%, rgb(180, 0148, 79) 100%);
    color: #000;
}

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

.btn--orange:hover,
.btn--orange:focus
{
    background-color: #935a05 !important;
    color: #FFFFFF;
}

.btn--light-gold,
.btn--light-gold:active
{
    background-color: var(--brand-light-gold) !important;
    color: #FFFFFF;
}

.btn--light-gold:hover,
.btn--light-gold:focus
{
    background-color: var(--brand-moderate-gold) !important;
}

.btn--moderate-gold,
.btn--moderate-gold:active
{
    background-color: var(--brand-moderate-gold) !important;
    color: #FFFFFF;
}

.btn--moderate-gold:hover,
.btn--moderate-gold:focus
{
    background-color: #8d7544 !important;
    color: #FFFFFF;
}


.btn--soft-gold,
.btn--soft-gold:active
{
    background-color: var(--brand-soft-gold) !important;
    color: #FFFFFF;
}

.btn--smokey-blue,
.btn--smokey-blue:active
{
    background-color: var(--brand-smokey-blue) !important;
    color: #FFFFFF;
}

.btn--slate-gray,
.btn--slate-gray:active
{
    background-color: var(--brand-slate-gray) !important;
    color: #FFFFFF;
}

/* border */
.border--black
{
    border-color: var(--brand-black) !important;
}

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

.border--light-gold
{
    border-color: var(--brand-light-gold) !important;
}

.border--smokey-blue
{
    border-color: var(--brand-smokey-blue) !important;
}

.border--slate-gray
{
    border-color: var(--brand-slate-gray) !important;
}

.border--soft-gold
{
    border-color: var(--brand-soft-gold) !important;
}

.border--moderate-gold
{
    border-color: var(--brand-moderate-gold) !important;
}

/* text colors */
.text--orange
{
    color: var(--brand-orange) !important;
}

.text--light-gold
{
    color: var(--brand-light-gold) !important;
}

.text--moderate-gold
{
    color: var(--brand-moderate-gold) !important;
}

.text--soft-gold
{
    color: var(--brand-soft-gold) !important;
}

.text--pale-blue
{
    color: #d5e7ff !important;
}

.text--smokey-blue
{
    color: var(--brand-smokey-blue) !important;
}

.text--slate-gray
{
    color: var(--brand-slate-gray) !important;
}