/***************************************************
        classroom wishlist styles
 ****************************************************/

.do_good__container{
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    margin-right: auto;
    margin-left:auto;
    padding:10px;
    font-size: 17px;
}


.section_text{
    border: 1px solid rgba(0, 164, 227,.5);
    padding:15px;
    marging: 100px;
}
.do_good__left{
    margin-bottom: 25px;
}

.wishlist__title__tabs{
    background-color: #00a4e3;
    border-radius: 7px 7px 0px 0px;
    width: min-content;
    font-size: 20px;
    color: #f5f5f5;
    text-align: center;
    padding: 15px 20px 6px 20px;
    font-weight: bold;
}
#featured__story{
    background-color: #F4F4F4;
    text-align: center;
    font-weight: bold;
    width: 200px;
    padding:5px;
    margin: 0px 65px;
}
#featured__story > p{
    margin-bottom: 0px;
}

#featured__title{
    font-weight: bold;
    text-align: center;
}

#wishes__funded__link{
    font-weight:bold;
    color:#00a4e3;
}
.do_good__left > img{
    width: 600px;
    border-radius: 15px;
}


@media (min-width: 540px){
    #featured__story{
        margin: 0px 40%;
    }

}
@media (min-width: 991px) {
    .do_good__right {
        width: 641px;
    }

    .do_good__left {
        width: 474px;
        margin-right: 30px;

    }

    .do_good__container {
        display: flex;
        flex-direction: row;
        margin-bottom: 50px;
    }

    #featured__story {
        font-size: 22px;
        margin: 0px 180px 10px;
    }

    #featured__title {
        font-size: 28px;
    }

    .section_text > ul > li{
        padding: 10px;
    }

    .do_good__section {
        width:1100px;
        margin: 0px auto;
    }

}

/***************************************************
        classroom wishlist styles end
 ****************************************************/

/****************************************************
        Funded Projects Styles
 *****************************************************/

.funded__projects__section{
    margin: 0px 10px;
}
@media (min-width: 768px) {
    .funded__projects__section{
        width: 700px;
        margin: 0px auto;
    }
    .card-columns{
        column-count: 1;
    }
}
@media (min-width: 991px) {
    .funded__projects__section{
        width: 1000px;
    }

}
/****************************************************
        Funded Projects Styles End
 *****************************************************/

/****************************************************
        Holiday Splash Styles
 *****************************************************/

#merry-magic, #woohville, #winter-wishes, #mint, #sleighn, #twelve-strays {
    position: absolute;
    transition: transform .5s ease-in-out;
}
#merry-magic:hover, #woohville:hover, #winter-wishes:hover, #mint:hover,#sleighn:hover,#twelve-strays:hover  {
    transform: translate(-15px, -20px);
    transition-timing-function: ease-out;
}
.present{
    display: none;
}
.main-holiday-title{
    width: 100%;
    padding: 40px 10px;
}
#joy-worth-sharing-logo{
    width:100%;
}
#give-the-gift-logo{
    margin-top: 20px;
}
.main-holiday-title > img{
    width: 100%;
}
@media (min-width: 541px){

    #joy-worth-sharing-logo{
        width:500px;
    }
    #give-the-gift-logo{
        width: 400px;
    }
    .holiday-main{
        height: 900px;
    }
}
@media (min-width: 1200px){
    .present{
        display: inline-block;
    }
    .holiday-main{
        height: 850px;
    }
    .main-holiday-title{
        margin-left: 30px;
        padding: 0px;
    }
    .present > svg{
        width:1250px;
        height:1200px;
    }
}
@media (min-width: 1600px){
    .main-holiday-title{
        padding: 40px;
    }
    #joy-worth-sharing-logo{
        margin-left: 150px;
        margin-right: 150px;
    }
    #give-the-gift-logo{
        margin-top: 40px;
    }
    .holiday-main{
        height: 900px;
    }
    .present > svg{
        width:1343px;
        height:1216px;
    }
}
/****************************************************
        Holiday Splash Styles End
 *****************************************************/


/****************************************************
        Double Play Styles
 *****************************************************/
.related-game-nums{
    margin-top: 10px;
    display: flex;
    justify-content: center;
    font-size: 15px;
}
.related-game-nums > label{
    font-weight: bold;
    margin-right: 10px;
}
.related-game-nums > p > .last{
    color: red;
}

.related-game-nums > span:last-child{
    color: red;
}

.list-numbers > label{
    font-weight: bold;
}

td[data-title="Winning Numbers"] >  label{
    font-weight: bold;
    margin-left: -45px;
    margin-top:10px;
}
td[data-title="Winning Numbers"] >  .text-num{
    color: #0a0a0a;
    font-weight: normal;
    font-size: 16px;
}
td[data-title="Winning Numbers"] >  .text-num:last-child{
    color: red;
}

.doubleplay-section{
    display: flex;
    justify-content: center;
    font-size: 16px;
}

.doubleplay-section > p{
    margin-right: 10px;
    font-weight: bold;
    margin-bottom: 0px;
}
.doubleplay-section ul{
    margin-bottom: 0px;
}
.doubleplay-list-numbers{
    display: flex;
    list-style-type: none;
    padding-inline-start: 0px;
}
.doubleplay-list-numbers li+li{
    margin-bottom: 0px;
}
.doubleplay-list-numbers li:last-child{
    color:red;
    font-weight: bold;
}
.doubleplay-numbers-match{
    display: flex;
    list-style-type: none;
    margin-left: 10px;
}

.powerball-full-winning-list{
    display: flex;
}
.powerball-full-winning-list > div{
    width: 50%;
}
.doubleplay-prize-won p{
    font-size: 14px;
}

.powerball-full-winning-list > div > ul {
    margin:10px 0px;
}
.powerball-full-winning-list{
    flex-direction: column;
}
.powerball-full-winning-list > div:last-child{
    margin-top: 25px;
}


@media (min-width: 780px){
    .powerball-full-winning-list{
        flex-direction: row;
    }
    .powerball-full-winning-list > div:last-child{
        margin-top: 0px;
    }
}
/****************************************************
        Double Play Styles End
 *****************************************************/
/****************************************************
       Mega Millions Styles
 *****************************************************/
#megamillions-multiplier{
    cursor: pointer;
    border-radius: 5px;
    flex: 0 0 78px;
    max-width: 75px;
     padding-left: 14px;
    height: 53px;
}
.select-muliplier{
    margin-right: 37px;
    position: relative;
    display: flex;
    flex-direction: row;
}
.select-multi-muliplier{
    margin-right: 37px;
    position: relative;
    display: inline-flex;
    flex-direction: row;
}
.select-muliplier:after, .select-multi-muliplier:after {
    content: '';
    display: inline-block;
    background: #323232 url(../images/src/assets/images/select-arrow.png) no-repeat center center;
    background-size: 14px 8px;
    width: 25px;
    height: 53px;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -33px;
}
.multiplier-played{
    padding: 5px 0 3px 5px;
    font-size: 14px;
    font-weight: 700;
}
.check-more-tickets {
    left: -157px;
}
@media screen and (max-width: 767px) {
    .check-numbers-primary-row.home--check-numbers {
        display: flex;
        flex-wrap:wrap;
    }
    .check-more-tickets {
        position: relative;
        top: 10px;
        font-size: 14px;
        padding-left: 0;
        text-decoration: underline !important;
        left: 0;
        min-width: 131px;
    }
    .form__controls__gamepage .field {
        height: 40px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #696969;
        font-size: 16px;
        color: #696969;
        font-weight: 700;
        text-align: center;
        width: 40px;
    }
    .check-numbers-secondary-row{
        display: flex;
    }
}
/****************************************************
        Mega Millions Styles End
 *****************************************************/

/****************************************************
        Hot Summer Fun Styles
 *****************************************************/

.summer_text_area{
    border: 5px solid #69469B;
    border-radius: 5px;
    background-color: #F8AC20;
    min-height: 75vh;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.summer_tagline{
    font-family: "barricada-pro", serif;
    font-weight: 400;
    font-style: normal;
}

.foreground-sand{
    display: none;
}

.summer_headlines{
    width: 90%;
    transform: rotate(-10deg);
    margin-bottom: 50px;
}

.mobile_lower_container{
    display: inline;
    min-width: 100vw;
}
.winner_section > ul > li{
    list-style: none;
}
/*laptop styles*/
@media (min-width: 1200px){

    .summer_headlines{

        margin-bottom: 35px;
    }
    #summer-fun-slogan{
        height: 500px;
        margin: 40% 0 0 5%;
    }

    .summer_text_area{
        border-radius: 25px;
        font-size: 25px;
        flex-direction: row;
        position: relative;
        z-index: 5;
        width: 90%;
        padding: 10px 50px;
        justify-content: center;
        align-items: center;
        margin-left: 100px;
    }
    .delta_info{
        position: absolute;
        z-index: 6;
        margin-top: 20px;
        margin-left: 50px;
        width: 350px;
    }
    #plane_text{
        width: 300px;
    }
    .see_details{
        color: #69469B;
        text-align: center;
        margin-top: 30px;
        font-size: 30px;
    }

    #hot_nights_cold_cash{
        animation: 1s ease-out 0s 1 slideInBottom;
        transition: transform .15s;
        transition-timing-function: ease-out;
    }
    #sunny_money{
        animation: 1.1s ease-out 0s 1 slideInBottom;
        transition: transform .15s;
        transition-timing-function: ease-out;
    }
    #pool_party_payout{
        animation: 1.2s ease-out 0s 1 slideInBottom;
        transition: transform .15s;
        transition-timing-function: ease-out;
    }
    #pool_party_payout:hover{
        transform: translate(-2px, -10px);
        transition-timing-function: ease-in;
    }
    #sunny_money:hover{
        transform: translate(5px, -10px);
        transition-timing-function: ease-out;
    }
    #hot_nights_cold_cash:hover{
        transform: translate(2px, -10px);

    }
}

/*desktop styles*/
@media (min-width: 1750px){

    #summer-fun-slogan{
        height: 700px;
        margin: 10% 0 0 5%;
    }

    .summer_text_area{
        border-radius: 25px;
        font-size: 25px;
        flex-direction: row;
        position: relative;
        z-index: 5;
        width: 90%;
        padding: 30px 50px;
        justify-content: center;
        align-items: center;
        margin-left: 100px;
    }

    .delta_info{
        position: absolute;
        z-index: 6;
        margin-top: 20px;
        margin-left: 50px;
        width: 350px;
    }
    #plane_text{
        width: 100%;
    }
    .foreground-sand{
        display: inline;
        width: 100%;
        min-height: 230vh;
        background-image: url("{site_url}/assets/images/temp/foreground4.png");
        z-index: 3;
        position: absolute;
        background-size: cover;
        background-position: center;
        pointer-events: none;
    }
}



/****************************************************
        Hot Summer Fun Styles End
 *****************************************************/

/****************************************************
        Treat Yourself Styles Start
 *****************************************************/

#couldronVideo{
    opacity: .4;
    position: fixed;
    height: 120vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#MobileWitchesHand2{
    height: 60vh;
}
.handSection{
    display: none;
}


@media (min-width: 540px){


}
/*laptop styles*/
@media (min-width: 1200px){

    #WitchesHand2{
        height: 600px;
    }
    .handSection{
        float: right;
        margin-right: -880px;
        margin-top: 240px;
        display: inline-flex;
    }
    #MobileWitchesHand2{
        display: none;
    }

    #makeMeWitchLink:hover{
        transition: transform .15s;
        transform: translate(5px, -2.5px);
        transition-timing-function: ease-out;
    }
}
@media (min-width: 1750px){

    #couldronVideo{
        opacity: .6;
        position: fixed;
        height: 100vh;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        width: 100%;
        height: auto;
    }

    #WitchesHand2{
        height: 700px;

    }
    .handSection{
        float: right;
        margin-right: -900px;
        margin-top: 200px;
        display: inline-flex;
    }
    #MobileWitchesHand2{
        display: none;
    }

}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-7 12:54:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-90-bottom-ccw
 * ----------------------------------------
 */
@-webkit-keyframes rotate-90-bottom-ccw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}
@keyframes wiggle {
    0% { transform: rotate(-0.3deg); }
    25% { transform: rotate(0.5deg); }
    50% { transform: rotate(-0.5deg); }
    75% { transform: rotate(0.5deg); }
    100% { transform: rotate(-0.3deg); }
}

/****************************************************
        Treat Yourself Styles End
 *****************************************************/
/****************************************************
        Holiday 2023 Styles End
 *****************************************************/

.christmas-stocking{
    display: none;
}

.shopping-spree-text-area{
    width: 100%;
    background-color: #056448;
    height: 100%;
    box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    border-radius: 25px;
    padding: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-size: 15px;
}
.logo-area{
    display: flex;
    flex-direction: row;
}

#red-logo{
    width:100px
}
#give-the-gift{
    position: absolute;
    bottom: 20px;
    left: 140px;

}
#give-the-gift > img{
    width: 200px;
}
#give-the-gift > p{
    font-size: 1rem;
    margin-bottom: 0px;
}




.holiday-headline > img{
    margin-top: 10%;
    margin-bottom: 20px;
    width: 90vw;

}
.gift-tag-area{

    position: relative;
    z-index: 0;
}
#gift-tag{
    transform: translate(0px, 10px) rotate(-15deg);;
    width: 75%;
}


.snowflakes{
    height: 400vh;
    display: inline;
    overflow: hidden;
    max-width: 100vw;
    position: absolute;
    z-index: 5;
    pointer-events: none;

}
.snowflakes-img{

    transform: translate(0%, 350%);
    pointer-events: none;
}

#scratch-win-shop{
    width: 300px;
}

.Gnome_for_the_Holidays-2, .CandyCaneXmas-2,
.Gumdrop_Cashword-2, .O_Christmas_Spree-2, .Dashing_Thru_the_Dough-2, .Snow_Buddy_But_You-2, .gift-tag {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
}
.snowflakes-img{
    -webkit-transition: 10s linear;

    transition: 10s linear;
}
.Gnome_for_the_Holidays-2.loadin{
    transform: translate(110%, -150%) rotate(-2deg) !important;
}
.CandyCaneXmas-2.loadin{
    transform: translate(-200%, -200%) rotate(-16deg) !important;
}

.Gumdrop_Cashword-2.loadin{
    transform: translate(110%, -150%) rotate(7deg) !important;
}
.O_Christmas_Spree-2.loadin{
    transform: translate(-200%, -150%) rotate(-25deg) !important;
}
.Dashing_Thru_the_Dough-2.loadin{
    transform: translate(80%, -120%) !important;
}
.Snow_Buddy_But_You-2.loadin{
    transform: translate(-50%, -160%) rotate(-20deg) !important;
}
.snowflakes-img.loadin{
    transform: translate(0%, -100%);
}
.gift-tag.loadin{
    transform: translate(-150%, 0%) rotate(180deg) !important;
}

.holiday-scratch-tickets > a{
    text-decoration: none;
    pointer-events: auto;
}
.spree-winners-table{
    height: 50vh;
}

/*tablet styles*/
@media (min-width: 540px){
    .holiday-headline > img{
        margin-top: 10px;
        margin-bottom: 0px;
        width: 65vw;
    }
    .gift-tag-area{
        height: 25vh;

    }
    #gift-tag{
        transform: translate(10%, -10%) rotate(-15deg);
        width: 55%;
    }
    .spree-details > h5{
        font-size: 40px;
    }
    .spree-details{
        font-size: 35px;
    }
    .snowflakes-img{
        display: none;
    }


}
/*laptop styles*/
@media (min-width: 1200px) {


    .snowflakes{
        max-width: 100vw;
        height: 245vh;
    }
    .snowflakes-img{
        transform: translate(0%, 120%);
        width: 99vw;
        max-width: 99vw;
        display: inline;
    }

    .holiday-headline > img{
        margin-top: 30px;
        margin-bottom: 0px;
        width: 550px;
    }



    .shopping-spree-text-area{
        padding: 30px 0px 125px 60px;
        font-size: 19px;
    }
    #red-logo{
        width:8vw;
        position: absolute;
        bottom: -5px;
    }
    #give-the-gift{
        position: absolute;
        bottom: 10px;
        left: 250px;

    }
    #give-the-gift > img{
        width: 400px;
    }
    #give-the-gift > h5{
        font-size: 20px;
    }

    .gift-tag-area{
        height: 300px;
    }

    #gift-tag{
        transform: translate(200px, 0px) rotate(-15deg);
    }
    .spree-details{
        width: 55vw;
        font-size: 20px;
    }


    #scratch-win-shop{
        width: 400px;
    }
    .christmas-stocking{
        display: inline;
        max-height: 300vh;
        overflow: hidden;
        max-width: 100vw;
        position: absolute;
        z-index: 2;
        width: 60vw;
        height: 240.5vh;
        pointer-events: none;
        /*border: 10px solid orange;*/
        margin-left: 39%;
    }
    #christmas-stockings-img {



        height: 90%;
        /*border: 10px solid blue;*/
        margin-top: -42%;
        margin-left: 6vw;
        z-index: 5;
        position: relative;
    }

    .holiday-scratch-tickets{

        position: relative;
        z-index: 1;
        /*border: 10px yellow solid;*/
    }

    #Gnome_for_the_Holidays-2 {
        position: relative;
        transform: translate(120%, 5%) rotate(-2deg);
    }
    #Gnome_for_the_Holidays-2:hover {
        transform: translate(120%, 0%) rotate(-2deg);
    }

    #CandyCaneXmas-2{
        position: absolute;
        transform: translate(-50%, 15%) rotate(-16deg);
        width: 250px;
    }
    #CandyCaneXmas-2:hover{
        transform: translate(-52%, 10%) rotate(-16deg);
        width: 250px;
    }

    #Gumdrop_Cashword-2{
        position: absolute;
        transform: translate(100%, 10%) rotate(7deg);
        width: 270px;
    }
    #Gumdrop_Cashword-2:hover{
        transform: translate(102%, 5%) rotate(7deg);

    }

    #O_Christmas_Spree-2{
        position: absolute;
        transform: translate(-50%, 50%) rotate(-25deg);
        width: 270px;
    }
    #O_Christmas_Spree-2:hover{
        transform: translate(-53%, 45%) rotate(-25deg);
    }

    #Dashing_Thru_the_Dough-2{
        position: absolute;
        transform:translate(80%, 120%);
        width: 280px;
    }
    #Dashing_Thru_the_Dough-2:hover{
        transform:translate(80%, 115%);

    }

    #Snow_Buddy_But_You-2{
        position: absolute;
        transform: translate(0%, 260%) rotate(-20deg);
        width: 280px;
    }
    #Snow_Buddy_But_You-2:hover{
        transform: translate(-3%, 255%) rotate(-20deg);
    }

    .spree-winners-table{
        width: 90%;
        height: 25vh;
    }


}
/*desktop styles*/
@media (min-width: 1750px) {


    .holiday-headline > img{
        width: 650px;
    }

    .shopping-spree-text-area{
        padding: 75px 0px 200px 100px;
    }
    #red-logo{
        width:8vw;
    }
    #give-the-gift{
        position: absolute;
        bottom: 30px;
        left: 300px;
    }
    #tagline-image{
        width: 500px;
    }
    .gift-tag-area{
        height: 400px;
    }
    #gift-tag{
        width: 30vw;
        transform: translate(55%, 0%) rotate(-15deg);
    }

    #christmas-stockings-img {
        margin-left: 8vw;
        margin-top: -35%;
    }

    .holiday-scratch-tickets{

        margin-left: 10%;
    }

    #Gnome_for_the_Holidays-2 {
        position: relative;
        transform: translate(120%, 5%) rotate(-2deg);
    }


    #CandyCaneXmas-2{
        position: absolute;
        transform: translate(-50%, 15%) rotate(-16deg);
        width: 250px;
    }


    #Gumdrop_Cashword-2{
        position: absolute;
        transform: translate(100%, 10%) rotate(7deg);
        width: 270px;
    }


    #O_Christmas_Spree-2{
        position: absolute;
        transform: translate(-50%, 50%) rotate(-25deg);
        width: 270px;
    }


    #Dashing_Thru_the_Dough-2{
        position: absolute;
        transform:translate(80%, 120%);
        width: 280px;
    }


    #Snow_Buddy_But_You-2{
        position: absolute;
        transform: translate(0%, 260%) rotate(-20deg);
        width: 280px;
    }

}
@media (min-width: 2500px){
    #christmas-stockings-img{

    }
    #Gnome_for_the_Holidays-2{
        width: 15vw;
    }
    #CandyCaneXmas-2{
        width: 15vw;
    }
    #Gumdrop_Cashword-2{
        width: 15vw;
    }
    #O_Christmas_Spree-2{
        width: 15vw;
    }
    #Dashing_Thru_the_Dough-2{
        width: 15vw;
    }
    #Snow_Buddy_But_You-2{
        width: 15vw;
    }
    .spree-details > p {
        font-size: 1.7rem;
    }
    .holiday-headline > img {
        width: 35vw;
    }
    #gift-tag {
        width: 30vw;
        transform: translate(60%, 0%) rotate(-15deg);
    }
    .christmas-stocking{
        height: 220vh;
    }
    #red-logo {
        width: 6vw;
    }
    #give-the-gift {
        position: absolute;
        bottom: 30px;
        left: 320px;
    }
}






/****************************************************
        Holiday 2023 Styles End
 *****************************************************/



/****************************************************
        Notice Board Styles Start
 *****************************************************/
.notice-board > p {
    color: black !important;
}
.notice-board{
    padding: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    border:  5px solid #00a4e3;
    margin-bottom: 10px;
}

#notice-board-header{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (min-width: 1750px){
    #notice-board-header{
        font-size: 25px;
    }
    .notice-board > p {
        color: black !important;
        margin-bottom: 0px;
    }
}

/****************************************************
        Notice Board Styles End
 *****************************************************/

/****************************************************
        Raffle 2023 Styles
 *****************************************************/

.raffle__disclaimer{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 30px;
}

.form__controls__rafflepage .field{
    /*overrides width in design-changes122021-min file*/
    width: 248px;

}

.field.numbers-only.raffle-mobile-adjustment{
    /*overrides width in design-changes122021-min file*/
    margin:0 !important;
}

input.btn.btn--secondary.form__btn.raffle-mobile-adjustment{
    width: 246px;
    margin: 2% 0% !important;
}

@media (min-width: 1750px){
    .form__controls__rafflepage .field{
        width: 185px !important;
    }
    input.btn.btn--secondary.form__btn.raffle-mobile-adjustment{
        width: 155px !important;
    }

    a.form__clear.raffle-mobile-adjustment {
        margin-left: 15%;
    }
}
/****************************************************
        Raffle 2023 Styles End
 *****************************************************/


/****************************************************
        Raffle 2024 Styles
 *****************************************************/

.countdown__field {
    background: #fff;
    border-radius: 5px;
    border: 0;
    font-size: 16px;
    margin: 0;
    padding: 10px 20px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    width: 90px;
    color: #000000 !important;
}

.section-tickets .section__head, .section-tickets .section__body{
    /*background: white !important;*/
    /*border: 5px solid #f47c2e !important;*/
    border-radius: 5px !important;
    /*padding-top: 20px;*/
    padding-left: 0px !important;
}
.section-tickets .section__image{
    padding-top: 0px;
    margin-left: 0px;
}

@media (min-width: 1400px){
    .section-tickets .section__inner{
        padding: 25px 200px 25px 87px;
        max-width: 1366px;
    }
    .section-tickets .section__content{
        padding-top: 0px;
        padding-left: 0px;
        margin-right: -50px;

    }

}
/****************************************************
        Raffle 2024 Styles End
 *****************************************************/

/****************************************************
        Raffle 2025 Styles End
 *****************************************************/
.raffle-image{
    display: block;
    width: 100%;
}
.section-tickets .raffle-image{
    width: 100%;
}
.raffle-image img{
    width: 50%;
}
.raffle-section{
    padding: 15px;
    border: 40px solid transparent;
    border-image: url(https://id-lottery-public.s3.us-west-2.amazonaws.com/Raffle-2025/star-border-mobile.png) 30 round;
    border-image-slice: 80;
    border-image-repeat: stretch;
    border-image-width: 40px;
}
@media (min-width: 768px){
.raffle-section{
    border-image-slice: 50;
}
}
@media (min-width: 1024px){
    .raffle-image img{
        width: 400px;
    }
}
@media (min-width: 1400px){
    .raffle-image img{
        width: 500px;
    }
    .raffle-section{
        margin: 0 14px;
        padding: 15px;
        border: 40px solid transparent;
        border-image: url(https://id-lottery-public.s3.us-west-2.amazonaws.com/Raffle-2025/star-border.png) 30 round;
        border-image-slice: 55;
        border-image-repeat: stretch;
        border-image-width: 40px;
    }
}

/****************************************************
        Raffle 2025 Styles End
 *****************************************************/

/****************************************************
        35th Anniversary Styles
 *****************************************************/


/****************************************************
        35th Anniversary Styles End
 *****************************************************/



/****************************************************
        Where the money goes 05/06/2023 updates Start
 *****************************************************/

.where-the-money-goes-main-body{
    display: flex;
    flex-direction: column;
}
.where-the-money-goes-main-text{
    width: 100%;
}
#field-filter-year, #field-filter-county, #field-filter-school_district{
    color: black;
}
.where-the-money-goes-links{
    list-style: none;
    color: #00a4e3;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 20px;
    font-size: 25px;
}
.what-changed-body > p{
    font-size: 19px;
    max-width: 100% !important;
}
@media (min-width: 768px){
    .where-the-money-goes-links{
        list-style: none;
        color: #00a4e3;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 100px 0px;
        font-size: 25px;
    }
}
/*laptop styles*/
@media (min-width: 1200px){
    .where-the-money-goes-main-body{
        flex-direction: row;
    }
    .where-the-money-goes-main-text{
        width: 100%;
    }

}
@media (min-width: 1750px){


}

/****************************************************
        Where the money goes 05/06/2023 updates End
 *****************************************************/

/****************************************************
        Holiday 2024 styles start
 *****************************************************/
.holiday24-content{
    display: none;
}
.holiday24-content-mobile{
    display: flex;
    flex-direction: column;
    height: auto;
    width: auto;
    text-align: center;
}
.snow-bank-1,.snow-bank-2,.snow-bank-3{
    display: none;
}
.holiday24-tickets-area{
    display: none;
}
.info-text-holiday2024{
    font-size: 18px;
    margin: 20px;
}
.holiday24-slogan{
    width: 300px;
}
.give-the-gift-2024{
    width: 300px;
}
.holiday24-tickets-area > a > img{
    width: 150px;
}
.mobile-tickets-bundle-holiday2024{
    display: inline-block;
    width: 100vw;

}
.btn-holiday2024{
    background-color: #ee1d27;
}
.btn-holiday2024 > span{
    font-size: 3rem;
}
.btn-holiday2024:hover{
    transform: scale(1.5);
}

/*tablet styles*/
@media (min-width: 540px){
    .holiday24-slogan{
        width: 700px;
    }
    .info-text-holiday2024{
        font-size: 30px;
        margin: 20px;
    }
    .give-the-gift-2024{
        width: 500px;
    }

}
/*laptop styles*/
@media (min-width: 1200px){
    .holiday24-content-mobile{
        display: none;
    }
    .holiday24-content{
        height: 100vh;
        /*position: fixed;*/
        width: 100vw;
        overflow: hidden;
        display: block;
    }
    .snowfall-area{
        height: 100vh;
        position: relative;
        z-index: 2;
        pointer-events: none;
    }
    .snow-bank-area{
        position: fixed;
        z-index: 100;
        pointer-events: none;
        width: 100vw;
        height: 100vh;
    }
    .info-text-holiday2024{
        font-size: 18px;
        margin: 20px 10px;
    }
    .holiday24-text-area{
        /*border: 5px solid blue;*/

        padding: 0px 20px;
        background-image: none;
        position: absolute;
        z-index: 0;
        top: 0;
        height: 100vh;
        width: 40vw;
        left: 0;
        text-align: center;
    }
    .holiday24-tickets-area{
        /*border: 5px solid yellow;*/
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: 0;
        height: 100vh;
        width: 60vw;
        right: 0;
    }
    .mobile-tickets-bundle-holiday2024{
        display: none;
    }
    .holiday24-slogan{
        width: 500px;
    }
    .give-the-gift-2024{
        width: 500px;
    }
    .holiday24-tickets-area > a > img{
        width: 28%;
    }
    .snowfall_200k{
        position: absolute;
        transform: translateX(5vw) translateY(17vh) rotate(-10deg);
        box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    }
    .itsgoldoutside{
        position: absolute;
        transform: translateX(32vw) translateY(14vh) rotate(10deg);
        box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    }
    .merry7s{
        position: absolute;
        transform: translateX(19vw) translateY(29vh) rotate(0deg);
        box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    }
    .naughtyornicecw{
        position: absolute;
        transform: translateX(36vw) translateY(44vh) rotate(20deg);
        box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    }
    .krispkringlebills{
        position: absolute;
        transform: translateX(3vw) translateY(70vh) rotate(-10deg);
        box-shadow: 10px 10px 6px rgba(0, 0, 0, .55);
    }

    .itsgoldoutside:hover, .snowfall_200k:hover, .merry7s:hover,.naughtyornicecw:hover, .krispkringlebills:hover{
        box-shadow: 0px 0px 12px 9px rgb(255 255 255);
    }
    .snow-bank-3{
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: -25px;
        opacity: 100%;
        transition: opacity 3s;
    }
    .snow-bank-2{
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: -50px;
        transform: scaleX(-1);
        opacity: 100%;
        transition: opacity 3s;
    }
    .snow-bank-1{
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: -75px;
        opacity: 100%;
        transition: opacity 3s;
    }
    .loadin{
        opacity: 0%;
    }

}
/*desktop styles*/
@media (min-width: 1750px){
    .holiday24-slogan{
        .holiday24-tickets-area > a > img{
            width: 25%;
        }
    }


        width: 90%;
    }
    .give-the-gift-2024{
        width: 85%;
    }
/****************************************************
       Holiday 2024 styles End
*****************************************************/
.fa.fa-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}




/***************************************************
        Money Monster Jackpot styles
 ****************************************************/

.monster-topper{
    bottom: -10px;
    position: relative;
    margin: 0px;
}
#monster-body{
    position: relative;
    z-index: 1;
}
#monster-tent{
    width:33vw;
    position: absolute;
    z-index: 3;
    left: 30px;
    top: 20px;
}
#monster-jackpot-amount{
    font-size: 5.4vw;
}
.monster-jackpot-section{
    font-family: 'Arial Black', sans-serif;
    font-size: 20px;
    /* font-size: 60px; */
    color: #ffc534;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    position: absolute;
    top: 58%;
    right: 40%;
    /*transform: translate(-45%, 3vh);*/
    z-index: 1;
}
.monster-jackpot-section p {
    display: none;
}
#monster-ruleTextSection{
    overflow: hidden;
    background-color: white;
    border-radius: 25px;
    border: none;
    /*padding: 30px 30px 0px;*/
    position: relative;
    /* top: -176.5px; */
    /* transform: translateY(-15vh); */
    z-index: 2;
    font-size: 19px;
    margin: 0px;
    color: #0a0a0a;
}
#monster2{
    width: 300px;
    position: absolute;
    right: 0px;
    bottom: -1px;
}
#hand-logo{
    width: 150px;
    float: right;
    margin: 20px;
}
.monster-links{
    display: flex;
    justify-content: flex-end;
    /*color: #ffff;*/
    background-color:#ee731a;

    /*padding-bottom: 20px;*/
    margin-bottom: 25px;
}
.monster-links > a {
    margin-right: -5px;
    font-size: 20px;
    font-weight: bold;
    /*border: 2px solid red;*/
    padding: 10px 30px;
    color: white;
    background-color: #ee731a;
    text-decoration: none;
}
.monster-links > a:hover{
    background-color: white;
    border-radius: 7px 7px 0px 0px;
    color: #ee731a;

}
.monster-rulesText{
    margin: 80px 15px 200px 15px;
}
.monster-rulesText a {
    color: #13b48d;
}
.monster-rulesText a:hover {
    color: #13b48d;
}
#benefiting{
    margin-top: 25px;
}
#monster-comming-soon{
    margin-right: -4vw;
    font-size: 3vw;
}
@media (min-width: 1200px){
    .monster-links{
        display: flex;
        justify-content: flex-end;
        /*color: #ffff;*/
        background-color:#ee731a;

        /*padding-bottom: 20px;*/
        margin-bottom: 25px;
    }
    .monster-links > a {
        margin-right: 70px;
        font-size: 20px;
        font-weight: bold;
        /*border: 2px solid red;*/
        padding: 10px 30px;
        color: white;
        background-color: #ee731a;
        text-decoration: none;
    }
    .monster-links > a:hover{
        background-color: white;
        border-radius: 7px 7px 0px 0px;
        color: #ee731a;

    }
    .monster-rulesText{
        margin: 50px 100px 150px;
    }
    .monster-promotionText{
        display: flex;
    }
    #monster-ruleTextSection{
        /*padding-top: 100px;*/
        overflow: initial;
        margin: 0px 7vw;
        border: 20px solid #ee731a;
    }

    .monster-jackpot-section{
        font-family: 'Arial Black', sans-serif;
        font-size: 20px;
        /* font-size: 60px; */
        color: #ffc534;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        position: absolute;
        top: 58%;
        right: 38%;
        z-index: 1;
    }
    .monster-jackpot-section p {
        display: block;
        margin-top: 20px;
        font-size: 15px;
    }
    #monster-jackpot-amount{
        font-size: 4.7vw;
        /* font-size: 60px; */
    }
    .monster-topper{
        bottom: -8px;
        position: relative;
        margin: 0px 8.5vw;
    }
    #monster-tent{
        width: 28vw;
        position: absolute;
        z-index: 3;
        left: 60px;
        top: 20px;
    }
    #hand-logo{
        margin-top: 150px;
        margin-right: 100px;
        height: 400px;
        width: 400px;
    }
    #monster2{
        width: 600px;
        position: absolute;
        right: -52px;
        bottom: -1px;
    }
    #benefiting{
        margin-top: 0px;
    }
    #monster-comming-soon{
        margin-right: 0vw;
        font-size: 2.6vw;
    }
}
/****************************************************
           Money Monster Jackpot styles End
    *****************************************************/

@keyframes slideInBottom {
    0% {
        transform: translateY(100%);
    }
    75%{
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes moveIn {
    from {left: 800px;}
    to {left: 0px;}
}
@keyframes bounce-out-down {
    0% { transform: translateY(0); }
    20% {
        opacity: 1;
        transform: translateY(-10px);
    }
    100% {
        opacity: 0;
        transform: translateY(800px);
    }
}
@keyframes grow {
    from { transform: scale(0); }
    to { transform: scale(1); }
}
@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}