html, body { max-width: 100%; overflow-x: hidden; background-color: #000; }
body { background-color: #fff; background: url('img/bg.png') center / cover no-repeat;
  background-attachment: fixed;        
  background-position: center calc(50% + var(--bg-shift));
  
  /* --bg-shift: 0px;                     /* set by JS on load 
  background-image: url('img/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;        /* keep it fixed 
  background-position: center calc(50% + var(--bg-shift)); **/
}
.fixed {background-position-y: center; background-attachment: fixed; }
h1 { font-size: 25pt; font-family: 'arial-black', arial, sans-serif; font-weight: 900; text-transform: uppercase;  }
h2 { font-size: 16pt; font-family: 'arial'; text-transform: uppercase; }
h4 { font-family: 'arial black'; }
thead { background-color: #1a1447; }
th { color: #fff; font-family: 'gotham-bold', sans-serif; text-align: center; vertical-align: bottom; }
tr:nth-child(even) { background-color: #e5e7e7; }
.white { background-color: #fff; }
.bodycontainer { max-width: 962px; text-align: center;}
container { max-width: 1450px !important; }
@media screen and (max-width: 1300px) {
    body {
        .containermhead { padding-top: 10px; }
    }
  }
.masthead {  }
.txmastlogo { width: 300px; padding-top: 10px; }
.contactsocials {  }
.nav2 { font-size: 1.2rem; }
.nav-pills { background-color: none !important; font-family: 'Gotham Book', sans-serif; font-weight: 900 !important; }
.nav-item { text-transform: uppercase; }
.nav-item a:hover { text-decoration: underline; }
.xthecashlogo { width: 74%; margin-top: 60px;}
.nav-link.active {  text-decoration: underline !important; }
header.d-flex.justify-content-center.py-3 {
  margin-top: -216px;
}
.nav { padding-top: 15px; }
.nav-link { color: #000 !important; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 800; font-size: 1.2rem; padding-bottom:  30px;  }
.navbar-toggler .icon-bar {
  background-color: #000 !important;   /* bypass theme color */
}
.navbar-toggler {    display: inline-flex;
  flex-direction: column;      /* stack the bars */
  align-items: center;
  justify-content: center;
  gap: 1px;                    /* space between bars */
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  position: relative;
  z-index: 10;
  color: #000 !important; 
  }

  .navbar-toggler .icon-bar {
  /* no margins needed; gap handles spacing */
  width: 44px;
  height: 4px;
  background: currentColor;
  color: #000;
  border-radius: 1px;
  display: block;              /* fine either way, but keep it simple */
}
 
.footnav .nav-link { font-size: 10px; color: #fff !important;}
.trbtns {font-family: 'Gotham', sans-serif; font-size: .6rem; float: right; }
.trbtns a { text-decoration: none; color: #fff !important;}
.trbtns a:hover { text-decoration:underline; color: #fff !important;}
.home-text { margin-top: -18px; width: 100%; padding-bottom: 45px; }
.footer { background-color: #010014; }
.footer .nav { font-size:.53em; }
.txfootlogo { object-position: top center; vertical-align: top; margin-top: -9px;}
.iheartfootlogo {float: right; padding: 15px; }
.foot-text { color: #fff !important; font-size: .6em; }
.socials, .mobnav { padding: 5px; padding-top: 25px; }

.home-img { margin-bottom: -17px; }
container.body-container-center {
  
}
.prize_container { margin-top: -100px; background-image: url(/src/xthecash/img/bg.png); width: 1291px; background-size: cover; background-size: 1298px; background-repeat: no-repeat; background-size: cover; background-size: 1298px; background-repeat: no-repeat; }
.fest-logo { max-width: 205px; max-height: 225px;}
.fiestafest { max-height: 160px; margin-bottom: 62px; }
.jinglefest { max-height: 168px !important; margin-bottom: 17px; margin-top: 16px; }
.radioawards { margin-top: 13px; margin-bottom: 20px; }
.countryfest { max-height: 160px; margin-bottom: 37px; margin-top: 10px; }
.wangofest { margin-bottom: 10px;  }
.prizecheck { max-height: 200px; margin-bottom: 15px; }

.drawinfotable { text-align: center !important; font-family: 'gotham-bold', arial, sans-serf; font-weight: 700;  }
.smltxt { font-size: .8rem }

.tx-lot-mob-logo{
  padding-top: 16px;
  padding-right: 5px;
  padding-bottom: 20px;
  width: 100%;
}

.tgl {
  display: inline-flex;
  margin-top: 0px;
  margin-left: 100px;
  position: absolute;
  right: 5%;
}
  .hlogomob, .splash-mob { display: none; }
@media (max-width: 991px) {
  .desknav, .txmastlogo, .nav2, .footnav { display: none; }
  .socials { margin-top: -200px !important}
  .nav-link { float: right; }
  .home-img { margin-bottom: -16px; display: none;  }
  .xthecashlogo { width: 80%; margin-top: 0px; min-width: 235px; display: none;}
  .prize_container { margin-top: -120px; }
  container.body-container-center {  margin-top: -73px;  }
  container.prize-container-center {    }
  .splash-mob { padding: 0px !important; margin-top: -40px;}
  .hlogomob, .splash-mob { display: block; padding: 15px;}
  .splash (display: none;)
}
@media (max-width: 600px) {
.drawinfotable {
  font-size: 10px !important; 
}

@media (max-width: 488px) {
  .row { flex-wrap: wrap; }
  .col-6 { order: 1; flex: 1 1 100%; }
  .col-1 { order: 2; flex: 1 1 100%; } /* both drop under */
  body {background-image: url('img/bg_mob.png');}
}
.white {
  padding-left: 20px;
  padding-right: 20px;
}
}

@media (min-width: 991px) {
  .mobnav, .tx-lot-mob-logo, .tgl, .splash-mob { display: none; }
}


.navbar-toggler span { background-color: #fff !important;  }

.navbar-toggler span {
  display: block;
  background-color: #4f4f4f;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}