html {
  font-size: 1rem;
}

body { background-color: #000; }

p a {font-weight: 900}
p a:hover {font-weight: 900; text-decoration: underline; }
h2 {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;}
#headerbg { background-image: URL('../img/headerbg.png'); background-size: contain; background-repeat: no-repeat; flex-grow: 1 !important; overflow-y:hidden !important; background-color: #fff; }
.jumbotron { padding: 4rem 2rem !important; background-color: transparent; max-height: 320px; border-radius: 0; }
.navbar-expand-lg .navbar-nav .nav-link {  padding-left: 2.2rem; }
.container-fluid {padding-left: 0px; padding-right: 0px;}
.fixed-bottom { position: absolute !important; }
.content .row { margin: 0; }


#footer1 { background-image: URL('../img/footer.jpg'); x-background-size: contain; background-repeat: no-repeat; background-color: #000; margin-bottom: 0px; }
.navbar-nav a { font-family: 'FFTradeMarkerWebProBold'; font-weight: 900; font-size: 1.25em; color: #e60000 !important;}
.navbar-nav a:hover { color: #616266 !important; }
.navbar-nav li:first-child { padding-left: 0px; }
.bg-light { background-color: #fff !important; }
.navbar { margin-top: -40px; }
.footlinks a {  font-family: 'FFTradeMarkerWebProBold'; font-weight: 900; font-size: 1.1em; color: #fff !important; }
.footlegal {  font-size: .5rem; }
.no-pad { padding: 0; }
.FFTradeMarkerWebProBold { 
	font-family: FFTradeMarkerWebProBold;
	font-weight: normal;
	font-style: normal;
}
.FFTradeMarkerWebProFatItalic { 
	font-family: FFTradeMarkerWebProFatItalic;
	font-weight: normal;
	font-style: normal;
}
.content {
  color: #fff;
  background: linear-gradient(9deg, rgba(72,0,0,1) 0%, rgba(208,0,0,1) 100%);
  min-height: 272px;
}
.drawing-winners-table {
  border-color: #fff;
}
#ticketConfirm,
#quickReveal {
  color: #000;
}

.table .thead-light tr th {
  font-family: 'FFTradeMarkerWebProBold';
  color: #e60000;
}

.ui-loggedout .navbar ul .loggedinmenu { display: none; }
.ui-loggedin .navbar ul .loggedoutmenu { display: none; }
.activepage { color: #000 !important; }

h3 {color: #000 !important;}
h2 { font-family: 'gotham'; color: #fff !important; }
h1 {font-family: 'FFTradeMarkerWebProFatItalic'; font-weight: 900;}
.gotham {font-family: 'gotham'; color: #fff !important;}


.right { text-align: right; }
.slide1 { margin-bottom: 15%; margin-right: 20%;}
.slide2 { text-align: left; margin-top: 130px; margin-bottom: 100px; }
.slide2 h2 {font-size: 2.1rem; float: right; }


.bigger1 { font-size: 6.6rem; letter-spacing: 6px; }
.smaller1 {  font-size: 1.7rem; }
.smaller2 {  font-size: 5.3rem; font-family: 'FFTradeMarkerWebProBold'; }
.smaller3 {  font-size: 4.55rem; font-family: 'FFTradeMarkerWebProBold' }
.voiceexperience { font-size: 4rem; }


/*  Slides mobile scaling  */

.tickimg {
  position: absolute;
  max-width: 95%;
  bottom: 0;
  margin-left: 10%;
margin-bottom: -10px !important;
}
.col {
  color: #fff;
}

.navbar-toggler-icon { z-index: 1000000000 !important; }

	
@media (min-width: 1530px) AND (max-width: 1700px) {
	  .voiceexperience { font-size: 3rem; }
	  .slide2 h2 { font-size: 1.5rem; }
	  .slide2 { margin-bottom: 130px; margin-top: 130px; }
	}

@media (min-width: 1313px) AND (max-width: 1529px) {
	  .voiceexperience { font-size: 3rem; }
	  .slide2 h2 { font-size: 1.5rem; }
	  .slide2 { margin-bottom: 35px; margin-top: 140px; }
}

@media (min-width: 1060px) AND (max-width: 1312px) {
	.slide2 { text-align: left; float: right; margin-top: 50px; }
	.voiceexperience { font-size: 2.2rem; }
	.slide2 h2 { font-size: 1.1rem; }
}

@media (min-width: 768px) AND (max-width: 1059px) {
	.slide2 { margin-top: 40px; margin-bottom: 0px }
	.voiceexperience { font-size: 2.2rem; }
	.slide2 h2 { font-size: 1rem; }
}


@media (min-width: 768px) AND (max-width: 1312px) {
	.slide1 { margin-bottom: 2%; margin-right: 5%;}
	.bigger1 { font-size: 4.8rem; letter-spacing: 5px; }
	.smaller1 {  font-size: 1.25rem; }
	.smaller2 {  font-size: 4rem; font-family: 'FFTradeMarkerWebProBold'; }
	.smaller3 {  font-size: 3.6rem; font-family: 'FFTradeMarkerWebProBold' }
	}


@media (min-width: 480px) AND (max-width: 767px) {
	.slide1 { margin-bottom: 2%; margin-right: 5%;}
	.bigger1 { font-size: 2rem; }
	.smaller1 {  font-size: .5rem; }
	.smaller2 {  font-size: 1rem; font-family: 'FFTradeMarkerWebProBold'; }
	.smaller3 {  font-size: 1rem; font-family: 'FFTradeMarkerWebProBold' }
	.voiceexperience { font-size: 1rem;  margin-bottom: -130%; }
	.slide2 { margin-bottom: 13%; margin-right: 5%;}
	.slide2 h2 { font-size: .53rem; }
	}

@media (min-width: 120px) AND (max-width: 479px) {
	.slide1 { margin-bottom: 2%; margin-right: 5%;}
	.bigger1 { font-size: 2rem; }
	.smaller1 {  font-size: .5rem; }
	.smaller2 {  font-size: 1rem; font-family: 'FFTradeMarkerWebProBold'; }
	.smaller3 {  font-size: 1rem; font-family: 'FFTradeMarkerWebProBold' }
	.voiceexperience { font-size: 1rem;  margin-bottom: -110%; }
	.slide2 { margin-bottom: -13%; margin-right: 5%;}
	.slide2 h2 { font-size: .53rem; }
	}

/* Animation delays */
.carousel-caption h3:first-child {
	animation-delay: 1s;
	}
.carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
	}
.carousel-caption button {
	animation-delay: 3s;
	}

/*  safari specific rules  */
#safari-exception-show { display: none; }
html.is-safari .safari-hide { display: none !important; }
html.is-safari #safari-exception-hide { display: none !important; }
html.is-safari #safari-exception-show { display: inline-flex !important; }
html.is-safari .safari-show { display: inline-flex !important; }


/*  Mobile header scaling  */
@media (min-width: 998px) AND (max-width: 1700px) {
	.jumbotron { max-height: 270px !important; }
	#logo {height: 90%; }
	}

@media (min-width: 1226px) AND (max-width: 1500px) {
	#headerbg { max-height: 300px;  }
	}

@media (min-width: 1198px) AND (max-width: 1225px) {
	#headerbg { max-height: 230px;  }
	}
@media (min-width: 998px) AND (max-width: 1197px) {
	#headerbg { max-height: 230px;  }
	.navbar {margin-top: -40px}
	}

@media (min-width: 600px) AND (max-width: 997px) {
	#headerbg { max-height: 220px;  }
	.navbar {margin-top: -60px}
	#logo {height: 60%; margin-top: -20px;}
	}


@media (min-width: 578px) AND (max-width: 878px) {
  #headerbg { background-image: URL('../img/headerbg-mob.png'); background-size: auto; background-repeat: no-repeat; flex-grow: 1 !important; overflow-y:hidden !important; }
	}
}

@media (max-width: 990px) {
    .navbar-nav li:first-child { padding-left: 0px !important; }
}

@media (min-width: 992px) AND (max-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 577px) {
	.navbar-nav li:first-child { padding-left: 0px; }
	#headerbg { background-image: URL('../img/headerbg-mob.png'); background-size: contain; background-repeat: no-repeat; flex-grow: 1 !important; overflow-y:hidden !important; }
  .jumbotron { max-height: fit-content; }  
.footlinks { font-size: .7em; }
}

@media (max-width: 425px) {
.tickimg { margin-bottom: -40px !important; }
.slide2 { margin-top: 50px !important; }
}

/* Login State Management */
.ui-loggedin .show-loggedin,
.ui-loggedout .show-loggedout {
	display: block;
}
.ui-loggedin .show-loggedout,
.ui-loggedout .show-loggedin {
	display: none;
}