/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .fullbleedarticle .close, .fullbleedarticle .scrolldown, .fullbleedarticle .scrollup, .at-icon-wrapper svg {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.pagelive .pageliveinner .carousel > .swiper-container-carousel, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner, .fullbleedarticle .slides .slide, .archivepage .archivecontainer .issues .issue, .archivepage .archivecontainer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, .pagelive .pageliveinner .carousel, body, p, td, b textarea, input, select {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .modulesshop a.moduleshop .title p, .modulesshop a.moduleshop .title, .ad-onload .close {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .fullbleedarticle .close, .fullbleedarticle .scrolldown, .fullbleedarticle .scrollup, .at-icon-wrapper svg {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.pagelive .pageliveinner .carousel > .swiper-container-carousel, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner, .fullbleedarticle .slides .slide, .archivepage .archivecontainer .issues .issue, .archivepage .archivecontainer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, .pagelive .pageliveinner .carousel, body, p, td, b textarea, input, select {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .modulesshop a.moduleshop .title p, .modulesshop a.moduleshop .title, .ad-onload .close {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

:root {
  --app-height: 100%;
}

* {
  box-sizing: border-box;
  outline: none;
  /*shape-rendering: geometricPrecision;*/
  text-decoration-skip: ink;
}

button {
  border: 0px;
  border-style: none;
}

.scrollbars ::-webkit-scrollbar, #popup_search ::-webkit-scrollbar {
  width: 10px;
  background-color: #fff;
  border-radius: 10px;
  border-color: #F5F5F5;
}
.scrollbars ::-webkit-scrollbar-track, #popup_search ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);*/
  border-radius: 10px;
  background-color: #f7f7f7;
}
.scrollbars ::-webkit-scrollbar-thumb, #popup_search ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(148, 148, 148);
  /*background-image: -webkit-linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.4) 50%,transparent,transparent)*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #9c9c9c;
}

@media only screen and (orientation: portrait) {
  .forcelandscape #container {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.maxheightscreen {
  /*max-height:100vh;*/
}

.stopscroll {
  overflow: hidden;
  height: 100vh;
}

span.linked {
  color: #3333CC !important;
  text-transform: uppercase !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  padding: 0;
  margin: 0;
}

body, p, td, b textarea, input, select {
  color: #000000;
  /*@extend .oldfont;*/
  text-align: left;
  font-size: 16px;
}

p {
  line-height: 1.5em;
  font-size: 16px;
}

.sections, .TTS .controls {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
}

::selection, ::-moz-selection, .selectedtext {
  background-color: #fee900;
  color: #FF0000;
}

a, input[type=image] {
  color: #3333CC;
  text-decoration: none;
}

a:focus, a:hover, input[type=image]:focus, input[type=image]:hover {
  text-decoration: underline;
}

/* HEADERS    ========================================================================================================================*/
h1 {
  text-transform: none; /* uppercase */
}

h1, h2, h3, h4, h5, h6 {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  line-height: normal;
}

/* MULTIMEDIA  ========================================================================================================================*/
img {
  border: 0;
  text-align: center;
  max-width: 100%;
}

video {
  max-width: 100%;
}

/* FORMS  ========================================================================================================================*/
form {
  margin: 0;
}

label[for] {
  cursor: pointer;
}

label[for]:focus, label[for]:hover {
  text-decoration: underline;
}

input[type=submit], input[type=reset], button {
  cursor: pointer;
}

/* error */
input.error, textarea.error, select.error {
  background-color: #FFDDDD;
}

input[type=checkbox].error, input[type=radio].error {
  outline: #FF0000 solid 2px;
}

textarea {
  resize: vertical;
}

cite {
  font-style: italic;
  font-weight: normal;
}

sup {
  position: relative;
  bottom: 0.5em;
  vertical-align: baseline;
}

sub {
  position: relative;
  top: 0.5em;
  vertical-align: baseline;
}

/*iframe {
    min-width: 480px;
    min-height: 270px;
}*/
body.mobile iframe {
  min-width: unset;
  min-height: unset;
  width: 100%;
}

html {
  /*overflow-y: scroll;*/
  overflow-x: hidden;
  background-color: white;
}
html.invert {
  background-color: black;
}

body {
  margin: 0;
  padding: 0;
  perspective: none;
  transform: none;
  background: none;
  background-color: white;
  height: --webkit-fill-available;
  /*    &.mobile {
      &.IOS {
          //To work around the text rendering issue because of transforms on IOS Safari and Chrome
          &.safari, &.chrome {

              * {
                  -webkit-font-smoothing: subpixel-antialiased;
                  -webkit-text-size-adjust: 100%;
                  -webkit-text-stroke: 0.015em;
              }
          }
      }
  }*/
}
body.invert {
  background-color: black;
}
body.desktop.safari.extend {
  /*padding-bottom: 500px !important; //or half a cube is chopped?*/
}

#body {
  margin: 0 auto;
  opacity: 0;
}
#body.loaded {
  opacity: 1;
  transform: none;
}

.loader {
  background: url(/images/loaderRing.svg) center center no-repeat #fff;
  width: 100vw;
  height: 100vh;
  opacity: 0.5;
  z-index: 5000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  display: none;
}
.loader .count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
}
.loader.visible {
  display: block;
}

.mobilearrows {
  width: 100vw;
  height: 100vh;
  z-index: 5000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  display: none;
  pointer-events: none;
}
.mobilearrows .left, .mobilearrows .right {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 50px;
}
.mobilearrows .left {
  background: url(/node_modules/open-iconic/svg/chevron-left.svg) center center no-repeat transparent;
  background-size: cover;
  left: 20px;
}
.mobilearrows .right {
  background: url(/node_modules/open-iconic/svg/chevron-right.svg) center center no-repeat transparent;
  background-size: cover;
  right: 20px;
}
.contentContainer {
  height: 100%;
  transform: none;
}

.image-hover {
  position: absolute;
  display: none;
  z-index: 10;
}

.image-hover div {
  min-width: 15em;
  padding: 1em 1.5em;
  background: #FFF;
  opacity: 0.9;
  font-size: 16px;
  width: 300px;
}

.image-hover div h4, .image-hover div > p {
  margin: 0;
  line-height: normal;
  text-transform: none;
}

soc .image-hover div > p:last-child {
  text-transform: none;
}

.images li {
  position: relative;
}

.images li > div, .images li > img {
  position: absolute;
  top: 0;
  left: 0;
}

.innercontainer section {
  background-color: white;
}
.innercontainer section ul {
  background-color: white;
}
.innercontainer section ul li {
  background-color: white;
}
.innercontainer .contents li.articles {
  display: block;
  overflow: visible;
}
.innercontainer .contents li.articles .articlecontents {
  overflow: hidden;
  display: block;
  height: auto;
  z-index: 1;
}
.innercontainer .contents li.articles .articlecontents.closed {
  height: 0px;
}
.innercontainer .contents li.articles .articlecontents.open {
  height: auto !important;
}
.innercontainer .contents li.articles .articlecontents .backlink {
  white-space: nowrap;
  display: block;
  cursor: pointer;
}
.innercontainer .contents > section > ul > li:last-child:before, .innercontainer .contents > section > ul > li.last-child:before {
  content: none;
}

#covercontainer {
  perspective: 4000px;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  display: none;
  opacity: 0;
  /*border: solid 1px red;*/
}
#covercontainer #cover {
  transform: translate3d(-50%, -50%, 300px);
  width: 90vw;
  height: 80vh;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  /*border: solid 1px green;*/
}
#covercontainer #cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.socLinks {
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  vertical-align: top;
}

.buycontainer {
  font-size: 16px;
  line-height: 20px;
  color: #3333CC;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.buy {
  float: left;
  overflow: hidden;
  height: 20px;
  text-decoration: none;
  margin-top: 0;
  text-align: left;
  list-style: none;
  animation: 2.5s linear 0s alternate none infinite changecolour;
}

@keyframes changecolour {
  0% {
    color: #3333CC;
  }
  100% {
    color: rgb(136, 19, 128);
  }
}
@keyframes buynow {
  0% {
    margin-top: 0px;
  }
  30% {
    margin-top: 0px;
  }
  35% {
    margin-top: -21px;
  }
  65% {
    margin-top: -21px;
  }
  70% {
    margin-top: 0px;
  }
  100% {
    margin-top: 0px;
  }
}
ul.slider {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.slider video, ul.slider img {
  width: 100%;
  height: auto;
}

.pagesimple {
  position: relative;
  width: 920px;
  margin: 0 auto;
  position: relative;
  top: 0px;
}

.errorloading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: solid 1px black;
  padding: 25px;
  display: none;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
}
.errorloading.show {
  display: block;
  opacity: 1;
  z-index: 9999;
}

.shopcontainer #shopcanvas {
  width: 100%;
  height: 1000px;
}

#diag {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: solid 1px green;
  background: white;
  color: black;
  z-index: 9999;
}
#diag a {
  text-decoration: underline;
}
#diag:hover {
  width: auto;
  height: auto;
}
#diag:hover .open {
  display: block;
  padding: 20px;
}
#diag:hover .open .edit {
  font-weight: bold;
  padding-top: 10px;
}
#diag:hover .closed {
  display: none;
}
#diag .open {
  display: none;
}
#diag .closed {
  font-size: 36px;
  line-height: 22px;
  font-weight: bold;
  margin-left: -2px;
  background-color: green;
}

a.tip {
  border: solid 1px black;
  background: white;
  color: #3333CC;
}

.lazy {
  display: block;
  opacity: 0;
}
.lazy:not(.initial) {
  transition: opacity 1s;
}
.lazy.initial, .lazy.loaded, .lazy.error {
  opacity: 1;
}
.lazy:not([src]) {
  visibility: hidden;
}

body.preview .articlecontents {
  width: 920px !important;
  margin: 0 auto !important;
}

.wrapper-vrswitch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*height: 100vh;*/
  background-color: transparent;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 200;
  transform: scale(0.9);
  transform-origin: center right;
}
body.mobile .wrapper-vrswitch.is0 {
  padding-top: 35px;
}
body.mobile .wrapper-vrswitch {
  transform: scale(0.45);
  top: 5px;
}
.wrapper-vrswitch.hide {
  opacity: 0;
  transition: opacity 1s;
}
.wrapper-vrswitch span.switcher {
  position: relative;
  width: 200px;
  height: 50px;
  border-radius: 25px;
  /*margin: 20px 0;*/
}
.wrapper-vrswitch span.switcher input {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 200px;
  height: 51px;
  border-radius: 25px;
  background-color: #1E1E1E;
  outline: none;
  /*font-family: 'SuisseWorks-Book';*/
  font-family: "acumin-pro";
  margin-top: 2px;
  font-weight: bold;
}
.wrapper-vrswitch span.switcher input:before, .wrapper-vrswitch span.switcher input:after {
  z-index: 2;
  position: absolute;
  top: 24px;
  transform: translateY(-50%);
  color: #FFFFFF;
}
.wrapper-vrswitch span.switcher input:before {
  content: "TV ON";
  left: 25px;
}
.wrapper-vrswitch span.switcher input:after {
  content: "TV OFF";
  right: 30px;
}
.wrapper-vrswitch span.switcher label {
  z-index: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  border-radius: 25px;
  height: 35px;
}
.wrapper-vrswitch span.switcher.switcher-1 #switcher-1 {
  /*border: solid 1px black;*/
}
.wrapper-vrswitch span.switcher.switcher-1 input {
  transition: 0.25s -0.1s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:checked {
  background-color: #FFFFFF;
}
.wrapper-vrswitch span.switcher.switcher-1 input:checked:before {
  color: #FFFFFF;
  transition: color 0.5s 0.2s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:checked:after {
  color: #CCCCCC;
  transition: color 0.5s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:checked + label {
  left: 10px;
  right: 100px;
  background: #1E1E1E;
  transition: left 0.5s, right 0.4s 0.2s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:not(:checked) {
  background: #1E1E1E;
  transition: background 0.5s -0.1s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:not(:checked):before {
  color: #CCCCCC;
  transition: color 0.5s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:not(:checked):after {
  color: #1E1E1E;
  transition: color 0.5s 0.2s;
}
.wrapper-vrswitch span.switcher.switcher-1 input:not(:checked) + label {
  left: 100px;
  right: 10px;
  background: #FFFFFF;
  transition: left 0.4s 0.2s, right 0.5s, background 0.35s -0.1s;
}

.wrapper-channelswitch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*height: 100vh;*/
  background-color: transparent;
  position: fixed;
  top: 10px;
  right: 210px;
  z-index: 200;
  transform: scale(0.9);
  transform-origin: center right;
}
body.mobile .wrapper-channelswitch {
  right: 105px;
}
body.mobile .wrapper-channelswitch.is0 {
  padding-top: 35px;
}
body.mobile .wrapper-channelswitch {
  transform: scale(0.45);
  top: 5px;
}
.wrapper-channelswitch.hide {
  opacity: 0;
  transition: opacity 1s;
}
.wrapper-channelswitch .switcher {
  position: relative;
  border-radius: 25px;
  width: 175px;
  height: 51px;
  border-radius: 25px;
  background-color: #FFFFFF;
  /*border: solid 1px black;*/
  font-family: "acumin-pro";
  font-weight: bold;
  position: relative;
  white-space: nowrap;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.wrapper-channelswitch .switcher .inner {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
}
.wrapper-channelswitch .switcher .inner a {
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
  padding: 25px 25px;
  /*border:solid 1px red;*/
  vertical-align: middle;
  cursor: pointer;
  color: #1E1E1E;
}
.wrapper-channelswitch .switcher .inner a:hover {
  color: #1E1E1E;
  text-decoration: none;
}
.wrapper-channelswitch .switcher .inner .text {
  vertical-align: middle;
}
#popup_tvInfo {
  background-color: transparent !important;
}
#popup_tvInfo .tvinfoinner p {
  font-size: 24px;
  font-weight: bold;
  color: white;
}
#popup_tvInfo .tvinfoinner .closebutton {
  display: none !important;
}

.embedtakeover {
  position: relative;
  z-index: 1;
  /*height: 100%;*/
  height: 100vh;
  height: --webkit-fill-available;
}
.embedtakeover .channel {
  height: 100%;
  position: relative;
}
.embedtakeover .channel .embedcode {
  position: relative;
  z-index: 2;
  height: 100vh;
  height: --webkit-fill-available;
  display: block;
}
.embedtakeover .channel .embedcode iframe {
  position: relative;
  z-index: 2;
  display: block;
}
.embedtakeover .channel .info {
  position: absolute;
  bottom: 10%;
  left: -1px;
  /*border: solid 1px black;*/
  z-index: 5;
  background-color: white;
  font-family: "acumin-pro";
  padding: 25px 50px 25px 50px;
  min-width: 75%;
  min-height: 15%;
  box-shadow: 5px 10px 18px #000;
}
.embedtakeover .channel .info.hide {
  opacity: 0;
  transition: opacity 1s;
}
.embedtakeover .channel .info h1 {
  font-size: 32px;
  font-weight: bold;
}
.embedtakeover .channel .info .description {
  font-size: 20px;
}
.embedtakeover .channel .info .description p {
  font-size: 20px;
}
.embedtakeover .channel .info .controls {
  position: absolute;
  right: 50px;
  bottom: 25px;
  white-space: nowrap;
  display: block;
  font-weight: bold;
  font-size: 30px;
}
.embedtakeover .channel .info .controls a {
  display: inline;
  color: black;
}
.embedtakeover .channel .info .controls a:hover {
  text-decoration: none;
  color: black;
}
.embedtakeover .channel .info .controls .index {
  display: inline;
}
.embedtakeover .channel .info .controls .next {
  display: inline;
}
.embedtakeover .channel .info .duration {
  position: absolute;
  top: 25px;
  right: 50px;
}
body.mobile .embedtakeover .channel .info {
  min-height: 25%;
  padding: 12.5px 25px 12.5px 25px;
  width: 100%;
}
body.mobile .embedtakeover .channel .info h1 {
  font-size: 20px;
}
body.mobile .embedtakeover .channel .info .description {
  font-size: 16px;
}
body.mobile .embedtakeover .channel .info .description p {
  font-size: 16px;
}
body.mobile .embedtakeover .channel .info .controls {
  font-size: 20px;
  right: 25px;
  bottom: 12.5px;
}
body.mobile .embedtakeover .channel .info .duration {
  right: 25px;
  top: 12.5px;
}
.embedtakeover .wrapper-logo-tanktv {
  display: block;
  position: fixed;
  top: 20px;
  left: 65px;
  z-index: 5;
  filter: drop-shadow(0 0 0.75rem gray);
}
.embedtakeover .wrapper-logo-tanktv .logo-tanktv {
  width: 135px;
  height: 26px;
  display: block;
}
.embedtakeover iframe {
  position: relative;
  z-index: 1;
}
.embedtakeover iframe .nointeract {
  pointer-events: none;
}
.embedtakeover .fullscreen {
  position: absolute;
  bottom: 0px;
  right: 25px;
  width: 32px;
  height: 32px;
  z-index: 2;
  cursor: pointer;
  background-size: 32px 32px;
}
.embedtakeover .fullscreen.open {
  background-image: url(/images/fullscreen_white_48dp.svg);
}
.embedtakeover .fullscreen.close {
  background-image: url(/images/fullscreen_exit_white_48dp.svg);
}
.embedtakeover .fullscreen.hide {
  opacity: 0;
  transition: opacity 1s;
}

.interactcover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 2;
}

.header {
  position: relative;
}
.header.homepagetakeover .inner {
  margin: 0px;
  padding: 0px !important;
}
.header.homepagetakeover .inner .hamburger-tanktv {
  width: 25px;
  height: 16px;
  filter: drop-shadow(0 0 0.75rem black);
  position: absolute;
  top: 15px;
  left: 30px;
  cursor: pointer;
}

.ad-onload {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 100002 !important;
  background-color: white;
  transition: opacity 1s;
}
.ad-onload .link {
  position: fixed;
  z-index: 100003;
}
.ad-onload.hide {
  opacity: 0;
}
.ad-onload .adonloadvideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.ad-onload .adonloadvideo.show {
  display: block;
}
.ad-onload .clickarea {
  z-index: 100003;
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 40%;
  /*border: solid red 1px;*/
  cursor: pointer;
}
body.mobile .ad-onload .clickarea {
  width: 100%;
  height: 25%;
  top: 50%;
}
.ad-onload:hover {
  text-decoration: underline;
}
.ad-onload .close {
  font-weight: bold;
  z-index: 100003;
  font-size: 30px;
  position: fixed;
  top: 0px;
  right: 0px;
  padding: 4% 8%;
  display: block;
  cursor: pointer;
  /*border: solid red 1px;*/
}
.ad-onload .close:hover {
  text-decoration: underline;
}

.at-share-btn {
  margin: 0px 0px 5px 0px !important;
  padding: 5px 10px 5px 0px !important;
}

.at-icon-wrapper {
  background: transparent !important;
}
.addthis_inline_share_toolbox {
  max-width: 80%;
}

/*AddThis Copy Link styling override*/
.at-copy-link-share-button.at-expanded-menu-primary-action-btn {
  background-color: white !important;
  color: black !important;
  border: solid 1px black !important;
}

/*AddThis disable animation*/
div .at-resp-share-element .at-share-btn:focus,
div .at-resp-share-element .at-share-btn:hover {
  transform: none;
}

.at-email-mod {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 5px 10px 5px 0px;
  position: absolute;
  top: 0px;
}

.badges .badge {
  display: none;
  width: 200px;
  height: 200px;
  position: fixed;
  top: 250px;
  left: 50vw;
  margin-left: 460px;
  z-index: 0;
  cursor: pointer;
  opacity: 0;
}
.badges .badge img, .badges .badge video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.mobile .badges .badge, body.tablet .badges .badge {
  display: none !important;
}

.contents {
  text-align: justify;
  position: relative;
  padding-bottom: 100px;
}
.contents .issuename {
  display: none;
}
body.mobile .contents .issuename {
  display: inline;
}
.contents > h2 {
  text-transform: none; /* uppercase */
  font-size: 16px;
  font-weight: normal;
  display: inline;
}
.contents > h2:before {
  content: "| ";
}
.contents > h2:after {
  content: " |";
}
.contents > section {
  display: inline;
}
.contents > section > h3 {
  display: none;
}
.contents > section > p {
  display: inline;
}
.contents > section > ul {
  margin: 0;
  padding: 0;
  display: inline;
  line-height: 2em;
}
.contents > section > ul > li {
  display: inline;
  position: relative;
  text-align: left;
  top: 0;
}
.contents > section > ul > li > a {
  color: #000;
  text-decoration: none;
}
.contents > section > ul > li:first-child:before {
  content: " ";
}
.contents > section > ul > li:after {
  content: ", ";
}
.contents li.articles {
  display: none;
  position: relative;
  left: 0px;
  top: 0px;
  overflow: hidden;
  text-align: left;
  width: 100%;
  left: 0 !important; /* needed to counteract left positioning added by JavaScript open article animation */
}

.contents > section > ul > li:last-child:before, .contents > section > ul > li.last-child:before {
  content: "and ";
}

.contents > section > ul > li:last-child:after, .contents > section > ul > li.last-child:after {
  content: ".";
}

.contents > section.talk > ul > li:last-child:before, .contents > section.talk > ul > li.last-child:before {
  content: "";
}

.contents > section.talk > ul > li:last-child:after, .contents > section.talk > ul > li.last-child:after {
  content: "; ";
}

.contents > section:last-child > ul > li:last-child:after {
  content: "." !important;
}

.contents > section > ul > li.articles {
  list-style-type: none;
}

.contents > section > ul > li.articles:before, .contents > section > ul > li.articles:after {
  content: "";
}

.contents > section > ul > li > a:focus, .contents > section > ul > li > a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.contents > section > ul > li > a > span {
  color: #3333CC;
  text-transform: none; /* uppercase */ /* background-color: #eee; */
}

.contents.image .images, .contents.imt .images {
  display: block;
  width: 100%;
  float: left;
}

.contents.image .images > li:last-child, .contents.imt .images > li:last-child {
  margin-bottom: 4em;
}

.contents .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  user-select: none;
}
.contents .images > li {
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  max-width: 25%;
  min-width: 200px;
  flex-shrink: 0;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.contents .images > li.portrait {
  width: 12.5%;
}

.contents .images > li:after, .contents .images > li:last-child:before, .contents .images > li:last-child:after {
  content: "";
}

.contents .images > li img {
  height: auto;
  width: 100%;
  display: block;
}

.contents .images > li > div {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em 1.5em;
  padding-bottom: 0;
  margin-bottom: 1em;
  background: #FFF;
  font-size: 16px;
  overflow: hidden;
  z-index: -1;
}

.contents .images > li > div > h4, .contents .images > li > div > h5, .contents .images > li > div > p {
  margin: 0;
  margin-bottom: 0.4em;
  line-height: normal;
  color: #3333CC;
}

.contents .images > li > div > h4 {
  text-transform: none; /* uppercase */
}

.contents > section > ul {
  margin: 0;
  padding: 0;
  display: inline;
  line-height: 2em;
}

.contents > section > ul > li {
  display: inline;
  position: relative;
  text-align: left;
  top: 0;
}

.contents.music > h2, .contents.image > h2 {
  display: none;
}

.contents .talk > ul > li:after {
  content: "; ";
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .fullbleedarticle .close, .fullbleedarticle .scrolldown, .fullbleedarticle .scrollup, .at-icon-wrapper svg {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.pagelive .pageliveinner .carousel > .swiper-container-carousel, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner, .fullbleedarticle .slides .slide, .archivepage .archivecontainer .issues .issue, .archivepage .archivecontainer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, .pagelive .pageliveinner .carousel, body, p, td, b textarea, input, select {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .modulesshop a.moduleshop .title p, .modulesshop a.moduleshop .title, .ad-onload .close {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.cubenav {
  position: fixed;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 40px;
  user-select: none;
  vertical-align: middle;
  padding-top: 8px;
  z-index: 1;
}
.cubenav span {
  display: inline-block;
}
.cubenav .disabled {
  pointer-events: none;
}
.cubenav .cubenavlink {
  z-index: 1000;
}
.cubenav .cubenavlink.left {
  position: absolute;
  left: 25px;
  cursor: pointer;
  max-width: 10%;
  display: inline-block;
  text-align: center;
  z-index: 100;
  text-align: left;
}
.cubenav .cubenavlink.right {
  position: absolute;
  right: 25px;
  cursor: pointer;
  max-width: 10%;
  display: inline-block;
  text-align: center;
  z-index: 100;
  text-align: right;
}
.cubenav .cubenavlink .name {
  opacity: 0;
}
body.mobile .cubenav {
  top: auto;
  bottom: 0px;
  /*border-top: 1px solid black;*/
  z-index: 5000;
  white-space: nowrap;
  background-color: white;
  max-width: 920px;
  margin: 0 auto;
  transform: translate(-50%, 0%);
  left: 50%;
}
body.mobile .cubenav .cubenavlink {
  min-width: 30vw;
}
body.mobile .cubenav .cubenavlink .left, body.mobile .cubenav .cubenavlink .right {
  max-width: none;
}
@media screen and (max-width: 1250px) {
  body.desktop .cubenav {
    top: auto;
    bottom: 0px;
    /*border-top: 1px solid black;*/
    z-index: 5000;
    white-space: nowrap;
    background-color: white;
    max-width: 920px;
    margin: 0 auto;
    transform: translate(-50%, 0%);
    left: 50%;
  }
  body.desktop .cubenav .cubenavlink {
    min-width: 30vw;
  }
  body.desktop .cubenav .cubenavlink .left, body.desktop .cubenav .cubenavlink .right {
    max-width: none;
  }
}

.cubecontainer {
  /*perspective: $perspective;*/
  /*height: 100%;*/
  /*overflow: visible;
  position: relative;
  top: 0px;
  perspective-origin: center 15vh;
  zoom: 88.3%;*/
  z-index: 1;
  width: 920px;
  margin: 80px auto;
  /*.cube {
      position: relative;
      width: $cubeWidth;
      margin: 0 auto;
      transform-style: preserve-3d;
      position: relative;
      top: 0px;

      &[data-initialslide="1"] {
          transform: rotateY(0deg);
      }

      &[data-initialslide="2"] {
          transform: rotateY(-90deg);
      }

      &[data-initialslide="3"] {
          transform: rotateY(-180deg);
      }

      &[data-initialslide="4"] {
          transform: rotateY(-270deg);
      }

      body.mobile & {
          width: $cubeWidthMobile;
      }
      //Android content chop fix
      &:not(.rotating) {

          .slide {
              &.active {
                  transform-style: preserve-3d; //else content chop bug on android
                  body.desktop & { //otherwise mac chrome 76+ rendering issue (issue text disappears)
                      transform-style: initial;
                  }

                  .contentContainer {
                      transform-style: preserve-3d; //else content chop bug on android
                  }
              }
          }
      }

      .slide {
          position: absolute;
          width: $cubeWidth;
          background: white;
          @extend %backfacehidden;

          img {
              width: 100%;
          }

          body.mobile & {
              width: $cubeWidthMobile;
          }

          &.hidden {
              display: none !important
          }
      }

      .next, .prev {
          position: absolute;
          top: 50%;
          right: 0;
          width: 7em;
          margin-top: -2.5em;
          border-radius: 3px;
          text-align: center;
          line-height: 3;
          color: white;
          transform: translateY(-50%);
          cursor: pointer;
      }

      .prev {
          left: 0;
      }

      .back, .slide:nth-child(3) {
          transform: translateZ(-($cubeWidth / 2)) rotateY($cubeAngle * 2);

          body.mobile & {
              transform: translateZ(-($cubeWidthMobile / 2)) rotateY($cubeAngle * 2);
          }
      }

      .right, .slide:nth-child(2) {
          transform: rotateY(-($cubeAngle * 3)) translateX($cubeWidth / 2);
          transform-origin: top right 0px;

          body.mobile & {
              transform: rotateY(-($cubeAngle * 3)) translateX($cubeWidthMobile / 2);
          }
      }

      .left, .slide:nth-child(4) {
          transform: rotateY(($cubeAngle * 3)) translateX(-($cubeWidth / 2));
          transform-origin: center left 0px;

          body.mobile & {
              transform: rotateY(($cubeAngle * 3)) translateX(-($cubeWidthMobile / 2));
          }
      }

      .front, .slide:nth-child(1) {
          transform: translateZ($cubeWidth / 2);

          body.mobile & {
              transform: translateZ($cubeWidthMobile / 2);
          }
      }*/
  /*Because other browsers don't support z axis perspective origin*/
  /*body.desktop.chrome & {
          -webkit-transform-origin-z: -($cubeWidth / 2);

          body.mobile & {
              -webkit-transform-origin-z: 0px;
          }

          .back, .slide:nth-child(3) {
              transform: translateZ(-($cubeWidth)) rotateY($cubeAngle * 2);

              body.mobile & {
                  transform: translateZ(-($cubeWidthMobile / 2)) rotateY($cubeAngle * 2);
              }
          }

          .right, .slide:nth-child(2) {
              transform: rotateY(-($cubeAngle * 3)) translateX($cubeWidth);
              transform-origin: top right 0px;

              body.mobile & {
                  transform: rotateY(-($cubeAngle * 3)) translateX($cubeWidthMobile / 2);
              }
          }

          .left, .slide:nth-child(4) {
              transform: rotateY(($cubeAngle * 3)) translateX(-($cubeWidth));
              transform-origin: center left 0px;

              body.mobile & {
                  transform: rotateY(($cubeAngle * 3)) translateX(-($cubeWidthMobile / 2));
              }
          }

          .front, .slide:nth-child(1) {
              transform: none;

              body.mobile & {
                  transform: translateZ($cubeWidthMobile / 2);
              }
          }
      }

      .face {
          > .inner {
              background: white;
              display: block;
              transform-style: preserve-3d; //must for correct render
              -webkit-transform-origin: 50% 0% 0;
              transform-origin: 50% 0% 0;

              @extend %backfacevisible; //REquired or backface show on cube rotate
              .contentContainer {*/
  /*Must be hidden to not show back of issue page*/
  /*@extend %backfacehidden;
                  -webkit-transform: translateZ(0);
                  transform: translateZ(0);

                  &.open {
                      -webkit-transform: none;
                      transform: none;
                  }

                  .innercontainer {
                      perspective: $perspective;

                      @extend %backfacevisible;

                      .activearticletext {
                          .article {
                          }

                          body.mobile & {
                              img {
                                  width: 100% !important;
                                  height: auto !important;
                                  margin-left: 0px;
                                  margin-right: 0px;
                                  padding-left: 0px;
                                  padding-right: 0px;
                                  max-width: 100%;
                              }
                          }
                      }

                      .activearticleimage {
                          transform: rotate3d(0,1,0,180deg);
                          position: absolute;
                          top: 0px;
                          left: 0px;
                          z-index: 10;
                          width: 100%;
                          background-color: white;
                          min-height: 100%;

                          @extend %backfacehidden;

                          img {
                              width: 100% !important;
                              height: auto !important;

                              body.mobile & {
                                  margin-left: 0px;
                                  margin-right: 0px;
                                  padding-left: 0px;
                                  padding-right: 0px;
                                  max-width: 100%;
                              }
                          }
                      }
                  }

                  section.image {
                      transform-style: preserve-3d; //must for correct render
                      @extend %backfacehidden; //must be so article visible after flip
                      display: inline-block;
                  }

                  .contents {
                      position: relative;
                      transform-style: preserve-3d; //must for correct render
                      -webkit-transform-origin: 50% 0% 0;
                      transform-origin: 50% 0% 0;
                      transform: rotate3d(0,0,0,0);
                  }
              }

              .product {
                  width: 33%;

                  img {
                      width: 100%;
                      display: block;
                  }
              }
          }


          &.faceshop {
              user-select: none;
              margin-top: 0px !important;
              padding-top: 0px !important;
              max-width: $cubeWidth;

              .inner {
                  max-width: $cubeWidth;
                  position: relative;
                  transform-style: preserve-3d;

                  * {
                      transform-style: preserve-3d;
                  }


              }
          }

          &.faceissue {
              z-index: 100;
          }


          &.facelive {
              body.mobile & {
                  padding-top: 10px;
              }

              .contentContainer {
                  perspective: $perspective;
              }
          }

          &.facearchive {
              overflow: hidden;
          }
      }
  }*/
}
body.mobile .cubecontainer {
  margin-bottom: 500px;
}
body.mobile .cubecontainer {
  width: 90vw;
}
body.desktop.chrome .cubecontainer {
  zoom: 100%;
}

.modulesshop {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0px;
  margin: 0px;
  max-width: 920px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
html.mobile .modulesshop {
  width: 100%;
  flex: none;
  display: block;
}
.modulesshop a.moduleshop {
  position: relative;
  padding: 0px;
  margin: 0px;
  display: block;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  background-color: transparent;
}
.modulesshop a.moduleshop img, .modulesshop a.moduleshop video {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
}
.modulesshop a.moduleshop[data-index="0"] {
  height: 197px;
}
.modulesshop a.moduleshop[data-index="1"] {
  width: 33%;
  height: 400px;
}
.modulesshop a.moduleshop[data-index="2"] {
  width: 33%;
  height: 400px;
}
.modulesshop a.moduleshop[data-index="3"] {
  width: 33%;
  height: 400px;
}
.modulesshop a.moduleshop[data-index="4"] {
  width: 50%;
  height: 400px;
}
.modulesshop a.moduleshop[data-index="5"] {
  width: 50%;
  height: 400px;
}
.modulesshop a.moduleshop[data-index="6"] {
  width: 100%;
  height: 50px;
}
body.mobile .modulesshop a.moduleshop {
  width: 100%;
  flex: none;
  display: block;
}
.modulesshop a.moduleshop .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
}
.modulesshop a.moduleshop .title p {
  font-size: 20px;
}

/*.embedtakeover {
    height:100vh;
}*/
.header {
  font-size: 16px;
  position: fixed;
  top: 0px;
  left: 50%;
  height: 40px;
  line-height: 40px;
  text-transform: none;
  background-color: #FFF;
  width: 100vw;
  max-width: 100vw;
  margin: 0 auto;
  white-space: nowrap;
  text-align: center;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  padding: 10px 0px 0px 0px;
  z-index: 151;
}
.header.headernowshowing {
  background-color: black;
  color: #fee900;
}
.header.headernowshowing a, .header.headernowshowing a:hover {
  color: #fee900 !important;
}
.header.headernowshowing .hamburger-inner, .header.headernowshowing .hamburger-inner::before, .header.headernowshowing .hamburger-inner::after {
  background-color: #fee900;
}
.header.headernowshowing .icon {
  display: none;
}
.header.headernowshowing .searchicon {
  display: block;
  background-image: url("/images/Search-yellow.svg");
  border: none;
}
body.invert .header {
  filter: invert(1);
}
.header > .inner {
  width: 920px;
  position: relative;
  margin: 0 auto;
}
body.mobile .header > .inner {
  width: 90vw;
}
body.mobile .header > .inner .logocontainer {
  line-height: 22px;
}
body.mobile .header > .inner .logocontainer .afterlogo {
  display: none;
}
@media only screen and (orientation: portrait) and (max-width: 340px) {
  body.mobile .header > .inner .logocontainer > .logo > .magazine {
    display: none;
  }
}
.header > .inner h1 {
  z-index: 200;
  display: inline-block;
  position: relative;
  padding-right: 0.5em;
}
.header > .inner h1 a {
  color: #3333CC;
}
.header > .inner .hamburger {
  display: inline-block;
  padding: 3px 20px 0px 0px;
  z-index: 200;
  position: relative;
}
.header > .inner .buy {
  color: #3333CC;
}
.header > .inner .buy:hover {
  position: relative;
}
.header > .inner .buy:hover span {
  display: none;
}
.header > .inner .buy:hover:after {
  content: "Free Shipping";
}
.header > .inner > * {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  float: left;
}
.header > .inner li {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px 0px 6px;
  border-right: solid 1px black;
}
.header > .inner li:last-of-type {
  border-right: none;
  padding-right: 0px;
}
.header > .inner li a {
  padding: 0px;
  margin: 0px;
}
.header > .inner li:first-child:before {
  content: "";
}
.header.homepagetakeover {
  background-color: transparent;
}
.header.homepagetakeover > .inner {
  width: 100vw;
  padding: 18px 0px 0px 60px;
}
.header.homepagetakeover > .inner .hamburger {
  transform: scale(300%);
  z-index: 9999;
}
.header.homepagetakeover > .inner .hamburger .hamburger-inner.white, .header.homepagetakeover > .inner .hamburger .hamburger-inner.white::before, .header.homepagetakeover > .inner .hamburger .hamburger-inner.white::after {
  background-color: #FFF !important;
}

.iconcontainer {
  position: absolute;
  top: -4px;
  right: 0px;
  overflow: visible;
}
.iconcontainer .icon {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
  margin: 0px 0px 0px 8px;
}
.iconcontainer .nowshowingicon {
  width: 27px;
  height: 20px;
  background: url("/images/iconnowshowing-countdown.gif") no-repeat transparent;
  background-size: 25px 20px;
}
.iconcontainer .podcasticon {
  width: 30px;
  height: 30px;
  background-image: url("/images/iconpodcastnew.gif");
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: center;
}
.iconcontainer .searchicon {
  width: 22px;
  height: 30px;
  background-image: url("/images/iconsearchnew.svg");
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
}
.iconcontainer .shopicon {
  width: 25px;
  height: 20px;
  background-image: url("/images/iconshop.svg");
  background-repeat: no-repeat;
  background-size: 25px 20px;
  background-position: center;
}

.menuwrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  display: none;
  top: 30px;
}
.menuwrapper.expanded {
  display: block;
}
.menuwrapper .menuoverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: black;
  opacity: 0.5;
}
.menuwrapper .menucontainer {
  position: fixed;
  top: 35px;
  left: 50%;
  text-transform: none;
  max-width: 920px;
  margin: 0 auto;
  white-space: nowrap;
  text-align: left;
  transform: translate(-50%, 0%);
  padding-top: 5px;
  z-index: 151;
  width: 920px;
}
body.mobile .menuwrapper .menucontainer {
  width: 100%;
  max-width: 100%;
}
.menuwrapper .menucontainer .menu {
  position: relative;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 100%;
  background-color: white;
  padding: 25px 25px 0px 25px;
  margin: 0px -10px;
}
body.mobile .menuwrapper .menucontainer .menu {
  width: 50%;
}
.menuwrapper .menucontainer .menu .menuitem {
  padding-bottom: 10px;
}
.menuwrapper .menucontainer .menu .addthis_inline_follow_toolbox {
  padding-top: 20px;
}
.menuwrapper .menucontainer .menu .addthis_inline_follow_toolbox p {
  margin: 0px;
  padding: 0px;
}
.menuwrapper .menucontainer.leftalign {
  transform: none;
  left: 16px;
  top: 65px;
}

.popup {
  width: 33%;
  max-width: 400px;
  background-color: white;
  text-align: center;
  padding: 25px;
  display: none;
}
body.mobile .popup {
  width: 80%;
}
.popup.visible {
  transform: scale(1);
  box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.5);
  border: solid 2px black;
}
.popup p {
  text-align: center;
}
.popup p:first-of-type {
  margin-top: 0px;
}
.popup button {
  margin: 40px auto 0px auto;
  display: block;
  background: #fff;
  border-radius: 5px;
  padding: 5px 10px;
}
.popup button.notnow {
  font-size: 12px;
}
.popup button.subscribe {
  font-size: 24px;
}

html.popup_visible #body {
  /*filter: $blurfilter;*/
}

#popup_search {
  width: 40vw;
  min-width: 500px;
  height: 90vh;
  background-color: white;
  text-align: center;
  padding: 25px 15px;
  display: none;
  max-width: 613.3333333333px;
  user-select: none;
}
body.mobile #popup_search {
  width: 80%;
  max-width: 80%;
  height: 95vh;
  min-width: 0px;
}
#popup_search .closebutton {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#popup_search.visible {
  transform: scale(1);
  box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.5);
  border: solid 2px black;
}
#popup_search .searchinner {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  position: relative;
  padding: 25px 0px 25px 0px;
}
body.mobile #popup_search .searchinner {
  padding-top: 0px;
}
#popup_search .searchinner button {
  margin: 40px auto 0px auto;
  display: block;
  background: #fff;
  border-radius: 5px;
  padding: 5px 10px;
}
#popup_search .searchinner h2 {
  font-size: 16px;
  display: block;
  margin: 0;
  padding: 0px 0px 10px 0px;
}
#popup_search .searchinner #search {
  display: block;
  margin: 0 auto;
  border: solid 1px black;
  border-width: 0px 0px 1px 0px;
}
#popup_search .searchinner #searchresults {
  display: block;
  list-style: none;
  text-align: left;
  overflow-y: scroll;
  padding: 0px 0px 0px 10px;
  max-height: 95%;
}
body.mobile #popup_search .searchinner #searchresults {
  max-height: 90%;
}
#popup_search .searchinner #searchresults .searchresult {
  display: block;
  position: relative;
  /*height: 150px;*/
  margin-bottom: 40px;
}
body.mobile #popup_search .searchinner #searchresults .searchresult {
  padding-right: 0px;
}
#popup_search .searchinner #searchresults .searchresult:hover * {
  text-decoration: none;
}
#popup_search .searchinner #searchresults .searchresult .title {
  margin-bottom: 10px;
  z-index: 2;
  position: relative;
  font-weight: bold;
}
#popup_search .searchinner #searchresults .searchresult .summary {
  display: none;
  color: black;
  z-index: 2;
  position: relative;
  max-height: 45%;
  overflow: hidden;
  display: block;
}
body.mobile #popup_search .searchinner #searchresults .searchresult .summary {
  /*display: block;*/
}
#popup_search .searchinner #searchresults .searchresult .desc {
  color: black;
  z-index: 2;
  position: relative;
  display: none;
}
body.mobile #popup_search .searchinner #searchresults .searchresult .desc {
  /*display: none;*/
}
#popup_search .searchinner #searchresults .searchresult .date {
  color: black;
  /*position: absolute;
  bottom: 0px;
  right: 50px;*/
  z-index: 2;
  margin-top: 10px;
}
#popup_search .searchinner #searchresults .searchresult img {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#popup_search .searchinner #searchresults .searchresult img.visible {
  transition: opacity 1s;
  opacity: 0.5;
}
#popup_search .searchinner #searchresults .searchresult:hover {
  /*img {
      opacity: 1;
  }*/
}

#popup_tvInfo .tvinfoinner {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  position: relative;
  padding: 25px 0px 25px 0px;
}
body.mobile #popup_tvInfo .tvinfoinner {
  padding-top: 0px;
  max-height: 90vh;
}
#popup_tvInfo .tvinfoinner .closebutton {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.ttsicon {
  background: url(/node_modules/open-iconic/svg/volume-high.svg) no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.fullbleedarticle .slides .slide .text.colour-black .speechmark.highlight, .speechmark.highlight {
  animation: fadeout ease 12s;
  animation-iteration-count: 1;
}
@keyframes fadeout {
  5% {
    color: deeppink;
  }
  33% {
    color: deeppink;
  }
  100% {
    color: black;
  }
}

.TTS {
  display: inline-block;
  visibility: hidden;
  vertical-align: middle;
  margin: 0px 10px 0px 20px;
  position: relative;
}
body.mobile .TTS {
  left: 0px;
  right: auto;
}
.fullbleedarticle .TTS {
  z-index: 100;
  position: fixed;
  top: 13px;
  right: 75px;
}
.TTS.show {
  visibility: visible;
}
.TTS .wave {
  width: 220px;
  height: 40px;
  display: none;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
body.mobile .TTS .wave {
  display: none;
}
.TTS .controls {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
  padding-right: 10px;
}
.TTS .controls .control {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.TTS .controls .control.playpause {
  background: url(/node_modules/open-iconic/svg/media-play.svg) no-repeat;
  background-size: cover;
}
.TTS .controls .control.playpause.playing {
  background: url(/node_modules/open-iconic/svg/media-pause.svg) no-repeat;
  background-size: cover;
}
.TTS .controls .control.skipback {
  background: url(/node_modules/open-iconic/svg/media-step-backward.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.TTS .controls .control.skipforward {
  background: url(/node_modules/open-iconic/svg/media-step-forward.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.TTS .info {
  display: inline-block;
  margin-left: 10px;
}

.archivepage {
  width: 100%;
}
.archivepage .archivecontainer .issues {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  user-select: none;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.archivepage .archivecontainer .issues .issue {
  flex: 1 1 230px;
  min-width: 200px;
  max-width: 25%;
  position: relative;
  transition: opacity 0.5s;
  border: solid 1px lightgray;
  border: 0px 10px 20px 10px solid transparent;
}
body.mobile .archivepage .archivecontainer .issues .issue {
  flex: 1 1 150px;
  min-width: 100px;
  max-width: 40%;
}
.archivepage .archivecontainer .issues .issue.unavailable {
  opacity: 0.4;
}
.archivepage .archivecontainer .issues .issue:hover {
  opacity: 1;
}
.archivepage .archivecontainer .issues .issue:hover .image {
  opacity: 0.25;
}
.archivepage .archivecontainer .issues .issue:hover .text {
  opacity: 1;
}
.archivepage .archivecontainer .issues .issue .image {
  transition: opacity 0.5s;
}
.archivepage .archivecontainer .issues .issue .text {
  transition: opacity 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}
.archivepage .archivecontainer .issues .issue .text .unavailable {
  color: red;
}
.archivepage .archivecontainer .reason {
  display: none;
}
.archivepage .archivecontainer.restricted {
  position: relative;
}
.archivepage .archivecontainer.restricted .issues {
  opacity: 0.2;
  pointer-events: none;
}
.archivepage .archivecontainer.restricted .reason {
  display: block;
  z-index: 5;
  position: absolute;
  top: 25vh;
  left: 50%;
  transform: translate(-50%, 0);
}

.article {
  /*margin: 2.34em 0;*/
  position: relative;
  display: inline-block;
  width: 100%;
  /*box-sizing: border-box;*/
  margin-top: 20px;
}
.article video, .article table, .article tr, .article td {
  max-width: 920px;
  height: auto !important;
}
.article .articleinner {
  position: relative;
}
.article .articleinner iframe {
  /*min-width: 480px;
  min-height: 270px;*/
}
.article .articleinner .articlefadeout {
  position: relative;
}
.article .articleinner .articlefadeout:after {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  pointer-events: none; /* so the text is still selectable */
}
.article .articleinner .subscribersonly {
  font-weight: bold;
  margin-top: 20px;
}
body.mobile .article video, body.mobile .article table, body.mobile .article tr, body.mobile .article td {
  max-width: 90vw;
}
body.mobile .article .articleinner img {
  width: 100% !important;
  height: auto !important;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
}
.article .similar {
  padding: 30px 0px 15px 0px;
  margin: 30px 0px;
  background: url(images/asterisk.png) repeat-x;
}
.article .similar h1 {
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: bold;
}
.article .similar .similaritem a {
  color: black;
}
.article .similar .similaritem a span.pre {
  color: #3333CC;
}
.article footer .linkBar {
  position: relative;
}

.article > header {
  background: url(images/asterisk.png) repeat-x;
  padding-top: 4.3em;
  margin-bottom: 2.5em;
}
.article > header h1 {
  display: inline-block;
}

.article > header > h1, .article > header > h2 {
  text-transform: none; /* uppercase */
  text-decoration: underline;
  margin-bottom: 1em;
}

.article > header > p {
  line-height: 1em;
}

.article > h3 {
  text-decoration: underline;
}

.article > p {
  margin: 2em 0;
  text-align: justify;
}

.article > footer {
  background: url(images/asterisk.png) repeat-x 0 100%;
  margin: 50px 0px;
  padding: 0px;
  position: relative;
  min-height: 100px;
}
.article > footer .linkBar {
  top: 0px;
  position: relative;
}
.article > footer .share {
  min-height: 100px;
}

.article > footer > section > ul, .article > footer > section > h3 {
  margin: 0;
  padding: 0;
  display: inline;
}

.article > footer > section > h3:after {
  content: ":";
}

.article > footer > section > ul > li {
  display: inline;
}

.article > footer > section > ul > li:before {
  content: " | ";
}

.article > footer > section > ul > li:first-child:before {
  content: normal;
}

.article > footer > .related.articles > ul {
  text-transform: none; /* uppercase */
}

.article .language a {
  cursor: pointer;
}

.article .close:focus, .article .close:hover {
  cursor: pointer;
}

.article > header > .close {
  top: 1.17em;
}

.article > footer > .close {
  bottom: 2.5em;
}

.close.bottom {
  margin: 1em 0;
}

.article > small {
  margin-bottom: 2em;
  display: block;
}

.article > blockquote {
  margin-left: 0;
  font-style: italic;
}

.article > blockquote > .author {
  text-align: left;
  display: inline;
  text-transform: none; /* uppercase */
  font-size: 16px;
}

.article img {
  margin: 0 auto;
  width: 50%;
  height: auto !important;
  display: block;
}
.articleImages {
  padding: 0;
  max-width: 100%;
}
.articleImages video {
  min-height: 493px;
  width: 100%;
}
body.mobile .articleImages video {
  min-height: 0px;
}

.articleImages > li {
  display: block;
  margin: 0;
  margin-bottom: 20px;
}

.articleImages > li img {
  width: 100%;
  height: auto;
}

.articlelink:hover {
  color: #3333CC !important;
}
.articlelink:hover * {
  color: #3333CC !important;
}
.articlelink .title.leftpart {
  font-weight: bold;
  display: inline;
  color: #000;
}
.articlelink .title.rightpart {
  display: inline;
}
.articlelink .title.rightpart p {
  display: inline;
}

.overlayarticle {
  opacity: 0;
  position: relative;
  width: 920px;
  margin: 0px auto 80px auto;
  height: 100%;
  z-index: 2;
}
.overlayarticle.fullbleed {
  width: calc(100vw - (100vw - 100%));
}
body.mobile .overlayarticle.fullbleed {
  width: 100vw;
  margin: 0 auto;
}
body.mobile .overlayarticle:not(.fullbleednowshowing, .overlayarticlebasic) {
  width: 90vw;
}
.overlayarticle.nopad {
  margin: 0px;
}
.overlayarticle.visible {
  opacity: 1;
}
.overlayarticle.overlayarticlebasic {
  position: relative;
}
.overlayarticle.overlayarticlebasic .bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.overlayarticle.overlayarticlebasic .bg img, .overlayarticle.overlayarticlebasic .bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlayarticle.overlayarticlebasic .fullbleedinner {
  width: 920px;
  margin: 0px auto;
  padding: 80px 0px;
  background-color: transparent;
}
body.mobile .overlayarticle.overlayarticlebasic .fullbleedinner {
  width: unset;
}
.overlayarticle.overlayarticlebasic .wrapper-livestream {
  position: relative;
  z-index: 2;
}
.overlayarticle.overlayarticlebasic .content {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  /*padding: 0px 40px;*/
}
body.mobile .overlayarticle .headinghugeacumin {
  font-size: 50px;
}

.linkBar {
  text-align: right;
  position: absolute;
  top: 2em;
  right: 0px;
}
.linkBar a {
  cursor: pointer;
}
.linkBar > ul {
  margin: 0;
  margin-left: 1em;
  padding: 0;
  display: inline-block;
}
.linkBar > ul li {
  margin: 0;
  margin-left: 0.7em;
  padding: 0;
  display: inline-block;
}
.linkBar > ul li:before {
  content: "| ";
}
.linkBar > ul li:first-child:before {
  content: "";
}
.linkBar > h4 {
  margin: 0;
  margin-left: 1em;
  padding: 0;
  display: inline-block;
}

.contactpage {
  width: 100%;
  height: 100%;
  padding-top: 34px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.contactpage #googleMap, .contactpage #map {
  width: 100%;
  height: 100%;
}
.contactpage .infowindow {
  font-size: 15px;
}
.contactpage #emailList {
  padding: 0.5em 0.8em;
  margin: 0;
  position: fixed;
  top: 6em;
  right: 2em;
  background: #FFF;
  -moz-box-shadow: 10px 10px 5px #888;
  -webkit-box-shadow: 10px 10px 5px #888;
  box-shadow: 10px 10px 5px #888;
}
.contactpage #emailList > li {
  display: block;
}
.contactpage #emailList .emailClick {
  display: inline;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .fullbleedarticle .close, .fullbleedarticle .scrolldown, .fullbleedarticle .scrollup, .at-icon-wrapper svg {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.pagelive .pageliveinner .carousel > .swiper-container-carousel, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner, .fullbleedarticle .slides .slide, .archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, .pagelive .pageliveinner .carousel, body, p, td, b textarea, input, select {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.fullbleedarticle {
  width: 100%;
  height: 100vh;
  padding: 0px;
  margin: 0px;
  min-width: 1024px;
}
.fullbleedarticle .logincontainer {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -15%);
  z-index: 5000;
  border: solid 2px black;
  background-color: white;
  padding: 15px;
}
.fullbleedarticle a, .fullbleedarticle a span {
  text-decoration: none !important;
  color: #3333CC !important;
}
.fullbleedarticle a:hover, .fullbleedarticle a span:hover {
  text-decoration: underline !important;
}
.fullbleedarticle .mobilehtml {
  display: none;
  padding: 50px 5% 0px 5%;
}
.fullbleedarticle .mobilehtml img, .fullbleedarticle .mobilehtml video, .fullbleedarticle .mobilehtml table {
  width: 100% !important;
  height: auto !important;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
}
.fullbleedarticle .fullbleedinner {
  display: block;
}
body.mobile .fullbleedarticle {
  min-width: unset;
}
body.mobile .fullbleedarticle.mobilecustomtemplate .mobilehtml {
  display: block;
}
body.mobile .fullbleedarticle.mobilecustomtemplate .fullbleedinner {
  display: none;
}
.fullbleedarticle .scrollup {
  background-size: contain;
  top: 20px;
  left: 50%;
  width: 20px;
  height: 20px;
  position: fixed;
  z-index: 300;
  transform: translate(-50%, 0%);
  opacity: 0.7;
}
.fullbleedarticle .scrollup.hidden {
  opacity: 0;
}
.fullbleedarticle .scrolldown {
  background-size: contain;
  bottom: 20px;
  left: 50%;
  width: 20px;
  height: 20px;
  position: fixed;
  z-index: 300;
  transform: translate(-50%, 0%);
  opacity: 0.7;
  text-align: center;
}
.fullbleedarticle .scrolldown.hidden {
  opacity: 0;
}
.fullbleedarticle .close {
  background: url(/node_modules/open-iconic/svg/x.svg) center center no-repeat transparent;
  background-size: contain;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  position: fixed;
  z-index: 300;
  cursor: pointer;
  opacity: 0.7;
}
.fullbleedarticle .slides {
  height: 100%;
  position: relative;
  text-align: center;
  background-color: white;
  width: 100vw;
  max-width: 100%;
}
.fullbleedarticle .slides .slide {
  width: calc(100vw - (100vw - 100%));
  min-height: 75vh;
  margin: 0%;
  position: relative;
  opacity: 0;
  z-index: 1;
  position: relative;
}
.fullbleedarticle .slides .slide:first-of-type .text.first {
  margin-top: 25vh;
}
body.mobile .fullbleedarticle .slides .slide:first-of-type .text.first {
  margin-top: initial;
}
.fullbleedarticle .slides .slide .triggerend {
  position: absolute;
  bottom: 0px;
}
.fullbleedarticle .slides .slide.top {
  z-index: 50;
}
.fullbleedarticle .slides .slide.active {
  z-index: 51;
}
body.mobile .fullbleedarticle .slides .slide {
  margin: auto;
  min-height: 200vh;
}
body.mobile .fullbleedarticle .slides .slide:last-of-type {
  min-height: 100vh;
}
.fullbleedarticle .slides .slide .share {
  z-index: 300;
  position: fixed;
  display: block;
  min-width: 25vw;
  top: 0px;
  left: 0px;
  white-space: nowrap;
}
.fullbleedarticle .slides .slide .top {
  z-index: 10;
}
.fullbleedarticle .slides .slide:first-of-type {
  opacity: 1;
}
.fullbleedarticle .slides .slide:last-of-type {
  padding-bottom: 25vh;
}
.fullbleedarticle .slides .slide .background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 200;
}
.fullbleedarticle .slides .slide .background.colour-black {
  background: black;
}
.fullbleedarticle .slides .slide .background.colour-white {
  background: white;
}
.fullbleedarticle .slides .slide .background .mediaitem {
  width: 100%;
  height: 100%;
  z-index: 201;
  position: relative;
}
body.mobile .fullbleedarticle .slides .slide .background .mediaitem.empty {
  display: none;
}
.fullbleedarticle .slides .slide .background .mediaitem img, .fullbleedarticle .slides .slide .background .mediaitem video {
  position: absolute;
  top: 0%;
  left: 0%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-5 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-5 video {
  padding: 5%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-10 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-10 video {
  padding: 10%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-15 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-15 video {
  padding: 15%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-20 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-20 video {
  padding: 20%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-25 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-25 video {
  padding: 25%;
}
.fullbleedarticle .slides .slide .background .mediaitem.padding-30 img, .fullbleedarticle .slides .slide .background .mediaitem.padding-30 video {
  padding: 30%;
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-both img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-both video {
  width: 100%;
  height: 100%;
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-crop video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-horizontal img {
  width: 100%;
  object-fit: contain;
  top: 50%;
  transform: translate(0%, -50%);
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-horizontal video {
  width: 100%;
  top: 50%;
  transform: translate(0%, -50%);
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-vertical img {
  height: 100%;
  object-fit: contain;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-vertical video {
  height: 100%;
  object-fit: contain;
  top: 50%;
  transform: translate(0%, -50%);
}
.fullbleedarticle .slides .slide .background .mediaitem.fit-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption {
  width: auto;
  height: auto;
  position: absolute;
  /*margin: $textmargin;*/
  margin: 10px 10px;
  left: auto;
  top: auto;
  max-width: 25vw;
  background: transparent;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-topleft {
  top: 0px;
  left: 0px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-topright {
  top: 0px;
  right: 0px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-topcentre {
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-bottomright {
  bottom: 0px;
  right: 0px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-bottomleft {
  bottom: 0px;
  left: 0px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-bottomcentre {
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.position-centred {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.colour-white {
  color: white;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.colour-white * {
  color: white;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.colour-black {
  color: black;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption.colour-black * {
  color: black;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption .bg {
  background: black;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption .bg.colour-black {
  background: white;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption .body {
  position: relative;
  padding: 5px 10px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption .body p:first-of-type {
  margin-top: 0px;
}
.fullbleedarticle .slides .slide .background .mediaitem .caption .body p:last-of-type {
  margin-bottom: 0px;
}
.fullbleedarticle .slides .slide .background.multiple {
  display: flex;
}
.fullbleedarticle .slides .slide .background.multiple .mediaitem {
  width: 50%;
  position: relative;
}
body.mobile .fullbleedarticle .slides .slide .background.multiple {
  display: block;
}
body.mobile .fullbleedarticle .slides .slide .background.multiple .mediaitem {
  width: 100%;
  position: relative;
}
.fullbleedarticle .slides .slide .text {
  z-index: 202;
  position: relative;
  margin-top: 20px;
}
.fullbleedarticle .slides .slide .text.spacer {
  min-height: 100vh;
  z-index: -1;
}
.fullbleedarticle .slides .slide .text.width-25 {
  max-width: 25%;
}
body.mobile .fullbleedarticle .slides .slide .text.width-25 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.width-33 {
  max-width: 33%;
}
body.mobile .fullbleedarticle .slides .slide .text.width-33 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.width-50 {
  max-width: 50%;
}
body.mobile .fullbleedarticle .slides .slide .text.width-50 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.width-66 {
  max-width: 66%;
}
body.mobile .fullbleedarticle .slides .slide .text.width-66 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.width-75 {
  max-width: 75%;
}
body.mobile .fullbleedarticle .slides .slide .text.width-75 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.width-100 {
  max-width: none;
}
body.mobile .fullbleedarticle .slides .slide .text.width-100 {
  max-width: none;
}
.fullbleedarticle .slides .slide .text.colour-black {
  color: black;
}
.fullbleedarticle .slides .slide .text.colour-black * {
  color: black;
}
.fullbleedarticle .slides .slide .text.colour-white {
  color: white;
}
.fullbleedarticle .slides .slide .text.colour-white * {
  color: white;
}
.fullbleedarticle .slides .slide .text.position-left {
  left: 0%;
  text-align: left;
}
.fullbleedarticle .slides .slide .text.position-left.width-25 {
  max-width: 25%;
  text-align: left;
  transform: translate(-50%, 0%);
  left: 25%;
}
body.mobile .fullbleedarticle .slides .slide .text.position-left.width-25 {
  max-width: none;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .text.position-left.width-33 {
  max-width: 33%;
  text-align: left;
  transform: translate(-50%, 0%);
  left: 25%;
}
body.mobile .fullbleedarticle .slides .slide .text.position-left.width-33 {
  max-width: none;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .text.position-centred {
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
}
.fullbleedarticle .slides .slide .text.position-right {
  left: 75%;
  transform: translate(-50%, 0%);
  text-align: right;
}
body.mobile .fullbleedarticle .slides .slide .text {
  max-width: none;
  left: 50%;
  transform: translate(-50%, 0%);
}
.fullbleedarticle .slides .slide .text .bg {
  background: black;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.fullbleedarticle .slides .slide .text .bg.colour-black {
  background: white;
}
.fullbleedarticle .slides .slide .text .body {
  position: relative;
  padding: 20px 40px;
}
.fullbleedarticle .slides .backgroundmedia {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.fullbleedarticle .slidesfooter {
  display: none;
}
.fullbleedarticle.hasfooter .background {
  padding-bottom: 100px;
}
.fullbleedarticle.hasfooter .scrolldown {
  padding-bottom: 100px;
}
.fullbleedarticle.hasfooter .slidesfooter {
  display: block;
  position: fixed;
  bottom: 0px;
  z-index: 100;
  height: 100px;
  background-color: white;
  text-align: left;
  pointer-events: none;
}
.fullbleedarticle.hasfooter .slidesfooter .titlecontainer {
  position: absolute;
  height: 100px;
  display: inline-block;
  text-align: left;
  left: 0px;
  top: -110px;
}
.fullbleedarticle.hasfooter .slidesfooter .titlecontainer .title {
  padding: 0px 20px;
}
.fullbleedarticle.hasfooter .slidesfooter .marqueecontainer {
  width: 100vw;
  height: 100px;
}
.fullbleedarticle.hasfooter .slidesfooter .marqueecontainer .inner {
  position: relative;
  white-space: nowrap;
}
.fullbleedarticle.hasfooter .slidesfooter .marqueecontainer .inner * {
  white-space: nowrap;
}
.fullbleedarticle.hasfooter .slidesfooter .marqueecontainer .inner .headline {
  line-height: 1em;
  padding: 30px 0px;
  /*padding-right:100vw;*/
  margin-left: 110vw;
}
.fullbleedarticle.hasfooter .slidesfooter .marqueecontainer .inner .headline * {
  margin: 0px;
  padding: 0px;
}
body.mobile .fullbleedarticle.hasfooter .slidesfooter .inner .headline {
  padding: 11px 0px;
}

.issuepage {
  word-wrap: break-word;
}
.issuepage .backtolatest {
  margin-bottom: 25px;
}
.issuepage .ttsicon {
  margin: 0px 0px 0px 10px;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.pagelive .pageliveinner .carousel > .swiper-container-carousel, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner, .archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, .pagelive .pageliveinner .carousel, body, p, td, b textarea, input, select {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.pagelive {
  position: relative;
  transform-style: preserve-3d;
  text-align: left;
}
.pagelive .ttsicon {
  margin: 0px 0px 0px 0px;
}
.pagelive .pageliveinner {
  position: relative;
  transform-style: preserve-3d;
}
.pagelive .pageliveinner .carousel {
  position: relative;
  height: 100%;
  background: #fff;
  font-size: 24px;
  color: #000;
  margin: 0;
  padding: 0;
  transform-style: preserve-3d;
  width: 95%;
  margin: 0 auto;
  overflow: visible;
}
body.mobile .pagelive .pageliveinner .carousel {
  /*overflow: hidden;*/
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel {
  height: 472px;
  margin-bottom: 30px;
}
body.mobile .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  /*height: 200px;*/
  height: 54.05vw;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide {
  background-position: center;
  background-size: cover;
  margin-top: 0px;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a, .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a:visited, .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a:hover {
  color: black;
  text-decoration: none;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none !important;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide .title {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  width: 50%;
  text-align: center;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide .title.white {
  color: white;
}
body.mobile .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide .title {
  top: 50%;
  width: 90%;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a.carousellink, .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a.carousellinkexternal, .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-wrapper > .swiper-slide a.carousellinknooverlay {
  /*iphone video click fix*/
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  /*border: solid 5px red;*/
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-pagination-carousel {
  text-align: center;
  position: absolute;
  bottom: -30px;
  font-size: 16px;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-prev-carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-next-carousel {
  background-image: none;
  height: 28px;
  position: absolute;
  /*bottom: -$bottommargin - 7;*/
  top: 50%;
  cursor: pointer;
  font-size: 16px;
  display: block;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-prev-carousel {
  left: -3%;
  font-size: 30px;
  line-height: 15px;
}
body.mobile .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-prev-carousel {
  top: auto;
  bottom: -35px;
  left: 30%;
}
.pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-next-carousel {
  right: -3%;
  font-size: 30px;
  line-height: 15px;
}
body.mobile .pagelive .pageliveinner .carousel > .swiper-container-carousel > .swiper-button-next-carousel {
  top: auto;
  bottom: -35px;
  right: 30%;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .podcast .close, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areainfo .available, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areatitle h1.title {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

.cinema, #popup_search .searchinner #searchresults {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, .pagenowshowing .detail .areadescription .linklist .link .linktitle, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .cinema .cinemaprerollinner a.skippreroll, .subscriptionbanner p, .subscriptionbanner, .pagenowshowing > .currentitem p, .pagenowshowing > .currentitem, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.fullbleednowshowing {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  /*min-width: 1024px;*/
  background-color: black;
  opacity: 1;
}

.pagenowshowing {
  background-color: black;
  color: white;
  margin: 0px auto 0px auto;
  height: 100%;
  min-height: 100vh;
  opacity: 0;
  /*body.mobile & {
      padding-top: 56.25vw;
  }*/
}
.pagenowshowing p {
  color: white;
}
.pagenowshowing a {
  color: #fee900;
  /*text-transform:uppercase;*/
}
.pagenowshowing a:hover, .pagenowshowing a:visited, .pagenowshowing a:active {
  text-decoration: none;
}
.pagenowshowing > .currentitem {
  font-size: 16px;
  padding-bottom: 10px;
}
.pagenowshowing > .currentitem p {
  font-size: 16px;
}
.pagenowshowing > .currentitem .hero {
  position: relative;
  width: 100vw;
  height: 54.05vw;
  max-width: 100vw;
  max-height: 54.05vw;
  border-bottom: solid 1px black;
  /*body.mobile & {
      position:absolute;
  }*/
  z-index: 1;
  /*-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  transform-style: preserve-3d;*/
}
body.mobile .pagenowshowing > .currentitem .hero.bannerpadtop {
  margin-top: 100px;
}
.pagenowshowing > .currentitem .bg {
  position: absolute;
  z-index: 1;
  background-color: black;
  width: 100%;
  height: 100%;
  color: black;
  /*Reiterate so can be pinned*/
  position: relative;
  width: 100vw;
  height: 54.05vw;
  max-width: 100vw;
  max-height: 54.05vw;
  border-bottom: solid 1px black;
  /*border: solid 1px green;*/
  display: none;
}
.pagenowshowing > .currentitem .bg img.bgimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
}
.pagenowshowing > .currentitem .bg video.bgvideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
}
.pagenowshowing > .currentitem .bg.show {
  display: block;
}
.pagenowshowing .herotext {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0px auto;
  display: block;
  z-index: 10;
  /*transform: translate(-50%, 0);*/
}
.pagenowshowing .herotext .areatitle {
  /* position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 30px 15px;*/
  padding: 15px 15px;
}
.pagenowshowing .herotext .areatitle h1.title {
  display: block;
  font-size: 36px;
}
body.mobile .pagenowshowing .herotext .areatitle {
  left: 0px;
  bottom: 0px;
  padding: 10px 15px;
}
body.mobile .pagenowshowing .herotext .areatitle h1.title {
  font-size: 20px;
}
.pagenowshowing .herotext .areainfo {
  /*            position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 30px 15px;
  text-align: right;*/
  padding: 15px 15px 0px 15px;
}
.pagenowshowing .herotext .areainfo .cta {
  font-size: 24px;
  color: #fee900;
  display: inline-block;
}
.pagenowshowing .herotext .areainfo .cta .live {
  display: block;
  cursor: pointer;
}
.pagenowshowing .herotext .areainfo .cta .expired, .pagenowshowing .herotext .areainfo .cta .comingsoon {
  display: none;
  color: white;
}
.pagenowshowing .herotext .areainfo .cta .rentable {
  display: none;
  color: #fee900;
  cursor: pointer;
}
.pagenowshowing .herotext .areainfo .cta.statusexpired .live, .pagenowshowing .herotext .areainfo .cta.statusexpired .comingsoon, .pagenowshowing .herotext .areainfo .cta.statusexpired .rentable {
  display: none;
}
.pagenowshowing .herotext .areainfo .cta.statusexpired .expired {
  display: block;
}
.pagenowshowing .herotext .areainfo .cta.statuscomingsoon .live, .pagenowshowing .herotext .areainfo .cta.statuscomingsoon .expired, .pagenowshowing .herotext .areainfo .cta.statuscomingsoon .rentable {
  display: none;
}
.pagenowshowing .herotext .areainfo .cta.statuscomingsoon .comingsoon {
  display: block;
}
.pagenowshowing .herotext .areainfo .cta.statusrentable .live, .pagenowshowing .herotext .areainfo .cta.statusrentable .comingsoon, .pagenowshowing .herotext .areainfo .cta.statusrentable .expired {
  display: none;
}
.pagenowshowing .herotext .areainfo .cta.statusrentable .rentable {
  display: block;
  color: #fee900;
}
.pagenowshowing .herotext .areainfo .available {
  display: inline-block;
  margin-left: 15px;
}
body.mobile .pagenowshowing .herotext .areainfo {
  text-align: left;
  right: auto;
  left: 0px;
  bottom: -75px;
  padding: 10px 15px;
}
body.mobile .pagenowshowing .herotext .areainfo .cta {
  font-size: 24px;
}
.pagenowshowing .detail {
  width: 100%;
  max-width: 920px;
  margin: 20px auto 0px auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
  padding: 0px 15px 0px 15px;
  margin-bottom: 25px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  /*min-height: 250px;*/
  /*border: solid 1px red;*/
  /*For when we want two column text*/
}
.pagenowshowing .detail .areadescription {
  /*flex: 1 1 50%;
      padding-right: 50px;
      padding: 0px 50px 0px 15px;*/
  min-height: 185px;
  z-index: 5;
  position: relative;
}
body.mobile .pagenowshowing .detail .areadescription {
  margin-top: 50px;
  height: auto;
}
.pagenowshowing .detail .areadescription .description {
  z-index: 5;
  position: relative;
  max-height: 120px;
}
body.mobile .pagenowshowing .detail .areadescription .description {
  max-height: none;
}
.pagenowshowing .detail .areadescription .description p {
  z-index: 5;
  position: relative;
}
.pagenowshowing .detail .areadescription .linklist {
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;*/
  /*&.amount2,&.amount1 {
      width:50%;
  }*/
  margin-top: 50px;
}
.pagenowshowing .detail .areadescription .linklist .link {
  display: inline-block;
  /*margin: 15px 25px 0px 0px;*/
  flex: 0 0 auto;
  white-space: nowrap;
  width: 25%;
  text-align: left;
  /*&:not(:first-child) {
      text-align: center;
  }

  &:nth-child(4) {
      text-align: right;
  }*/
  /*border: solid 1px red;*/
}
body.mobile .pagenowshowing .detail .areadescription .linklist .link {
  /*flex: 1 1 auto;*/
  max-width: none;
  text-align: left;
  width: 100%;
  white-space: normal;
  margin: 15px 0px 0px 0px;
  display: block;
}
.pagenowshowing .detail .areadescription .linklist .link:hover {
  text-decoration: none;
}
.pagenowshowing .detail .areadescription .linklist .link .linktitle {
  color: #fee900;
  text-transform: uppercase;
}
.pagenowshowing .detail .areadescription .linklist .link .summary {
  color: white;
  text-transform: none;
}
body.mobile .pagenowshowing .detail .areadescription {
  flex: 0 0 100%;
  padding: 0px 15px 0px 15px;
}
.pagenowshowing .detail .areainfo {
  flex: 1 1 100%;
  padding: 0px 50px 0px 15px;
}
body.mobile .pagenowshowing .detail .areainfo {
  flex: 0 0 100%;
  padding: 0px 15px 0px 15px;
}
.pagenowshowing > .library {
  /*For when we want one column text below videocalendar*/
}
.pagenowshowing > .library .areasummary {
  padding-bottom: 150px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.pagenowshowing > .library .areasummary h1 {
  display: block;
  font-size: 24px;
  border-bottom: solid 2px #fee900;
  display: inline;
}
.pagenowshowing > .library .areainfo {
  width: 100%;
  max-width: 920px;
  margin: 0px auto 40px auto;
  padding: 0px 15px 0px 15px;
}
.pagenowshowing > .library .areainfo .blurb, .pagenowshowing > .library .areainfo .short, .pagenowshowing > .library .areainfo .more, .pagenowshowing > .library .areainfo .hellip {
  display: inline-block;
}
.pagenowshowing > .library .areainfo .more {
  display: none;
}
.pagenowshowing > .library .areainfo .showmore {
  cursor: pointer;
}
body.mobile .pagenowshowing > .library .areainfo {
  flex: 0 0 100%;
  padding: 0px 15px 0px 15px;
}
.pagenowshowing > .library .areatitle {
  width: 100%;
  max-width: 920px;
  margin: 0px auto 40px auto;
  padding: 0px 15px 0px 15px;
}
.pagenowshowing > .library .morecontent {
  width: 100%;
  max-width: 920px;
  margin: 80px auto;
}
.pagenowshowing > .library .announcement {
  width: 100%;
  max-width: 920px;
  border: solid 2px #fee900;
  margin: 25px auto 25px auto;
  padding: 0px 25px;
}
.pagenowshowing > .library .backtolive {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
.pagenowshowing .sections {
  width: 100%;
  max-width: 920px;
  margin: 100px auto 150px auto;
  padding: 0px 15px;
}
body.mobile .pagenowshowing .sections {
  margin-top: 25px;
}
.pagenowshowing .sections .section .articles a.article {
  color: white;
}
.pagenowshowing .sections .section .articles a.article .text .titletext {
  color: white !important;
  text-transform: none;
}
.pagenowshowing .sections .section .articles a.article .text .titletext .linked {
  color: #fee900 !important;
}
.pagenowshowing .sections .section .articles a.article .readmore .inner {
  border: solid 1px white;
}
.pagenowshowing.fadein {
  opacity: 1;
  transition: opacity 1s;
}
.pagenowshowing.fadein .bg {
  display: block;
}
.pagenowshowing .seasongroup {
  padding-bottom: 100px;
}
.pagenowshowing .seasongroup .sections {
  margin-top: 0px;
  margin-bottom: 0px;
}

.subscriptionbanner {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  border: solid 0px #fee900;
  border-top-width: 2px;
  border-bottom-width: 2px;
  width: 100%;
  background-color: black;
  margin-top: 45px;
  font-size: 16px;
  padding: 10px 0px;
  overflow: hidden;
  max-height: 100px;
}
.subscriptionbanner p {
  color: white;
  font-size: 16px;
  margin: 0px;
  line-height: 1.2em;
}
.subscriptionbanner b, .subscriptionbanner strong {
  color: #fee900;
}
.subscriptionbanner .inner {
  width: 920px;
  margin: 0 auto;
  position: relative;
}
.subscriptionbanner .inner .close {
  position: absolute;
  width: 50px;
  display: inline-block;
  background: url(/images/iconclose.svg) 50px 50px no-repeat;
  color: #fee900;
  height: 100%;
  font-size: 26px;
  cursor: pointer;
}
.subscriptionbanner .inner .close .fas {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.subscriptionbanner .inner .left {
  margin-left: 40px;
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
}
.subscriptionbanner .inner .right {
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0px;
  width: 100px;
}
.subscriptionbanner .inner .right a, .subscriptionbanner .inner .right a:hover, .subscriptionbanner .inner .right a:visited {
  color: #fee900;
  text-decoration: none;
}
.subscriptionbanner .inner .right .signin {
  transform: translate(0%, -50%);
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  text-transform: uppercase;
  font-size: 18px;
}
body.mobile .subscriptionbanner .inner {
  width: 90vw;
}
body.mobile .subscriptionbanner .inner .left p {
  font-size: 14px;
}
body.mobile .subscriptionbanner .inner .right a {
  font-size: 16px;
}
.subscriptionbanner.closed {
  border-bottom-width: 0px;
  height: 1px;
}
.subscriptionbanner.closed .close, .subscriptionbanner.closed .left, .subscriptionbanner.closed .right {
  display: none;
}

.cinema {
  width: 100%;
  /*max-width:$nowShowingMaxWidth;*/
  text-align: center;
  position: relative;
  display: none;
  background-color: black;
  z-index: 100;
}
.cinema .cinemainner, .cinema .cinemaprerollinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 10% 17%;
  opacity: 0;
  z-index: 103;
}
.cinema .cinemainner .cinemaiframecontainer, .cinema .cinemainner .cinemaprerollcontainer, .cinema .cinemaprerollinner .cinemaiframecontainer, .cinema .cinemaprerollinner .cinemaprerollcontainer {
  position: relative;
  padding: 25px 0px 56.25% 0px;
}
.cinema .cinemainner .cinemaiframecontainer iframe, .cinema .cinemainner .cinemaprerollcontainer iframe, .cinema .cinemaprerollinner .cinemaiframecontainer iframe, .cinema .cinemaprerollinner .cinemaprerollcontainer iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.cinema .cinemainner .cinemaiframecontainer .preview, .cinema .cinemainner .cinemaprerollcontainer .preview, .cinema .cinemaprerollinner .cinemaiframecontainer .preview, .cinema .cinemaprerollinner .cinemaprerollcontainer .preview {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cinema .cinemainner .cinemaiframecontainer .preview img, .cinema .cinemainner .cinemaprerollcontainer .preview img, .cinema .cinemaprerollinner .cinemaiframecontainer .preview img, .cinema .cinemaprerollinner .cinemaprerollcontainer .preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cinema .cinemainner .cinemaiframecontainer video.preroll, .cinema .cinemainner .cinemaprerollcontainer video.preroll, .cinema .cinemaprerollinner .cinemaiframecontainer video.preroll, .cinema .cinemaprerollinner .cinemaprerollcontainer video.preroll {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.cinema .cinemainner .cinemaiframecontainer video.preroll.show, .cinema .cinemainner .cinemaprerollcontainer video.preroll.show, .cinema .cinemaprerollinner .cinemaiframecontainer video.preroll.show, .cinema .cinemaprerollinner .cinemaprerollcontainer video.preroll.show {
  display: block !important;
}
.cinema .cinemainner .cinemaiframecontainer.prerent iframe, .cinema .cinemainner .cinemaprerollcontainer.prerent iframe, .cinema .cinemaprerollinner .cinemaiframecontainer.prerent iframe, .cinema .cinemaprerollinner .cinemaprerollcontainer.prerent iframe {
  display: none;
}
.cinema .cinemainner .videoinfo, .cinema .cinemaprerollinner .videoinfo {
  padding: 5px;
  color: white;
  /*display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;*/
  white-space: normal;
  max-height: 20vh;
  position: relative;
}
body.mobile .cinema .cinemainner .videoinfo, body.mobile .cinema .cinemaprerollinner .videoinfo {
  display: block;
  font-size: 12px;
}
.cinema .cinemainner .videoinfo .geoblocked, .cinema .cinemaprerollinner .videoinfo .geoblocked {
  font-weight: bold;
}
.cinema .cinemainner .videoinfo section, .cinema .cinemaprerollinner .videoinfo section {
  /*flex: 0 0 48%;*/
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.cinema .cinemainner .videoinfo section:first-of-type, .cinema .cinemaprerollinner .videoinfo section:first-of-type {
  padding-right: 3%;
}
.cinema .cinemainner .videoinfo section p, .cinema .cinemaprerollinner .videoinfo section p {
  color: white;
}
body.mobile .cinema .cinemainner .videoinfo section, body.mobile .cinema .cinemaprerollinner .videoinfo section {
  display: block;
}
body.mobile .cinema .cinemainner .videoinfo section p, body.mobile .cinema .cinemaprerollinner .videoinfo section p {
  font-size: 10px;
}
.cinema .cinemainner .videoinfo section.login, .cinema .cinemaprerollinner .videoinfo section.login {
  text-align: center;
  width: 100%;
}
body.mobile .cinema .cinemainner .videoinfo section.login, body.mobile .cinema .cinemaprerollinner .videoinfo section.login {
  padding: 0px;
  margin: 0px;
}
.cinema .cinemainner .videoinfo a, .cinema .cinemainner .videoinfo p a, .cinema .cinemaprerollinner .videoinfo a, .cinema .cinemaprerollinner .videoinfo p a {
  color: #fee900;
  /*text-transform:uppercase;*/
}
.cinema .cinemainner .videoinfo a:hover, .cinema .cinemainner .videoinfo a:visited, .cinema .cinemainner .videoinfo a:active, .cinema .cinemainner .videoinfo p a:hover, .cinema .cinemainner .videoinfo p a:visited, .cinema .cinemainner .videoinfo p a:active, .cinema .cinemaprerollinner .videoinfo a:hover, .cinema .cinemaprerollinner .videoinfo a:visited, .cinema .cinemaprerollinner .videoinfo a:active, .cinema .cinemaprerollinner .videoinfo p a:hover, .cinema .cinemaprerollinner .videoinfo p a:visited, .cinema .cinemaprerollinner .videoinfo p a:active {
  text-decoration: none;
}
.cinema .cinemainner.svp div:first-child.static {
  position: initial !important;
}
.cinema .cinemaprerollinner {
  /*position:absolute;*/
}
.cinema .cinemaprerollinner .clickarea {
  cursor: pointer;
  display: none;
  z-index: 104;
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 40%;
  /*border: solid red 1px;*/
  cursor: pointer;
}
.cinema .cinemaprerollinner .clickarea.show {
  display: block;
}
.cinema .cinemaprerollinner a.skippreroll {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: block;
  background-color: black;
  z-index: 104;
  color: #fee900;
  opacity: 0;
}
.cinema .cinemaprerollinner a.skippreroll:hover, .cinema .cinemaprerollinner a.skippreroll:active, .cinema .cinemaprerollinner a.skippreroll:visited {
  color: #fee900;
}
.cinema .cinemaprerollinner.behind {
  z-index: -10;
}
.cinema svg {
  pointer-events: none;
}
.cinema .curtains {
  pointer-events: none;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 102;
  width: 100%;
  /*height: 100%;*/
  display: none;
}
.cinema .curtains.show {
  display: block;
}
.cinema .curtainsstatic {
  pointer-events: none;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 102;
  width: 100%;
  display: none;
}
.cinema .curtainsstatic.show {
  display: block;
}
.cinema .exitcontainer {
  display: block;
  position: absolute;
  top: 1%;
  right: 1%;
  z-index: 150;
  cursor: pointer;
  /*max-width: 80px;
  max-height: 44px;*/
  width: 80px;
}
body.mobile .cinema .exitcontainer {
  max-width: 40px;
}
.cinema .exitcontainer img {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}

.videolinkoverlay, .videoembedoverlay {
  width: 100%;
  max-width: 920px;
  display: none;
  margin: 50px;
  position: relative;
}
.videolinkoverlay video, .videoembedoverlay video {
  width: 100%;
  height: 100%;
}
.videolinkoverlay .wrapper, .videoembedoverlay .wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videolinkoverlay .wrapper iframe, .videoembedoverlay .wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 50%;
  min-height: 25%;
}
.videolinkoverlay .close, .videoembedoverlay .close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.podcast {
  position: relative;
  z-index: 2;
  margin-top: 40px;
  height: 100%;
}
.podcast .linkBar {
  top: 20px;
  position: absolute;
  display: block;
}
.podcast .linkBar a.backlink {
  display: block;
}
.podcast .at-svc-twitter, .podcast .at-svc-telegram {
  display: none !important;
}
.podcast .title {
  margin: 40px 0px 50px 0px;
  padding-top: 40px;
}
.podcast .services {
  padding: 20px 0px;
}
.podcast .services img {
  display: block;
  height: 34px;
}
.podcast .services a {
  display: inline-block;
  padding: 0px 10px 0px 0px;
}
.podcast .close {
  background: url(/node_modules/open-iconic/svg/x.svg) center center no-repeat transparent;
  background-size: contain;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 300;
  cursor: pointer;
  opacity: 0.7;
}
.podcast h1 {
  font-size: 24px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.podcast ul.podcastlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.podcast ul.podcastlist > li {
  margin: 0px 0px 75px 0px;
  vertical-align: top;
  display: none;
}
.podcast ul.podcastlist > li.show {
  display: block;
}
.podcast ul.podcastlist > li .left {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  padding-top: 75px;
}
.podcast ul.podcastlist > li .left img {
  display: block;
}
.podcast ul.podcastlist > li .right {
  display: inline-block;
  width: 59%;
  vertical-align: top;
  padding-left: 25px;
}
.podcast ul.podcastlist > li .right .title {
  font-weight: bold;
}
.podcast ul.podcastlist > li .right .top {
  position: relative;
  text-align: right;
  vertical-align: middle;
  height: 54px;
}
.podcast ul.podcastlist > li .right .top audio {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  cursor: pointer;
}
.podcast ul.podcastlist > li .right .top .time {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
body.mobile .podcast ul.podcastlist > li:first-of-type {
  margin-top: 0px;
}
body.mobile .podcast ul.podcastlist > li {
  margin: 0px 0px 125px 0px;
}
body.mobile .podcast ul.podcastlist > li .left {
  padding: 0px;
  width: 100%;
}
body.mobile .podcast ul.podcastlist > li .right {
  padding: 0px;
  width: 100%;
}
body.mobile .podcast ul.podcastlist > li .right .top {
  height: auto;
}
body.mobile .podcast ul.podcastlist > li .right audio {
  display: block;
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  margin: 10px 0px;
}
body.mobile .podcast ul.podcastlist > li .right .time {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  margin: 10px 0px;
}
.podcast .loadmorecontainer {
  position: relative;
  text-align: center;
}
.podcast .loadmorecontainer .loadmore {
  display: inline-block;
  border: solid 1px black;
  color: black;
  /*width: 31%;*/
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  padding: 0px 15px;
}
.podcast .showallcontainer {
  position: relative;
  text-align: left;
  margin-top: 25px;
}
.podcast .showallcontainer .showall {
  display: inline-block;
  border: solid 1px black;
  color: black;
  width: 31%;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  text-align: center;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close, .podcast .close {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areatitle h1.title, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areainfo .available {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

#popup_search .searchinner #searchresults, .cinema {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sections .section .articles a.article, .sections .section .articles .readmore, .pagelive {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel, .pagenowshowing .detail .areadescription .linklist .link .linktitle {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p, .pagenowshowing > .currentitem, .pagenowshowing > .currentitem p, .subscriptionbanner, .subscriptionbanner p, .cinema .cinemaprerollinner a.skippreroll {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.sections .sectioncarousel {
  position: relative;
}
.sections .sectioncarousel .swiper-container {
  width: 100%;
  height: 100%;
}
.sections .sectioncarousel .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sections .sectioncarousel .swiper-pagination-progressbar {
  height: 2px;
}
.sections .sectioncarousel .swiper-pagination-progressbar-fill {
  height: 2px;
}
.sections .sectioncarousel .swiper-button-prev {
  /*color: $yellow;*/
  left: -60px;
  margin-top: 0px;
  font-size: 30px;
}
.sections .sectioncarousel .swiper-button-prev.large, .pagenowshowing .sections .sectioncarousel .swiper-button-prev {
  font-size: 60px;
}
.sections .sectioncarousel .swiper-button-prev:after {
  content: "";
}
body.mobile .sections .sectioncarousel .swiper-button-prev {
  padding-top: 75px;
  left: -15px;
}
@media screen and (max-width: 1040px) {
  .sections .sectioncarousel .swiper-button-prev {
    left: 0px;
  }
}
.sections .sectioncarousel .swiper-button-next {
  /*color: $yellow;*/
  right: -60px;
  margin-top: 0px;
  font-size: 30px;
}
.sections .sectioncarousel .swiper-button-next.large, .pagenowshowing .sections .sectioncarousel .swiper-button-next {
  font-size: 60px;
}
.sections .sectioncarousel .swiper-button-next:after {
  content: "";
}
body.mobile .sections .sectioncarousel .swiper-button-next {
  padding-top: 75px;
  right: -15px;
}
@media screen and (max-width: 1040px) {
  .sections .sectioncarousel .swiper-button-next {
    right: 0px;
  }
}
.sections .sectioncarousel .articles a.article .text {
  text-align: left;
}
.sections .sectioncarousel .articles a.article .text .summarytext {
  /*color: white !important;*/
}

.pagenowshowing .sectioncarousel .swiper-pagination-progressbar-fill {
  background-color: #fee900 !important;
}
.pagenowshowing .sectioncarousel .swiper-button-prev {
  color: #fee900;
}
.pagenowshowing .sectioncarousel .swiper-button-next {
  color: #fee900;
}
.pagenowshowing .sectioncarousel .articles a.article .text .summarytext {
  color: white !important;
}

.pagelive .sectioncarousel .swiper-pagination-progressbar {
  background-color: transparent;
}
.pagelive .sectioncarousel .swiper-pagination-progressbar-fill {
  background-color: #000 !important;
}
.pagelive .sectioncarousel .swiper-button-prev {
  color: #000;
}
.pagelive .sectioncarousel .swiper-button-next {
  color: #000;
}
.sections .section {
  text-align: left;
  width: 100%;
  margin: 35px 0px 75px 0px;
}
.sections .section h1 {
  font-size: 24px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}
.sections .section .articles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  align-items: stretch;
  user-select: none;
}
.sections .section .articles:after {
  content: "";
  flex: 0 0 260px;
}
.sections .section .articles a, .sections .section .articles a:visited, .sections .section .articles a:hover {
  color: black;
  text-decoration: none;
}
.sections .section .articles a.article, .sections .section .articles .readmore {
  display: block;
  min-width: 260px;
  max-width: 260px;
  z-index: 10;
  flex: 0 0 260px;
  align-self: flex-end;
  padding: 15px 0;
  height: 260px;
  position: relative;
}
body.mobile .sections .section .articles a.article, body.mobile .sections .section .articles .readmore {
  min-width: 90vw;
  margin-top: 50px;
}
.sections .section .articles a.article.excess, .sections .section .articles .readmore.excess {
  display: none;
}
.sections .section .articles a.article.unhidden, .sections .section .articles .readmore.unhidden {
  display: block;
}
.sections .section .articles a.article .text, .sections .section .articles .readmore .text {
  position: relative;
  z-index: 2;
}
.sections .section .articles a.article .text .titletext, .sections .section .articles .readmore .text .titletext {
  color: #000;
  display: inline;
}
.sections .section .articles a.article .text .titletext .linked, .sections .section .articles .readmore .text .titletext .linked {
  color: #3333CC !important;
}
.sections .section .articles a.article .text .summarytext, .sections .section .articles .readmore .text .summarytext {
  color: #000;
  display: inline;
}
.sections .section .articles a.article .footer, .sections .section .articles .readmore .footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.sections .section .articles a.article .image, .sections .section .articles .readmore .image {
  z-index: 1;
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0.4;
  transition: all 0.5s;
}
.sections .section .articles a.article .image img, .sections .section .articles .readmore .image img {
  width: auto !important;
  max-width: 90%;
  display: block;
  height: 175px !important;
  object-fit: contain;
}
body.mobile .sections .section .articles a.article .image, body.mobile .sections .section .articles .readmore .image {
  height: 50%;
}
body.mobile .sections .section .articles a.article .image img, body.mobile .sections .section .articles .readmore .image img {
  height: 100%;
}
.sections .section .articles a.article:hover .image, .sections .section .articles .readmore:hover .image {
  opacity: 1;
  z-index: 3;
}
.sections .section .articles .readmore {
  margin: 30px 0px 0px 0px;
  padding: 0px;
  position: relative;
  height: 50px;
  flex-basis: 100%;
  flex-grow: 1;
  align-self: flex-end;
  min-width: 33%;
  max-width: 100%;
  cursor: pointer;
}
.sections .section .articles .readmore > .inner {
  border: solid 1px black;
  margin: 0 auto;
  height: 100%;
  min-width: 260px;
  width: 31%;
}
.sections .section .articles .readmore > .inner .open, .sections .section .articles .readmore > .inner .closed {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sections .section .articles .readmore > .inner .open {
  display: none;
}
.sections .section .articles .readmore > .inner .closed {
  display: block;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close, .podcast .close {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates, .pagenowshowing .herotext .areatitle h1.title, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areainfo .available {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

#popup_search .searchinner #searchresults, .cinema {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagelive, .sections .section .articles a.article, .sections .section .articles .readmore {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel, .pagenowshowing .detail .areadescription .linklist .link .linktitle {
  font-family: "SuisseWorks-Book";
}

.altfont, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p, .pagenowshowing > .currentitem, .pagenowshowing > .currentitem p, .subscriptionbanner, .subscriptionbanner p, .cinema .cinemaprerollinner a.skippreroll {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.videocalendar, .videoseasons {
  position: relative;
  margin: 0px auto 0px auto;
  /*padding: 0px 15px;*/
  z-index: 5;
}
.videocalendar .previousseasontitle, .videoseasons .previousseasontitle {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  border-bottom: solid 2px #fee900;
}
.videocalendar h1, .videoseasons h1 {
  font-size: 24px;
  font-weight: normal;
  padding: 0px 0px 0px 2px;
  margin: -35px 0px 0px 0px;
}
.videocalendar .seasoninfo, .videoseasons .seasoninfo {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.videocalendar .calendarpage, .videoseasons .calendarpage {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  max-width: 920px;
  width: 100%;
  margin: 20px auto;
  padding: 15px 0px 0px 0px;
}
.videocalendar .calendarpage .videoitem, .videocalendar .calendarpage .seasonitem, .videoseasons .calendarpage .videoitem, .videoseasons .calendarpage .seasonitem {
  position: relative;
  color: #fee900;
  flex: 1 1 33%;
  height: 26.6vw;
  text-align: center;
  cursor: pointer;
}
.videocalendar .calendarpage .videoitem .background, .videocalendar .calendarpage .seasonitem .background, .videoseasons .calendarpage .videoitem .background, .videoseasons .calendarpage .seasonitem .background {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.videocalendar .calendarpage .videoitem .background img, .videocalendar .calendarpage .seasonitem .background img, .videoseasons .calendarpage .videoitem .background img, .videoseasons .calendarpage .seasonitem .background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videocalendar .calendarpage .videoitem .foreground, .videocalendar .calendarpage .seasonitem .foreground, .videoseasons .calendarpage .videoitem .foreground, .videoseasons .calendarpage .seasonitem .foreground {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .status {
  text-transform: uppercase;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  padding-top: 10px;
  width: 90%;
}
.videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
}
.videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  padding-bottom: 10px;
  width: 100%;
}
.videocalendar .calendarpage .videoitem.statusexpired, .videocalendar .calendarpage .seasonitem.statusexpired, .videoseasons .calendarpage .videoitem.statusexpired, .videoseasons .calendarpage .seasonitem.statusexpired {
  color: white;
}
.videocalendar .calendarpage .videoitem.statusexpired .background, .videocalendar .calendarpage .seasonitem.statusexpired .background, .videoseasons .calendarpage .videoitem.statusexpired .background, .videoseasons .calendarpage .seasonitem.statusexpired .background {
  background-color: black;
}
.videocalendar .calendarpage .videoitem.statusexpired .background img, .videocalendar .calendarpage .seasonitem.statusexpired .background img, .videoseasons .calendarpage .videoitem.statusexpired .background img, .videoseasons .calendarpage .seasonitem.statusexpired .background img {
  opacity: 0.3;
}
.videocalendar .calendarpage .videoitem.statuscomingsoon, .videocalendar .calendarpage .seasonitem.statuscomingsoon, .videoseasons .calendarpage .videoitem.statuscomingsoon, .videoseasons .calendarpage .seasonitem.statuscomingsoon {
  color: black;
}
.videocalendar .calendarpage .videoitem.statuscomingsoon .background, .videocalendar .calendarpage .seasonitem.statuscomingsoon .background, .videoseasons .calendarpage .videoitem.statuscomingsoon .background, .videoseasons .calendarpage .seasonitem.statuscomingsoon .background {
  background-color: white;
}
.videocalendar .calendarpage .videoitem.statuscomingsoon .background img, .videocalendar .calendarpage .seasonitem.statuscomingsoon .background img, .videoseasons .calendarpage .videoitem.statuscomingsoon .background img, .videoseasons .calendarpage .seasonitem.statuscomingsoon .background img {
  opacity: 0.3;
}
.videocalendar .swiper-wrapper, .videoseasons .swiper-wrapper {
  padding-bottom: 50px;
}
.videocalendar .swiper-container, .videoseasons .swiper-container {
  width: 100%;
  height: 100%;
}
.videocalendar .swiper-container .swiper-slide, .videoseasons .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.videocalendar .swiper-button-prev, .videoseasons .swiper-button-prev {
  color: #fee900;
  left: 20px;
  font-size: 60px;
  margin-top: -40px;
  z-index: 200;
}
.videocalendar .swiper-button-prev:after, .videoseasons .swiper-button-prev:after {
  content: "";
}
body.mobile .videocalendar .swiper-button-prev, body.mobile .videoseasons .swiper-button-prev {
  padding-top: 30px;
}
@media screen and (max-width: 880px) {
  .videocalendar .swiper-button-prev, .videoseasons .swiper-button-prev {
    left: 0px;
  }
}
.videocalendar .swiper-button-next, .videoseasons .swiper-button-next {
  color: #fee900;
  right: 20px;
  font-size: 60px;
  margin-top: -40px;
  z-index: 200;
}
.videocalendar .swiper-button-next:after, .videoseasons .swiper-button-next:after {
  content: "";
}
body.mobile .videocalendar .swiper-button-next, body.mobile .videoseasons .swiper-button-next {
  padding-top: 30px;
}
@media screen and (max-width: 880px) {
  .videocalendar .swiper-button-next, .videoseasons .swiper-button-next {
    right: 0px;
  }
}
body.mobile .videocalendar, body.mobile .videoseasons {
  margin-top: 25px;
}
.videocalendar .gradientleft, .videocalendar .gradientright, .videoseasons .gradientleft, .videoseasons .gradientright {
  width: 10vw;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  position: absolute;
  top: 0px;
}
.videocalendar .gradientleft, .videoseasons .gradientleft {
  background: linear-gradient(90deg, black, transparent);
  left: 0px;
}
.videocalendar .gradientright, .videoseasons .gradientright {
  background: linear-gradient(270deg, black, transparent);
  right: 0px;
}
.videocalendar .swiper-pagination-videocalendar, .videoseasons .swiper-pagination-videocalendar {
  top: auto;
  bottom: 0px;
  height: 2px;
  width: 100%;
  max-width: 920px;
  margin-top: 2px;
}
.videocalendar .swiper-pagination-videocalendar .swiper-pagination-progressbar-fill, .videoseasons .swiper-pagination-videocalendar .swiper-pagination-progressbar-fill {
  height: 2px;
}
.videocalendar .swiper-pagination-videocalendar .swiper-pagination-progressbar-fill, .videoseasons .swiper-pagination-videocalendar .swiper-pagination-progressbar-fill {
  background-color: #fee900 !important;
  height: 2px;
}
.videocalendar.videocalendar-primary > .areatitle, .videoseasons.videocalendar-primary > .areatitle {
  display: none;
}
.videocalendar.videocalendar-secondary .swiper-pagination-videocalendar, .videoseasons.videocalendar-secondary .swiper-pagination-videocalendar {
  top: auto;
  bottom: auto;
  position: relative;
}

.stripe {
  max-width: 500px;
  background-color: #fff;
  margin: 25px 0px;
  border: solid 2px black;
  padding: 15px 15px;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ababab;
  color: black;
}
.stripe * {
  font-family: Roboto, Open Sans, Segoe UI, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.stripe fieldset {
  margin: 0 15px 20px;
  padding: 0;
  border-style: none;
  background-color: #fff;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ababab;
  border-radius: 4px;
}
.stripe .row {
  /*display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;*/
  align-items: center;
  margin-left: 15px;
  color: black;
}
.stripe .row + .row {
  border-top: 1px solid #ababab;
}
.stripe label {
  width: 15%;
  min-width: 70px;
  padding: 11px 0;
  color: #c4f0ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stripe input[type=text], .stripe button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}
.stripe input:-webkit-autofill {
  -webkit-text-fill-color: #c2791f;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}
.stripe .StripeElement--webkit-autofill {
  background: transparent !important;
}
.stripe .StripeElement {
  width: 100%;
  padding: 11px 15px 11px 0;
}
.stripe input {
  width: 100%;
  padding: 11px 15px 11px 0;
  background-color: transparent;
  -webkit-animation: 1ms void-animation-out;
}
.stripe input::-webkit-input-placeholder {
  color: #ababab;
}
.stripe input::-moz-placeholder {
  color: #ababab;
}
.stripe input:-ms-input-placeholder {
  color: #ababab;
}
.stripe button {
  display: block;
  width: calc(100% - 30px);
  height: 40px;
  /*margin: 40px 15px 0;*/
  margin: 0px 0px 25px 15px;
  background-color: #000;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ababab;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.stripe button[disabled], .stripe button:disabled {
  background-color: #6c6c6c !important;
}
.stripe button:active {
  background-color: #000;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ababab;
}
.stripe .error svg .base {
  fill: #fff;
}
.stripe .error svg .glyph {
  fill: #6772e5;
}
.stripe .error .message {
  color: #fff;
}
.stripe .success .icon .border {
  stroke: #87bbfd;
}
.stripe .success .icon .checkmark {
  stroke: #fff;
}
.stripe .success .title {
  color: #fff;
}
.stripe .success .message {
  color: #9cdbff;
}
.stripe .success .reset path {
  fill: #fff;
}
.stripe .errors {
  margin: 0px 0px 15px 15px;
  padding: 0px;
}

@media screen and (max-width: 500px) {
  .stripe {
    padding: 15px 0px;
  }
  .stripe * {
    font-family: Roboto, Open Sans, Segoe UI, sans-serif;
    font-size: 12px;
    font-weight: 500;
  }
  .stripe fieldset {
    margin: 0 5px 20px;
  }
  .stripe .row {
    margin-left: 5px;
  }
  .stripe .StripeElement {
    padding: 11px 5px 11px 0;
  }
}
/*$cubeMaxWidth: 70vw;*/
.glowlight, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close, .podcast .close, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .pagenowshowing .herotext .areatitle h1.title, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areainfo .available, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

#popup_search .searchinner #searchresults, .cinema {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagelive, .sections .section .articles a.article, .sections .section .articles .readmore {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, button, .logout, .button, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel, .pagenowshowing .detail .areadescription .linklist .link .linktitle {
  font-family: "SuisseWorks-Book";
}

.altfont, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p, .pagenowshowing > .currentitem, .pagenowshowing > .currentitem p, .subscriptionbanner, .subscriptionbanner p, .cinema .cinemaprerollinner a.skippreroll, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.pageprofile {
  padding: 50px 0px 100px 0px;
  width: 920px;
  margin: 0px auto 0px auto;
  height: 100%;
  min-height: 100vh;
  position: relative;
}
body.mobile .pageprofile {
  padding: 50px 15px 0px 15px;
  width: 90vw;
}
.pageprofile .remembermecontainer {
  display: none;
}
.pageprofile .cinemalogintext {
  display: none;
}
.pageprofile .inner {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 100vh;
}
.pageprofile .inner .logininner {
  vertical-align: top;
  width: 100%;
}
body.mobile .pageprofile .inner .logininner {
  transform: none;
  position: relative;
  top: auto;
  left: auto;
}
.pageprofile .inner .logininner .loginintro {
  padding: 25px 0px;
  width: 100%;
  flex: 0 0 100%;
}
.pageprofile .inner .logininner form.loginform {
  display: inline-block;
  vertical-align: top;
  display: none;
}
.pageprofile .inner .logininner form.loginform.active {
  display: block;
}
.pageprofile .inner .logininner form.loginform input[type=text], .pageprofile .inner .logininner form.loginform input[type=password] {
  border: solid 1px black;
}
.pageprofile .inner .logininner form.loginform .logincontainer {
  display: inline-block;
}
body.mobile .pageprofile .inner .logininner form.loginform .logincontainer {
  min-width: unset;
}
.pageprofile .inner .logininner form.loginform .logincontainer .or {
  text-align: center;
  vertical-align: middle;
}
.pageprofile .inner .logintitlescontainer .logintitle {
  color: #808080;
  cursor: pointer;
  display: inline-block;
  padding-left: 40px;
}
.pageprofile .inner .logintitlescontainer .logintitle.active {
  color: black;
}
.pageprofile .inner .logintitlescontainer .logintitle:first-child {
  padding-left: 0px;
}
.pageprofile .inner h1 {
  font-size: 24px;
  margin-bottom: 15px;
}
.pageprofile .inner hr {
  margin: 25px 0px;
}
.pageprofile .inner .controls {
  max-width: 400px;
  margin: 10px 5px 0px 0px;
}
.pageprofile .inner .controls label {
  min-width: 135px;
  display: inline-block;
  white-space: normal;
}
.pageprofile .inner .controls input {
  padding: 5px;
}
.pageprofile .inner .subscriptioninfo .subscription {
  margin: 25px 0px;
}

button, .logout, .button {
  background-color: black;
  border: solid 1px white;
  color: white;
  font-size: 16px;
  padding: 5px 10px;
  display: inline-block;
  margin: 10px 0px;
}

/*@import "bclogin";*/
/*$cubeMaxWidth: 70vw;*/
.glowlight, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close, .podcast .close, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .pagenowshowing .herotext .areatitle h1.title, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areainfo .available, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

#popup_search .searchinner #searchresults, .cinema {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagelive, .sections .section .articles a.article, .sections .section .articles .readmore {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel, .pagenowshowing .detail .areadescription .linklist .link .linktitle, button, .logout, .button {
  font-family: "SuisseWorks-Book";
}

.altfont, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p, .pagenowshowing > .currentitem, .pagenowshowing > .currentitem p, .subscriptionbanner, .subscriptionbanner p, .cinema .cinemaprerollinner a.skippreroll, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.stripelogin {
  margin: 10px 20px 20px 20px;
}
.stripelogin .loginquery {
  display: block;
}
.stripelogin .loggedin {
  margin-top: 20px;
}
.stripelogin .signoutcontainer {
  position: relative;
  z-index: 2;
}
.stripelogin .loginbuttons {
  margin: 0px 20px 0px 0px;
}
body.mobile .stripelogin .loginbuttons {
  margin: 0px;
}
.stripelogin .loginbuttons login-button, .stripelogin .loginbuttons #my-signin2, .stripelogin .loginbuttons .fb-login-button {
  display: inline-block;
  margin: 20px 20px 10px 0px;
  vertical-align: top;
}
.stripelogin .loginbuttons .validsub, .stripelogin .loginbuttons .novalidsub {
  margin-top: 15px;
}
.stripelogin .loginbuttons .loginsocial {
  height: 60px;
}
.stripelogin .loginbuttons .loginsimple {
  margin-bottom: 15px;
  position: relative;
}
.stripelogin .loginbuttons .loginsimple .text {
  margin: 5px 0px 15px 0px;
}
.stripelogin .loginbuttons .loginsimple label {
  width: 80px;
  display: inline-block;
}
.stripelogin .loginbuttons .loginsimple label.remembermelabel {
  width: auto;
}
.stripelogin .loginbuttons .loginsimple .rememberme, .stripelogin .loginbuttons .loginsimple .remembermecontainer {
  display: none;
}
.stripelogin .loginbuttons .loginsimple input {
  border: solid 1px black;
  padding: 5px 10px 0px 10px;
}
body.mobile .stripelogin .loginbuttons .loginsimple input[type=text], body.mobile .stripelogin .loginbuttons .loginsimple input[type=password] {
  max-width: 100%;
}
.stripelogin .loginbuttons .loginsimple #email {
  margin-bottom: 5px;
}
.stripelogin .loginbuttons .loginsimple #password {
  margin-bottom: 15px;
}
.stripelogin .loginbuttons .loginsimple #forgotpassword {
  margin-left: 15px;
}
.stripelogin .loginbuttons .loginsimple #loginbutton {
  cursor: pointer;
}
.stripelogin .loginbuttons .loginsimple .loginerror {
  color: red;
  margin-top: 10px;
}
.stripelogin .loginbuttons .loginsimple .loginok {
  color: green;
}
.stripelogin .loginbuttons .loginsimple .logininner {
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;*/
  vertical-align: top;
  /*justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;*/
  width: 100%;
}
body.mobile .stripelogin .loginbuttons .loginsimple .logininner {
  transform: none;
  position: relative;
  top: auto;
  left: auto;
  display: block;
}
.stripelogin .loginbuttons .loginsimple .logininner form.loginform {
  display: inline-block;
  vertical-align: top;
  display: none;
}
.stripelogin .loginbuttons .loginsimple .logininner form.loginform.active {
  display: block;
}
.stripelogin .loginbuttons .loginsimple .logininner form.loginform input[type=text], .stripelogin .loginbuttons .loginsimple .logininner form.loginform input[type=password] {
  border: solid 1px black;
}
.stripelogin .loginbuttons .loginsimple .logininner form.loginform .logincontainer {
  display: inline-block;
}
body.mobile .stripelogin .loginbuttons .loginsimple .logininner form.loginform .logincontainer {
  min-width: unset;
}
.stripelogin .loginbuttons .loginsimple .logininner form.loginform .logincontainer .or {
  text-align: center;
  vertical-align: middle;
}
.stripelogin .loginbuttons .loginsimple .logintitlescontainer {
  display: block;
}
.stripelogin .loginbuttons .loginsimple .logintitlescontainer .logintitle {
  color: #808080;
  cursor: pointer;
  display: inline-block;
  padding-left: 40px;
}
.stripelogin .loginbuttons .loginsimple .logintitlescontainer .logintitle.active {
  color: black;
}
.stripelogin .loginbuttons .loginsimple .logintitlescontainer .logintitle:first-child {
  padding-left: 0px;
}
.stripelogin .loginbuttons .loginsimple .logincontainer {
  width: 100%;
}
body.mobile .stripelogin .loginbuttons .loginsimple .logincontainer {
  padding: 0px 0px 0px 0px;
  width: 100%;
  flex: none;
  display: block;
}
.stripelogin .loginbuttons .loginsimple .logincontainer .or {
  text-align: center;
  vertical-align: middle;
}
.stripelogin .loginbuttons .loginsimple .logincontainer .rememberme, .stripelogin .loginbuttons .loginsimple .logincontainer .remembermecontainer {
  display: none !important;
}
.stripelogin .loginbuttons .loginsimple h1 {
  font-size: 24px;
  margin-bottom: 15px;
  display: block;
  /*width: 100%;*/
}
.stripelogin .loginbuttons .loginsimple hr {
  margin: 25px 0px;
}
.stripelogin .loginbuttons .loginsimple .controls {
  max-width: 400px;
  margin: 10px 5px 0px 0px;
}
.stripelogin .loginbuttons .loginsimple .controls body.mobile {
  max-width: 100%;
}
.stripelogin .loginbuttons .loginsimple .controls label {
  min-width: 135px;
  display: inline-block;
  white-space: normal;
}
.stripelogin .loginbuttons .loginsimple .controls input {
  padding: 5px;
}
.stripelogin.invert {
  color: white;
}
.stripelogin.invert p {
  color: white;
}
.stripelogin.invert a {
  color: #fee900;
}
.stripelogin.invert #loginbutton {
  background-color: black !important;
  border: solid 1px white;
  color: white;
  padding: 5px 10px;
}
.stripelogin.invert .stripe p {
  color: black;
}
.stripelogin.invert input {
  background-color: white;
}
.stripelogin.invert .loginsimple .logininner .logintitlescontainer .logintitle.active {
  color: white;
}
.stripelogin.nowshowing {
  padding: 0px !important;
  margin: 0px !important;
}
body.mobile .stripelogin.nowshowing .logincontainer {
  display: block;
  min-width: 100%;
}
.stripelogin.nowshowing .logincontainer h1 {
  cursor: pointer;
  opacity: 0.5;
}
.stripelogin.nowshowing .logincontainer .controls {
  /*opacity: 0;
  display: none;*/
  /* Change Autocomplete styles in Chrome*/
}
.stripelogin.nowshowing .logincontainer .controls .cinemalogintext {
  display: block;
  width: 100%;
  /*body.mobile & {
      white-space: normal;
      display: none;
  }*/
}
.stripelogin.nowshowing .logincontainer .controls .cinemalogintext.cinemalogintextrental {
  display: none;
}
.stripelogin.nowshowing .logincontainer .controls input:-webkit-autofill,
.stripelogin.nowshowing .logincontainer .controls input:-webkit-autofill:hover,
.stripelogin.nowshowing .logincontainer .controls input:-webkit-autofill:focus,
.stripelogin.nowshowing .logincontainer .controls textarea:-webkit-autofill,
.stripelogin.nowshowing .logincontainer .controls textarea:-webkit-autofill:hover,
.stripelogin.nowshowing .logincontainer .controls textarea:-webkit-autofill:focus,
.stripelogin.nowshowing .logincontainer .controls select:-webkit-autofill,
.stripelogin.nowshowing .logincontainer .controls select:-webkit-autofill:hover,
.stripelogin.nowshowing .logincontainer .controls select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: black;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.stripelogin.nowshowing .logincontainer.show {
  opacity: 1;
  display: block;
}
.stripelogin.nowshowing .logincontainer.show h1 {
  opacity: 1;
  display: block;
}
.stripelogin.nowshowing .logincontainer.show .controls {
  opacity: 1;
  display: block;
}
.stripelogin.nowshowing .loginbuttons .loginsocial {
  height: auto;
}
.stripelogin.nowshowing .loginbuttons .fb-login-button {
  max-width: 50%;
  display: inline-block;
  margin-top: 10px;
}
.stripelogin.nowshowing .loginbuttons #my-signin2 {
  max-width: 50%;
  display: inline-block;
  margin-top: 10px;
}
.stripelogin.nowshowing .loginbuttons .loginsimple {
  margin: 0px;
}
.stripelogin.nowshowing .loginbuttons .loginsimple input {
  border: solid 1px white;
  background-color: black;
  color: white;
  display: block;
}
.stripelogin.nowshowing .loginbuttons .loginsimple input[type=text], .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password] {
  width: 100%;
  max-width: 250px;
}
.stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill {
  -webkit-text-fill-color: white;
  transition: background-color 5000s ease-in-out 0s;
  font-size: 16px;
}
body.mobile .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text], body.mobile .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password] {
  max-width: 100%;
}
.stripelogin.nowshowing .loginbuttons .loginsimple #forgotpassword {
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
.stripelogin.nowshowing .loginbuttons .loginsimple .logininner form.loginform input[type=text], .stripelogin.nowshowing .loginbuttons .loginsimple .logininner form.loginform input[type=password] {
  border: solid 1px white !important;
}
body.mobile .stripelogin.nowshowing {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing p {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing .loginsimple {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing .loggedin {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing .loggedin p {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing input[type=text], body.mobile .stripelogin.nowshowing input[type=password], body.mobile .stripelogin.nowshowing button {
  font-size: 12px;
}
body.mobile .stripelogin.nowshowing .logintitle {
  font-size: 16px;
}
.stripelogin.hidelogintext .cinemalogintext {
  display: none;
}

.loginframe {
  border: solid 1px black !important;
  padding: 0px 0px 10px 0px !important;
  margin: 0px auto 0px auto !important;
  overflow: hidden;
  width: 100%;
  min-width: 540px;
  margin: 0 auto;
  /*iframe-resizer should calc height*/
}
.loginframe.invert {
  border: solid 1px white !important;
}
.loginframe html, .loginframe body {
  background-color: transparent;
}

.stripelogo {
  filter: invert(1);
  text-align: center;
  display: block;
  transform: translate(-50%, 5%);
  position: relative;
  left: 50%;
  padding: 0px 0px 20px 0px;
  width: 150px;
}

.pagetanktvlogin {
  height: 100vh;
  background-color: black;
  padding-top: 40px;
}
.pagetanktvlogin .cinema {
  display: block;
  visibility: visible;
  opacity: 1;
}
.pagetanktvlogin .cinemalogintext {
  display: block !important;
}

/*$cubeMaxWidth: 70vw;*/
.glowlight, .at-icon-wrapper svg, .fullbleedarticle .scrollup, .fullbleedarticle .scrolldown, .fullbleedarticle .close, .podcast .close, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .videoitem.statuscomingsoon .foreground .showdates, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .status, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem.statuscomingsoon .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #FFF);
  -webkit-filter: drop-shadow(0px 0px 1px #FFF);
}

.glowdark, .pagenowshowing .herotext .areatitle h1.title, .pagenowshowing .herotext .areatitle .author, .pagenowshowing .herotext .areainfo .cta, .pagenowshowing .herotext .areainfo .available, .videocalendar .calendarpage .videoitem .foreground .status, .videocalendar .calendarpage .videoitem .foreground .areatitle .title,
.videocalendar .calendarpage .videoitem .foreground .areatitle .author, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .status, .videocalendar .calendarpage .seasonitem .foreground .areatitle .title,
.videocalendar .calendarpage .seasonitem .foreground .areatitle .author, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .status, .videoseasons .calendarpage .videoitem .foreground .areatitle .title,
.videoseasons .calendarpage .videoitem .foreground .areatitle .author, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .status, .videoseasons .calendarpage .seasonitem .foreground .areatitle .title,
.videoseasons .calendarpage .seasonitem .foreground .areatitle .author, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  filter: drop-shadow(0px 0px 0px #000);
  -webkit-filter: drop-shadow(0px 0px 1px #000);
}

#popup_search .searchinner #searchresults, .cinema {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%; /*A value other than height:auto needs to be set*/
}

.archivepage .archivecontainer, .archivepage .archivecontainer .issues .issue, .fullbleedarticle .slides .slide, .pagelive .pageliveinner, .pagelive .pageliveinner .carousel, .pagelive .pageliveinner .carousel > .swiper-container-carousel {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagelive, .sections .section .articles a.article, .sections .section .articles .readmore {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.innercontainer.image .contents {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.oldfont, .fullbleedarticle.oldstyle .headline {
  font-family: "JansonTextW01-55Roman";
  text-rendering: optimizeLegibility;
}

.mainfont, body, p, td, b textarea, input, select, .pagelive .pageliveinner .carousel, .pagenowshowing .detail .areadescription .linklist .link .linktitle, button, .logout, .button, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=text]:-webkit-autofill, .stripelogin.nowshowing .loginbuttons .loginsimple input[type=password]:-webkit-autofill {
  font-family: "SuisseWorks-Book";
}

.altfont, .ad-onload .close, .modulesshop a.moduleshop .title, .modulesshop a.moduleshop .title p, .pagenowshowing > .currentitem, .pagenowshowing > .currentitem p, .subscriptionbanner, .subscriptionbanner p, .cinema .cinemaprerollinner a.skippreroll, .videocalendar .calendarpage .videoitem .foreground .areatitle, .videocalendar .calendarpage .seasonitem .foreground .areatitle, .videoseasons .calendarpage .videoitem .foreground .areatitle, .videoseasons .calendarpage .seasonitem .foreground .areatitle, .videocalendar .calendarpage .videoitem .foreground .showdates, .videocalendar .calendarpage .seasonitem .foreground .showdates, .videoseasons .calendarpage .videoitem .foreground .showdates, .videoseasons .calendarpage .seasonitem .foreground .showdates {
  font-family: "acumin-pro";
}

.faded {
  position: relative;
  display: inline-block;
  color: white;
}
.faded:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.faded.faded-left:after {
  box-shadow: inset 20px 0 20px -5px;
}
.faded.faded-right:after {
  box-shadow: inset -20px 0 20px -5px;
}
.faded.faded-top:after {
  box-shadow: inset 0 20px 20px -5px;
}
.faded.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -5px, inset -20px 0 20px -5px;
}
.faded.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -5px;
}
.faded.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -5px;
}
.faded.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -5px;
}
.faded.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -5px, inset 0 -20px 20px -5px;
}
.faded.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -5px;
}
.faded.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 5px;
}
.faded.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 5px;
}
.faded.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 5px;
}
.faded.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 5px;
}
.faded.faded-all:after, .faded.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 5px;
}
.faded.faded-narrow.faded-left:after {
  box-shadow: inset 20px 0 20px -10px;
}
.faded.faded-narrow.faded-right:after {
  box-shadow: inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-top:after {
  box-shadow: inset 0 20px 20px -10px;
}
.faded.faded-narrow.faded-bottom:after {
  box-shadow: inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-right:after {
  box-shadow: inset 20px 0 20px -10px, inset -20px 0 20px -10px;
}
.faded.faded-narrow.faded-left.faded-top:after {
  box-shadow: inset 20px 20px 20px -10px;
}
.faded.faded-narrow.faded-right.faded-bottom:after {
  box-shadow: inset -20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right:after {
  box-shadow: inset -20px 20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-bottom:after {
  box-shadow: inset 0 20px 20px -10px, inset 0 -20px 20px -10px;
}
.faded.faded-narrow.faded-left.faded-bottom:after {
  box-shadow: inset 20px -20px 20px -10px;
}
.faded.faded-narrow.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -10px 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 10px 0 20px 10px;
}
.faded.faded-narrow.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 10px 20px 10px;
}
.faded.faded-narrow.faded-all:after, .faded.faded-narrow.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 20px 10px;
}
.faded.faded-wide.faded-left:after {
  box-shadow: inset 80px 0 80px -28px;
}
.faded.faded-wide.faded-right:after {
  box-shadow: inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-top:after {
  box-shadow: inset 0 80px 80px -28px;
}
.faded.faded-wide.faded-bottom:after {
  box-shadow: inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-right:after {
  box-shadow: inset 80px 0 80px -28px, inset -80px 0 80px -28px;
}
.faded.faded-wide.faded-left.faded-top:after {
  box-shadow: inset 80px 80px 80px -28px;
}
.faded.faded-wide.faded-right.faded-bottom:after {
  box-shadow: inset -80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right:after {
  box-shadow: inset -80px 80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-bottom:after {
  box-shadow: inset 0 80px 80px -28px, inset 0 -80px 80px -28px;
}
.faded.faded-wide.faded-left.faded-bottom:after {
  box-shadow: inset 80px -80px 80px -28px;
}
.faded.faded-wide.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset -40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-right.faded-bottom:after {
  box-shadow: inset 0 -40px 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-bottom:after {
  box-shadow: inset 40px 0 80px 28px;
}
.faded.faded-wide.faded-left.faded-top.faded-right:after {
  box-shadow: inset 0 40px 80px 28px;
}
.faded.faded-wide.faded-all:after, .faded.faded-wide.faded-left.faded-top.faded-right.faded-bottom:after {
  box-shadow: inset 0 0 80px 28px;
}

.pageshoplogin {
  width: 100%;
  max-width: 90%;
  text-align: center;
  margin: 0 auto;
  padding: 80px 0px 80px 0px;
}
.pageshoplogin .hero {
  width: 100%;
  max-width: 650px;
  display: block;
  margin: 0 auto;
}
.pageshoplogin .loginheader {
  padding: 90px 0px;
}
.pageshoplogin .loginheader h1 {
  font-size: 40px;
}
.pageshoplogin .loginheader h2 {
  font-size: 16px;
}
.pageshoplogin .contentwrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  max-width: 920px;
  margin: 0 auto;
}
.pageshoplogin .contentwrapper .loginframe {
  max-width: 360px;
  min-width: unset;
  flex: 0 1 auto;
  margin: 15px 15px !important;
}
.pageshoplogin .contentwrapper .description {
  max-width: 360px;
  flex: 0 1 auto;
}