@charset "UTF-8";@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 200;
    src: url(fonts/f53e5775-ed10-4b0d-bae1-efc8fb73f320.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/1d2142cb-3e68-48df-b188-f1ac45a47a8b.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/c24b7456-b9fe-40ab-94af-ba8d3025fada.woff2) format("woff2")
}
/*
@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/f53e5775-ed10-4b0d-bae1-efc8fb73f320.woff2) format("woff2")
}
*/

body {
    font: 400 10px/1.5 NHaas,Georgia,Times,Times New Roman,serif;
    color: #151212;
    font-size: 14px;
    margin-top: 20px;
}
@media (max-width: 992px) {
    body {
        margin-top: 20px !important;
    }
}
.header-fixed {
    margin-top: 20px;
}
.form-control {
    border-radius: 5px;
}

.lottery-logo {
    width: 100%;
    max-width: 333px;
}
h1.title {
    display: none;
}

.hpanel > .panel-heading {
    font-weight: 800;
    font-style: normal;
    color: #000;
}
.hpanel.hblue .panel-body {
    border: none;
    border-top: 3px solid #dd2211;
    box-shadow: 0px 4px 20px 0px #aeaeae1f;
    border-radius: 0px 0px 8px 8px;
}

.hpanel.hbgblue .panel-body {
    background: #d21;
    color: #fff;
}
.hpanel.hbgblue .panel-body .grand_total {
    font-size: 3.3em;
}

.countdown-wrapper {
    height: auto;
    transition: all 0.1s;
    font-size: 1.5em;
    margin: 10px 0px;
    float: right;
}
.countdown-wrapper-march-money {
    display: block;
    float: none;
    margin: 0px 0px 20px;
}
.countdown-wrapper .countdown {
    font-size: 1.1em;
    margin-bottom: -5px;
    display: flex;
    justify-content: center;
}
.countdown-wrapper .countdown-info {
    font-size: 0.7em;
    line-height: 1em;
    padding: 5px 0px 5px;
    color: #000;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0px;
}
.countdown-to-digits > div {
    width: 65px;
    height: 45px;
}
.countdown-to-digits > div + div {
    border-left: 1px dashed #000;
}
.countdown-to-digits .digit {
    background: transparent;
    border-radius: 0px;
    color: #dd2211;
    text-align: center;
    font-size: 150%;
    line-height: 20px;
    height: 40px;
    padding-top: 5px;
}
.countdown-to-digits .seconds {
    display: none;
}
.countdown-to-digits .weeks .digit {
    border-left: none;
}
.countdown-to-digits .digit-label {
    color: #000000;
    text-align: center;
    font-size: 50%;
    line-height: 1em;
    display: block;
    top: -5px;
    position: relative;
    /* font-weight: normal; */
}

@media (max-width: 992px) {
    .countdown-wrapper {
        /* float: right; */
        height: auto;
        margin: 5px 0px !important;
        width: auto;
    }
}
@media (max-width: 380px) {
    .countdown-wrapper {
        display: block;
        float: none;
    }
    .countdown-to-digits > div {
        width: 50px;
    }
    .countdown-to-digits .digit {
        font-size: 120%;
    }
    .countdown-to-digits .digit-label {
        font-size: 50%;
    }

}

.header-red-bar {
    background: #d21;
    color: #fff;
    text-align: left;
    padding: 10px 20px;
    border-radius: 0px;
    border: none;
}
.header-red-bar h2 {
    font-weight: bold;
    font-size: 24px;
}

.jackpot-container, .jackpot-payout-container {
    font-size: 1.1em;
    margin-bottom: 15px;
}
.jackpot-payout {
    color: #ee3224;
    font-size: 2.5em;
    margin: -5px 0px;
}
.jackpot-payout-info {
    font-size: 21.56px;
    text-transform: none;
}
@media (max-width: 480px) {
  .jackpot-payout {
    font-size: 2.5em;
  }
}

.btn {
    border-radius: 25px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 11px 28px;
    text-decoration: none;
    transition: border-color .3s, background-color .3s, color .3s;
    border-width: 2px;
}
.btn:hover {
    /* border: 2px solid #d21; */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-primary, .btn-success {
    border-color: #d21;
    background-color: #d21;
    border: 2px solid #d21;
    color: #fff;
}
.btn-primary:hover, .btn-success:hover {
    background-color: #c41d0e;
    border-color: #c41d0e;
    text-decoration: none;
}

.donation-amount-button {
    padding: 6px 12px;
    margin-right: 15px;
}
.donation-amount-button.active {
    border: 2px solid #d21;
}

#place-order-button {
    text-transform: uppercase;
}
a.lottery-header-order-button {
    margin: 20px 0px;
    float: right;
    display: none;
    width: auto;
}

@media (min-width: 992px) {
    .footer-banner {
        font-size: 3.4rem;
    }
}

@media (min-width: 768px) {
    .footer-banner {
        font-size: 2.8rem;
        height: 8.5rem;
    }
}
.footer-banner {
    align-items: center;
    background-color: #fff;
    display: flex;
    font-size: 2.2rem;
    height: 6.7rem;
    justify-content: center;
    line-height: 1;
    box-shadow: 0px -2px 20px 0px #aeaeae1f;
    margin-top: 80px;
}
.footer-banner__title {
    color: #d21;
    font-weight: 900;
}
@media (min-width: 576px) {
    .footer-banner__text--large {
        display: block;
    }
}

.footer-banner__text--large {
    display: none;
}
.footer-banner__text {
    margin-left: 1rem;
}
@media (min-width: 576px) {
    .footer-banner__text--mobile {
        display: none;
    }
}

.footer-banner__text--mobile {
    display: block;
}
.footer-banner__text {
    margin-left: 1rem;
}

.form-group.required .control-label:after {
    content: "";
}

.donation-amount-dropdown {
    font-size: 1.8em;
    font-weight: bold;
    padding: 1px 3px;
    text-align: center;
    width: 186px !important;
    height: auto;
    border-radius: 5px !important;
}
.donation-amount-dropdown option {
    font-size: 80%;
}

.popular-choice {
    background: #ececec;
    margin-top: -10px;
    margin-bottom: 5px;
    display: block;
    clear: both;
    /* color: #fff; */
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    padding: 15px 0px;
}

.popular-choice:after {
    content: "Popular Choice!" !important;
    display: block !important;
    background: #ee3224;
    width: 280px;
    text-align: center;
    position: absolute;
    z-index: 10;
    padding: 2px 100px;
    right: 0px;
    transform: translate(45%, -15%) rotate(-60deg);
    color: #fff;
    height: 100px;
    line-height: 1.2em;
}
.popular-choice-small {
    padding: 30px 0px 5px;
}
.popular-choice-small:after {
    width: 100%;
    padding: 2px 20px;
    transform: translate(0%, 0%) rotate(0deg);
    top: 0px;
    border-radius: 0px;
    height: auto;
}

.popular-choice .input-group-addon {
    border-color: #000000 !important;
}
.popular-choice .form-control {
    border-color: #000000 !important;
}
@media (max-width: 1200px) {
    .popular-choice:after {
        transform: translate(45%, -15%) rotate(-60deg);
    }
    .popular-choice-small:after {
        transform: translate(0%, 0%) rotate(0deg);
        height: auto;
    }
}
@media (max-width: 992px) {
    .popular-choice-small {
        padding: 15px 0px;
    }
    .popular-choice-small:after {
        transform: translate(45%, -15%) rotate(-60deg);
        width: 280px;
        padding: 2px 100px;
        right: 0px;
        top: auto;
        height: 100px;
    }
}
@media (max-width: 767px) {
    .popular-choice:after {
        width: auto;
        padding: 5px 20px;
        transform: translate(0%, 0%) rotate(0deg);
        top: 0px;
        /* border-radius: 0px 0px 0px 5px; */
        height: auto;
    }
}


#nexus-raffle-logo-wrapper {
    margin: 40px auto 0px auto;
    max-width: 175px;
}
#nexus-raffle-logo-wrapper p {
    font-size: 10px;
}
#nexus-raffle-logo-wrapper > div > a {
    height: 60px;
}
#nexus-raffle-logo-wrapper.nexus-logo-dark > div > a {
    background-image: url(/images/raffle-logo-light-350x85.png);
}

.page-status  h3.pull-right.m-l-sm {
    font-weight: normal;
}
.tickets-list {
    display: grid;
    gap: 0px 15px;
    justify-items: center;
}
h3.tickets-list span {
    margin-right: 0px;
}
@media (min-width: 600px) {
    .tickets-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 599px) {
    .tickets-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 25px;
    }
    .btn-group > .btn, .btn-group-vertical > .btn {
        margin: 0px 10px 10px 0px;
    }
}

@media (max-width: 520px) {
    #checkoutForm > .btn {
        display: block;
        margin: 50px auto 20px;
        float: none !important;
        width: fit-content;
    }
    #checkoutForm > .btn:not(#place-order-button) {
        border: none;
    }
    #place-order-button {
        margin-bottom: 65px !important;
    }
}

#order-status-info .panel-body .text-center {
    display: none;
}
#order-status-info .panel-body hr:last-of-type {
    display: none;
}
.countdown-wrapper {
    display: none;
}
.cellular-phone-form-group{
    margin-bottom: 0px;
}
.issued-electronically-only-form-group {
    display: none;
}

.page-winners .col-sm-5 .input-group input {
    border-color: #dd2211;
    border-radius: 25px 0px 0px 25px;
}
.page-winners .col-sm-5 .input-group .input-group-btn button {
    height: 34px;
    padding: 0px 15px;
}

.page-winners form {
    /*display: none;*/
}
.page-draw-pending {
    display: none;
}

/* home page redirection */
body {
    display: none;
}

.winners-calendar-prize-winner .winners-calendar-prize-winner-name {
    font-weight: normal;
}
.modal-body .winners-calendar-prize-winner .winners-calendar-prize-winner-name {
    font-weight: bold;
}

.modal-dialog .color-line {
    display: none;
}