/* 
 * THIS FILE WAS GENERATED BY SASS, DO NOT EDIT THIS CSS FILE DIRECTLY 
 * ANY CHANGES MADE TO THIS FILE WILL BE OVERWRITTEN 
 */ 
/**
*   width: default 142
*   height: default 40
*   fontSize: default 18
*   borderRadius: default 4
*   padding: default null
*/
#marqueeContainer {
  height: 440px;
  overflow-x: hidden;
  overflow-y: hidden;
}
#marqueeContainer .showHeader {
  z-index: 499998;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer {
  width: 100%;
  height: 440px;
  margin: auto;
  text-align: left;
  position: relative;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer .showMarqueeSlideWrapper {
  height: 440px;
  position: absolute;
  width: 100%;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer .showMarqueeSlideWrapper:hover {
  text-decoration: none;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer .showMarqueeSlideWrapper #marqueeTextContainer #tryAllAccessButton.js-button-hover {
  text-decoration: none;
  font-size: 18px;
  width: 240px;
  height: 36px;
  border-radius: 4px;
  border: 2px solid transparent solid #0092f3;
  color: white;
  background-color: #0092f3;
  text-decoration: none;
  font-family: "Lato";
  cursor: pointer;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer {
  margin: auto;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.has-tuneInTime {
  padding-top: 125px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.has-no-tuneInTime {
  padding-top: 163px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.twoLines {
  padding-top: 83px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.twoLines #showName > div:nth-child(1) {
  padding-top: 0;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.twoLines.has-tuneInTime {
  padding-top: 75px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer.twoLines.has-no-tuneInTime {
  padding-top: 113px;
}
@media (max-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer {
    /* 980 mode, you probably want adSkin980 if you want the same styling to apply when there's an ad skin' */
    width: 980px;
    padding-left: 20px;
  }
}
@media (min-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer {
    /* 1230 mode */
    width: 1230px;
    padding-left: 60px;
  }
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName {
  font-size: 50px;
  color: #fff;
  font-family: "Oswald", sans-serif;
  margin-bottom: 20px;
  max-width: 6em;
  min-width: 6em;
  word-wrap: break-word;
  line-height: 58px;
}
@media (max-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName {
    /* 980 mode, you probably want adSkin980 if you want the same styling to apply when there's an ad skin' */
    margin-right: 170px;
  }
}
@media (min-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName {
    /* 1230 mode */
    margin-right: 288px;
  }
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName > div {
  white-space: nowrap;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName > div:nth-child(2) {
  height: 58px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #leContainer #showName > div:nth-child(1) {
  padding-top: 8px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer {
  bottom: 99px;
  right: 50%;
  min-width: 511px;
  max-width: 511px;
}
@media (min-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer {
    /* 1230 mode */
    margin-right: 77px;
  }
}
@media (max-width: 1245px) {
  #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer {
    /* 980 mode, you probably want adSkin980 if you want the same styling to apply when there's an ad skin' */
    margin-right: -41px;
  }
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer {
  /*
    20 episodes available
    [Watch Latest]
  */
  /*             
   20 total episodes with subscription | 6 Free Full Episodes
   [Watch Latest]                      | [Try 1 week Free]
  */
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #notSubscribedContainer, #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #subscribedContainer {
  display: -webkit-flex;
  display: flex;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #notSubscribedContainer > div:first-child, #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #subscribedContainer > div:first-child {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #notSubscribedContainer > div:last-child, #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer #subscribedContainer > div:last-child {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #tuneInTime {
  margin-bottom: 36px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #tuneInTime, #marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #marqueeButtonContainer {
  font-size: 18px;
  font-family: "Lato";
  color: #fff;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .episodeCountContainer {
  width: 252px;
  height: 1.2em;
  margin-bottom: 14px;
  position: relative;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .episodeCountContainer.fullWidth {
  width: auto;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .episodeCountContainer span {
  left: 3px;
  margin-top: 32px;
  position: absolute;
  top: -25px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #tryAllAccessButton {
  font-family: "Lato";
  text-decoration: none;
  color: #0092f3;
  width: 240px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #0092f3;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer #tryAllAccessButton:hover {
  text-decoration: none;
  font-size: 18px;
  width: 240px;
  height: 36px;
  border-radius: 4px;
  border: 2px solid transparent solid #0092f3;
  color: white;
  background-color: #0092f3;
  text-decoration: none;
  font-family: "Lato";
  cursor: pointer;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .watchLatestButton {
  font-family: "Lato";
  text-decoration: none;
  color: #0092f3;
  width: 210px;
  height: 36px;
  border-radius: 4px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #0092f3;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .watchLatestButton:hover {
  text-decoration: none;
  font-size: 18px;
  width: 210px;
  height: 36px;
  border-radius: 4px;
  border: 2px solid transparent solid #0092f3;
  color: white;
  background-color: #0092f3;
  text-decoration: none;
  font-family: "Lato";
  cursor: pointer;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .marqueeDivider {
  margin-left: 15px;
  margin-right: 15px;
  -webkit-flex: 1 0 1px;
  flex: 1 0 1px;
  background: rgba(255, 255, 255, 0.2);
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .marqueeDivider.short-line {
  margin-top: 35.6px;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .marqueeButtonLink {
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
#marqueeContainer #headerAndMarqueeContainer #showMarqueeContainer #marqueeTextContainer .marqueeButtonLink div {
  margin: auto;
  padding: 0px 25px 0px 25px;
}
#marqueeContainer #allAccessMarqueeContainer {
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  height: 440px;
}
#marqueeContainer #allAccessMarqueeContainer img {
  max-height: 100%;
}
#marqueeContainer #allAccessMarqueeContainer.slideContainer.allAccessUpsellSlide {
  background-color: black;
  display: block;
  position: absolute;
  top: -40px;
  width: 100%;
  height: 480px;
  opacity: 0;
}



/*# sourceMappingURL=marquee.css.map */