body.cw-unified section.swimlanes .swimlane h3 {
  font-size: 20px;
  line-height: 100%;
  color: var(--color-cw-salt);
}

body.cw-unified .swimlane-item p {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-cw-sea-salt);
}

body.cw-unified .swimlane-item p.subtitle {
  font-size: 14px;
  font-weight: 400;
}

body.cw-unified ul li.swimlane-item span.is-new {
  position: absolute;
  left: 6%;
  bottom: 10%;
  padding: 4px 10px;
  background-color: var(--color-cw-hot-sauce);
  color: var(--color-cw-salt);
  opacity: 0.8;
  font-size: 12px;
  font-weight: 600;
}

section.swimlanes {
  margin-top: 0;
}

#swimlane-1 .swimlane-wrap.has-ad-item {
  float: left;
  width: calc(100% - 350px);
}

#swimlane-1 .swimlane-promo {
  float: right;
}

.swimlane,
.swimlane-wrap {
  overflow: visible;
  position: relative;
  z-index: 1;
}

.swimlane-wrap ul {
  margin: 8px 0 8px 1px;
  padding: 1px 0 0 1px;
}

.swimlane-wrap.show li.swimlane-item {
  width: 150px;
  height: auto;
}

.swimlane-wrap.show.horizontal li.swimlane-item {
  width: 290px;
}

.swimlane-wrap.video li {
  width: 200px;
  height: auto;
}

.swimlane-wrap.event li.swimlane-item {
  width: 368px !important;
  height: auto;
}

.swimlane.promos-carousel .promo-overlay button {
  background-color: #332E2A;
}

.swiper-pagination {
  clear: both;
}

/* .swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet .bar-dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
} */

@media screen and (max-width:768px) {
  body.cw-unified section.swimlanes .swimlane-wrap {
    margin: 0 10px !important;
  }
  
  section.swimlanes {
    margin-top: -3.5%;
  }
  
  #swimlane-1 .swimlane-wrap {
    width: 100%;
  }
  
  .swimlane h3 {
    font-size: 24px;
    margin: 10px 0 2px 10px;
  }
  
  .swimlane-wrap.show li.swimlane-item {
    width: 100px;
    height: auto;
  }
  
  .swimlane.promos-carousel .promo-overlay button {
    display: none;
    visibility: hidden;
  }
  
  .swiper-pagination .swiper-pagination-bullet,
  .swiper-pagination .swiper-pagination-bullet .bar-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
  
  body.cw-unified .swimlane.promos-carousel {
    margin-bottom: 10%;
  }
  
  body.cw-unified div.promos-carousel .swiper-pagination.swiper-pagination-bullets {
    bottom: -35%;
  }
  
  body.cw-unified div.promos-carousel .bbitem .promo-overlay button {
    padding: 4px 30px;
  }
  
  body.cw-unified div.promos-carousel.portrait .bbitem .promo-overlay {
    bottom: 33%;
    width: 42%;
    left: 5%;
  }
  
  body.cw-unified div.promos-carousel.portrait .bbitem .promo-overlay p {
    font-size: 15px;
  }
  
  body.cw-unified div.promos-carousel.portrait .bbitem .promo-overlay button {
    font-size: 12px;
    /* padding: 3px 10px; */
  }
}

body.cw-seed.cw-unified .swimlanes h3 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

body.cw-unified section.show-tiles.cwtv-c-1 #show-tiles-promoted-wrapper h3,
body.cw-unified section.swimlanes.hub-series-screen .swimlane h3,
body.cw-unified section.swimlanes.hub-movies-screen .swimlane h3 {
    font-size: 22px;
}


.swimlane,
.swimlane-wrap {
    overflow: visible;
    position: relative;
    z-index: 1;
}
.swimlane h3 {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    margin: 12px 0 2px 0;
}
.swimlane-wrap ul {
    margin: 8px 0 8px 1px;
    padding: 1px 0 0 1px;
}
.swimlane-wrap ul li.xxx {
    display: inline-block;
}
.swimlane-wrap ul li img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.tivo-loader {
    text-align: center;
    position: relative;
    z-index: 999;
}
.tivo-loader img {
    margin: 0 auto;
    display: block;
}
.swimlane-wrap ul li thumb-wrap {
    position: relative;
}
.swimlane-wrap ul li img.placeholder {
    position: relative;
}
.swimlane-wrap ul li img.spinner {
    position: absolute;
    width: 50%;
    margin-left: 25%;
    margin-top: 50%;
}

.swimlane-wrap.show li {
    width: 150px;
    height: auto;
}
.swimlane-wrap.event li.not-used {
    width: 23% !important;
    height: auto;
}

div.swimlane-wrap.event li.swimlane-item {
    width: 368px !important;
    height: auto;
}

.swimlane-wrap.show.horizontal li {
    width: 290px;
}
.swimlane-wrap.video ul.xxx {
    height: auto;
}

.swimlane-wrap.video ul.swiper-wrapper {
    height: 50%;
}

.swimlane-wrap.video li {
    width: 200px;
    height: auto;
}
.swiper-button-next,
.swiper-button-prev {
    top: 47%;
    color: #fff;
}
.swiper-button-prev {
    left: -40px;
}
.swiper-button-next {
    right: -40px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper {
    z-index: 1;
}
.swimlane-item {
    transition: transform 0.1s ease-in-out;
}



.swimlane-item.zoom:focus,
.swimlane-item.zoom:hover {
    transform: scale(1.02);
}
.swimlane-item .swimlane-item-overlay {
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 6px;
}
.swimlane-wrap.video .swimlane-item-overlay {
    background: transparent url(/images/video-thumb-play.png) no-repeat 0 0;
    background-size: auto;
    background-position: center;
}
.swimlane-item a {
    position: relative;
    display: block;
    text-decoration: none;
}
.swimlane-item .thumb-wrap {
    position: relative;
    display: flex;
}
.swimlane-item a:focus .thumb-wrap .swimlane-item-overlay,
.swimlane-item a:hover .thumb-wrap .swimlane-item-overlay {
    background-color: #b9b7b74a;
}
.swimlane-item p {
    color: #e8e8e8;
    margin: 6px 0 0 0;
    line-height: 110%;
}
.swimlane-item a:focus p,
.swimlane-item a:hover p {
    color: #fff;
}

.swimlane.promos-carousel .bbitem .promo-overlay img {
    width: 60%;
    aspect-ratio: 113/46;
}

body.cw-unified #billboard .bbitem .promo-overlay img {
    width: 100%;
    max-width: 400px;
    display: block;
    margin-bottom: 3%;
}


body#shows-hub section.swimlanes.presentation-carousels div.swimlane.lane-coming-soon li {
    display: inline-block;
    width: 14.66%;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 20px;
    transition: transform 0.5s ease-in-out;
}

section.swimlanes.presentation-carousels div.swimlane p.mtitle,
section.swimlanes.presentation-carousels div.swimlane p.subtitle {
    display: none;
}
section.swimlanes.presentation-carousels div.swimlane.lane-coming-soon p,
section.swimlanes.presentation-carousels div.swimlane.lane-latest-episodes p {
    display: block;
}
section.swimlanes div.swimlane.event p,
section.swimlanes div.swimlane.video p {
    display: block !important;
}

section.swimlanes.presentation-carousels div.swimlane.lane-latest-episodes p.subtitle {
    font-weight: 300;
}

div.swimlane-wrap.event li.swimlane-item {
    margin: 0.5% 1.80% 0.5% 0.65%;
}

div.event .swimlane-item span.status {
    position: absolute;
    right: 3%;
    top: 4%;
    padding: 3px 8px;
    background-color: transparent;
    color: var(--color-cw-salt);
    opacity: 1.0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

div.swimlane.event.hide-event-list,
div.swimlane-wrap.event li.swimlane-item.hide-event {
    display: none;
}

@media screen and (max-width: 980px) {
    div.swimlane-wrap.event li.swimlane-item {
        width: 276px !important;
    }
}

@media screen and (max-width:768px) {
    body.cw-seed.cw-unified .swimlanes h3 {
        font-size: 24px;
    }

    body.cw-unified section.swimlanes .swimlane-item p {
        font-size: 14px;
    }
    body.cw-unified section.swimlanes .swimlane-item p.subtitle,
    body.cw-unified section.swimlanes .swimlane.promos-carousel .bbitem .promo-overlay p {
        font-size: 10px;
    }

}

@media screen and (max-width:480px) {
    body.cw-unified .seed-message {
        min-height: none;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    body.cw-unified section.swimlanes .swimlane h3 {
        font-size: 16px;
        margin-left: 2%;
    }
    body.cw-seed.cw-unified .swimlanes h3 {
        font-size: 16px;
    }
    body.cw-unified section.swimlanes #swimlane-1 .swimlane-wrap,
    body.cw-unified section.swimlanes .swimlane-wrap {
        width: 96%;
        margin: 2% !important;
    }
    body.cw-unified section.swimlanes .swiper-button-prev,
    body.cw-unified section.swimlanes .swiper-button-next {
        display: none !important;
    }
    body.cw-unified .swimlane-wrap.show li.swimlane-item {
        width: 31.2%;
        height: auto;
    }

    body.cw-unified .swimlane-wrap.video li,
    body.cw-unified .swimlane-wrap.channel .swiper-wrapper li {
        width: 42%;
        height: fit-content;
    }


    .swimlane h3 {
        margin: 4% 0 2px 0;
    }
}

ul li div.videoimageoverlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-cw-salt);
  background-color: var(--color-cw-hot-sauce);
  text-transform: uppercase;
  text-align: center;
  opacity: 0.8;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

li.color-light .promo-overlay.unified p,
li.color-light-ds .promo-overlay.unified p {
  color: #fff;
  text-shadow: none;
}

li.color-dark .promo-overlay.unified p,
li.color-dark-ds .promo-overlay.unified p {
  color: #000;
  text-shadow: none;
}

li.color-light-ds .promo-overlay.unified p,
li.color-dark-ds .promo-overlay.unified p {
  text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
}

body.cw-unified main.has-billboard section.swimlanes {
  margin-top: -9%;
  z-index: 2;
}

body.cw-unified #herolist .bbitem a.heroimg {
  text-decoration: none;
}

body.cw-unified #herolist .bbitem a.heroimg div.bb-img {
  background-position: top right;
}

.bb-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bb-img.portrait {
  display: none;
}

@media (max-width: 768px) {
  .bb-img.landscape {
    display: none;
  }

  .bb-img.portrait {
    display: block;
  }

}

body.cw-unified #billboard .bbitem .promo-overlay {
  position: absolute;
  top: auto;
  bottom: 40%;
  left: 0;
  text-align: left;
  vertical-align: bottom;
  width: 50%;
}

body.cw-unified .swimlane.promo .bbitem .promo-overlay {
  position: absolute;
  left: 0;
  width: 32%;
  text-align: center;
}

body.cw-unified .bbitem .promo-overlay p,
body.cw-unified .bbitem .promo-overlay button {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}

body.cw-unified #billboard .bbitem .promo-overlay p {
  padding-top: 2%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: 500;
}

body.cw-unified #billboard .bbitem .promo-overlay button {
  margin-top: 3%;
}

body.cw-unified .swimlane.promo .bbitem .promo-overlay p,
body.cw-unified .swimlane.promo .bbitem .promo-overlay button {
  text-align: center;
}

body.cw-unified #billboard .swiper-pagination {
  bottom: 25%;
  text-align: left;
  position: relative;
}

body.cw-unified .bbitem .promo-overlay button {
  background-color: #5C7077;
  border-color: #5C7077;
  padding: 3px 30px;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
}

body.cw-unified .bbitem .promo-overlay button:hover {
  background-color: #fff;
  border-color: #fff;
  color: #050C0D;
}

body.fullbleed-promos section.swimlanes {
  margin-top: -10%;
}

body.fullbleed-promos .bbitem .promo-overlay {
  top: 20%;
  bottom: auto;
}

.swiper-wrapper {
  margin: 0;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list {
  margin: 8px 0 16px 1px;
}

.swimlane-wrap ul li .details img {
  display: none;
}

.swimlane-wrap ul li > a {
  position: relative;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item {
  border-radius: 10px;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item a {
  border: 2px solid transparent;
  border-radius: 10px;
  transition: transform 0.33s ease-out, border-color 0.8s ease;
}

.swimlane-wrap.live-stream ul.swimlane-list li.swimlane-item .swimlane-content,
.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item .swimlane-content {
  z-index: 1;
  transform: translateX(0);
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border: 2px solid transparent;
  border-radius: 10px;
  display: block;
  opacity: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}

.swimlane-wrap.live-stream ul.swimlane-list li.swimlane-item .swimlane-content,
.swimlane-wrap.live-stream ul.swimlane-list li.swimlane-item .swimlane-featured {
  display: inline-block;
  vertical-align: top;
  width: calc(48% - 10px);
}

.swimlane-wrap.live-stream ul.swimlane-list li.swimlane-item.swiper-slide {
  width: 96%;
}

.swimlane-wrap.live-stream ul.swimlane-list li.swimlane-item .swimlane-content {
  aspect-ratio: 16/9;
}

.swimlane-wrap.live-stream li.swimlane-item .details {
  padding: 0 0 0 30px;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item .swimlane-featured {
  position: absolute;
  display: block;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.56), rgba(0,0,0,0.74), rgba(0,0,0,0.86), rgba(0,0,0,0.94), rgba(0,0,0,1));
  border-radius: 10px;
  height: auto;
  width: 100%;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.6s ease-in;
  z-index: 100;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item:hover,
  .swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item a:focus {
  z-index: 100;
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item:hover > a,
  .swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item > a:focus {
  border: 2px solid #fff;
  border-radius: 10px;
  transform: translate(0, 0) scale(1.04);
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item:hover .swimlane-content,
  .swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item a:focus .swimlane-content {
  overflow: visible;
  opacity: 1;
  border: 2px solid #000;
  border-radius: 10px;
}

.swimlane-wrap.expanding-tiles.horizontal-expanding ul.swimlane-list li.swimlane-item:hover > a,
  .swimlane-wrap.expanding-tiles.horizontal-expanding ul.swimlane-list li.swimlane-item a:focus > a {
  transform: translate(0, 0) scale(1.03);
}

.swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item:hover .swimlane-featured,
  .swimlane-wrap.expanding-tiles ul.swimlane-list li.swimlane-item a:focus .swimlane-featured {
  opacity: 1;
}

.swimlane-wrap li.swimlane-item .swimlane-featured .details img {
  display: none;
}

.swimlane-wrap li.swimlane-item .swimlane-featured a,
.swimlane-wrap li.swimlane-item .swimlane-featured p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 200;
  margin: 4px 0;
  color: #efefef;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.title {
  font-size: 18px;
  font-weight: 500;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.ratings span {
  padding: 0 5px;
  border: 2px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  line-height: 120%;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.seasons {
  opacity: 0.6;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 500;
  padding: 6px 12px 4px 30px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  background-color: #4f4f4f;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-link {
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a {
}

.swimlane-wrap li.swimlane-item .details {
  padding: 80px 30px 30px 30px;
}

img.default-img {
  position: absolute;
  height: auto !important;
  width: 100% !important;
}

.swimlane.promos-carousel {
  margin-top: 25px;
  width: 100%;
  aspect-ratio: 5.333 !important;
  display: block;
  overflow: hidden;
}

/* Fix for fade effect: inactive slides should not capture clicks */
#herocontainer.promos-carousel .swiper-slide {
  pointer-events: none;
}
#herocontainer.promos-carousel .swiper-slide-active {
  pointer-events: auto;
}

#herocontainer {
  width: 100%;
  aspect-ratio: 1920/768;
  position: relative;
}

@media (max-width: 768px) {
  #herocontainer,
  #billboard-gradient {
    aspect-ratio: 16/9;
  }
}

.swimlane.promos-carousel a.heroimg {
  width: 100%;
  height: 100%;
  aspect-ratio: 5.333;
}

.swimlane.promos-carousel a.heroimg {
  background-position: top center;
  text-decoration: none;
  position: relative;
  display: block;
}

.swimlane.promos-carousel .bbitem .promo-overlay {
  position: absolute;
  bottom: 20%;
  left: 5%;
  width: 40%;
  z-index: 10;
  text-align: left;
  padding: 20px;
}

body.cw-unified .swimlane.promos-carousel .bbitem .promo-overlay p,
body.cw-unified .swimlane.promos-carousel .bbitem .promo-overlay button {
  font-size: 18px;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

body.cw-unified.w768 .swimlane.promos-carousel .bbitem .promo-overlay p,
body.cw-unified.w768 .swimlane.promos-carousel .bbitem .promo-overlay button {
  font-size: 14px;
}

body.cw-unified .swimlane.promos-carousel .bbitem .promo-overlay button {
  padding: 3px 20px;
}

.vertical-expanding .swimlane-wrap ul li.swimlane-item img,
.horizontal-expanding .swimlane-wrap ul li.swimlane-item img {
  width: auto;
  height: 100px;
}

.swimlane-wrap li.swimlane-item {
  xxxmargin: 0.5% 1.288%;
  margin: 0.5% 2% 0.5% 0.65%;
  z-index: 1;
}

.horizontal-expanding .swimlane-wrap.show li {
  width: 47.4%;
  margin: 0 1.15%;
  height: auto;
}

@media screen and (max-width:480px) {
  .horizontal-expanding .swimlane-wrap.show li {
    width: 45.7%;
  }
}

.horizontal-expanding .swimlane-wrap.show li .swimlane-content {
  height: auto;
  aspect-ratio: 16/9;
}

.swimlane-wrap.expanding-tiles.horizontal-expanding ul.swimlane-list li.swimlane-item {
  width: 47.4%;
  margin: 0 1.15%;
  height: auto;
}

@media screen and (max-width:480px) {
  .swimlane-wrap.expanding-tiles.horizontal-expanding ul.swimlane-list li.swimlane-item {
    width: 45.7%;
  }
}

.swimlane-wrap.expanding-tiles.horizontal-expanding ul.swimlane-list li.swimlane-item .swimlane-content {
  height: auto;
  aspect-ratio: 16/9;
}

.vertical-expanding .swiper-wrapper li {
  width: 22.4% !important;
  height: auto;
}

.vertical-expanding .swiper-wrapper li .swimlane-content {
  height: auto;
  aspect-ratio: 2/3;
}

.swimlane-wrap.expanding-tiles.vertical-expanding ul.swimlane-list li.swimlane-item {
  width: 22.4% !important;
  height: auto;
}

.swimlane-wrap.expanding-tiles.vertical-expanding ul.swimlane-list li.swimlane-item .swimlane-content {
  height: auto;
  aspect-ratio: 2/3;
}

.channels-carousel .swiper-wrapper li {
  width: 200px;
}
/*.swimlane.promos-carousel .promo-overlay.unified {
  width: 25%;
  left: 7.5%;
  bottom: 33%;
}*/

.swimlane.promos-carousel .promo-overlay.unified {
  width: 38%;
  left: 0;
  bottom: auto;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

body.cw-unified.w768 .swimlane.promos-carousel .promo-overlay.unified {
}

.swimlane.promos-carousel .bbitem.has-button .promo-overlay.unified {
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-play {
  background: #4f4f4f url(/images/r23/play-btn-white.svg) top left no-repeat;
  background-position: 11px 7px;
  background-size: 13px;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-link {
  background: #4f4f4f url(/images/right-arrow-white.svg) top left no-repeat;
  background-position: 11px 7px;
  background-size: 13px;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-play:hover {
  background: #fff url(/images/play-btn-black.svg) top left no-repeat;
  color: #000;
  background-position: 11px 7px;
  background-size: 13px;
}

.swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-link:hover {
  background: #fff url(/images/right-arrow-black.svg) top left no-repeat;
  color: #000;
  background-position: 11px 7px;
  background-size: 13px;
}

body.w980 .swimlane-wrap li.swimlane-item .swimlane-featured p.synopsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#billboard-gradient {
  position: absolute;
  bottom: 0;
  width: 100%;
  aspect-ratio: 1920/768;
  background: transparent url(/images/cw/contenthub-header-gradient-overlay.png) top center;
  background-size: cover;
  z-index: 1;
}

.promo-overlay.unified {
  z-index: 2;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #999;
  transition: width 0.3s ease;
  position: relative;
  opacity: 1.0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 80px;
}

.swiper-pagination-bullet .bar-dot {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  top: 0;
  left: 0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .bar-dot {
  display: inline-block !important;
  animation: dotprogress linear 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .bar-dot-xxx:hover {
  animation-play-state: paused;
}

@keyframes dotprogress {
  from {
    width: 16px;
  }
  
  to {
    width: 80px;
  }
}

.cwtv-c-1 {
  display: block;
  width: 1280px;
  margin: 0 auto;
}

body.w980 .cwtv-c-1 {
  width: 96%;
}

body.w768 .cwtv-c-1 {
  width: 96%;
}

body.w480 .cwtv-c-1 {
  width: 96%;
}

body.wSmall .cwtv-c-1 {
  width: 96%;
}

/* Media query fallbacks - work without JS body classes */
@media (max-width: 1279px) {
  .cwtv-c-1 {
    width: 96%;
  }
}

.promo-overlay-wrapper {
  position: relative;
  height: 100%;
  pointer-events: none;
}

.promo-overlay-wrapper.cwtv-c-1 {
  padding: 0 40px;
}

.swiper-slide-active .promo-overlay-wrapper * {
  pointer-events: auto;
}

#swiper-pagination-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28%;
}

#swiper-pagination-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px 0 0;
}

.promo-overlay p.subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 20px;
}

@media (max-width:1280px) {
  .swimlane-wrap li.swimlane-item .swimlane-featured p.synopsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (max-width:981px) {
  .swimlane-wrap li.swimlane-item .swimlane-featured p.links a,
  .swimlane-wrap li.swimlane-item .swimlane-featured p {
    font-size: 12px;
  }
  
  .swimlane-wrap li.swimlane-item .swimlane-featured p.synopsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .swimlane-wrap li.swimlane-item .swimlane-featured p.links a.show-page-play {
    background-size: 10px;
  }
  
  .swimlane-wrap li.swimlane-item .swimlane-featured p.ratings span {
    line-height: 110%;
    border-width: 1px;
  }
  
  .swimlane-wrap li.swimlane-item .details {
    padding: 0px 30px;
  }
  
  .vertical-expanding .swimlane-wrap ul li.swimlane-item img,
  .horizontal-expanding .swimlane-wrap ul li.swimlane-item img {
    height: 90px;
  }
  
  .bbitem .promo-overlay img {
    width: 84%;
  }
}

@media (max-width:640px) {
  .horizontal-expanding .swimlane-wrap ul li.swimlane-item img {
  }
  
  .vertical-expanding .swimlane-wrap ul li.swimlane-item img {
  }
}

@media (max-width:480px) {
  .bbitem .promo-overlay img {
    width: 80%;
  }
  
  .swiper-pagination-bullet,
  .swiper-pagination-bullet .bar-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
}

.swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item,
.swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item {
  background: none;
}

ul.show-tiles-list li.showtile a,
.swimlane-wrap.channel ul.swimlane-list li.swimlane-item a,
.swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item a,
.swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item a {
  height: auto;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: transform 0.33s ease-out, border-color 0.8s ease;
}

ul.show-tiles-list li.showtile p {
  transition: transform 0.33s ease-out, border-color 0.8s ease;
}

ul.show-tiles-list li.showtile:hover .thumb-wrap img,
  .swimlane-wrap.channel ul.swimlane-list li.swimlane-item:hover .thumb-wrap img,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item:hover .thumb-wrap img,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item:hover .thumb-wrap img {
  border-radius: 6px;
}

ul.show-tiles-list li.showtile .thumb-wrap,
.swimlane-wrap.channel ul.swimlane-list li.swimlane-item .thumb-wrap,
.swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item .thumb-wrap,
.swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item .thumb-wrap {
  border: 1px solid transparent;
}

ul.show-tiles-list li.showtile:hover .thumb-wrap,
  ul.show-tiles-list li.showtile a:focus .thumb-wrap,
  .swimlane-wrap.channel ul.swimlane-list li.swimlane-item:hover .thumb-wrap,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item:hover .thumb-wrap,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item a:focus .thumb-wrap,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item:hover .thumb-wrap,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item a:focus .thumb-wrap {
  overflow: visible;
  opacity: 1;
  border: 1px solid #000;
  border-radius: 6px;
}

ul.show-tiles-list li.showtile:hover > a,
  ul.show-tiles-list li.showtile > a:focus,
  .swimlane-wrap.channel ul.swimlane-list li.swimlane-item:hover > a,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item:hover > a,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item > a:focus,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item:hover > a,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item > a:focus {
  border: 2px solid #fff;
  transform: translate(0, 0) scale(1.04);
}

ul.show-tiles-list li.showtile:hover p {
  transform: translate(2px, 5px) scale(1.04);
}

ul.show-tiles-list li.showtile a:focus .thumb-wrap .show-tile-item-overlay,
  ul.show-tiles-list li.showtile a:hover .thumb-wrap .show-tile-item-overlay,
  .swimlane-wrap.channel ul.swimlane-list li.swimlane-item a:focus .thumb-wrap .swimlane-item-overlay,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item a:focus .thumb-wrap .swimlane-item-overlay,
  .swimlane-wrap.show.vertical ul.swimlane-list li.swimlane-item a:hover .thumb-wrap .swimlane-item-overlay,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item a:focus .thumb-wrap .swimlane-item-overlay,
  .swimlane-wrap.show.horizontal ul.swimlane-list li.swimlane-item a:hover .thumb-wrap .swimlane-item-overlay {
  background-color: transparent;
}

body {
    opacity: 1 !important;
}

/* Swiper navigation buttons */
.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165.22 317.39'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='159.13 6.96 159.13 311.3 6.96 159.13 159.13 6.96'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}
.swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165.22 317.39'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='6.96 6.96 6.96 311.3 159.13 159.13 6.96 6.96'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after {
    content: '';
}

section.layout-grid .swiper-wrapper {
		flex-wrap: wrap;
	}
	section.layout-grid .swimlane-wrap li.swimlane-item {
    	margin-right: 1.5%
	}
	section.layout-grid .swimlane h3 {
		display: none;
	}

	section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper {
		justify-content: space-between;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax (130px, 1fr));
		grid-template-columns: repeat(6, 1fr);
		gap: 1em;
		row-gap: 0em;
	}
	section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper li.swimlane-item {
		margin: 0 0 0 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	section.swimlanes.layout-grid .swiper {
	    overflow: visible;
	}

	section.swimlanes.layout-grid .swimlane-wrap.show li {
		width: 100%;
	}


/* Begin My CW swimlanes */
.swimlane-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 16px;
}
.swimlane-header h3 {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
}
.swimlane-header a.see-all {
  display: inline-block;
  font-size: 16px;
  color: var(--color-cw-sea-salt);
  text-decoration: none;
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 14.4px 14.4px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M0 7.2C0 11.1769 3.22313 14.4 7.2 14.4C11.1769 14.4 14.4 11.1769 14.4 7.2C14.4 3.22313 11.1769 0 7.2 0C3.22313 0 0 3.22313 0 7.2ZM6.77813 10.6031C6.51375 10.8675 6.08625 10.8675 5.82469 10.6031C5.56313 10.3388 5.56031 9.91125 5.82469 9.64969L8.27156 7.20281L5.82469 4.75594C5.56031 4.49156 5.56031 4.06406 5.82469 3.8025C6.08906 3.54094 6.51656 3.53813 6.77813 3.8025L9.70312 6.72188C9.9675 6.98625 9.9675 7.41375 9.70312 7.67531L6.77813 10.6031Z" fill="%23f1f1ef"/></svg>');
  transition: color 0.15s ease, background-image 0.15s ease;
}
.swimlane-header a.see-all:hover {
  color: var(--color-cw-grey-salt);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M0 7.2C0 11.1769 3.22313 14.4 7.2 14.4C11.1769 14.4 14.4 11.1769 14.4 7.2C14.4 3.22313 11.1769 0 7.2 0C3.22313 0 0 3.22313 0 7.2ZM6.77813 10.6031C6.51375 10.8675 6.08625 10.8675 5.82469 10.6031C5.56313 10.3388 5.56031 9.91125 5.82469 9.64969L8.27156 7.20281L5.82469 4.75594C5.56031 4.49156 5.56031 4.06406 5.82469 3.8025C6.08906 3.54094 6.51656 3.53813 6.77813 3.8025L9.70312 6.72188C9.9675 6.98625 9.9675 7.41375 9.70312 7.67531L6.77813 10.6031Z" fill="%236c7b80"/></svg>');
}
body.cw-unified ul li.swimlane-item span.progress-bar {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  height: 7px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.6);
}
body.cw-unified ul li.swimlane-item span.progress-bar span {
  height: 100%;
  display: block;
  border-radius: 10px;
  background-color: var(--color-cw-hot-sauce);
  transition: width 0.3s ease-in-out;
}
/* End My CW swimlanes */


	@media only screen and (max-width: 1280px) {
		section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper {
			grid-template-columns: repeat(5, 1fr);
		}

    #swiper-pagination-wrapper {
      left: 2.5%;
    }

    body.cw-unified #billboard .bbitem .promo-overlay {
      left: 2.5%;
    }
	}

	@media only screen and (max-width: 980px) {
		section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper {
			grid-template-columns: repeat(4, 1fr);
		}
	}

	@media only screen and (max-width: 480px) {
		section.swimlanes.layout-grid ul.swimlane-list.swiper-wrapper {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	@media only screen and (max-width: 768px) {

		body.cw-unified section.swimlanes.layout-grid .swimlane-wrap {
			width: 96% !important;
			margin: 0 auto !important;
		}
		body.cw-unified section.swimlanes.layout-grid .swimlane-wrap ul {
			margin: 0 !important;
			padding: 0 !important;
		}

    body.cw-unified .bbitem .promo-overlay button {
      font-size: 12px;
    }

    body.cw-unified .bbitem .promo-overlay p.subtitle {
      font-size: 15px;
    }
	}