.idaho-raffle-area{
    background-color: grey;
    background-image: url("https://d2kx0heugfrx3y.cloudfront.net/Drupal-Site/Raffle-2025/raffle2025bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #0a0a0a;
}
.raffle__section__inner{
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0px;
}
#results-area{
    min-height: 50px;
}

#field-number-raffle-check{
  height: 50px;
  background-color: white;
    border: 2px solid black;
}
/* ------------------------------------------------------------ *\
	List Fields
\* ------------------------------------------------------------ */
.list-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center; }
.list-fields li {
  text-align: center;
  margin-bottom: 11px; }
.list-fields li:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }
.list-fields li:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }
.list-fields li:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }
.list-fields span {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 20px; }
.list-fields strong {
  text-align: center;
  display: block;
  background: #fff;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 700;
  color: #272727;
  padding: 11px 10px 3px;
  margin: 0px 7vw 20px;}
#results-text{
  text-align: center;
  display: block;
  background: #fff;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 700;
  color: #272727;
  padding: 11px 10px 3px;
  margin: 0px 7vw 20px;
  min-height: 150px;
}
#congrat-text{
color: #f47d2f;
}

@media (min-width: 540px) {
  .list-fields strong {
    margin: 0px 16vw 20px;}
  #results-text{
    margin: 0px 16vw 20px;
    min-height: 100px;
  }
}


@media (min-width: 1199px) {
  .list-fields strong {
    margin: 0px 7vw 20px;}

  #results-text{
    margin: 0px 7vw 20px;
    min-height: 100px;
  }
}
/*@media (max-width: 991px) {*/
/*  .list-fields li:nth-child(1) {*/
/*    -webkit-box-flex: 0;*/
/*    -ms-flex: 0 0 74%;*/
/*    flex: 0 0 74%;*/
/*    max-width: 74%; }*/
/*  .list-fields li:nth-child(2) {*/
/*    -webkit-box-flex: 0;*/
/*    -ms-flex: 0 0 24%;*/
/*    flex: 0 0 24%;*/
/*    max-width: 24%; } }*/
/*@media (max-width: 767px) {*/
/*  .list-fields strong {*/
/*    padding-right: 7%;*/
/*    font-size: 20px;*/
/*    padding-left: 7%;*/
/*    max-width: 90%;*/
/*    margin: 5px auto;}*/
/*  .list-fields li {*/
/*    margin-bottom: 5px; }*/
/*  .list-fields li:nth-child(1) {*/
/*    -webkit-box-flex: 0;*/
/*    -ms-flex: 0 0 68%;*/
/*    flex: 0 0 68%;*/
/*    max-width: 68%; }*/
/*  .list-fields li:nth-child(2) {*/
/*    -webkit-box-flex: 0;*/
/*    -ms-flex: 0 0 28%;*/
/*    flex: 0 0 28%;*/
/*    margin-right: 4%;*/
/*    max-width: 28%; } }*/

 .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;
}

.btn:active,
.btn:target,
.btn:focus,
.btn:hover{

  background-color: #0a0a0a !important;
}

.countdown {
  margin: 10px auto;
  text-align: center
}

.countdown__field {
  background-color:#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: #272727
}

.countdown--large {
  font-size: 30pt
}
.raffle-section{
  padding: 15px 0px;
  border: 40px solid transparent;
  border-image: url("https://d2kx0heugfrx3y.cloudfront.net/Drupal-Site/Raffle-2025/star-border-mobile.png") 30 round;
  border-image-slice: 80;
  border-image-repeat: stretch;
  border-image-width: 40px;
}

@media screen and (max-width: 500px) {
  .countdown__field {
    padding:10px 5px
  }
}

.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 .raffle__section__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-tickets .section__image {
  flex: 0 0 187px;
  margin-bottom: -14px;
  display: block;
}
.raffle-tickets-image{
    width: 300px;
    margin: 25px 0px;
}

.section-tickets .section__content{
    padding-top: 0px;
    padding-left: 0px;
    width: 100%;
    /* border: 5px solid red; */
}
.raffle__header__image{
    width: 400px;
}

@media (min-width: 1400px){

    .raffle-section{
      padding: 15px;
      border: 40px solid transparent;
      border-image: url("https://d2kx0heugfrx3y.cloudfront.net/Drupal-Site/Raffle-2025/star-border.png") 30 round;
      border-image-slice: 55;
      border-image-repeat: stretch;
      border-image-width: 40px;
    }
    .raffle__section__inner{
        display: flex;
        flex-direction: row;
    }
    .section-tickets .raffle__section__inner{
        padding: 25px 5vw 25px 87px;
    }
    .section-tickets .section__image{
      flex: 0 0 auto;
      padding-top: 0px;
      margin: auto;
    }
    .raffle-tickets-image{
        width: 100%;
        margin: 0px;
    }
    .section-tickets .section__content{
        padding: 0px 100px;
        width: 60%;
    }

}
@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%;
    }
}