@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-regular.woff') format('woff'), url('fonts/poppins-regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-italic.woff') format('woff'), url('fonts/poppins-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-bold.woff') format('woff'), url('fonts/poppins-bold.woff2') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'poppins';
    src: url('fonts/poppins-bolditalic.woff') format('woff'), url('fonts/poppins-bolditalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

/* font-family: dharma-gothic-e, sans-serif; */

:root {
    --zinc-light: #fff;
    --zinc-light-rgb: 255, 255, 255;
    --zinc-dark: #000;
    --zinc-dark-rgb: 0, 0, 0;
    --gb-gold: #E2BE6A;
    --gb-red: #ED1C24;
    --gb-darker: #240E08;
    --gb-dark: #37160D;
    --gb-darkish: #301005;
    --gb-footer-color: #451A0B;
    /**/
    --zinc-error: #FF6E6E;
    --zinc-error-rgb: 255, 110, 110;
    --zinc-good: #00B402;
    /**/
    --zinc-max-width: 650px;
    --zinc-content-background: var(--gb-darker);
    /**/
    --zinc-input-file-background-color: var(--zinc-light);
    --zinc-input-file-color: var(--zinc-dark);
    --zinc-input-color: var(--zinc-dark);
    --zinc-input-background-color: var(--zinc-light);
    --zinc-input-border: 0;
    --zinc-input-border-radius: 3px;
    /**/
    --zinc-upload-background: var(--gb-dark);
    /**/
    --zinc-button-border-radius: 30px 0px;
    --zinc-button-background-color: var(--gb-red);
    --zinc-button-color: var(--zinc-light);
    /**/
    --zinc-mandatory-color: var(--zinc-error, #000);
    --zinc-mandatory-color-alt: var(--zinc-error, #fff);
    /**/
    --zinc-field-background: #fff;
    /**/
    --zinc-title-font-family-alt: 'dharma-gothic-e', serif;
    --zinc-title-font-weight-alt: 700;
    --zinc-title-font-style-alt: normal;
    /**/
    --zinc-nav-background: var(--zinc-light);
    --zinc-nav-color: var(--zinc-dark);
    --zinc-nav-active-background: var(--gb-red);
    --zinc-nav-active-color: var(--zinc-light);
    /**/
    --zinc-link-color: var(--zinc-light);
    --zinc-color-alt: var(--zinc-dark);
    /**/
    --zinc-footer-color: var(--gb-footer-color);
    --zinc-footer-color-links: var(--gb-footer-color);
    --zinc-footer-background: linear-gradient(90deg, #C7A451 0px, #FFDA85 480px, #C7A451 960px, #F8D27F 1498px, #C7A451 1920px);
    --zinc-footer-offset-width: 0px;
    /**/
    --zinc-navbar-height-offset: 340px;
    --zinc-animation-max-height-offset: 250px;
    --zinc-animation-extra-wide-percentage: 15%;
    /**/
}


:root {
    --bs-body-color: var(--zinc-light);
    --bs-body-color-rgb: var(--zinc-light-rgb);
    --bs-dark-rgb: 0, 0, 0;
    --bs-dark-color: #000000;
    --bs-danger: var(--zinc-error, #00417c);
    --bs-link-color: inherit;
    --bs-link-hover-color: inherit;
    --bs-danger-rgb: var(--zinc-error-rgb);
    --bs-body-font-family: 'poppins', sans-serif;
    --bs-title-font-family: 'dharma-gothic-e', sans-serif;
    --bs-title-font-weight: 700;
    --bs-title-font-style: normal;
    --bs-nav-link-hover-color: #fff;
    --bs-nav-link-font-size: 1.23rem;
    --bs-light-rgb: var(--zinc-light-rgb);
}

.form-control::file-selector-button {
    --zinc-file-button-background-color: var(--gb-gold);
    --zinc-file-button-color: var(--zinc-dark);
    font-weight: bold;
}

body {
    background: var(--gb-darkish) url('../images/bg.png') no-repeat top center;
}


h1 {
    /*text-shadow: 4px 4px 20px rgba(107, 16, 17, 0.70);*/
    font-size: 5rem;
    color: var(--gb-gold);
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(90deg, #C7A451 0%, #FFDA85 25%, #C7A451 49%, #F8D27F 78%, #C7A451 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 650px;
    margin: 0 auto;
}

    h1.larger {
    }

h2 {
    color: var(--gb-gold);
    text-transform: uppercase;
    text-align: center;
    font-size: 2.5rem;
}

h3 {
}

h5 {
    color: var(--gb-gold);
    text-transform: uppercase;
    font-size: 1.57rem;
}

sup {
    font-size: 0.6em;
}

.disclaimer {
    font-size: 0.857rem;
}

.logo-container {
    text-align: center;
    margin-top: -6.5%;
}

.header-logo {
    max-width: 472px;
    width: 100%;
}

.header-logo-home {
    max-width: 527px;
}

.logo-container.logo-container-enter {
    margin-top: 7.5%;
}

.header-logo-enter {
    max-width: 405px;
}

.header-logo-gold {
    max-width: 516px;
}

.header {
    margin-top: 74px;
    margin-bottom: 70px;
    min-height: 223px;
    background: transparent url('../images/bg-header.png') no-repeat center top;
}

header .navbar-toggler {
}

header .navbar-collapse {
}

.footer {
    --bs-border-color: var(--zinc-light);
    background-size: 1920px;
    background-position: center top;
    font-size: 0.857rem;
}

    .footer a {
    }

    .footer .copyright-with-links {
    }

        .footer .copyright-with-links a {
            font-weight: normal;
        }

            .footer .copyright-with-links a + a {
                margin: inherit !important;
                margin-left: 0.4em !important;
                padding: inherit !important;
                padding-left: 0.4em !important;
                border-left: solid 1px var(--gb-footer-color);
                color: inherit !important;
                font-size: inherit !important;
                line-height: inherit !important;
                -moz-transition: none !important;
                -o-transition: none !important;
                -webkit-transition: none !important;
                transition: none !important;
            }

.footer-nav {
    border-right: 0;
    border-left: 0;
}

    .footer-nav a.nav-link {
        color: var(--gb-footer-color);
        font-size: 2.57rem;
    }

        .footer-nav a.nav-link:hover {
            color: var(--gb-footer-color);
        }

    .footer-nav .nav-item + .nav-item:after {
        z-index: 1;
        content: " ";
        position: absolute;
        font-size: 2em;
        top: 9.4%;
        left: -2px;
        height: 80%;
        width: 0%;
        background-color: inherit;
        /* bullet */
        /*
        content: "\2022"; 
        */
        /* slash */
        /*
        -webkit-transform: skewX(-25deg);
        -moz-transform: skewX(-25deg);
        -ms-transform: skewX(-25deg);
        transform: skewX(-25deg);
        /**/
        /* | or / */
        /*
        border-left: 2px solid var(--gb-red);
        */
    }

.hero-page {
}

.form-control, .form-select,
.form-control:focus, .form-select:focus {
    color: var(--zinc-dark);
}

    .form-control:focus, .form-select:focus {
    }

    .form-control[type='file'] {
    }

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
}

.form-upload label {
    line-height: 1.6em;
}

.form-floating > label,
.form-floating > .form-control:focus ~ label {
}

.form-check label {
}

    .form-check label input.form-check-input {
    }

.btn {
    --bs-btn-padding-x: 2rem;
    width: 100%;
    max-width: 300px;
    font-size: 2.5rem;
    line-height: 1em;
    border: solid 2px var(--zinc-light);
    padding-top: 12px;
    padding-bottom: 15px;
}

    .btn .larger {
    }

    .btn:hover,
    .btn:active,
    .btn:first-child:active,
    .btn:focus {
        border-color: var(--zinc-light);
    }

    .btn.btn-secondary {
    }


        .btn.btn-secondary:focus,
        .btn.btn-secondary:hover,
        .btn.btn-secondary:active {
        }

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
}

.form-floating.active > select.form-select {
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating.active > .form-select ~ label {
}

.accordion-button[aria-expanded="true"] {
    border-bottom: solid 1px var(--gb-gold);
}

.field-validation-error.text-danger {
    border: 0;
    background: var(--zinc-error);
    --bs-danger-rgb: var(--zinc-light-rgb);
}

.narrow {
    max-width: 340px;
    margin: 0 auto;
}

.narrower {
    max-width: 310px;
    margin: 0 auto;
}

.page-hero-default main .container {
    padding: 45px 40px;
    margin-bottom: 120px;
    min-height: 500px;
}

.mandatory {
    font-size: 0.86rem;
}

.exp,
.exp-box-title {
}

.exp-box {
}

.exp-box-title {
    font-size: 1.43rem;
}

.modal-close img {
    min-height: 30px;
}

.thanks-message-container {
    transition: transform ease-in-out 0.5s;
}

    .thanks-message-container.message-1 {
        margin-top: 20%;
    }

        .thanks-message-container.message-1.slideOut {
            transform: translateX(200vw);
        }

    .thanks-message-container.message-2 {
        transform: translateX(-200vw);
    }

        .thanks-message-container.message-2.slideIn {
            transform: translateX(0);
        }

.thanks-ticket {
    transform: rotate(0deg) scale(0);
}

.thanks-message-container.message-2.slideIn .thanks-ticket {
    animation: spinUp ease-in-out 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}

.page-enter-thanks main .container:has(.win-image) {
    margin-top: 190px;
}

.win-image {
    margin-top: -70%;
}

    .win-image img {
        animation: spinUp 1.5s ease-in-out;
        animation-iteration-count: 1;
        transform: scale(0);
        animation-fill-mode: forwards;
    }

@keyframes waveitlikeyoudontcare {
    0% {
        transform: rotate(-30deg);
    }

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

    100% {
        transform: rotate(-30deg);
    }
}

@keyframes swoopRight {
    0% {
        opacity: 0;
    }

    22% {
        opacity: 0;
    }

    28% {
        opacity: 1;
    }


    72% {
        opacity: 1;
    }

    78% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes swoopLeft {
    0% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    28% {
        opacity: 0;
    }

    72% {
        opacity: 0;
    }

    78% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 700px) {
    body {
    }
}

@media (max-width: 670px) {
}

@media (max-width: 650px) {
    body {
    }

    .hero-page {
        max-width: 70%;
    }
}

@media (max-width: 600px) {
    .page-hero-default main .container {
        padding: 25px;
    }

    .header {
        background-size: auto 90%;
        margin-bottom: 10%;
        min-height: 0;
    }

    .page-home .header {
        margin-bottom: 0;
    }

    .logo-container {
        margin-top: -11.5%;
    }

        .logo-container img {
            max-height: 100%;
        }

    .header-logo {
        max-width: 80%;
        object-fit: scale-down;
    }

    .logo-container.logo-container-home {
        margin-top: -10.4%;
        height: 120%;
    }

    .header-logo.header-logo-home {
        max-width: 90%;
    }

    .logo-container.logo-container-gold {
        margin-top: -10.4%;
        height: 120%;
    }

    .header-logo-gold {
        max-width: 90%;
    }

    .header:has(.header-logo-enter) {
        background-size: auto 100%;
    }

    .logo-container.logo-container-enter {
        margin-top: 6.5%;
        height: 63%;
    }

    .header-logo-home {
        margin-top: 4.3%;
    }

    .header-logo-gold {
        margin-top: 4.3%;
    }

    .header-logo-enter {
    }

    .hero-home img {
        max-height: calc(100svh - var(--zinc-navbar-height-offset));
    }

    .footer {
        font-size: 0.785rem;
    }


@media (max-width: 500px) {
    :root {
    }

    .footer-nav a.nav-link {
        font-size: 2.2rem;
        padding: 1px 7px;
    }
}

@media (max-height: 1100px) {
}