html.tv-guide-fullscreen {
height: 100%;
overflow: hidden;
}
html.tv-guide-fullscreen .site-content {
z-index: initial;
}
html.tv-guide-fullscreen .tv-guide-module {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100001;
}
html.tv-guide-fullscreen .return-to-site {
display: flex;
}
html.tv-guide-fullscreen .tv-guide-module-inner {
display: flex;
min-height: 100%;
flex-direction: column;
overflow: auto;
}
html.tv-guide-fullscreen .tv-guide-module-inner.video-active .video-container {
display: flex;
flex: 1;
max-width: 100%;
width: 100%;
}
html.tv-guide-fullscreen
.tv-guide-module-inner.video-active
.video-container
.tv-guide__video {
align-items: center;
display: flex;
margin: 0 auto;
}
html.tv-guide-fullscreen .tv-guide-module-inner.schedule-active .schedules {
flex: 1;
}
.tv-guide-module {
background-color: var(--tv-guide-bg, black);
position: relative;
overflow: hidden;
}
.tv-guide-module__footer {
background-color: var(--tv-guide-footer-bg, transparent);
padding: 1px 0;
}
.tv-guide-module .swiper-button-next,
.tv-guide-module .swiper-button-prev {
align-items: center;
background: #fff;
color: #000;
border: 1px solid #000;
border-radius: 50px;
display: flex;
justify-content: center;
height: 44px;
width: 44px;
}
@media only screen and (min-width: 1440px) {
.tv-guide-module .swiper-button-next,
.tv-guide-module .swiper-button-prev {
height: 52px;
width: 52px;
}
}
.tv-guide-module .swiper-button-next.swiper-button-disabled,
.tv-guide-module .swiper-button-prev.swiper-button-disabled {
opacity: 0.3;
}
.tv-guide-module .swiper-button-next::after,
.tv-guide-module .swiper-button-prev::after {
display: none;
}
.tv-guide-module .swiper-button-prev .svg-icon {
transform: rotate(180deg);
}
.tv-guide-module--live .tv-guide__video:before {
background: linear-gradient(to top, black, transparent);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 40%;
z-index: 1;
}
.tv-guide-module--live .jwplayer:before {
background: #ec1145;
border-radius: 40px;
color: #fff;
content: "LIVE";
font-size: 12px;
font-weight: 600;
left: 8px;
line-height: 22px;
padding: 4px 8px;
position: absolute;
top: 8px;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.tv-guide-module--live .jwplayer:before {
font-size: 14px;
padding: 4px 12px;
}
}
.tv-guide-module .tv-guide-module__container {
margin: 0 auto;
padding: 0 20px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .tv-guide-module__container {
max-width: calc(91.6666666667vw - 28px);
}
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .tv-guide-module__container {
max-width: calc(77.7958333333vw - 28px);
}
}
@media only screen and (min-width: 1920px) {
.tv-guide-module .tv-guide-module__container {
max-width: calc(66.6666666667vw - 28px);
}
}
.tv-guide-module .video-container,
.tv-guide-module .schedule-banner {
position: relative;
z-index: 1;
}
.tv-guide-module .schedule-container {
padding: 24px 16px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-container {
padding: 48px 0;
}
}
.tv-guide-module .tv-guide__video {
border: 1px solid #232323;
width: 100%;
position: relative;
background: #161616;
overflow: hidden;
margin: 0 auto;
padding-top: 56.25%;
}
.tv-guide-module .tv-guide__video.active .tv-guide__video-producer,
.tv-guide-module .tv-guide__video.active .tv-guide__video-title,
.tv-guide-module .tv-guide__video.active .tv-guide__video-live {
display: none;
}
.tv-guide-module .tv-guide__video.active .ess-embed-content {
z-index: 4;
}
.tv-guide-module .tv-guide__video.active .tv-guide__video-overlay {
filter: blur(5px);
}
.tv-guide-module .tv-guide__video.active .tv-guide__video-overlay:before {
display: none;
}
.tv-guide-module .tv-guide__video .jwplayer {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
.tv-guide-module .tv-guide__video .jw-title {
display: block;
top: auto;
bottom: 100px;
left: 39px;
max-width: 80%;
}
.tv-guide-module .tv-guide__video .jw-title .jw-title-primary {
font-size: 25px;
font-weight: 500;
text-transform: uppercase;
}
}
.tv-guide-module
.jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(
.jw-flag-audio-player
):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting)
.jw-title {
display: none;
}
.tv-guide-module .ess-embed-content {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.tv-guide-module .tv-guide__video-overlay {
color: #fff;
cursor: pointer;
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
left: 0;
padding: 30px;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .tv-guide__video-overlay {
padding: 20px;
}
}
.tv-guide-module .tv-guide__video-overlay::before {
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent 50%);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .tv-guide__video-overlay::before {
background: linear-gradient(to top, black, transparent 50%);
}
}
.tv-guide-module .tv-guide__video-producer {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .tv-guide__video-producer {
font-size: 30px;
}
}
.tv-guide-module .tv-guide__video-title {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .tv-guide__video-title {
max-width: 60%;
font-size: 25px;
}
}
.tv-guide-module .tv-guide__video-live {
background: #a32253;
border-radius: 30px;
font-size: 14px;
font-weight: 700;
margin-top: 15px;
padding: 7px;
text-align: center;
text-transform: uppercase;
width: 62px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .tv-guide__video-live {
font-size: 16px;
padding: 8px;
width: 70px;
}
}
.tv-guide-module .tv-guide-logo {
display: flex;
justify-content: center;
padding: var(--tv-guide-logo-py, 15px) 0;
position: relative;
text-align: center;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .tv-guide-logo {
margin: 0 auto;
width: 200px;
}
}
.tv-guide-module .tv-guide-logo img {
max-height: var(--tv-guide-logo-h, 60px);
}
.tv-guide-module .schedules {
padding-top: 20px;
position: relative;
}
.tv-guide-module .schedules .schedule-banner-container {
align-items: flex-start;
display: flex;
justify-content: space-between;
gap: 10px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .schedule-banner-container {
padding: 20px;
flex-wrap: wrap;
}
}
.tv-guide-module .schedules .schedules-inner-content {
position: relative;
z-index: 9;
}
.tv-guide-module .schedules .schedules-wrapper {
position: static;
}
.tv-guide-module .schedules .schedules-wrapper.active .schedules-inner-content,
.tv-guide-module
.schedules
.schedules-wrapper.playlist-wrapper-active
.schedules-inner-content {
top: 0;
}
.tv-guide-module .schedules > div {
z-index: 1;
}
.tv-guide-module .schedules .schedules-toggle-container {
border-bottom: 1px solid var(--tv-guide-divider, #ffffff);
}
.tv-guide-module
.schedules
.schedules-toggle-container
.tv-guide-module__container {
align-items: center;
display: flex;
justify-content: space-between;
}
.tv-guide-module .schedules .schedules-toggle-container .schedules-missed {
margin-left: auto;
}
.tv-guide-module .schedules .schedules-toggle-container .schedules-missed a {
min-height: var(--tv-guide-toggle-height, 64px);
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .schedules-toggle-container .schedules-missed {
display: none;
}
}
.tv-guide-module .schedules .schedules-toggle {
align-items: center;
background-color: var(--tv-guide-toggle-bg, #fff);
border-radius: 4px 4px 0 0;
color: var(--tv-guide-toggle-color, inherit);
cursor: pointer;
display: inline-flex;
font-size: 12px;
font-weight: 600;
margin: 0 auto;
line-height: 16px;
padding: 8px 16px;
position: relative;
text-transform: uppercase;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedules-toggle {
margin: 0;
font-size: 16px;
padding: 20px 40px;
}
}
.tv-guide-module .schedules .schedules-toggle:after {
background: url("data:image/svg+xml,%0A%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M4.46967 8.46967C4.76256 8.17678 5.23744 8.17678 5.53033 8.46967L12 14.9393L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L12.5303 16.5303C12.2374 16.8232 11.7626 16.8232 11.4697 16.5303L4.46967 9.53033C4.17678 9.23744 4.17678 8.76256 4.46967 8.46967Z%27 fill=%27black%27/%3E%3C/svg%3E%0A")
no-repeat center/contain;
content: "";
display: block;
height: 20px;
margin-left: 4px;
transition: transform 0.3s;
width: 20px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedules-toggle:after {
height: 24px;
width: 24px;
}
}
.tv-guide-module .schedules .schedules-toggle.show:after {
transform: rotate(180deg);
}
.tv-guide-module .schedules .schedules-toggle.show,
.tv-guide-module .schedules .schedules-toggle.playlist-active {
margin-top: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 99;
}
.tv-guide-module .schedules .playlist-toggle {
display: none;
}
.tv-guide-module .schedules .playlist-toggle.playlist-active {
display: block;
}
.tv-guide-module .schedules .schedules-header {
background-color: var(--tv-guide-schedule-header-bg, #f1f1f1);
padding: 10px 16px;
}
.tv-guide-module .schedules .schedules-header .tv-guide-module__container {
display: flex;
gap: 50px;
justify-content: center;
}
.tv-guide-module .schedules .schedules-header a {
border-bottom: 2px solid transparent;
display: block;
color: var(--tv-guide-schedule-header-link, #696969);
font-size: 14px;
font-weight: 800;
line-height: 22px;
outline: 0;
padding: 6px 0;
text-decoration: none !important;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedules-header a {
font-size: 20px;
line-height: 24px;
}
}
.tv-guide-module .schedules .schedules-header a:hover {
color: var(--tv-guide-schedule-header-link-active, #000000);
}
.tv-guide-module .schedules .schedules-header a.active {
color: var(--tv-guide-schedule-header-link-active, #000000);
border-bottom-color: currentColor;
}
.tv-guide-module .schedules .schedule-banner {
color: var(--tv-guide-schedule-banner-color, #fff);
position: relative;
background: no-repeat center/cover, #161616;
border-bottom: 1px solid #484848;
padding: 24px 0;
display: flex;
align-items: center;
min-height: 240px;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .schedule-banner {
padding: 0;
}
}
.tv-guide-module .schedules .schedule-banner .schedule-banner-badge {
background-color: var(--tv-guide-badge-bg, #000000);
border-radius: 50px;
color: #fff;
font-size: 11px;
line-height: 22px;
padding: 8px 12px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-banner .schedule-banner-badge {
font-size: 16px;
line-height: 24px;
}
}
.tv-guide-module .schedules .schedule-banner .schedule-banner-content {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
gap: 8px;
max-width: 56%;
}
.tv-guide-module .schedules .schedule-banner h4 {
font-size: 28px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
line-height: 1.1;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedules .schedule-banner h4 {
font-size: 36px;
}
}
.tv-guide-module .schedules .schedule-banner h5 {
font-size: 16px;
letter-spacing: 0.03em;
line-height: 1;
font-weight: 500;
margin: 0;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-banner h5 {
font-size: 18px;
}
}
.tv-guide-module .schedules .schedule-banner p {
font-size: 12px;
font-weight: 300;
line-height: 1.2;
margin: 0;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedules .schedule-banner p {
font-size: 15px;
font-weight: 300;
}
}
.tv-guide-module .schedules .schedule-banner .promo-button {
background: var(--tv-guide-schedule-promo-btn-bg, black);
color: var(--tv-guide-schedule-promo-btn-color, #fff);
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
line-height: 1;
margin-top: 8px;
padding: 12px 16px;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-banner .promo-button {
font-size: 16px;
padding: 16px 32px;
}
}
.tv-guide-module .schedules .schedule-tabcontent {
color: var(--tv-guide-tab-content-color, #ffffff);
display: none;
position: relative;
}
.tv-guide-module .schedules .schedule-tabcontent.active {
display: block;
}
.tv-guide-module .schedules .schedule-channels-container {
display: grid;
grid-template-columns: 104px 1fr;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-channels-container {
grid-template-columns: 250px 1fr;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .schedule-channels-container {
margin-left: -16px;
margin-right: -16px;
}
}
.tv-guide-module .schedules .schedule-channels {
padding-top: 80px;
margin-top: 64px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-channels {
padding-top: 16px;
margin-top: 72px;
}
}
.tv-guide-module .schedules .schedule-channels__name {
align-items: center;
background: no-repeat center/cover;
background-color: var(--tv-guide-schedule-channel-name-bg, #202020);
border: 1px solid var(--tv-guide-schedule-channel-border, #484848);
border-right-color: var(--tv-guide-schedule-channel-border-alt, #484848);
color: var(--tv-guide-schedule-channel-name-color, #fff);
display: flex;
font-family: var(--tv-guide-schedule-channel-name-font, inherit);
font-size: 14px;
font-weight: 700;
line-height: 22px;
height: 100px;
padding: 16px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-channels__name {
font-size: 18px;
padding: 16px 48px;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .schedule-channels__name {
border-left: 0;
}
}
.tv-guide-module .schedules .schedule-channels__name:not(:last-child) {
border-bottom: 0;
}
.tv-guide-module .schedules .schedule-channels__name:first-child {
border-top-color: var(--tv-guide-schedule-channel-border-alt, #484848);
}
.tv-guide-module .schedules .schedule-channels-slider {
overflow: hidden;
position: relative;
padding-top: 80px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .schedule-channels-slider {
padding-top: 16px;
}
}
.tv-guide-module .schedules .schedule-channels-slider .swiper-pagination {
display: none;
}
.tv-guide-module .schedules .video-slider-row,
.tv-guide-module .schedules .current-time-indicator-track {
width: calc(228px * var(--timeline-slot-count, 9));
}
.tv-guide-module .schedules .current-time-indicator-track {
left: 0;
position: absolute;
top: 84px;
transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .current-time-indicator-track {
top: 28px;
}
}
.tv-guide-module .schedules .current-time-indicator {
color: var(--tv-guide-schedule-current, #ffe900);
display: none;
font-size: 18px;
font-weight: 500;
line-height: 1;
position: absolute;
top: 16px;
transform: translateX(-50%);
}
.tv-guide-module .schedules .current-time-indicator:after,
.tv-guide-module .schedules .current-time-indicator:before {
background: currentColor;
content: "";
left: 50%;
margin-top: 4px;
position: absolute;
top: 100%;
transform: translateX(-50%);
width: 1px;
}
.tv-guide-module .schedules .current-time-indicator:after {
height: 24px;
width: 1px;
}
.tv-guide-module .schedules .current-time-indicator:before {
border-radius: 50%;
height: 6px;
transform: translate(-50%, -50%);
width: 6px;
}
.tv-guide-module .schedules .time-slider-swiper-container {
position: relative;
}
.tv-guide-module .schedules .time-slider-swiper-container .swiper-button-next,
.tv-guide-module .schedules .time-slider-swiper-container .swiper-button-prev {
right: 16px;
top: -40px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .time-slider-swiper-container .swiper-button-next,
.tv-guide-module
.schedules
.time-slider-swiper-container
.swiper-button-prev {
right: 48px;
top: 6px;
}
}
.tv-guide-module .schedules .time-slider-swiper-container .swiper-button-prev {
left: auto;
margin-right: 60px;
}
.tv-guide-module .schedules .time-slider-swiper-container + .video-slider-row {
border-top-color: var(--tv-guide-schedule-channel-border-alt, #484848);
}
.tv-guide-module .schedules .time-slider-swiper {
padding-bottom: 50px;
}
.tv-guide-module .schedules .time-slider-swiper .swiper-slide {
font-size: 14px;
font-weight: 600;
line-height: 1;
display: block;
position: relative;
text-transform: uppercase;
width: 228px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .time-slider-swiper .swiper-slide {
font-size: 18px;
line-height: 22px;
}
}
.tv-guide-module .schedules .time-slider-swiper .swiper-slide:after,
.tv-guide-module .schedules .time-slider-swiper .swiper-slide:before {
content: "";
position: absolute;
top: 100%;
display: block;
width: 1px;
background: currentColor;
}
.tv-guide-module .schedules .time-slider-swiper .swiper-slide:after {
left: 0;
height: 24px;
margin-top: 26px;
}
.tv-guide-module .schedules .time-slider-swiper .swiper-slide:before {
left: 50%;
height: 12px;
margin-top: 38px;
}
.tv-guide-module .schedules .video-slider-row {
display: flex;
flex-wrap: nowrap;
height: 100px;
overflow: hidden;
margin-left: 0;
transition: all 0.3s;
background: repeating-linear-gradient(
45deg,
var(--tv-guide-schedule-channel-border, #484848),
var(--tv-guide-schedule-channel-border, #484848) 1px,
var(--tv-guide-schedule-channel-bg, #141414) 1px,
var(--tv-guide-schedule-channel-bg, #141414) 100px
);
border: 1px solid var(--tv-guide-schedule-channel-border, #484848);
border-left: 0;
}
.tv-guide-module .schedules .video-slider-row:not(:last-child) {
border-bottom: 0;
}
.tv-guide-module .schedules .video-slider-row > div {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
min-height: 1px;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.tv-guide-module .schedules .video-slider-row .video-slide-col {
cursor: pointer;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 1;
margin-left: calc(228px * var(--left));
width: calc(228px * var(--width));
}
.tv-guide-module .schedules .video-slider-row .video-slide-col:hover {
overflow: visible;
z-index: 3;
}
.tv-guide-module
.schedules
.video-slider-row
.video-slide-col:hover
.video_thumb:after {
opacity: 1;
background: linear-gradient(to bottom, transparent, #161616);
}
.tv-guide-module
.schedules
.video-slider-row
.video-slide-col:hover
.video-slide-col__content {
color: var(--tv-guide-schedule-channel-color-hover, #fff);
background-color: var(--tv-guide-schedule-channel-card-hover, #484848);
}
.tv-guide-module .schedules .video-slider-row .video-slide-col__content {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
align-items: center;
color: var(--tv-guide-schedule-channel-color, #fff);
background-color: var(--tv-guide-schedule-channel-card, #161616);
border-left: 1px solid var(--tv-guide-schedule-channel-border, #484848);
border-right: 1px solid var(--tv-guide-schedule-channel-border, #484848);
display: flex;
min-width: 177.7777777778px;
padding: 24px;
transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .video-slider-row .video-slide-col__content {
min-width: 177.7777777778px;
}
}
.tv-guide-module .schedules .video-slider-row .video-slide-col .strt-time {
z-index: 1;
color: #fff;
font-size: 10px;
display: block;
padding: 10px;
position: relative;
}
.tv-guide-module
.schedules
.video-slider-row
.video-slide-col.preview-active
.strt-time,
.tv-guide-module
.schedules
.video-slider-row
.video-slide-col.preview-active
h3 {
display: none;
}
.tv-guide-module
.schedules
.video-slider-row
.video-slide-col.preview-active
.video_thumb:after {
content: none;
}
.tv-guide-module .schedules .video-slider-row .video-slide-col__link::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.tv-guide-module .schedules .video-slider-row .video_thumb {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.tv-guide-module .schedules .video-slider-row .video_thumb:hover:after {
opacity: 0;
}
.tv-guide-module .schedules .video-slider-row .video_thumb img {
width: 100%;
height: 170px;
object-fit: cover;
}
.tv-guide-module .schedules .video-slider-row .video_thumb:after {
content: "";
position: absolute;
background-color: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
transition: opacity 0.3s;
}
.tv-guide-module .schedules .video-slider-row .video_thumb .preview-video {
position: relative;
display: none;
height: 100%;
background-color: #000;
}
.tv-guide-module
.schedules
.video-slider-row
.video_thumb
.preview-video
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tv-guide-module .schedules .video-slider-row h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin: 0;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .video-slider-row h3 {
font-size: 16px;
line-height: 20px;
}
}
.tv-guide-module .schedules .playlist-row + .playlist-row {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .playlist-row + .playlist-row {
margin-top: 50px;
}
}
.tv-guide-module .schedules .playlist-heading {
font-size: 20px;
color: #fff;
font-weight: 500;
margin: 0 0 16px;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedules .playlist-heading {
font-size: 22px;
}
}
.tv-guide-module .schedules .playlist-videos {
align-items: start;
display: grid;
gap: 16px;
position: relative;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .playlist-videos {
gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedules .playlist-videos {
gap: 32px 24px;
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 1440px) {
.tv-guide-module .schedules .playlist-videos {
grid-template-columns: repeat(4, 1fr);
}
}
.tv-guide-module .schedules .playlist-videos .playlist-video {
align-items: center;
display: grid;
grid-template-columns: 140px 1fr;
gap: 12px;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .playlist-videos .playlist-video {
grid-template-columns: 1fr;
}
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-content {
display: grid;
gap: 4px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-content {
gap: 8px;
}
}
.tv-guide-module .schedules .playlist-videos .playlist-video h3 {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 0;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .playlist-videos .playlist-video h3 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules .playlist-videos .playlist-video h3 {
font-size: 18px;
}
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-thumb {
position: relative;
padding-top: 56.25%;
display: flex;
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-thumb:before {
content: "";
position: absolute;
bottom: 20px;
left: 20px;
border-style: solid;
border-width: 7px 12px;
border-color: transparent transparent transparent #fff;
z-index: 1;
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-thumb img {
object-fit: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-desc,
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-duration {
font-size: 13px;
}
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-desc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedules .playlist-videos .playlist-video .pv-duration {
font-size: 12px;
}
}
.tv-guide-module .schedules .schedules-updated-notification {
background: #000;
border-radius: 6.5px;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 12px;
line-height: 1.2;
padding: 1rem;
position: fixed;
right: 10px;
top: 80px;
width: 321px;
z-index: 999999;
}
.tv-guide-module .schedules .schedules-updated-notification .dismiss {
cursor: pointer;
color: gray;
display: flex;
position: absolute;
right: 5px;
top: 5px;
}
.tv-guide-module .schedules-missed {
text-align: center;
}
.tv-guide-module .schedules-missed a {
align-items: center;
color: #fff !important;
display: flex;
font-size: 14px;
font-weight: 600;
line-height: 22px;
justify-content: center;
text-decoration: none;
text-transform: uppercase;
}
.tv-guide-module .schedules-missed a::before {
background: url("data:image/svg+xml,%0A%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%279.78992%27 cy=%279.78992%27 r=%277.52%27 stroke=%27white%27 stroke-width=%271.2%27/%3E%3Cpath d=%27M9.43999 6.46692L12.5779 9.08188C13.0577 9.48167 13.0577 10.2185 12.5779 10.6183L9.43999 13.2333C8.78866 13.776 7.7998 13.3129 7.7998 12.4651V7.23514C7.7998 6.3873 8.78866 5.92415 9.43999 6.46692Z%27 stroke=%27white%27 stroke-width=%271.2%27/%3E%3C/svg%3E%0A")
no-repeat center/contain;
content: "";
display: block;
height: 16px;
margin-right: 4px;
width: 16px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules-missed a::before {
height: 20px;
width: 20px;
}
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules-missed a {
font-size: 16px;
line-height: 24px;
}
}
.tv-guide-module .schedules-missed--mobile {
margin: 24px 0;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedules-missed--mobile {
display: none;
}
}
.tv-guide-module .cta-promo {
margin: 24px 0;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .cta-promo {
margin: 32px 0 60px;
}
.tv-guide-module .cta-promo__mobile {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .cta-promo__desktop {
display: none !important;
}
}
.tv-guide-module .cta-promo img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.tv-guide-module .schedule-lists {
padding: 0.5rem 0;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-lists {
padding: 2rem 0;
}
}
.tv-guide-module .schedule-lists:not(.active) {
display: none;
}
.tv-guide-module .schedule-lists__heading {
font-size: 20px;
color: #fff;
font-family: inherit;
font-weight: 500;
margin: 0 0 8px;
}
.tv-guide-module .schedule-lists__heading:not(:first-child) {
margin-top: 2rem;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedule-lists__heading {
font-size: 22px;
}
}
.tv-guide-module .schedule-lists__item {
align-items: center;
color: #fff;
cursor: pointer;
display: flex;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-lists__item {
background-color: #4c3171;
}
}
.tv-guide-module .schedule-lists__item:hover,
.tv-guide-module .schedule-lists__item.active {
background-color: #512f75;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-lists__item:hover,
.tv-guide-module .schedule-lists__item.active {
background-color: #7a5fb1;
}
}
.tv-guide-module .schedule-lists__item + .schedule-lists__item {
margin-top: 0.5rem;
}
.tv-guide-module .schedule-lists__item-thumb {
aspect-ratio: 16/9;
overflow: hidden;
position: relative;
width: 35%;
}
.tv-guide-module .schedule-lists__item-cover {
height: 100%;
object-fit: cover;
position: absolute;
width: 100%;
z-index: 1;
}
.tv-guide-module .schedule-lists__item-video {
height: 100%;
position: absolute;
width: 100%;
}
.tv-guide-module .schedule-lists__item-content {
flex: 1;
padding: 0.5rem 1rem;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-lists__item-content {
padding: 1rem 2rem;
}
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedule-lists__item-content {
padding: 1.5rem 2rem;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedule-lists__item-time {
font-size: 11px;
}
}
.tv-guide-module .schedule-lists__item-title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: inherit;
font-size: 16px;
margin: 4px 0;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .schedule-lists__item-title {
font-size: 18px;
margin: 0.5rem 0;
}
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .schedule-lists__item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 24px;
}
}
.tv-guide-module .schedule-lists__item-desc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 500;
line-height: 1.3;
margin: 0;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .schedule-lists__item-desc {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
}
}
.tv-guide-module .jumptotime {
align-items: center;
color: #fff;
cursor: pointer;
display: none;
font-size: 20px;
line-height: 0.8;
font-weight: 500;
padding: 1rem 0 1rem 2px;
position: relative;
text-transform: uppercase;
z-index: 11;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .jumptotime {
padding: 10px 0;
}
}
.tv-guide-module .jumptotime::before {
background: #72bedf;
border: 3px solid #372853;
border-radius: 20px;
box-shadow: 0 0 0 1.5px #72bedf;
content: "";
display: inline-block;
height: 16px;
margin-bottom: 2px;
margin-right: 10px;
width: 16px;
}
@media only screen and (max-width: 767px) {
.tv-guide-module .jumptotime::before {
box-shadow: 0 0 0 1px #72bedf;
height: 14px;
width: 14px;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .jumptotime {
font-size: 12px;
}
}
.tv-guide-module .jumptotime span {
font-weight: 300;
margin-left: 40px;
}
.tv-guide-module .tv-guide-module-inner.schedule-active .video-container {
display: none;
}
.tv-guide-module .tv-guide-module-inner.schedule-active .schedules-wrapper {
display: block;
}
.tv-guide-module .tv-guide-module-inner.video-active .video-container {
display: block;
}
.tv-guide-module .tv-guide-module-inner.video-active .schedules-wrapper {
display: none;
}
.tv-guide-module .return-to-site {
align-items: center;
display: none;
justify-content: center;
gap: 4px;
position: fixed;
left: 15px;
top: 15px;
width: 170px;
text-align: center;
height: 30px;
color: #fff !important;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
line-height: 30px;
z-index: 999;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module .return-to-site {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.tv-guide-module .return-to-site {
left: 0;
margin-bottom: 16px;
position: relative;
width: 100%;
}
}
.tv-guide-module .return-to-site svg {
height: 16px;
width: 16px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module .return-to-site svg {
height: 20px;
width: 20px;
}
}
.tv-guide-for-iframe .tv-guide-module,
.tv-guide-fullscreen .tv-guide-module {
bottom: 0;
left: 0;
right: 0;
position: fixed;
top: 0;
}
.tv-guide-for-iframe .tv-guide-module-inner,
.tv-guide-fullscreen .tv-guide-module-inner {
display: flex;
height: 100%;
flex-direction: column;
overflow: auto;
}
.tv-guide-for-iframe .tv-guide-module-inner.video-active .video-container,
.tv-guide-fullscreen .tv-guide-module-inner.video-active .video-container {
display: flex;
flex: 1;
max-width: 100%;
width: 100%;
}
.tv-guide-for-iframe
.tv-guide-module-inner.video-active
.video-container
.tv-guide__video,
.tv-guide-fullscreen
.tv-guide-module-inner.video-active
.video-container
.tv-guide__video {
align-items: center;
display: flex;
margin: 0 auto;
}
.tv-guide-for-iframe
.tv-guide-module-inner.video-active
.video-container
.tv-guide__video
.jwplayer,
.tv-guide-fullscreen
.tv-guide-module-inner.video-active
.video-container
.tv-guide__video
.jwplayer {
left: 0;
position: absolute;
right: 0;
}
.tv-guide-for-iframe .tv-guide-module-inner.schedule-active .schedules,
.tv-guide-fullscreen .tv-guide-module-inner.schedule-active .schedules {
flex: 1;
}
.tv-guide-for-iframe .return-to-site {
display: none !important;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
:root {
--font-heading: Rizoma L, serif, Times New Roman, serif;
}
html {
font-size: 16px;
}
button,
input,
select,
optgroup,
textarea {
color: #161616;
font-family: "Sohne", sans-serif, "Helvetica Neue", sans-serif;
font-weight: 300;
line-height: 1;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "vjs-custom-icon";
src: url(3f7959c4afe749cc811c.eot);
src: url(3f7959c4afe749cc811c.eot?#iefix) format("embedded-opentype"),
url(c08004cba5a69b427c96.woff) format("woff"),
url(118dd7ddf84629abc108.ttf) format("truetype"),
url(b4f454335203aaf32779.svg#vjs-custom-icon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.vjs-icon-link:before,
.vjs-icon-embed:before {
font-family: "vjs-custom-icon" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.vjs-icon-link:before {
content: "a";
}
.vjs-icon-embed:before {
content: "b";
}
.vjs-icon-close:before {
content: "d";
}
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-footer,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Rizoma L", serif;
}
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "Rizoma L", serif;
}
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.5em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 3.125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.5em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.875em;
}
.site-title,
.site-description,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.25em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.8em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.64em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
hyphens: none;
word-break: break-word;
}
@media only screen and (min-width: 768px) {
.entry-title {
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.64em;
font-style: normal;
font-family: "Rizoma L", serif;
}
pre {
font-size: 0.8em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.8em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
html[lang="ar"] .site *,
html[lang="ary"] .site *,
html[lang="azb"] .site *,
html[lang="ckb"] .site *,
html[lang="fa-IR"] .site *,
html[lang="haz"] .site *,
html[lang="ps"] .site * {
font-family: Tahoma, Arial, sans-serif !important;
}
html[lang="be"] .site *,
html[lang="bg-BG"] .site *,
html[lang="kk"] .site *,
html[lang="mk-MK"] .site *,
html[lang="mn"] .site *,
html[lang="ru-RU"] .site *,
html[lang="sah"] .site *,
html[lang="sr-RS"] .site *,
html[lang="tt-RU"] .site *,
html[lang="uk"] .site * {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif !important;
}
html[lang="zh-HK"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "PingFang HK",
"Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
html[lang="zh-TW"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "PingFang TC",
"Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
html[lang="zh-CN"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
"Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
html[lang="bn-BD"] .site *,
html[lang="hi-IN"] .site *,
html[lang="mr"] .site *,
html[lang="ne-NP"] .site * {
font-family: Arial, sans-serif !important;
}
html[lang="el"] .site * {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
html[lang="gu"] .site * {
font-family: Arial, sans-serif !important;
}
html[lang="he-IL"] .site * {
font-family: "Arial Hebrew", Arial, sans-serif !important;
}
html[lang="ja"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo,
"Helvetica Neue", sans-serif !important;
}
html[lang="ko-KR"] .site * {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum,
sans-serif !important;
}
html[lang="th"] .site * {
font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif !important;
}
html[lang="vi"] .site * {
font-family: "Libre Franklin", sans-serif !important;
}
.article-body img {
width: 100%;
}
.site {
margin-bottom: 0;
}
body.noheader .site,
body.mobileapp .site {
margin-bottom: 0;
}
.site .site-content {
min-height: 100rem;
}
.fixed + .site-content {
padding-top: 0;
}
.site-content {
position: relative;
background: #f4f4f4;
z-index: 1;
}
body.home {
background-color: #1b1a1f;
position: relative;
}
body.home #page #content {
width: 100%;
background: url(d2924a402014494b4703.webp) no-repeat center center;
background-size: 100% 100%;
}
body.home .dark-mode-enabled {
width: 100%;
color: #fff;
}
#wpadminbar {
top: 60px;
}
@media only screen and (min-width: 1124px) {
#wpadminbar {
top: 146px;
}
#wpadminbar.fixed {
top: 70px;
}
}
body.noheader #wpadminbar {
top: 0;
}
@media screen and (min-width: 1124px) {
body.noheader #wpadminbar {
top: 0;
}
}
.ess-episode-hero {
width: 100%;
height: 594px;
display: block;
background-blend-mode: overlay;
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.ess-episode-hero .ess-episode-hero-container {
padding: 50px 40px;
max-width: 2550px;
width: 100%;
margin: 0 auto;
}
.ess-episode-hero .ess-episode-hero-container .ess-episode-hero-logo {
max-width: 350px;
width: 100%;
}
.ess-episode-hero .ess-episode-hero-container p {
max-width: 600px;
font-size: 15px;
line-height: 1.47;
color: #fff;
}
.ess-episode-hero .ess-episode-hero-container .ess-episode-hero-btn {
display: flex;
align-items: center;
gap: 20px;
}
.ess-episode-hero .ess-episode-hero-container .ess-episode-hero-btn a {
padding: 14px 25px;
border: solid 2px #fff;
background: rgba(0, 0, 0, 0.3);
font-size: 12px;
letter-spacing: 0.5px;
color: #fff;
text-transform: uppercase;
border-radius: 50px;
text-decoration: none;
line-height: normal;
font-weight: bold;
}
.ess-episode-hero .ess-episode-hero-container .ess-episode-hero-btn button {
background: none;
border: none;
padding: 0;
outline: 0;
cursor: pointer;
}
.ess-episode-hero .ess-episode-hero-container .ess-episode-hero-btn button img {
display: block;
}
.ess-episode-summary-container {
background: #1b1a1f;
}
.ess-episode-summary-container .ess-episode-summary-nav {
position: sticky;
top: 0;
display: flex;
justify-content: center;
list-style: none;
padding: 20px 25px 25px 25px;
margin: 0;
gap: 20px;
background: #1b1a1f;
z-index: 99;
}
.ess-episode-summary-container .ess-episode-summary-nav li a {
text-decoration: none;
letter-spacing: 0.5px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
position: relative;
}
.ess-episode-summary-container .ess-episode-container {
display: flex;
flex-flow: wrap;
padding: 0 40px;
max-width: 2550px;
}
.ess-episode-summary-container .ess-episode-container .ess-episode-card {
width: calc(33.3333333333% - 16px);
margin: 8px;
}
.ess-episode-summary-container .ess-episode-container .ess-episode-card a {
text-decoration: none;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card
a
.ess-episode-card-img {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card
a
.ess-episode-card-img
img {
max-width: 100%;
display: block;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card
a
.ess-episode-card-img:before {
content: "";
width: 80px;
height: 80px;
border: solid 3px #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.5s ease 0s;
z-index: 2;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card
a
.ess-episode-card-img:after {
content: "";
position: absolute;
left: calc(50% + 5px);
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 32px solid #fff;
opacity: 0;
transition: all 0.5s ease 0s;
z-index: 2;
}
.ess-episode-summary-container .ess-episode-container .ess-episode-card h5 {
font-size: 17px;
line-height: 19px;
letter-spacing: 0;
color: #d04efd;
margin: 15px 0 0 0;
}
.ess-episode-summary-container .ess-episode-container .ess-episode-card p {
font-size: 17px;
line-height: 22px;
letter-spacing: 0;
color: #a4a6c8;
overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ess-episode-summary-container .ess-summary-container {
display: flex;
gap: 50px;
padding: 80px 0 120px 0;
}
.ess-episode-summary-container .ess-summary-container h4 {
font-size: 30px;
letter-spacing: 2.7px;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.ess-episode-summary-container .ess-summary-container p {
font-size: 25px;
line-height: 39px;
letter-spacing: 0;
color: #d3d3d3;
margin: 0;
}
.ess-episode-summary-container .ess-episode-summary-nav li a.active:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 3px;
background: #d04efd;
bottom: -8px;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card:hover
.ess-episode-card-img:before,
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card:hover
.ess-episode-card-img:after {
opacity: 1;
transition: all 0.5s ease 0s;
}
.ess-episode-summary-container
.ess-episode-container
.ess-episode-card:hover
img {
opacity: 0.6;
transition: all 0.5s ease 0s;
}
@media all and (max-width: 991px) {
.ess-episode-summary-container .ess-episode-container .ess-episode-card {
width: calc(50% - 10px);
}
.ess-summary-container p {
font-size: 18px;
line-height: 28px;
}
.ess-summary-container h4 {
font-size: 26px;
}
}
@media all and (max-width: 667px) {
.ess-episode-summary-container .ess-episode-container .ess-episode-card {
width: 100%;
margin: 10px 0;
}
.ess-summary-container {
flex-direction: column;
gap: 25px;
}
.ess-summary-container p {
font-size: 16px;
line-height: 22px;
}
.ess-summary-container h4 {
font-size: 22px;
}
}
.touts-category {
color: #bd1187;
}
#watch-container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0 40px;
box-sizing: border-box;
overflow: hidden;
color: #fff;
max-width: 2550px;
background-color: #1b1a1f;
}
#watch-container #video-player {
position: relative;
width: calc(100% + 76px);
margin-left: -38px;
background-color: #262534;
overflow: hidden;
}
#watch-container #video-player .player-contain {
position: relative;
width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
max-height: calc(100vh - 200px);
}
#watch-container #page-info-component.block {
width: 100%;
margin: 60px 0 73px;
box-sizing: border-box;
}
#watch-container #page-info-component .content-info {
display: flex;
position: relative;
vertical-align: top;
}
#watch-container #page-info-component .show-logo-container {
margin-bottom: 15px;
margin-right: 50px;
max-width: 250px;
}
#watch-container #page-info-component .show-logo-container img {
width: 100%;
object-fit: cover;
}
#watch-container #page-info-component .content-description {
display: flex;
flex-direction: column;
margin-right: 10%;
}
#watch-container #page-info-component .content-description .show-title {
font-family: "Sohne-Bold";
font-style: normal;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-size: 17px;
line-height: 1.12;
color: #b4bad7;
padding: 0;
margin: 0;
}
#watch-container #page-info-component .content-description .show-desc {
margin-top: 10px;
font-family: "Sohne-Regular";
font-style: normal;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-size: 17px;
line-height: 1.34;
color: #a4a6c8;
margin-bottom: 20px;
}
#watch-container #page-info-component .content-description .show-share ul {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
#watch-container #page-info-component .content-description .show-share ul li {
margin-right: 15px;
}
#watch-container
#page-info-component
.content-description
.show-share
ul
li
img {
cursor: pointer;
max-width: 20px;
filter: brightness(0.5) sepia(1) hue-rotate(-890deg) saturate(1);
}
#watch-container #page-info-component .content-description .show-share ul li p {
text-transform: uppercase;
color: #a4a6c8;
font-size: 11px;
font-family: "Sohne-Bold";
font-style: normal;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
@media screen and (max-width: 767px) {
#watch-container #page-info-component .content-info {
display: block;
}
#watch-container #page-info-component .show-logo-container {
margin-right: 0;
}
#watch-container #page-info-component .content-description {
margin-right: 0;
}
}
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #efc4e1;
}
::selection {
background-color: #efc4e1;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
font-size: 16px;
font-family: "Sohne", sans-serif;
font-weight: 300;
margin: 0;
padding: 0;
}
a {
transition: color 110ms ease-in-out;
color: #bd1187;
}
a:hover,
a:active {
color: #8e0d66;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
a {
transition: color 110ms ease-in-out;
color: #bd1187;
}
a:visited {
color: #bd1187;
}
a:hover,
a:active {
color: #8e0d66;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
font-family: "Rizoma L", serif;
font-weight: 400;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: none;
margin-left: 0;
font-family: "Rizoma L", serif;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
padding-top: 1rem;
color: #767676;
font-size: 1.875em;
text-transform: uppercase;
font-family: "Sohne", sans-serif;
}
blockquote cite:before {
content: "";
position: absolute;
right: 0;
border-top: 2px solid #bd1187;
width: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
blockquote cite:before {
border-top: 4px solid #bd1187;
width: calc(4 * 1rem);
}
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: "Rizoma L", serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
.ess-embed-content.youtube {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.ess-embed-content.youtube iframe,
.ess-embed-content.youtube .resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.ess-video-container .vdo {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.ess-video-container .vdo iframe,
.ess-video-container .vdo .resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.icon-podcast {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2757.34%27 height=%2750%27%3E%3Cpath fill=%27%23fff%27 data-name=%27Icon Podcast%27 d=%27M40.46 28.89v-2.75H38.3v3.32h-5.25v-8.87a4.375 4.375 0 1 0-8.75 0v8.87h-5.25v-3.32h-2.16v2.75A11.876 11.876 0 0 0 27.1 40.65l.49.06v7.52h2.16v-7.52l.5-.06a11.876 11.876 0 0 0 10.21-11.76zm-14-8.3a2.215 2.215 0 1 1 4.43 0v9.13a2.215 2.215 0 1 1-4.43 0v-9.13zm7.69 16.26a9.5 9.5 0 0 1-10.96 0 9.714 9.714 0 0 1-3.47-4.43l-.31-.78h5.32l.16.28a4.346 4.346 0 0 0 7.57 0l.16-.28h5.31l-.3.78a9.669 9.669 0 0 1-3.48 4.43zm13.72-7.96a19.324 19.324 0 0 0-5.62-13.68 19.133 19.133 0 0 0-27.15 0 19.46 19.46 0 0 0 0 27.36l.76.76 1.53-1.53-.76-.78a17.035 17.035 0 1 1 24.09 0l-.77.78 1.53 1.53.77-.76a19.324 19.324 0 0 0 5.62-13.68zm1.07-20.44a28.537 28.537 0 0 0-40.54 0 29.045 29.045 0 0 0 0 40.84l.71.72 1.42-1.43-.71-.72a26.665 26.665 0 1 1 37.71 0l-.71.72 1.41 1.43.71-.72a29.02 29.02 0 0 0 0-40.84z%27/%3E%3C/svg%3E");
}
.icon-gallery {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg data-name=%27Icon Gallery%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2744.65%27 height=%2734.63%27%3E%3Cpath fill=%27%23fff%27 data-name=%27Forme 1414%27 d=%27M5.98 6.04v28.6h38.69V6.04H5.98zm36.53 26.42H8.14V8.22h34.37v24.24zM38.69-.01H0V28.6h2.16V2.17h36.53V-.01z%27/%3E%3C/svg%3E");
}
@keyframes shockwave {
0% {
transform: scale(1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.8);
}
95% {
box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
}
100% {
transform: scale(2);
}
}
.na-sponsor {
align-items: center;
display: flex;
margin: 5px 0;
width: fit-content;
}
.na-sponsor__logo img {
display: block;
height: 20px;
max-width: 105px;
object-fit: contain;
width: auto;
}
.na-sponsor__name {
font-size: 8px;
font-weight: 700;
line-height: 1.2;
margin: 1px 4px 0 0;
text-transform: uppercase;
}
.essence-promo .na-sponsor {
margin: 0 0 24px;
}
.essence-promo .na-sponsor__name {
font-size: 10px;
}
.essence-promo .na-sponsor__logo img {
height: 26px;
max-width: 140px;
}
.card-blog .na-sponsor {
margin: 4px 0;
}
.essence-top-story .na-sponsor {
margin: 4px 0 0;
}
.essence-video-carousel .na-sponsor__logo img,
.video_landing-content .na-sponsor__logo img {
filter: invert(100%);
}
.article__header .na-sponsor {
margin: 24px auto;
}
.article__header .na-sponsor__name {
font-size: 14px;
letter-spacing: 0.5px;
}
.article__header .na-sponsor__logo img {
height: 50px;
max-width: 200px;
}
.transcript-header {
display: flex;
justify-content: space-between;
}
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #bd1187;
border: none;
box-sizing: border-box;
color: #fff;
font-family: "Sohne", sans-serif;
font-size: 0.8em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
background: #161616;
cursor: pointer;
}
.button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #161616;
color: #fff;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
-webkit-backface-visibility: hidden;
background: #fff;
outline: none;
border: 1px solid #ababab;
padding: 0.6rem;
margin: 0;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
.jwplayer-video {
margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
[id^="”jw-video”"].jw-flag-floating .jw-wrapper,
[id^="”jwplayer”"].jw-flag-floating .jw-wrapper {
top: 60px !important;
position: fixed;
max-width: 100% !important;
max-height: fit-content;
right: 0 !important;
}
}
[id^="”jw-video”"].jw-flag-floating .jw-wrapper,
[id^="”jwplayer”"].jw-flag-floating .jw-wrapper {
margin-top: 0 !important;
}
body.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal .close {
background: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27%3E%3C/path%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27%3E%3C/path%3E%3C/svg%3E")
no-repeat center/contain;
cursor: pointer;
height: 24px;
position: absolute;
right: 10px;
top: 10px;
width: 24px;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal-dialog-scrollable {
height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: 0.5;
z-index: -1;
}
.modal-body {
flex: 1 1 auto;
padding: 1rem;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
}
.ad-position {
transition: 0.3s ease-out;
background: #fff;
margin: 0 0 20px 0;
position: relative;
min-height: 30px;
}
@media screen and (min-width: 768px) {
.ad-position {
min-height: 20px;
}
}
.ad-position.essence_static_adhesion {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
margin: 0;
padding: 0;
}
.ad-position.essence_incontent_mobile {
min-height: 30px;
}
@media only screen and (min-width: 768px) {
.ad-position.essence_incontent_mobile {
display: none;
}
}
@media screen and (min-width: 768px) {
.ad-position.phone-only {
display: none;
}
}
.ad-position.outofpage {
position: fixed;
}
.ad-position.dfp-ads-horizontal.rendered {
padding: 3em 0 2em 0;
}
@media screen and (min-width: 768px) {
.ad-position.dfp-ads-horizontal.rendered {
padding: 2em 0;
}
}
.ad-position.dfp-ads-horizontal:before {
content: "Advertisement:\a Article continues after this message.";
white-space: pre;
text-transform: uppercase;
position: absolute;
top: 0;
left: 50%;
background: #fff;
padding: 0 15px;
z-index: 1;
transform: translate(-50%);
letter-spacing: -1px;
color: rgba(0, 0, 0, 0.4);
width: 500px;
line-height: 1.2em;
}
@media screen and (min-width: 768px) {
.ad-position.dfp-ads-horizontal:before {
content: "Advertisement: Article continues after this message.";
}
}
.ad-position.dfp-ads-horizontal:after {
content: "";
background: rgba(0, 0, 0, 0.2);
height: 1px;
position: absolute;
top: 7px;
width: 100%;
left: 0;
}
.ad-position.dfp-ads-horizontal.leaderboard:before,
.ad-position.dfp-ads-horizontal.leaderboard:after {
content: none;
}
.ad-position.essence_infinite_scroll {
min-height: 90px;
}
@media only screen and (min-width: 768px) {
.ad-position.essence_infinite_scroll.sticky {
position: sticky;
top: 70px;
z-index: 9;
min-height: 154px;
}
}
.ad-position.essence_right_rail {
min-height: 250px;
}
.ad-position.essence_right_rail_sticky {
position: sticky !important;
top: calc(70px + 1.5rem);
min-height: 250px;
}
@media only screen and (max-width: 1124px) {
article:not(:last-child).article--rightrail
.ad-position.essence_right_rail_sticky {
display: none;
}
}
body.home .ad-position.essence_incontent,
body.single-topic .ad-position.essence_incontent {
margin: 0 auto;
}
.article--rightrail .ad-position.essence_incontent {
max-width: calc(728px + 3rem);
margin: 0 auto 2rem;
min-height: 30px;
}
@media screen and (min-width: 768px) {
.article--rightrail .ad-position.essence_incontent {
min-height: 154px;
}
}
.ad-position.essence_incontent_mobile {
margin-bottom: 2rem;
}
body.newsletters #content,
body.preferences #content,
body.unsubscribe #content,
.newsletter-subscribe-inline {
background: repeating-linear-gradient(
40deg,
rgba(0, 0, 0, 0.03),
rgba(0, 0, 0, 0.03) 6px,
transparent 4px,
transparent 16px
),
linear-gradient(180deg, #5c29a5 0%, #912b8d 100%);
}
.subscribe-form {
display: flex;
flex-direction: column;
flex-flow: column;
justify-content: space-between;
}
.subscribe-form > *,
.subscribe-form .newsletter-options {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.subscribe-form {
flex-flow: row wrap;
}
}
.subscribe-form input[type="text"],
.subscribe-form input[type="email"],
.subscribe-form button {
width: 100%;
}
.subscribe-form input {
border: none;
border-bottom: 1px solid #fff;
}
.subscribe-form input::placeholder {
font-weight: 300;
text-align: center;
}
.subscribe-form button {
cursor: pointer;
border: none;
border-radius: 5px;
font-size: 1.2em;
font-weight: 900;
text-transform: uppercase;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: space-around;
}
.subscribe-form button.color-invert {
background: #fff;
color: #bd1187;
}
@media only screen and (min-width: 768px) {
.subscribe-form button {
position: absolute;
bottom: 0;
right: 0;
}
}
.subscribe-form .form-section-title {
text-align: center;
}
.subscribe-form .form-row {
position: relative;
margin: 20px auto 0 auto;
width: 100%;
}
.subscribe-form .form-row.clear {
width: 100%;
}
@media only screen and (min-width: 768px) {
.subscribe-form .form-row {
width: 45%;
}
}
.subscribe-form .newsletter-options .form-row {
width: 45%;
}
.subscribe-form .form-control {
border: 1px solid #ababab;
background: #fff;
display: block;
outline: none;
padding: 0.6rem;
width: 100%;
}
.subscribe-form .form-control:focus {
border-color: #bd1187;
}
.subscribe-form .form-control::placeholder,
.subscribe-form .form-control::-webkit-input-placeholder,
.subscribe-form .form-control::-moz-placeholder {
color: #ababab;
opacity: 1;
}
.subscribe-form .form-row {
margin-bottom: 10px;
}
.subscribe-form .form-label {
font-weight: 500;
}
.subscribe-form .form-input-check {
display: none;
}
.subscribe-form .form-input-check + span:before {
border: 2px solid #fff;
box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.15);
border-radius: 50%;
content: "";
height: 1.5em;
width: 1.5em;
margin-left: -2em;
position: absolute;
background: #bd1187;
}
.subscribe-form .form-input-check:checked + span:before {
background: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27 fill=%27%23fff%27 clip-rule=%27evenodd%27%3E%3Cpath d=%27M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z%27/%3E%3C/svg%3E")
no-repeat center/90%,
#bd1187;
}
.subscribe-form .disclaimer {
font-size: 0.65em;
font-style: italic;
line-height: 1.2em;
margin-top: 30px;
display: inline;
text-align: center;
font-weight: 700;
width: 100%;
}
.subscribe-form .disclaimer a {
text-decoration: underline;
}
.subscribe-form .error-invalid-required,
.subscribe-form .error-invalid-email,
.subscribe-form .error-invalid-confirm,
.subscribe-form .error-invalid-list {
display: none;
margin-top: 5px;
font-size: 12px;
color: #cf0000;
text-align: center;
}
.subscribe-form .invalid-required,
.subscribe-form .invalid-email,
.subscribe-form .invalid-confirm {
border-color: #cf0000 !important;
}
.subscribe-form .invalid-required,
.subscribe-form .invalid-required::placeholder,
.subscribe-form .invalid-required::-webkit-input-placeholder,
.subscribe-form .invalid-required::-moz-placeholder,
.subscribe-form .invalid-email,
.subscribe-form .invalid-email::placeholder,
.subscribe-form .invalid-email::-webkit-input-placeholder,
.subscribe-form .invalid-email::-moz-placeholder,
.subscribe-form .invalid-confirm,
.subscribe-form .invalid-confirm::placeholder,
.subscribe-form .invalid-confirm::-webkit-input-placeholder,
.subscribe-form .invalid-confirm::-moz-placeholder {
color: #cf0000 !important;
}
.subscribe-form .invalid-required ~ .error-invalid-required,
.subscribe-form .invalid-email ~ .error-invalid-email,
.subscribe-form .invalid-confirm ~ .error-invalid-confirm {
display: block;
}
.subscribe-form-success {
font-weight: 500;
padding: 2em;
text-align: center;
}
.subscribe-form-success::before {
content: url('data:image/svg+xml,');
display: block;
margin: 0 auto 2em;
width: 100px;
}
.subscribe-form-response {
display: none;
color: #cf0000;
}
.subscribe-form-loading {
display: none;
}
.subscribe-form-loading::before {
content: "";
display: block;
width: 20px;
height: 20px;
border: 2px solid rgba(189, 17, 135, 0.3);
border-radius: 50%;
border-top-color: #bd1187;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
margin: 0 auto;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.email-preferences {
max-width: 90%;
background: #fff;
margin: 0 auto;
padding: 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.email-preferences {
width: 600px;
padding: 3rem 1rem;
}
}
@media only screen and (min-width: 1124px) {
.email-preferences {
width: calc(8.5 * 90px);
}
}
.email-preferences button {
color: #fff;
background: #bd1187;
}
.email-preferences .subscribe-form-response {
display: none;
border-radius: 10px;
padding: 1rem 2rem 1rem 3rem;
margin-bottom: 2rem;
background: url("data:image/svg+xml,%0A%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 15C9.45 15 9 14.55 9 14V10C9 9.45 9.45 9 10 9C10.55 9 11 9.45 11 10V14C11 14.55 10.55 15 10 15ZM11 7H9V5H11V7Z%27 fill=%27%23cf0000%27/%3E%3C/svg%3E%0A")
no-repeat left 20px center,
rgba(207, 0, 0, 0.1);
}
.email-preferences .subscribe-form-loading {
margin-top: 15px;
}
.email-preferences .error-invalid-list {
width: 100%;
}
.email-preferences .title,
.email-preferences .subtitle {
text-align: center;
}
.email-preferences .title {
font-size: 1.5em;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.email-preferences .title {
font-size: 2em;
}
}
.email-preferences .title:after {
content: "";
display: block;
margin: 0 auto 20px auto;
width: 25%;
padding-top: 20px;
border-bottom: 1px solid #000;
}
.email-preferences .subtitle {
color: #bd1187;
font-size: 1.3em;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.email-preferences .subtitle {
margin: 0 0 1rem;
font-size: 1.5em;
padding: 0 1.7rem 1.5rem;
}
}
.email-preferences .subscribe-form-options {
width: 80%;
margin: 0 auto;
}
.email-preferences .subscribe-form-options .form-row {
width: 100%;
}
.email-preferences .form-section-title {
color: #bd1187;
font-size: 1.2em;
font-weight: 700;
margin: 1.5rem 0 0.5rem 0;
text-transform: uppercase;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 768px) {
.email-preferences .form-section-title {
font-size: 1.2em;
}
}
.email-preferences .form-label {
color: #bd1187;
}
.email-preferences .form-desc {
cursor: pointer;
font-size: 1em;
margin-left: -0.3em;
padding-left: 0.3em;
padding-bottom: 0.5rem;
position: relative;
}
.email-preferences .form-control {
background: transparent;
border: none;
border-bottom: 1px solid #432452;
font-weight: inherit;
padding: 0.5rem 0.3rem;
width: calc(100% + 0.3rem);
margin-left: -0.3rem;
}
.email-preferences .form-control option {
color: #161616;
}
.email-preferences select.form-control:invalid {
color: #ababab;
}
.email-preferences .disclaimer {
margin: 1rem auto 0 auto;
}
@media only screen and (min-width: 768px) {
.email-preferences .disclaimer {
width: 70%;
}
}
@media only screen and (min-width: 768px) {
.email-preferences .newsletter-fields-section {
flex-flow: row wrap;
}
}
#newsletter-unsubscribe .subscribe-form-options {
display: flex;
}
@media only screen and (min-width: 768px) {
#newsletter-unsubscribe .subscribe-form-options {
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto 0 10em;
}
}
@media only screen and (min-width: 768px) {
#newsletter-unsubscribe .subscribe-form-options .form-row {
width: 45%;
}
}
#newsletter-subscribe-modal .close {
filter: invert(1);
}
#newsletter-subscribe-modal .modal-content {
background: #6e32a6;
background-size: cover;
min-height: 500px;
text-align: center;
justify-content: center;
font-size: 14px;
padding: 0.5rem;
}
@media only screen and (min-width: 768px) {
#newsletter-subscribe-modal .modal-content {
padding: 1rem;
}
}
#newsletter-subscribe-modal .modal-content .subtitle {
font-weight: 500;
}
#newsletter-subscribe-modal .modal-body {
flex: none;
color: #fff;
padding: 1rem 0;
}
#newsletter-subscribe-modal .form-section-title {
font-weight: 700;
margin: 1.5rem auto 0.5rem auto;
text-transform: uppercase;
}
#newsletter-subscribe-modal .title {
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
#newsletter-subscribe-modal .title {
font-size: 1.5rem;
}
}
#newsletter-subscribe-modal h4.selections {
font-weight: 700;
}
#newsletter-subscribe-modal .title {
margin: 0 0 10px;
}
#newsletter-subscribe-modal .title {
text-transform: uppercase;
}
#newsletter-subscribe-modal .title:after {
content: "";
display: block;
margin: 0 auto 20px auto;
width: 25%;
padding-top: 20px;
border-bottom: 1px solid #fff;
}
#newsletter-subscribe-modal .subscribe-form-options {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 0 auto 0 2em;
text-align: left;
column-gap: 2em;
}
@media only screen and (min-width: 768px) {
#newsletter-subscribe-modal .subscribe-form-options {
margin: 0 3em 0 7em;
}
}
#newsletter-subscribe-modal .subscribe-form-options .form-row {
position: relative;
margin: 20px auto 0 auto;
width: 45%;
}
@media only screen and (min-width: 768px) {
#newsletter-subscribe-modal .subscribe-form-options .form-row {
width: 45%;
}
}
#newsletter-subscribe-modal input {
color: #fff;
background: transparent;
}
#newsletter-subscribe-modal input::placeholder {
color: #fff;
}
#newsletter-subscribe-modal .form-control {
border: none;
border-bottom: 1px solid #fff;
}
#newsletter-subscribe-modal [class^="error-"] {
color: #fff;
text-align: center;
}
#newsletter-subscribe-modal .subscribe-form-response {
margin-bottom: 10px;
}
#newsletter-subscribe-modal .subscribe-form-loading {
margin-top: 10px;
}
#newsletter-subscribe-modal .disclaimer a {
color: #fff;
text-decoration: underline;
}
#newsletter-subscribe-modal .disclaimer {
order: 1;
-webkit-order: 1;
}
#newsletter-subscribe-modal .newsletter-select-section {
order: 2;
-webkit-order: 2;
}
@media only screen and (min-width: 768px) {
#newsletter-subscribe-modal .disclaimer,
#newsletter-subscribe-modal .newsletter-select-section {
order: unset;
-webkit-order: unset;
}
}
.confirmation-top-article {
margin: 0 auto;
max-width: 600px;
text-align: center;
position: relative;
}
.confirmation-top-article__link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.confirmation-top-article__article {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
padding: 10px;
}
@media only screen and (min-width: md) {
.confirmation-top-article__article {
padding: 10px 30px;
}
}
.confirmation-top-article__thumbnail,
.confirmation-top-article__content {
box-shadow: 5px 3px 2px rgba(0, 0, 0, 0.1);
}
.confirmation-top-article__content {
background: #fff;
margin: 0 auto;
position: relative;
padding: 10px;
width: 85%;
z-index: 1;
}
.confirmation-top-article__thumbnail + .confirmation-top-article__content {
margin-top: -50px;
}
.confirmation-top-article .entry-title {
font-size: 18px;
font-weight: 900;
margin: 10px 0;
}
@media only screen and (min-width: md) {
.confirmation-top-article .entry-title {
font-size: 24px;
}
}
.confirmation-top-article .entry-title:after {
content: "";
display: block;
width: 40px;
border: 1px solid #bd1187;
margin: 10px auto;
}
.confirmation-top-article .entry-category-list {
font-size: 12px;
}
.confirmation-top-article .headline-deck {
font-size: 14px;
}
.wp-block-ess-newsletter-signup {
padding: 1rem 0;
text-align: center;
}
.wp-block-ess-newsletter-signup.has-bg,
.wp-block-ess-newsletter-signup.has-mobile-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-shadow: 0 0 3px #000;
}
.wp-block-ess-newsletter-signup.has-bg {
background-image: var(--bg);
background-position: var(--bg-pos);
}
@media only screen and (max-width: 767px) {
.wp-block-ess-newsletter-signup.has-mobile-bg {
background-image: var(--mobile-bg);
background-position: var(--mobile-bg-pos);
}
}
.wp-block-ess-newsletter-signup__headline {
font-size: 1.4em;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.wp-block-ess-newsletter-signup__headline {
font-size: 1.9em;
}
}
.wp-block-ess-newsletter-signup .subscribe-form {
max-width: 650px;
margin: 1em auto 0;
justify-content: space-evenly;
}
.wp-block-ess-newsletter-signup .subscribe-form .form-row {
margin: 5px;
}
.wp-block-ess-newsletter-signup .subscribe-form .btn {
position: relative;
width: 200px;
margin: auto;
}
.wp-block-ess-newsletter-signup .subscribe-form [class^="error-"] {
color: #fff;
text-align: center;
}
.wp-block-ess-newsletter-signup .disclaimer {
margin-top: 1em;
}
.wp-block-ess-newsletter-signup .disclaimer a {
color: inherit;
text-decoration: underline;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
@media only screen and (max-width: 767px) {
.videostream .video-js.vjs-pip-y-bottom {
bottom: 4em;
}
.videostream .video-js.vjs-pip-x-left {
left: 1rem;
}
.videostream
.video-js.vjs-layout-small:not(.vjs-fullscreen)
.vjs-audio-button,
.videostream
.video-js.vjs-layout-small:not(.vjs-fullscreen)
.vjs-mute-control,
.videostream
.video-js.vjs-layout-small:not(.vjs-fullscreen)
.vjs-volume-control,
.videostream
.video-js.vjs-layout-small:not(.vjs-fullscreen)
.vjs-volume-panel,
.videostream
.video-js.vjs-layout-x-small:not(.vjs-fullscreen)
.vjs-audio-button,
.videostream
.video-js.vjs-layout-x-small:not(.vjs-fullscreen)
.vjs-mute-control,
.videostream
.video-js.vjs-layout-x-small:not(.vjs-fullscreen)
.vjs-volume-control,
.videostream
.video-js.vjs-layout-x-small:not(.vjs-fullscreen)
.vjs-volume-panel {
display: flex !important;
}
}
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc(calc(91.6666666667vw - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1280px) {
.wp-caption.aligncenter {
left: calc(calc(77.7958333333vw - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.64em;
font-family: "Rizoma L", serif;
line-height: 1.4;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.pubstack-infinite-scroll {
text-align: center;
}
.pubstack-infinite-scroll #svgspin {
display: none;
transition: opacity 0.3s;
opacity: 0;
fill: #161616;
}
.pubstack-infinite-scroll.working:not(.failed) {
padding: 3rem 0;
}
.pubstack-infinite-scroll.working:not(.failed) #svgspin {
display: inline;
opacity: 1;
}
#svgspin {
-webkit-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loadmore {
text-align: center;
}
.loadmore.hidden {
display: none;
}
.quick-social-icon {
position: absolute;
left: 1rem;
bottom: 3rem;
}
.quick-social-icon svg path {
fill: var(--pinterest-share-color, currentColor);
}
.article--rightrail .article-right-title {
text-align: center;
}
@media only screen and (max-width: 1124px) {
.article--rightrail .article-right-title {
display: none;
}
}
.article--single-column .article-right-title {
border-bottom: 1px solid #ababab;
font-family: inherit;
font-size: 18px;
letter-spacing: 0.1em;
padding-bottom: 13px;
text-transform: uppercase;
}
.article--single-column .article-right-title:after {
content: ".";
}
.article--rightrail .card-blog {
display: flex;
justify-content: space-between;
padding-bottom: 1rem;
border-bottom: none;
}
@media only screen and (min-width: 768px) {
.article--rightrail .card-blog {
padding-bottom: 1rem;
margin-bottom: 2rem;
border-bottom: none;
}
}
@media screen and (min-width: 1124px) {
.article--rightrail .card-blog {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid;
}
}
.article--rightrail .card-blog:empty {
display: none;
}
.blog-img {
margin-right: 1rem;
padding-top: 81px;
position: relative;
width: 144px;
}
@media only screen and (min-width: 768px) {
.blog-img {
width: 48%;
padding-top: 27%;
}
}
@media only screen and (min-width: 1124px) {
.blog-img {
padding-top: 81px;
width: 144px;
}
}
.blog-img.icon-video:before,
.blog-img.icon-gallery:before {
background-repeat: no-repeat;
background-position: center;
content: "";
display: block;
position: absolute;
z-index: 3;
}
.blog-img.icon-video:before {
background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2762%27 height=%2762%27 viewBox=%270 0 62 62%27 fill=%27none%27%3E%3Cg filter=%27url%28%23filter0_d_110_6%29%27%3E%3Ccircle cx=%2731%27 cy=%2730%27 r=%2730%27 fill=%27%23C13594%27/%3E%3Cpath d=%27M21 14L47 30L21 46V30V14Z%27 fill=%27white%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_110_6%27 x=%270%27 y=%270%27 width=%2762%27 height=%2762%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%271%27/%3E%3CfeGaussianBlur stdDeviation=%270.5%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_110_6%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_110_6%27 result=%27shape%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
no-repeat center/40px;
left: 50%;
height: 100%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.blog-img.icon-gallery:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg data-name=%27Icon Gallery%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2744.65%27 height=%2734.63%27%3E%3Cpath fill=%27%23fff%27 data-name=%27Forme 1414%27 d=%27M5.98 6.04v28.6h38.69V6.04H5.98zm36.53 26.42H8.14V8.22h34.37v24.24zM38.69-.01H0V28.6h2.16V2.17h36.53V-.01z%27/%3E%3C/svg%3E");
background-size: contain;
left: 1rem;
height: 8px;
top: 1rem;
width: 10px;
}
.blog-img img {
position: absolute;
max-height: none;
max-width: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.blog-data {
flex: 1;
}
.article--single-column .blog-data {
margin-bottom: 1rem;
}
.blog-data .category {
text-transform: uppercase;
margin: 0 0 0.125rem;
}
@media only screen and (min-width: 768px) {
.blog-data .category {
margin: 0 2rem 2rem 0;
}
}
@media screen and (min-width: 1124px) {
.blog-data .category {
margin: 0 0 0.125rem;
}
}
.article--single-column .blog-data__link {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: inherit;
font-size: 19px;
letter-spacing: 0.06em;
line-height: 1.7;
}
.article--single-column .blog-data__link:hover {
color: #bd1187;
}
.article--rightrail .read-more-blog {
margin: 2rem 0;
}
.article--single-column .read-more-blog {
margin: 0 auto 2rem;
max-width: 820px;
}
@media only screen and (min-width: 768px) {
.article--single-column .read-more-blog--float {
width: 328px;
float: right;
margin-left: 2rem;
}
}
@media only screen and (min-width: 820px) {
.article--single-column .read-more-blog--float {
margin-right: calc((100vw - 32px - 820px) / 2);
}
}
@media only screen and (min-width: 1920px) {
.article--single-column .read-more-blog--float {
margin-right: 534px;
}
}
.article--rightrail .read-more-blog--sticky {
margin-top: 0;
position: sticky;
top: calc(70px + 1.5rem);
}
.article--rightrail .article-right-title {
font-size: 20px;
letter-spacing: 0.25em;
line-height: 1;
margin: 0 0 25px;
text-align: center;
text-transform: uppercase;
letter-spacing: 4px;
}
.article--rightrail .article-right-title::after {
content: ".";
display: inline-block;
font-family: "serif";
font-size: 2rem;
line-height: 0;
}
@media only screen and (min-width: 768px) {
.article--rightrail .article-right-title {
font-size: 2.375rem;
letter-spacing: 10px;
}
.article--rightrail .article-right-title::after {
font-size: 3rem;
}
}
@media only screen and (min-width: 768px) {
.article--rightrail .article-right-title {
font-size: 38px;
margin-bottom: 3rem;
}
}
.article--rightrail .article-right-title a {
color: inherit !important;
text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
.article--rightrail .article-right-title {
font-size: 1.7rem;
letter-spacing: 4px;
}
.article--rightrail .article-right-title:after {
font-size: 2rem;
}
}
@media screen and (min-width: 1124px) {
.article--rightrail .card-blog {
border-color: #c1c1c1;
}
}
.article--rightrail .card-blog:last-child,
.article--rightrail .card-blog.last-card-blog,
.article--rightrail .card-blog:nth-child(6) {
border-bottom: none;
}
.blog-data .category {
font-size: 0.8em;
}
@media only screen and (min-width: 768px) {
.blog-data .category {
font-size: 1rem;
}
}
@media screen and (min-width: 1124px) {
.blog-data .category {
font-size: 0.64em;
}
}
.article--rightrail .blog-data__link {
color: #161616;
font-family: "Rizoma L", serif;
font-weight: 700;
font-size: 0.8em;
line-height: 1;
}
@media only screen and (min-width: 768px) {
.article--rightrail .blog-data__link {
font-size: 1.75rem;
line-height: 1.5;
}
}
@media only screen and (min-width: 1124px) {
.article--rightrail .blog-data__link {
font-size: 0.8rem;
}
}
.article--rightrail .blog-data__link:hover {
color: #bd1187;
text-decoration: none;
}
:root {
--pinterest-share-color: #bd1187;
}
.icon-bar {
position: sticky;
top: 120px;
width: 50px;
z-index: 2;
}
.icon-bar a {
border: 1px solid #ababab;
border-radius: 50%;
display: block;
height: 50px;
margin: 0 0 1rem;
width: 50px;
}
.icon-bar svg {
fill: #ababab;
margin: 12px;
}
.icon-bar--desktop {
margin-bottom: -264px;
}
.article--single-column .icon-bar--desktop {
margin-bottom: -236px;
padding-top: 2.25rem;
}
@media only screen and (min-width: 1300px) {
.article--single-column .icon-bar--desktop {
margin-left: calc(50vw - 650px);
}
}
@media only screen and (min-width: 1920px) {
.article--single-column .icon-bar--desktop {
margin-left: 310px;
}
}
.article--single-column .icon-bar--desktop:before {
border-top: 1px solid;
color: #ababab;
content: "SHARE THIS ARTICLE";
display: block;
font-size: 0.5rem;
padding: 0.5rem 1.5rem 0.8rem 0;
position: absolute;
top: 0;
white-space: nowrap;
}
.article--single-column .icon-bar--desktop a {
background: #ababab;
border: 0;
height: 34px;
width: 34px;
}
.article--single-column .icon-bar--desktop a:hover {
background: #161616;
}
.article--single-column .icon-bar--desktop svg {
fill: #fff;
margin: 5px 9px;
width: 1rem;
}
.icon-bar.sticky {
bottom: 4rem;
display: block;
position: fixed;
right: 0;
top: auto;
width: 50px;
}
.icon-bar.sticky.transparent {
opacity: 0.5;
}
.icon-bar.sticky a {
margin: 0 0 0.5em 0;
}
@media only screen and (max-width: 767px) {
.icon-bar.sticky a {
width: 40px;
height: 40px;
background: #222;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
border: 0;
}
.icon-bar.sticky a svg {
fill: #fff;
margin: 8px;
}
}
.icon-bar.sticky .expanding-share {
opacity: 0.9;
transition: 0.3s ease-in-out;
position: relative;
}
.icon-bar.sticky .expanding-share .svg-close {
display: none;
}
.icon-bar.sticky .expanding-share:active,
.icon-bar.sticky .expanding-share:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
.icon-bar.sticky .expanding-share.share-button-list-active {
transform: rotate(360deg);
opacity: 1;
}
.icon-bar.sticky .expanding-share.share-button-list-active .svg-close {
display: block;
}
.icon-bar.sticky .expanding-share.share-button-list-active .svg-share {
display: none;
}
.icon-bar.sticky .share-button-list {
display: none;
}
.icon-bar.sticky .share-button-list a:nth-child(1) {
animation: 0.3s ease 245ms 1 normal both running fadeInUp;
}
.icon-bar.sticky .share-button-list a:nth-child(2) {
animation: 0.3s ease 210ms 1 normal both running fadeInUp;
}
.icon-bar.sticky .share-button-list a:nth-child(3) {
animation: 0.3s ease 175ms 1 normal both running fadeInUp;
}
.icon-bar.sticky .share-button-list a:nth-child(4) {
animation: 0.3s ease 140ms 1 normal both running fadeInUp;
}
@media only screen and (min-width: 1124px) {
.page-template-microsite-template .icon-bar {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 7px;
left: 25px;
padding: 8px;
position: fixed;
top: auto;
bottom: auto;
z-index: 999;
}
}
#colophon {
color: #f9f9f9;
font-family: "Sohne", sans-serif;
position: relative;
}
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 1rem;
padding-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
max-width: calc(91.6666666667vw - 28px);
}
}
@media only screen and (min-width: 1280px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
max-width: calc(77.7958333333vw - 28px);
}
}
@media only screen and (min-width: 1920px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
max-width: calc(66.6666666667vw - 28px);
}
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
justify-content: space-evenly;
margin: 0 auto;
}
}
@media only screen and (min-width: 1280px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-magenta > .footer-container {
justify-content: space-between;
}
}
#colophon .footer-fixed > .footer-container .footer-col-list,
#colophon .footer-magenta > .footer-container .footer-col-list {
margin: 1rem 1rem 0;
position: relative;
width: 100%;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container .footer-col-list,
#colophon .footer-magenta > .footer-container .footer-col-list {
margin: calc(4 * 1rem) 1rem calc(2 * 1rem);
width: auto;
}
}
@media only screen and (min-width: 960px) {
#colophon .footer-fixed > .footer-container .footer-col-list,
#colophon .footer-magenta > .footer-container .footer-col-list {
margin: calc(4 * 1rem) 1rem;
}
}
#colophon .footer-fixed > .footer-container .footer-col-list .col-header,
#colophon .footer-magenta > .footer-container .footer-col-list .col-header {
font-family: "Sohne", sans-serif;
text-align: left;
margin: 1rem auto calc((3 * 1rem) / 2);
font-size: calc(16px + 1px);
line-height: 1.3;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container .footer-col-list .col-header,
#colophon .footer-magenta > .footer-container .footer-col-list .col-header {
font-size: 1.25em;
margin: 0 auto calc(2 * 1rem);
line-height: 1.2;
}
}
#colophon .footer-fixed > .footer-container .footer-col-list h6,
#colophon .footer-magenta > .footer-container .footer-col-list h6 {
font-family: "Sohne", sans-serif;
font-size: 1.25em;
}
#colophon .footer-fixed > .footer-container .footer-col-list .btn,
#colophon .footer-magenta > .footer-container .footer-col-list .btn {
background-color: #bd1187;
font-size: 0.8em;
line-height: 1;
color: #fff;
padding: 1rem 1rem;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
text-align: center;
border-radius: 0;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container .footer-col-list .btn,
#colophon .footer-magenta > .footer-container .footer-col-list .btn {
padding: 1rem calc(3 * 1rem);
font-size: 1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#colophon .footer-fixed > .footer-container .footer-col-list.footer__follow,
#colophon
.footer-magenta
> .footer-container
.footer-col-list.footer__follow {
width: 100%;
margin-top: 0;
}
#colophon
.footer-fixed
> .footer-container
.footer-col-list.footer__follow
.wiget-title,
#colophon
.footer-magenta
> .footer-container
.footer-col-list.footer__follow
.wiget-title {
text-align: center;
}
#colophon
.footer-fixed
> .footer-container
.footer-col-list.footer__follow
.wiget-title:after,
#colophon
.footer-magenta
> .footer-container
.footer-col-list.footer__follow
.wiget-title:after {
left: 50%;
transform: translateX(-50%);
}
}
#colophon
.footer-fixed
> .footer-container
.footer-col-list
.footer-social-links,
#colophon
.footer-magenta
> .footer-container
.footer-col-list
.footer-social-links {
list-style: none;
display: flex;
justify-content: flex-start;
padding-left: 0;
}
#colophon
.footer-fixed
> .footer-container
.footer-col-list
.footer-social-links
li,
#colophon
.footer-magenta
> .footer-container
.footer-col-list
.footer-social-links
li {
padding-right: 1rem;
}
#colophon
.footer-fixed
> .footer-container
.footer-col-list
.footer-social-links
a,
#colophon
.footer-magenta
> .footer-container
.footer-col-list
.footer-social-links
a {
color: #f4f4f4;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#colophon
.footer-fixed
> .footer-container
.footer-col-list
.footer-social-links,
#colophon
.footer-magenta
> .footer-container
.footer-col-list
.footer-social-links {
justify-content: center;
}
}
#colophon .footer-fixed > .footer-container .footer-col-list .textwidget ul,
#colophon .footer-magenta > .footer-container .footer-col-list .textwidget ul {
list-style: none;
padding: 0;
}
#colophon .footer-fixed > .footer-container .footer-col-list .textwidget ul a,
#colophon
.footer-magenta
> .footer-container
.footer-col-list
.textwidget
ul
a {
color: #f9f9f9;
}
#colophon .footer-fixed > .footer-container .sec-terms,
#colophon .footer-magenta > .footer-container .sec-terms {
font-size: 0.64em;
color: #fff;
margin: 1rem 0 0;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container .sec-terms,
#colophon .footer-magenta > .footer-container .sec-terms {
margin: 1rem 0;
}
}
#colophon .footer-fixed > .footer-container b,
#colophon .footer-magenta > .footer-container b {
font-weight: 700;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed .footer__follow,
#colophon .footer-fixed .site-info,
#colophon .footer-magenta .footer__follow,
#colophon .footer-magenta .site-info {
order: 1;
}
}
@media only screen and (min-width: 1280px) {
#colophon .footer-fixed .footer__follow,
#colophon .footer-fixed .site-info,
#colophon .footer-magenta .footer__follow,
#colophon .footer-magenta .site-info {
order: initial;
}
}
#colophon .footer-fixed {
display: none;
width: 100%;
height: 32rem;
bottom: 0;
position: fixed;
}
#colophon .footer-fixed__bg {
bottom: 0;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
#colophon .footer-fixed h6 {
font-weight: 300;
}
#colophon .footer-fixed > .footer-container,
#colophon .footer-fixed > .footer-container .footer-col-list .col-header {
text-align: center;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed > .footer-container,
#colophon .footer-fixed > .footer-container .footer-col-list .col-header {
text-align: left;
}
}
#colophon .footer-fixed .sec-form {
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) {
#colophon .footer-fixed .sec-form {
justify-content: start;
}
}
#colophon .footer-fixed .sec-form input[type="email"] {
border: none;
}
#colophon .footer-fixed .sec-form input[type="email"]::placeholder {
font-size: 12px;
}
#colophon .footer-fixed .sec-terms a {
color: inherit;
}
#colophon .footer-fixed .sec-terms a:hover {
color: #bd1187;
}
#colophon .footer-magenta {
background-color: #161616;
margin-bottom: 0;
z-index: 1;
position: relative;
}
#colophon .footer-magenta h6 {
position: relative;
padding-bottom: calc(2 * 1rem);
}
#colophon .site-info {
color: #fff;
font-family: "Sohne", sans-serif;
margin: 1rem 0 1rem;
width: 100%;
}
@media only screen and (min-width: 768px) {
#colophon .site-info {
max-width: calc(91.6666666667vw - 28px);
}
}
@media only screen and (min-width: 1280px) {
#colophon .site-info {
max-width: calc(77.7958333333vw - 28px);
}
}
@media only screen and (min-width: 1920px) {
#colophon .site-info {
max-width: calc(66.6666666667vw - 28px);
}
}
@media only screen and (min-width: 768px) {
#colophon .site-info {
margin: 0 auto 1rem;
}
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #a8a8a8;
}
#colophon .site-info .legal-text {
text-align: center;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
#colophon .site-info .tag-certificate-logo {
text-align: center;
margin-top: 4em;
height: 60px;
}
@media only screen and (min-width: 768px) {
#colophon .site-info .tag-certificate-logo {
height: 80px;
}
}
#colophon .site-info .tag-certificate-logo img {
max-height: 100%;
}
.videostream .vjs-skip-backward-button,
.videostream .vjs-thumbs-up-button,
.videostream .vjs-thumbs-down-button {
display: none;
}
.videostream .vjs-control-bar {
z-index: 9999;
}
@media only screen and (max-width: 767px) {
.videostream .vjs-controls-hidden-m {
display: none;
}
}
.videostream #upNext.up-next-container .iris-upnext,
.videostream
#upNext.up-next-container
div[id$="end-next-slate"].iris-upnext.show,
.videostream
#upNext.up-next-container
div[id$="start-next-slate"].iris-upnext.show {
z-index: 999;
}
.videostream .vjs-social-share-link.vjs-icon-link,
.videostream .vjs-social-share-link.vjs-icon-embed {
position: relative;
height: 22px;
width: auto;
}
.videostream .vjs-social-share-link.vjs-icon-link,
.videostream .vjs-social-share-link.vjs-icon-link .vjs-control-popup {
background: #bd1187;
}
.videostream .vjs-social-share-link.vjs-icon-embed,
.videostream .vjs-social-share-link.vjs-icon-embed .vjs-control-popup {
background: #3421e5;
}
.videostream .vjs-social-share-link .vjs-control-popup {
display: none;
position: absolute;
right: calc(100% - 5px);
white-space: nowrap;
height: 22px;
top: 0;
align-items: center;
padding: 0 10px;
font-size: 10px;
}
.videostream .vjs-share-control .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: 500;
font-style: normal;
content: "";
}
.videostream .vjs-share-control:hover .video-share-wrap {
display: block;
}
.videostream .video-share-wrap {
position: absolute;
display: none;
left: 0;
width: auto;
bottom: 42px;
}
@media only screen and (min-width: 600px) {
.videostream .video-share-wrap {
width: 40px;
bottom: 29px;
}
}
.videostream .video-share {
position: relative;
background: rgba(0, 0, 0, 0.5);
padding: 3px;
display: flex;
padding-bottom: 20px;
flex-flow: row;
}
@media only screen and (min-width: 600px) {
.videostream .video-share {
flex-flow: column wrap;
}
}
.videostream .video-share a {
display: block;
color: #fff;
text-decoration: none !important;
}
.videostream .video-share a:hover {
text-shadow: none;
}
@media only screen and (min-width: 1280px) {
.videostream .vjs-social-overlay .vjs-control.vjs-close-button {
display: none;
}
.videostream .vjs-social-overlay .vjs-modal-dialog .vjs-modal-dialog-content {
margin: 0;
padding: 0;
right: 0;
width: auto;
height: auto;
}
.videostream
.vjs-social-overlay
.vjs-modal-dialog-description
.vjs-control-text {
display: none;
}
.videostream .vjs-social-overlay .vjs-social-share-links {
margin: 0;
display: flex;
flex-flow: column wrap;
}
.videostream .vjs-social-overlay .vjs-modal-dialog-content {
padding: 0;
width: 34px;
height: auto;
}
.videostream .vjs-social-overlay .vjs-modal-dialog-content .vjs-social-title,
.videostream
.vjs-social-overlay
.vjs-modal-dialog-content
.vjs-social-description,
.videostream
.vjs-social-overlay
.vjs-modal-dialog-content
.vjs-social-direct-link,
.videostream
.vjs-social-overlay
.vjs-modal-dialog-content
.vjs-social-embed-code {
display: none;
}
.videostream .video-js.vjs-pip-y-bottom {
min-width: 600px !important;
min-height: 338px !important;
}
}
.videostream .video-js.vjs-pip-active {
overflow: visible;
}
.videostream .video-js .vjs-close-button.vjs-pip-close-button {
transform: translate(5px, -100%);
width: 25px;
height: 25px;
right: 0;
text-shadow: none;
color: #000;
background: transparent;
opacity: 1;
}
@-moz-keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.videostream
.video-js
.vjs-control.vjs-close-button
.vjs-icon-placeholder:before {
line-height: 1;
font-family: "Sohne" !important;
content: "x";
font-weight: 300;
}
.videostream .vjs-mute-toggle-btn {
position: absolute;
z-index: 10;
display: none;
left: 0;
top: 0;
background: none !important;
outline: none !important;
}
.videostream .vjs-has-started .vjs-mute-toggle-btn {
display: inline-block;
}
.videostream .vjs-mute-toggle-btn:after {
content: "";
font-family: VideoJS;
font-size: 30px;
color: #bd1187;
border: 2px solid;
}
.videostream .vjs-muted .vjs-mute-toggle-btn:after {
content: "";
}
.jw-flag-floating .jw-wrapper {
left: 1rem;
right: auto;
width: 100%;
}
@media only screen and (max-width: 599px) {
.jw-flag-floating .jw-wrapper {
top: 60px !important;
position: fixed;
max-width: 100% !important;
max-height: fit-content;
right: 0 !important;
left: 0 !important;
}
}
@media only screen and (max-width: 599px) {
.jw-flag-floating.jw-flag-touch .jw-wrapper {
top: 60px !important;
position: fixed;
max-width: 100% !important;
max-height: fit-content;
right: 0 !important;
left: 0 !important;
}
}
.jw-flag-floating .jw-controls {
overflow: visible;
}
.jw-flag-floating .jw-float-icon {
display: flex !important;
top: -35px;
right: -10px;
}
@media only screen and (max-width: 599px) {
.jw-flag-floating .jw-float-icon {
top: unset;
bottom: -35px;
right: -10px;
}
}
.jw-video-box.loaded .jw-float-icon {
opacity: 1;
}
@-moz-keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes showafter {
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.jw-state-paused.jw-flag-floating .jw-wrapper {
display: none;
}
.jw-state-complete.jw-flag-floating .jw-wrapper {
display: none;
}
@font-face {
font-family: "SequelBlack";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../fonts/Sequel100Black-105.woff2")
format("woff2");
}
.fc-navigation__hamburger,
.fc-navigation__menu > .menu-item > a {
font-family: "SequelBlack", sans-serif;
}
@media only screen and (min-width: 1280px) {
.fc-navigation .menu-item:not(.button) a {
border-bottom: 2px solid transparent;
}
.fc-navigation .menu-item:not(.button) a:hover {
border-bottom-color: currentColor;
}
}
.fc-navigation .button {
font-size: 12px;
padding: 12px 16px;
}
.fc-hero-slider--default .fc-hero-slider__title,
.fc-hero-slider__date {
font-family: "SequelBlack", sans-serif;
}
@media only screen and (min-width: 1280px) {
.fc-jw-video.theme-gu-summit {
background: url(05f78fcca460608aa595.png) no-repeat top right/auto,
url(2b4f5c78f614c37b78df.png) no-repeat left bottom/auto,
var(--fc-jw-video-bg, #000);
}
}
@media only screen and (min-width: 1280px) {
.fc-jw-video.theme-gu-summit .flexible-content__container {
width: 64%;
}
}
.fc-jw-video.theme-holiday-special {
background-color: var(--fc-jw-video-bg, #f2ecdf);
}
@media only screen and (min-width: 1280px) {
.fc-jw-video.theme-holiday-special {
background: url(3db9ca582305e1d9259d.png) no-repeat top right/296px,
url(a17eb7c575f56a9c48a8.png) no-repeat top left/296px,
var(--fc-jw-video-bg, #f2ecdf);
}
}
@media only screen and (max-width: 767px) {
.fc-jw-video.theme-holiday-special .flexible-content__container {
padding: 0;
}
}
.fc-jw-video.theme-hollywood {
background-color: var(--fc-jw-video-bg, #f1eddb);
}
@media only screen and (min-width: 1280px) {
.fc-jw-video.theme-hollywood {
background: url(6ae5a3696da31436ea43.png) no-repeat top 92px left 101px/86px,
url(ad2f3c7725f884e96f6e.png) no-repeat center left 101px/86px,
url(ad2f3c7725f884e96f6e.png) no-repeat center right 101px/86px,
url(6ae5a3696da31436ea43.png) no-repeat bottom 16px right 101px/86px,
var(--fc-jw-video-bg, #f1eddb);
}
}
@media only screen and (max-width: 767px) {
.fc-jw-video.theme-hollywood .flexible-content__container {
padding: 0;
}
}
.tv-guide-module {
font-family: "Sohne", sans-serif, "Helvetica Neue", sans-serif;
}
.tv-guide-module.theme-fh2023 {
font-family: "OwnersNarrow", "Sohne", sans-serif, "Helvetica Neue", sans-serif;
--tv-guide-bg: #f1eddb;
--tv-guide-logo-h: 75px;
--tv-guide-logo-py: 16px;
--tv-guide-divider: #000000;
--tv-guide-toggle-bg: #000000;
--tv-guide-toggle-color: #f1eddb;
--tv-guide-schedule-header-bg: #000000;
--tv-guide-schedule-header-link: rgba(241, 237, 219, 0.7);
--tv-guide-schedule-header-link-active: #f1eddb;
--tv-guide-schedule-banner-color: #000000;
--tv-guide-tab-content-color: #000000;
--tv-guide-schedule-channel-name-bg: #000000;
--tv-guide-schedule-channel-name-color: #f1eddb;
--tv-guide-schedule-channel-bg: #f1eddb;
--tv-guide-schedule-channel-border: rgba(0, 0, 0, 0.5);
--tv-guide-schedule-channel-card: #f1eddb;
--tv-guide-schedule-channel-color: #000000;
--tv-guide-schedule-channel-card-hover: #000000;
--tv-guide-schedule-channel-color-hover: #f1eddb;
--tv-guide-schedule-current: #ff4438;
--tv-guide-schedule-promo-btn-bg: #000000;
--tv-guide-schedule-promo-btn-color: #ffffff;
}
.tv-guide-module.theme-fh2023::before {
display: block;
content: "";
height: 8px;
width: 100%;
background: url(8dddcc15da534e27e909.png) repeat-x left center/100% 100%;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module.theme-fh2023::before {
height: 13px;
background-size: auto 100%;
}
}
.tv-guide-module.theme-fh2023 .schedules-missed a {
filter: invert(1);
}
.tv-guide-module.theme-fh2023 .schedules .schedules-toggle:after {
background-image: url("data:image/svg+xml,%0A%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M4.46967 8.46967C4.76256 8.17678 5.23744 8.17678 5.53033 8.46967L12 14.9393L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L12.5303 16.5303C12.2374 16.8232 11.7626 16.8232 11.4697 16.5303L4.46967 9.53033C4.17678 9.23744 4.17678 8.76256 4.46967 8.46967Z%27 fill=%27%23F1EDDB%27/%3E%3C/svg%3E%0A");
}
.tv-guide-module.theme-fh2023 .return-to-site {
filter: invert(1);
}
.tv-guide-module.theme-fh2023 .swiper-button-prev:not(.swiper-button-disabled),
.tv-guide-module.theme-fh2023 .swiper-button-next:not(.swiper-button-disabled) {
background: #000;
}
.tv-guide-module.theme-fh2023
.swiper-button-prev:not(.swiper-button-disabled)
svg,
.tv-guide-module.theme-fh2023
.swiper-button-next:not(.swiper-button-disabled)
svg {
fill: #f1eddb;
}
.tv-guide-module.theme-gu-summit {
font-family: "Rubik", "Sohne", sans-serif, "Helvetica Neue", sans-serif;
--tv-guide-logo-py: 24px;
--tv-guide-divider: #ea3ad1;
--tv-guide-toggle-bg: #ea3ad1;
--tv-guide-toggle-color: #fff;
--tv-guide-toggle-height: 56px;
--tv-guide-schedule-header-bg: #ea3ad1;
--tv-guide-schedule-header-link: rgba(255, 255, 255, 0.5);
--tv-guide-schedule-header-link-active: #fff;
--tv-guide-schedule-channel-bg: #000;
--tv-guide-schedule-channel-card: #000;
--tv-guide-badge-bg: #0000ff;
--tv-guide-schedule-channel-border: rgba(255, 255, 255, 0.5);
--tv-guide-schedule-channel-border-alt: #fff;
--tv-guide-schedule-current: #ea3ad1;
}
.tv-guide-module.theme-gu-summit .tv-guide-module__header {
background: url(1e28d1851b6741847e27.jpg) no-repeat center center/auto 100%;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-gu-summit .tv-guide-module__header {
background-size: 100% 100%;
}
}
.tv-guide-module.theme-gu-summit .schedule-active .schedules-toggle-container {
border: 0;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-gu-summit .schedules .schedules-toggle {
padding: 16px 58px;
}
}
.tv-guide-module.theme-gu-summit .schedules .schedules-toggle:after {
background-image: url("data:image/svg+xml,%0A%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M4.46967 8.46967C4.76256 8.17678 5.23744 8.17678 5.53033 8.46967L12 14.9393L18.4697 8.46967C18.7626 8.17678 19.2374 8.17678 19.5303 8.46967C19.8232 8.76256 19.8232 9.23744 19.5303 9.53033L12.5303 16.5303C12.2374 16.8232 11.7626 16.8232 11.4697 16.5303L4.46967 9.53033C4.17678 9.23744 4.17678 8.76256 4.46967 8.46967Z%27 fill=%27%23F1EDDB%27/%3E%3C/svg%3E%0A");
}
.tv-guide-module.theme-gu-summit
.schedules
.schedules-header
.tv-guide-module__container {
gap: 65px;
}
.tv-guide-module.theme-gu-summit .schedules .schedule-banner h4 {
font-size: 24px;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-gu-summit .schedules .schedule-banner h4 {
font-size: 36px;
}
}
.tv-guide-module.theme-gu-summit .schedules .schedule-banner h5 {
font-weight: 500;
font-size: 18px;
}
.tv-guide-module.theme-gu-summit .schedules .schedule-banner .promo-button {
border-radius: 50px;
}
.tv-guide-module.theme-gu-summit
.schedules
.schedule-banner
.schedule-banner-badge {
border-radius: 4px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.tv-guide-module.theme-gu-summit
.schedules
.schedule-banner
.schedule-banner-badge {
margin-top: -30px;
padding: 4px 8px;
}
}
.tv-guide-module.theme-gu-summit .schedules .current-time-indicator {
font-weight: 700;
}
.tv-guide-module.theme-holiday-special {
--tv-guide-footer-bg: #f2ecdf;
--tv-guide-divider: #000;
background: url(2fa518faed54c05648e1.png) no-repeat left top/96px,
url(39dac9e6ef82ab80a843.png) no-repeat right top/96px, #f2ecdf;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-holiday-special {
--tv-guide-divider: #f2ecdf;
background: url(40dba85d03dffcf9e5df.png) no-repeat left top/340px,
url(d8cbed6ad95eb2725761.png) no-repeat right top/340px, #f23a29;
}
}
.tv-guide-module.theme-holiday-special .schedules-missed a {
filter: invert(1);
}
.tv-guide-module.theme-hollywood {
--tv-guide-footer-bg: #f1eddb;
--tv-guide-divider: #3b180d;
--tv-guide-schedule-channel-border: #3b180d;
--tv-guide-schedule-channel-bg: #f1eddb;
--tv-guide-schedule-channel-color: #3b180d;
--tv-guide-schedule-channel-color-hover: hollywood_brown;
--tv-guide-schedule-channel-card-hover: #f1eddb;
--tv-guide-logo-py: 12px;
--tv-guide-logo-h: 80px;
background: url(2e7cd3071079416f6d3b.png) no-repeat center;
background-size: cover;
}
.tv-guide-module.theme-hollywood .return-to-site {
display: flex !important;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-hollywood .return-to-site {
left: 48px;
top: 25px;
margin-bottom: 16px;
position: relative;
}
}
.tv-guide-module.theme-hollywood .schedules .schedule-container {
max-width: 100%;
}
.tv-guide-module.theme-hollywood .schedules .current-time-indicator {
color: #ce540f;
}
.tv-guide-module.theme-hollywood .schedules .schedules-toggle-container {
border-bottom: none;
}
.tv-guide-module.theme-hollywood
.schedules
.schedules-toggle-container
.schedules-toggle {
background-color: #f1eddb;
color: #3b180d;
}
.tv-guide-module.theme-hollywood .schedules .schedules-header {
background-color: #f1eddb;
}
.tv-guide-module.theme-hollywood .schedules .schedules-header a {
color: #ce540f;
}
.tv-guide-module.theme-hollywood .schedules .schedules-header a.active {
color: #3b180d;
}
.tv-guide-module.theme-hollywood .schedules .schedule-banner .promo-button {
background-color: #f1eddb;
color: #3b180d;
border-radius: 60px;
}
.tv-guide-module.theme-hollywood
.schedules
.schedule-banner
.schedule-banner-badge {
background-color: #ce540f;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.tv-guide-module.theme-hollywood
.schedules
.schedule-banner
.schedule-banner-content {
gap: 8px;
}
@media only screen and (min-width: 1280px) {
.tv-guide-module.theme-hollywood
.schedules
.schedule-banner
.schedule-banner-content {
gap: 22px;
margin-left: 40px;
}
}
.tv-guide-module.theme-hollywood .schedules .schedules-inner-content {
background-color: #f1eddb;
}
.tv-guide-module.theme-hollywood .schedules .schedule-tabcontent {
color: #3b180d;
}
.tv-guide-module.theme-hollywood .schedules .schedule-channels__name {
background-color: #f1eddb;
color: #3b180d;
font-size: 16px;
padding: 0 16px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.tv-guide-module.theme-hollywood .schedules .schedule-channels__name {
font-size: 20px;
padding: 0 48px;
}
}
.tv-guide-module.theme-hollywood .schedules .video-slider-row {
background: repeating-linear-gradient(
45deg,
var(--tv-guide-schedule-channel-border, #3b180d),
var(--tv-guide-schedule-channel-border, #3b180d) 1px,
var(--tv-guide-schedule-channel-bg, #f1eddb) 1px,
var(--tv-guide-schedule-channel-bg, #f1eddb) 100px
);
}
.tv-guide-module.theme-hollywood
.schedules
.video-slider-row
.video-slide-col__content {
padding: 0 12px;
background-color: var(--tv-guide-schedule-channel-bg, #f1eddb);
}
.tv-guide-module.theme-hollywood .schedules .video-slider-row .video_thumb img {
width: 100%;
height: 170px;
object-fit: cover;
}
.tv-guide-module.theme-hollywood
.schedules
.video-slider-row
.video_thumb:after {
content: "";
position: absolute;
background-color: #f1eddb;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
transition: opacity 0.3s;
}
.tv-guide-module.theme-hollywood
.schedules
.video-slider-row
.video_thumb
.preview-video {
position: relative;
display: none;
height: 100%;
background-color: #f1eddb;
}
.tv-guide-module.theme-hollywood
.schedules
.video-slider-row
.video_thumb
.preview-video
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tv-guide-module.theme-hollywood .schedules .swiper-button-next,
.tv-guide-module.theme-hollywood .schedules .swiper-button-prev {
color: #f1eddb;
background: #3b180d;
border: 1px solid #3b180d;
}
.tv-guide-module.theme-hollywood
.schedules
.swiper-button-next.swiper-button-disabled,
.tv-guide-module.theme-hollywood
.schedules
.swiper-button-prev.swiper-button-disabled {
opacity: 0.3;
background: #f1eddb;
color: #3b180d;
}
.tv-guide-module.theme-hollywood .schedules h3 {
font-weight: 400;
}
.tv-guide-module.theme-hollywood .schedules-missed a {
color: #3b180d !important;
}
.tv-guide-module.theme-hollywood .schedules-missed a::before {
background: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%279.78992%27 cy=%279.78992%27 r=%277.52%27 stroke=%27%233B180D%27 stroke-width=%271.2%27/%3E%3Cpath d=%27M9.43999 6.46692L12.5779 9.08188C13.0577 9.48167 13.0577 10.2185 12.5779 10.6183L9.43999 13.2333C8.78866 13.776 7.7998 13.3129 7.7998 12.4651V7.23514C7.7998 6.3873 8.78866 5.92415 9.43999 6.46692Z%27 stroke=%27%233B180D%27 stroke-width=%271.2%27/%3E%3C/svg%3E%0A")
no-repeat center/contain;
}
.tv-guide-module.theme-hollywood .tv-guide-logo {
display: flex;
justify-content: center;
padding: var(--tv-guide-logo-py, 15px) 0;
position: relative;
text-align: center;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.tv-guide-module.theme-hollywood .tv-guide-logo {
margin: 0 auto;
width: 200px;
}
}
.tv-guide-module.theme-hollywood .tv-guide-logo img {
max-height: var(--tv-guide-logo-h, 80px);
}
.fc-watch-library.theme-fh2023 {
--fc-watch-library-color: #f1eddb;
--fc-watch-library-search-bg-color: #dcff90;
--fc-watch-library-search-title: #000;
--fc-watch-library-search-input: #000;
}
.fc-watch-library.theme-gu-summit {
--fc-watch-library-section-title-color: #a146ff;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-gu-summit h5 {
font-size: 28px;
}
}
.fc-watch-library.theme-gu-summit .fc-watch-library__search {
color: #000;
background-size: cover;
}
.fc-watch-library.theme-gu-summit .fc-watch-library__search-title {
color: inherit;
font-size: 20px;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-gu-summit .fc-watch-library__search-title {
font-size: 28px !important;
}
}
.fc-watch-library.theme-gu-summit .fc-watch-library__search-input {
background: #fff;
color: inherit;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-gu-summit .fc-watch-library__search-input {
font-size: 18px !important;
}
}
.fc-watch-library.theme-gu-summit .fc-watch-library__title {
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-gu-summit .fc-watch-library__title {
font-size: 20px;
}
}
.fc-watch-library.theme-gu-summit .fc-watch-library__date {
color: #ea3ad1;
font-size: 14px;
opacity: 1;
}
.fc-watch-library.theme-holiday-special {
--fc-watch-library-bg: #f2ecdf;
--fc-watch-library-section-title-color: #000;
--fc-watch-library-search-title: #f2ecdf;
--fc-watch-library-search-input: #000;
--fc-watch-library-color: #000;
}
.fc-watch-library.theme-holiday-special .fc-watch-library__search {
background-size: cover;
}
.fc-watch-library.theme-holiday-special .fc-watch-library__search-input {
background: #f2ecdf;
}
.fc-watch-library.theme-holiday-special .fc-watch-library__date {
color: #f23a29;
}
.fc-watch-library.theme-holiday-special .fc-watch-library__sections h5,
.fc-watch-library.theme-holiday-special .fc-watch-library__search-title,
.fc-watch-library.theme-holiday-special .fc-watch-library__title {
font-weight: 300;
}
.fc-watch-library.theme-holiday-special .fc-watch-library__search-title {
font-size: 20px;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-holiday-special .fc-watch-library__search-title {
font-size: 28px;
}
}
.fc-watch-library.theme-hollywood {
--fc-watch-library-bg: #f1eddb;
--fc-watch-library-section-title-color: #65010d;
--fc-watch-library-search-title: #3b180d;
--fc-watch-library-search-input: #3b180d;
--fc-watch-library-color: #3b180d;
--fc-watch-library-search-bg-color: #f1eddb;
}
.fc-watch-library.theme-hollywood .fc-watch-library__search {
background-size: cover;
}
.fc-watch-library.theme-hollywood .fc-watch-library__search-input {
background: #f1eddb;
}
.fc-watch-library.theme-hollywood
.fc-watch-library__search-input
::placeholder {
color: #3b180d;
opacity: 0.4;
}
.fc-watch-library.theme-hollywood .fc-watch-library__date {
font-size: 14px;
color: #f23a29;
}
.fc-watch-library.theme-hollywood .fc-watch-library__title {
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-hollywood .fc-watch-library__title {
font-size: 20px;
}
}
.fc-watch-library.theme-hollywood .fc-watch-library__sections h5,
.fc-watch-library.theme-hollywood .fc-watch-library__search-title {
font-size: 20px;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.fc-watch-library.theme-hollywood .fc-watch-library__sections h5,
.fc-watch-library.theme-hollywood .fc-watch-library__search-title {
font-size: 28px;
}
}