/* GENERAL */
.menu-item {
  text-decoration: none;
}
.current-menu-item {
  color: #f5841f;
}


/* HOME */
.bg-image {
  background-image: url('../_images/FLS_Remix_NewGradient.jpg');
}

.nyt-badge-new {
    position: static;
    left: 25%;
    top: -59px;
    right: 0%;
    bottom: auto;
    display: block;
    width: 70px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/* .fls-lock-up-section {
    margin-bottom: 50px;
    position: relative;
    bottom: 40px;
} */

@media (min-width: 1600px) {
  .home-new-bg {
    left: 10%;
  }
}

@media (max-width: 991px) {
  .nyt-badge-new {
    display: none;
  }
}

@media (max-width: 830px) {
  .home-mobile-strip {
     min-height: 370px;
  }
}

@media (max-width: 479px) {

  .nyt-badge-new-mobile {
    width: 50px;
  }
}
.image-3 {
  display: block;
  /* margin-right: auto;
  margin-left: auto; */
  text-align: center;
}

/* QUOTATOR */
.quotator {
  /* min-height: 200px; */
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 15px;
}
.quotator.desk {
  min-height: 165px;
  margin-right: 5%;
}
.quotator.mobile {
  min-height: 100px;
  /* margin-right: 5%; */
}
.quote-mobile,
.quotation--mobile,
.quotator.mobile {
  display: none;
}
.quote-desk,
.quotation--desktop,
.quotator.desk {
  display: block;
}

.strip-video-desktop {
  /* width: 40%; */
  height: 100vh;
  position: relative;
  /* position: fixed; */
  /* left: 45px; */
  display: block;
  padding-top: 70px;
}

.strip-video-mobile {
  display: none
}

/* Portrait */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    body.home .w-col.amex-column {
    padding-left: 227px;
  }

  body.home .content-column {
    padding-left: 144px;
  }

  .quotator {
    min-height: 180px;
  }
}

@media (max-width: 991px) {
  .quote-mobile,
  .quotation--mobile,
  .quotator.mobile {
    display: block;
  }
  .quote-desk,
  .quotation--desktop,
  .quotator.desk  {
    display: none;
  }
  .strip-video-desktop {
    display: none;
  }
  .strip-video-mobile {
    display: block;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .quotator {
    min-height: 150px;
  }
}

/* ipad Pro Portrait and Landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .home-new-bg {
    left: 0%;
  }
  .fls-column-new.right {
    width: 45%;
  }
}

/* Landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .home-new-bg {
    left: 5%;
  }
  .fls-column-new.right {
    width: 60%;
  }
}

/* TICKETS */
.ticketing-text-2 .text-link {
  line-height: 1.5em;
}
.darkhighlight {
  color: #666666 !important;
}
.darkhighlight:hover {
  border-color: transparent;
}
.besthighlight {
  color: #f5841f !important;
}
.ticketing-asterisk{
	font-size:.8em;
	margin-top:20px;
}
.ticketing-header-2 {
  font-size: 1.1em;
}
.ticketing-text-2.amex {
  padding: 0px 10px;
  text-align: center;
  margin: 0 auto;
}


/* CALENDAR */
.month {
  display: none;
}
.month:first-of-type {
  display: block;
}
.day-box {
  vertical-align: top;
}
.best-hide {
  display: none;
}
.best-text:first-child {
  margin-right: 20px;
}
.redhighlight {
  color: #ed1c24;
}
.redhighlight:hover {
  border-bottom: 1px solid #ed1c24;
}
.cal-box {
  min-height: 600px;
}
.ie-tickets-button {
  display: none;
}
a.cal-left.inactive, a.cal-right.inactive {
  visibility: hidden;
}
@media (max-width: 991px) {
  .cal-box {
    min-height: 600px;
  }
}
@media (max-width: 768px) {
  .cal-box {
    min-height: 400px;
  }
  .no-pm-mobile {
    /* removes pm from cal times on mobile  */
    display: none;
  }
}
@media (max-width: 479px) {
  .day-box {
    margin-bottom: 2px;
  }
}


/* FAQ */
.faq-question:focus {
    outline-color:  #fcdb3d;
}
.faq-answer {
  padding-left: 0px !important;
}
.faq-holder {
  transition: opacity 400ms ease;
}
.faq-holder.fade {
  opacity: 0;
}
.faq-question {
  padding-left: 0px !important;
}



/* CAST */
.cast-holder {
	margin-bottom: 40px;
}
.creative-holder {
	margin-top: 30px;
}
.cast-block,
.creative-block {
	margin-bottom: 30px;
}
.w-nav-overlay .w--nav-menu-open {
	/* top: 3px; */
}


/* LOTTERY PAGE */
body.page-lottery,  body.page-lottery .bg-gradient {
  background: #000000;
}







/* ACADEMY PAGE */
/* upcoming classes table */
thead {
  text-align: left;
}
table, tr, th {
	font-family: 'Helvetica Neue Condensed Bold', sans-serif;
	color: #f5841f;
	font-size: 1em;
	line-height: 1.3em;
}
table th {
	color: #fcdb3d;
	font-size: 1.2em;
}
table th, table td {
	padding: 9px 9px;
}
/* FLS: title not have extra space */
.academy-hero-title > div {
	padding-right: 0;
}
.box-classes-holder {
	max-width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border-style: solid;
	border-width: 3px;
	border-color: #f5841f;
}
.box-classes-holder:first-of-type {
	margin-top: 0;
}
@media screen and (min-width: 991px) {
  .page-academy .signup-holder {
    padding-left: 30px;
  }
}

/* Academy page, mobile */
@media screen and (max-width: 479px) {
	.hero-button {
		width: 100%;
	}
}
.privacy-title {
	margin-top: 0;
	text-transform: lowercase;
}
/* mobile-friendly tables */
/* courtesy: https://elvery.net/demo/responsive-tables/ */

@media only screen and (max-width: 800px) {
	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #f5841f }
	td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	td:before {
		/* Now like a table header */
/*		position: absolute; */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		white-space: nowrap;
		text-align:left;
		color: #fcdb3d;
		display: block;
	}
	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
}
.mobile-break {
	display: none;
}
@media screen and (max-width: 768px) {
	.mobile-break {
		display: inline;
	}
}


/* IE 11 fixes ************************************************/

/* Submit button was cut off */
.w-input, .w-select {
	width: 80%;
}

/* AmEx icon was stretched */
/* .amex-icon {
	width: auto;
	height: auto;
	justify-content: left;
} */
/* .amex-icon img {
	width: auto;
} */

/* Bottom list of creatives had no space between them */
.creative-block {
	flex-basis: auto;
}

/* FAQ answers weren't wrapping at all */
.faq-accordion {
	max-width: 100%;
}

/* All pages */

/* signup button */
.submit-button {
	-webkit-transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
	transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}



/* hamburger background - change from black */
.menu-button.w--open {
	background-color: transparent;
}

/* Contact form on Academy page */

.wpcf7-form {
	font-family: 'Helvetica Neue Extended Bold', sans-serif;
	font-size: .9em;
	margin-top: 20px;
}

.wpcf7-form label span.label {
	display: none;
}

.wpcf7-form label br {
	display: none;
}

.wpcf7-form p {
	margin-bottom: 10px;
}

.wpcf7-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
	background: #000;
	border: 3px solid #f5841f;
	padding: 6px 4px;
	color: #fff;
	text-transform: uppercase;
	width: 60%;
}

@media screen and (max-width: 987px) {
	.wpcf7-form textarea,
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"] {
		width: 100%;
	}
}

.wpcf7-form textarea {
	height: 150px;
}

.wpcf7-form input[type="submit"] {
	background: #fcdb3d;
	color: #000;
	padding: 10px 30px;
	border: none;
	text-transform: uppercase;
	font-size: 1em;
}

.wpcf7-form input[type="submit"]:hover {
	background: #f5841f;
	color: #fff;
}

.wpcf7-form textarea:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus {
	border-color: #fcdb3d;
	outline: none;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	background: #fff;
}

div.wpcf7 .ajax-loader {
	background-color: #fff;
}


/* NEWS */

/* .news-container {

  padding: 20em 0 0 0;
}
@media (max-width:991px) {
  .news-container {
    padding: 15em 0 0 0;
  }
} */
/* #news {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
} */

.section-title--center {
  margin-bottom: 30px;
}

.news {
  /* width: 319px; */
  width: 374px;
  margin: 0 auto;
  /* padding: 1em 0 3em 0; */
}
@media (min-width: 375px) {
  .news {
    /* width: 374px; */
    width: 319px;
  }
}
@media (min-width: 640px) {
  .news {
    width: 639px;
  }
}
@media (min-width: 940px) {
  .news {
    width: 940px;
    margin-left: -47px;
  }
}
@media (max-width: 990px) {
  .section-title--center {
    text-align: center;
  }
  .news {
    margin-left: 0;
  }
  /* #news {
    justify-content: center;
    align-items: center;
  } */
}

.news-swiper {
  position: relative;
}
@media (min-width: 640px) {
  .news-swiper {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding: 0 3em;
  }
}
@media (min-width: 940px) {
  .news-swiper {
    margin-left: 0;
    margin-right: auto;
    width: 93%;
    /* make room for arrows */
    padding-left: 3em;
    padding-right: 3em;
  }
}
.news-swiper .swiper-slide {
  border: solid 1px #F5841C;
  height: 235px !important;
  min-height: 240px;
}
.news-swiper .swiper-slide:hover {
  border: solid 1px #fff;
  transition: border-color 200ms ease-in;
}

.swiper-content {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  /* pointer-events: none; */
}

.swiper-divider {
  height: 1px;
  width: 100%;
  margin: 0 auto .5em auto;
  background-color: #fff;
}

.swiper-link {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0 .5em 1em .5em;
  line-height: 1.15em;
  letter-spacing: .025em;
  color: #fff;
  text-decoration: none;
  background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .4) 22%, rgba(0, 0, 0, 1.3) 98%);
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4) 22%, rgba(0, 0, 0, 1.3) 98%);
}

.swiper-link a:hover {
  text-decoration: underline;
}

.pagination-holder {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 1em 0;
  text-align: center;
}

.swiper-pagination {
  position: relative !important;
  height: 20px;
}

.news-swiper .swiper-pagination-bullet {
  background: #fff !important;
  margin: 0 4px !important;
}

.news-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #F5841C !important;
}

.news-swiper .swiper-button-prev {
  position: absolute;
  margin-top: -33px !important;
  transform: translateY(0%) !important;
  fill: #F5841C !important;
  background: none !important;
}

.news-swiper .swiper-button-next {
  position: absolute;
  margin-top: -33px !important;
  transform: translateY(0%) !important;
  fill: #F5841C !important;
  background: none !important;
}

.swiper-button-disabled {
  opacity: 0 !important;
}

@media (max-width: 640px) and (min-width: 375px) {
  .news-swiper .swiper-slide {
    min-height: 300px !important;
  }
  .news-swiper .swiper-button-prev {
    top: 347px !important;
  }
  .news-swiper .swiper-button-next {
    top: 347px !important;
  }
}

@media (max-width: 375px) {
  #news-slider.swiper-container {
    width: 300px;
  }
  .news-swiper .swiper-slide {
    width: 300px;
  }
  .news-swiper .swiper-button-prev {
    /* top: 290px!important; */
    width: 15px !important;
    left: 40px;
  }
  .news-swiper .swiper-button-next {
    /* top: 290px!important; */
    width: 15px !important;
    right: 40px;
  }
}

@media (max-width: 320px) {
  .news-swiper .swiper-button-prev {
    top: 290px !important;
    /* width: 15px!important; */
    left: 10px;
  }
  .news-swiper .swiper-button-next {
    top: 290px !important;
    /* width: 15px!important; */
    right: 10px;
  }
}


/**
 * IE 10 & 11 fixes.
 *
 * @author mike@curren.me
 */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .amex-icon {
    display: block;
  }

  .cast-holder {
    display: flex;
    flex-wrap: wrap;
  }

  .cast-block {
    flex: 1 50%;
  }

  .cast-anounce {
    flex: 1 100%;
  }
}