:root {
    --ev-black: #000;
    --ev-orange: #bf770c;
    --ev-light-gold: #ffd16e;
    --ev-smokey-blue: #485062;
    --ev-slate-gray: #79818c;
    --ev-soft-gold: #f2cb65;
    --ev-moderate-gold: #b7995a;
    --ev-gray-silver: #bcc6c8;
    --ev-gray-harbour: #cfcfcf;
    --ev-gray-steel: #abb2bc;
    --ev-gray-charcoal: #22252b;
    --ev-gray-shadow: #292c33;
    --ev-gray-seal: #656565;
    --ev-gray-clouds: #a2adba;
    --ev-gray-cool: #717e8f;
    --ev-gray-blue: #3c4659;
    --ev-gray-pearl-river: #cfcfcf;
    --ev-gray-ivory: #cdcdcd;
    --ev-gray: #4d5460;
    --ev-ash-blue: #cbd1d6;
    --ev-gray-accent: #abb2bc;
    --ev-blue-smoke: #dcefff;
    --ev-red: #831a2e;
    --ev-gold: #7c6f51;
    --ev-cream: #d1c198;
    --ev-black-coal: #202228;
    --ev-black-onyx: #020001;
    --bg-gradient-gray-anchor: linear-gradient(90deg,
            rgba(41, 44, 51, 1) 0%,
            rgba(65, 77, 99, 1) 50%,
            rgba(41, 44, 51, 1) 100%);
    --bg-gradient-gray-lava: linear-gradient(90deg,
            rgba(97, 108, 126, 1) 0%,
            rgba(34, 37, 42, 1) 50%,
            rgba(97, 108, 126, 1) 100%);
    --bg-gradient-gray-raven: radial-gradient(circle,
            rgba(98, 105, 121, 1) 0%,
            rgba(74, 81, 99, 1) 100%);
    --bg-gradient-gray-join-button: linear-gradient(175deg,
            rgba(41, 45, 54, 1) 0%,
            rgba(65, 76, 98, 1) 50%,
            rgba(41, 45, 54, 1) 100%);
    --bg-gradient-gray-hero-btn: linear-gradient(170deg,
            rgba(235, 239, 239, 1) 0%,
            rgba(112, 115, 117, 1) 100%);
    --ev-body-font: "Montserrat", sans-serif;
    --ev-body-accent-font: "Relaxation", cursive;
    --ev-base-font-size: 1rem;
}



/* 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;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ev-body-font, "Montserrat", 'Helvetica Neue', Helvetica, Arial, sans-serif);
    font-weight: 600;
}



a {
    text-decoration: none;

}

/* fonts */
.font--montserrat {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.font--monserrat-bold {
    font-family: 'Montserrat-Bold', 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}

.font--relaxation {
    font-family: 'Relaxation', 'Brush Script MT', 'Lucida Handwriting', cursive !important;
}

.font--eddies-regular {
    font-family: 'Eddies Regular', 'Brush Script MT', 'Lucida Handwriting', cursive !important;
}

/* background colors */
.bg--orange {
    background-color: var(--ev-orange, #bf770c) !important;
}

.bg--light-gold {
    background-color: var(--ev-light-gold, #ffd16e) !important;
}

.bg--moderate-gold {
    background-color: var(--ev-moderate-gold, #b7995a) !important;
}

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

.bg--soft-gold {
    background-color: var(--ev-soft-gold, #f2cb65) !important;
}

.bg--smokey-blue {
    background-color: var(--ev-smokey-blue, #485062) !important;
}

.bg--slate-gray {
    background-color: var(--ev-slate-gray, #79818c) !important;
}

.bg--ash-blue {
    background-color: var(--ev-ash-blue, #cbd1d6) !important;
}

.bg--gray-gradient {
    background: linear-gradient(90deg, rgba(41, 44, 51, 1) 0%, rgba(65, 77, 99, 1) 50%, rgba(41, 44, 51, 1) 100%) !important;
}

/* buttons */
.btn {
    display: inline-flex;
    cursor: pointer;
    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;
    font-family: var(--ev-body-font, "Montserrat", 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.btn--silver-gradient,
.btn--silver-gradient:active,
.btn--silver-gradient.active {
    background: linear-gradient(rgb(218, 218, 218) 0%, rgb(93, 93, 93) 100%) rgba(0, 0, 0, 0) !important;
    border: none;
    color: rgb(0, 0, 0) !important;
    padding: 0.75rem 2.5rem;
}

.btn--silver-gradient:hover,
.btn--silver-gradient:focus {
    background: linear-gradient(96deg, var(--ev-smokey-blue) 0%, var(--ev-slate-gray) 50%, rgba(71, 80, 97, 1) 100%) !important;
    background: -moz-linear-gradient(96deg, var(--ev-smokey-blue) 0%, var(--ev-slate-gray) 50%, var(--ev-smokey-blue) 100%) !important;
    background: -webkit-linear-gradient(96deg, var(--ev-smokey-blue) 0%, var(--ev-slate-gray) 50%, var(--ev-smokey-blue) 100%) !important;
    color: #d5e7ff !important;
    border: none;
    padding: 0.75rem 2.5rem;
}

.btn--gray-gradient,
.btn--gray-gradient:active {
    background: var(--ev-slate-gray);
    background: linear-gradient(96deg, var(--ev-slate-gray) 0%, var(--ev-smokey-blue) 50%, var(--ev-slate-gray) 100%);
    background: -moz-linear-gradient(96deg, var(--ev-slate-gray) 0%, rgba(71, 80, 97, 1) 50%, var(--ev-slate-gray) 100%);
    background: -webkit-linear-gradient(96deg, var(--ev-slate-gray) 0%, rgba(71, 80, 97, 1) 50%, var(--ev-slate-gray) 100%);
    border: 0.1rem solid #676e7c;
    color: #d5e7ff !important;
}

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

.btn--gold,
.btn--gold:active {
    background: linear-gradient(4deg, #b4944f 36%, #fed259 100%) !important;
    color: #000 !important;
    letter-spacing: 0.125rem;
    padding: 0.75rem 2.5rem;
}

.btn--gold:hover,
.btn--gold:focus {
    background: -moz-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%) !important;
    background: -webkit-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%) !important;
    background: -ms-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%) !important;
    letter-spacing: 0.125rem;
    color: #000 !important;
    padding: 0.75rem 2.5rem;
}

.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%) !important;
    background: -webkit-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%) !important;
    background: -ms-linear-gradient(96deg, rgb(180, 148, 79) 0%, rgb(162, 128, 61) 58%, rgb(254, 210, 89) 100%) !important;
    color: #000 !important;
}

.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%) !important;
    background: -webkit-linear-gradient(96deg, rgb(254, 210, 89) 0%, rgb(162, 128, 61) 58%, rgb(180, 0148, 79) 100%) !important;
    background: -ms-linear-gradient(96deg, rgb(254, 210, 89) 0%, rgb(162, 128, 61) 58%, rgb(180, 0148, 79) 100%) !important;
    color: #000 !important;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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