@charset "UTF-8";
@font-face {
  font-family: "GretaSansCondensedStd";
  font-style: normal;
  font-weight: 500;
  src: url("../woff2/gretasanscondensedstd-semibold.woff2") format("woff2"), url("../woff/gretasanscondensedstd-semibold.woff") format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "GretaSansCondensedStd";
  font-style: normal;
  font-weight: 700;
  src: url("../woff2/gretasanscondensedstd-bold.woff2") format("woff2"), url("../woff/gretasanscondensedstd-bold.woff") format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "GretaSansStd";
  font-style: normal;
  font-weight: 400;
  src: url("../woff2/gretasansstd-medium.woff2") format("woff2"), url("../woff/gretasansstd-medium.woff") format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "Greta Sans Condensed Std";
  font-style: normal;
  font-weight: 600;
  src: url("../woff2/gretasanscondensedstd-semibold.woff2") format("woff2"), url("../woff/gretasanscondensedstd-semibold.woff") format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "Greta Sans Condensed Std";
  font-style: normal;
  font-weight: 700;
  src: url("../woff2/gretasanscondensedstd-bold.woff2") format("woff2"), url("../woff/gretasanscondensedstd-bold.woff") format("woff");
  font-display: fallback;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.card-title {
  margin-bottom: 0.25rem;
}

.card-subtitle {
  margin-top: 0;
}

.header .container {
  padding-right: calc(var(--bs-gutter-x) * 1);
  padding-left: calc(var(--bs-gutter-x) * 1);
}

.btn-close {
  background-image: none;
}

.modal-header .btn-close {
  margin: 0;
}

.navbar .container-fluid {
  padding: 0;
}

.carousel-indicators [data-bs-target] {
  border-top: 0;
  border-bottom: 0;
  margin: 0px 0.25rem;
}

.results-grid .card-title {
  margin-bottom: 0.5rem;
}

.btn.disabled {
  pointer-events: none;
  opacity: 0.65;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  --bs-btn-disabled-color: #212529;
}

html,
body {
  height: 100%;
}

body {
  background: white no-repeat;
  overflow-x: hidden !important;
  color: #212121;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-transform: none;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1rem;
}

h1 {
  font-family: "Greta Sans Condensed Std";
  font-size: 3rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  text-decoration: none;
}

h2 {
  font-family: "Greta Sans Condensed Std";
  font-size: 2rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
}

h3 {
  font-family: "Greta Sans Condensed Std";
  font-size: 1.625rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 1.1875rem;
  text-transform: uppercase;
  text-decoration: none;
}

h4 {
  font-family: "Greta Sans Condensed Std";
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
}

h5 {
  font-family: "Greta Sans Condensed Std";
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
}

h6 {
  font-family: "Greta Sans Condensed Std";
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
}

@media (max-width: 768px), (max-height: 700px) {
  h1 {
    font-family: "Greta Sans Condensed Std";
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.03125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
  }
  h2 {
    font-family: "Greta Sans Condensed Std";
    font-size: 1.625rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.03125rem;
    line-height: 1.1875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
  h3 {
    font-family: "Greta Sans Condensed Std";
    font-size: 1.375rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.0125rem;
    line-height: 1.0625rem;
    text-transform: uppercase;
    text-decoration: none;
  }
  h4 {
    font-family: "Greta Sans Condensed Std";
    font-size: 1.125rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
}
p {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-transform: none;
  text-decoration: none;
  color: #212121;
}

a:not(.btn, .nav-link) {
  color: #0074e8;
  text-decoration: none;
}

.rich-text a:not(.btn, .nav-link, .standalone) {
  color: #0074e8;
  text-decoration: underline;
}

a:hover:not(.btn, .nav-link) {
  color: #0064c9;
  text-decoration: underline;
}

.btn-link {
  text-decoration: none;
}

.modal-footer .rich-text a {
  text-decoration: none;
}

.modal-footer .rich-text a:hover {
  text-decoration: none;
}

.programItem a.programLink {
  text-decoration: none;
}

.footer a {
  text-decoration: none;
}

.cke-inline-media-container {
  margin: 0 auto;
}

.layout__region .cke-inline-media-img {
  max-width: 100%;
}

.cke-inline-media-img {
  max-width: 500px;
}

.caption-drupal-media.align-left {
  float: left;
}

.caption-drupal-media.align-right {
  float: right;
}

/* body css */
.bg-dark {
  background-color: #000000;
}

.bg-white {
  background-color: #ffffff;
}

.max-tint {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}

footer {
  background-color: #000000;
  z-index: 1;
  position: relative;
}

footer .btn-link,
.btn-link:focus {
  font-size: 1.375rem !important;
  border-radius: 0;
  font-weight: 100;
  text-transform: uppercase;
  transition-duration: 0.3s;
  opacity: 1 !important;
  color: #ffffff;
  letter-spacing: 0;
  font-style: normal;
  line-height: 1;
  padding: 0 0.875rem;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none;
}
footer .btn-link:not(:last-child),
.btn-link:focus:not(:last-child) {
  border-right: 0.125rem solid #fff;
}

footer .btn-link:hover {
  opacity: 1;
  color: #0074e8;
  text-decoration: none;
}

footer .btn-legal,
footer .legal {
  font-family: GretaSansCondensedStd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: none;
  color: #ffffff;
  font-weight: 100;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-top: 0.86rem !important;
  padding: 0 !important;
}

footer .btn-legal:hover {
  opacity: 1;
  color: #0074e8;
  text-decoration: underline;
}

footer .secondary-row {
  padding: 0.375rem 0.75rem;
}

.max-zoom-text {
  -webkit-animation: max-zoom-text 0.5s cubic-bezier(0, 0.5, 0, 1);
  animation: max-zoom-text 0.5s cubic-bezier(0, 0.5, 0, 1);
}

@keyframes max-zoom-text {
  0% {
    letter-spacing: 2em;
    -webkit-transform: scale3d(100, 100, 100);
    transform: scale3d(100, 100, 100);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
[data-aos=max-zoom-out] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=max-zoom-out].aos-animate {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  [data-aos=max-zoom-out] {
    -webkit-transform: scale3d(100, 100, 100);
    transform: scale3d(100, 100, 100);
  }
  [data-aos=max-zoom-out].aos-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
body[data-aos-easing=max-ease-out] [data-aos],
[data-aos][data-aos][data-aos-easing=max-ease-out] {
  -webkit-transition-timing-function: cubic-bezier(0, 0.5, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.5, 0, 1);
}

/**
    * ----------------------------------------
    * AOS Delays
    * ----------------------------------------
    */
[data-aos][data-aos][data-aos-duration="4000"],
body[data-aos-duration="4000"] [data-aos] {
  transition-duration: 4s;
}

[data-aos][data-aos][data-aos-delay="4000"],
body[data-aos-delay="4000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="4000"].aos-animate,
body[data-aos-delay="4000"] [data-aos].aos-animate {
  transition-delay: 4s;
}

.max-animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.form-control {
  color: #ffffff;
  background-color: #F2f2f2;
  border: 1px solid #F2f2f2;
  letter-spacing: 0.03em;
}

.form-control:focus {
  background-color: #F2f2f2;
  border: 1px solid #F2f2f2;
  border-bottom: #ffffff;
  color: #ffffff;
  box-shadow: none;
}

input.form-control:-internal-autofill-selected {
  background: #F2f2f2;
}

.updates-message {
  display: block;
  max-height: 0;
  overflow: hidden;
}

.updates-message.show {
  max-height: 99em;
  padding-bottom: 3rem;
}

/**
    * ----------------------------------------
    * Form Label Animation
    * ----------------------------------------
    */
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: 0.75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  line-height: 1.5;
  color: #000000;
  pointer-events: none;
  cursor: text;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
  z-index: 3;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  color: #000000;
  letter-spacing: 0.03em;
}

/* Fallback for Edge
  -------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #000000;
  }
}
/* Fallback for IE
  -------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #000000;
  }
}
.hamburger {
  padding: 0 0.25rem;
  line-height: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  outline: 0;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #0074e8;
}

.hamburger-box {
  width: 20px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #0074e8;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -5px;
}

.hamburger-inner::after {
  bottom: -5px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -10px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.modal-content.bg-dark {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.modal {
  z-index: 100000000000000000000;
}

.modal-content,
.modal-body {
  background-color: #ffffff;
}

.modal-header {
  background-color: #000000;
  color: #ffffff;
}
.modal-header .btn-close {
  color: #ffffff;
}
.modal-header .btn-close :hover {
  color: #ffffff;
}

.modal-body-image {
  max-width: 70%;
}

.tooltip-inner {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  padding: 3px;
  font-size: 0.675rem;
}

.arrow {
  display: none !important;
}

@media (max-width: 1200px) {
  .search-container {
    position: absolute;
    top: 22px;
  }
}
.search-container .close-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='close'%3E%3Cpath id='x' d='M18.717 6.697l-1.414-1.414-5.303 5.303-5.303-5.303-1.414 1.414 5.303 5.303-5.303 5.303 1.414 1.414 5.303-5.303 5.303 5.303 1.414-1.414-5.303-5.303z'/%3E%3C/g%3E%3C/svg%3E");
}
.search-container .search-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='122.879px' height='119.799px' viewBox='0 0 122.879 119.799' enable-background='new 0 0 122.879 119.799' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.988 0h0.016v0.007C63.803 0.011 76.298 5.608 85.34 14.652c9.027 9.031 14.619 21.515 14.628 35.303h0.007v0.033v0.04 h-0.007c-0.005 5.557-0.917 10.905-2.594 15.892c-0.281 0.837-0.575 1.641-0.877 2.409v0.007c-1.446 3.66-3.315 7.12-5.547 10.307 l29.082 26.139l0.018 0.016l0.157 0.146l0.011 0.011c1.642 1.563 2.536 3.656 2.649 5.78c0.11 2.1-0.543 4.248-1.979 5.971 l-0.011 0.016l-0.175 0.203l-0.035 0.035l-0.146 0.16l-0.016 0.021c-1.565 1.642-3.654 2.534-5.78 2.646 c-2.097 0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761 90.865c-0.88 0.62-1.778 1.209-2.687 1.765 c-1.233 0.755-2.51 1.466-3.813 2.115c-6.699 3.342-14.269 5.222-22.272 5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605 76.291 0.016 63.805 0.007 50.021H0v-0.033v-0.016h0.007 c0.004-13.799 5.601-26.296 14.645-35.338C23.683 5.608 36.167 0.016 49.955 0.007V0H49.988L49.988 0z M50.004 11.21v0.007h-0.016 h-0.033V11.21c-10.686 0.007-20.372 4.35-27.384 11.359C15.56 29.578 11.213 39.274 11.21 49.973h0.007v0.016v0.033H11.21 c0.007 10.686 4.347 20.367 11.359 27.381c7.009 7.012 16.705 11.359 27.403 11.361v-0.007h0.016h0.033v0.007 c10.686-0.007 20.368-4.348 27.382-11.359c7.011-7.009 11.358-16.702 11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396 15.56 60.703 11.213 50.004 11.21L50.004 11.21z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 1200px) {
  .search-container.show {
    background-color: #ffffff;
  }
}
.search-container .form-container {
  border-radius: 25px;
  font-family: GretaSansStd;
  font-weight: normal;
  font-size: 1rem;
}
@media (min-width: 1200px) {
  .search-container .form-container.hide {
    position: relative !important;
    right: 0 !important;
  }
}
.search-container .form-container.show {
  background-color: #F2f2f2;
}
@media (max-width: 1200px) {
  .search-container .form-container.show form,
  .search-container .form-container.show input {
    width: 100%;
  }
}
.search-container input {
  border: none !important;
}
@media (min-width: 1200px) {
  .search-container input {
    min-width: 250px;
  }
}
.search-container input:focus-visible,
.search-container input:focus {
  border: none !important;
  outline-width: 0;
  outline: none;
}

.band .primary {
  background: #ffffff;
}
.band .secondary {
  background: #ffffff;
}
.band .light-highlight {
  background: #000000;
}
.band .dark-highlight {
  background: #000000;
}
.band .gradient-1 {
  background-size: cover;
  background-position: center;
  background: linear-gradient(90deg, #2A0541 0%, #5816BD 100%);
}
.band .gradient-2 {
  background-size: cover;
  background-position: center;
  background: linear-gradient(90deg, #0A0A0A 0%, #404040 100%);
}
.band .light-highlight,
.band .dark-highlight,
.band .gradient-1,
.band .gradient-2,
.band .light-highlight *,
.band .dark-highlight *,
.band .gradient-1 *,
.band .gradient-2 * {
  color: #ffffff !important;
}

.btn-group-sm > .btn {
  font-size: 1.5rem;
  font-weight: 700;
  border-width: 1px;
}

.btn-group-lg > .btn {
  font-size: 1.5rem;
}

.btn-left {
  align-self: flex-start;
}

.btn-unset {
  align-self: unset;
}

.btn-center {
  align-self: center;
}

.btn-stretch {
  align-self: stretch;
}

.btn {
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
  font-family: "Greta Sans Condensed Std";
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.03125rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:focus-visible {
  outline: 2px #0074e8 solid;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.1875rem white;
}
.btn.btn--tertiary:not(.btn--tertiary-outlined) {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-transform: none;
  text-decoration: none;
  border-radius: 10px;
}
.btn.btn--tertiary:not(.btn--tertiary-outlined):focus-visible {
  outline: 0.1875rem #0074e8 solid;
  outline-offset: 0.4rem;
  box-shadow: 0 0 0 0.1875rem transparent;
}
.btn.btn--tertiary:not(.btn--tertiary-outlined) .btn-icon-section > span {
  margin-left: -5px;
}
.btn.btn--tertiary-outlined:focus-visible {
  outline: 2px white solid;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.1875rem #0064c9;
  background-color: #0074e8;
  color: white;
}
.btn.btn--hbomax:focus-visible {
  outline: 0.1875rem #ae7f0a solid;
  outline-offset: 0.1875rem;
  box-shadow: 0 0 0 0.1875rem transparent;
}
.btn .btn-icon-section {
  display: inline-flex;
  align-items: center;
}
.btn .btn-icon-section--hbomax {
  display: inline-block;
  pointer-events: none;
  margin-left: 0px !important;
  height: 16px;
  width: auto !important;
}
.btn .btn-icon-section--hbomax svg {
  vertical-align: initial;
}
.btn .btn-icon-section--before {
  order: 2;
}
.btn.btn-sm {
  padding: 4px 16px;
}
.btn.btn-sm .btn-icon-section > span {
  min-width: 1rem;
  min-height: 1rem;
}
.btn.btn-md {
  padding: 8px 20px;
}
.btn.btn-md .btn-icon-section > span {
  min-width: 1rem;
  min-height: 1rem;
}
.btn.btn-lg {
  padding: 12px 24px;
}
.btn.btn-lg .btn-icon-section > span {
  min-width: 1rem;
  min-height: 1rem;
}
.btn .btn-icon-play,
.btn .btn-icon-external,
.btn .btn-icon-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  --icon-scale: 1;
  transform: scale(var(--icon-scale));
  transform-origin: center;
}
.btn .btn-icon-play {
  --icon-scale: 0.85;
}
.btn .btn-icon-arrow {
  --icon-scale: 0.8;
}
.btn .btn-icon-external {
  --icon-scale: 0.8;
}

.btn--primary {
  background: #0074e8;
  color: #fbfbff;
  transition: all 0.4s;
}
.btn--primary:hover, .btn--primary:focus-visible {
  background: #0064c9;
  color: #fbfbff;
}
.btn--primary .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--primary .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--primary .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--primary-outlined {
  background: transparent;
  color: black;
  border: 1px solid black;
  transition: all 0.4s;
}
.btn--primary-outlined:hover, .btn--primary-outlined:focus-visible {
  background: #0074e8;
  color: #fbfbff;
}
.btn--primary-outlined .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--primary-outlined .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--primary-outlined .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--secondary {
  background: white;
  color: black;
  transition: all 0.4s;
}
.btn--secondary:hover, .btn--secondary:focus-visible {
  background: #0064c9;
  color: white;
}
.btn--secondary .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--secondary .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--secondary .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--secondary-outlined {
  background: transparent;
  color: white;
  border: 1px solid white;
  transition: all 0.4s;
}
.btn--secondary-outlined:hover, .btn--secondary-outlined:focus-visible {
  background: #0074e8;
  color: white;
}
.btn--secondary-outlined .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--secondary-outlined .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--secondary-outlined .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--tertiary {
  background: transparent;
  color: #0074e8;
  transition: all 0.4s;
}
.btn--tertiary:hover, .btn--tertiary:focus-visible {
  background: transparent;
  color: black;
}
.btn--tertiary .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--tertiary .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--tertiary .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--tertiary-outlined {
  background: transparent;
  color: white;
  border: 1px solid white;
  transition: all 0.4s;
}
.btn--tertiary-outlined:hover, .btn--tertiary-outlined:focus-visible {
  background: white;
  color: black;
}
.btn--tertiary-outlined .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--tertiary-outlined .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--tertiary-outlined .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--hbomax {
  background: #0074e8;
  color: #fbfbff;
  transition: all 0.4s;
}
.btn--hbomax:hover, .btn--hbomax:focus-visible {
  background: #0064c9;
  color: #fbfbff;
}
.btn--hbomax .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--hbomax .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--hbomax .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.btn--hbomax-outlined {
  background: transparent;
  color: #0074e8;
  border: 1px solid #0074e8;
  transition: all 0.4s;
}
.btn--hbomax-outlined:hover, .btn--hbomax-outlined:focus-visible {
  background: #0074e8;
  color: #fbfbff;
}
.btn--hbomax-outlined .btn-icon-section .btn-icon-arrow {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--hbomax-outlined .btn-icon-section .btn-icon-play {
  mask-image: url("../svg/play-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}
.btn--hbomax-outlined .btn-icon-section .btn-icon-external {
  mask-image: url("../svg/external-icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

.card-container-default.card-container .card-cta {
  width: 100%;
}
.card-container-default.card-container .card-cta .btn--secondary {
  background: transparent !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  margin: auto;
}

.card-container-default.card-container:hover .card-cta .btn--secondary:hover,
.card-container .card-cta .btn--secondary:hover {
  background: #0074e8 !important;
  border: 1px solid #0074e8 !important;
  color: #ffffff !important;
}

.card-container {
  border: none !important;
  --box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  font-family: GretaSansCondensedStd !important;
}
.card-container .card-image-content-duration {
  padding: 0.1875rem 0.3125rem;
  background-color: #000000;
  font-size: 0.675rem;
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.card-container .card-metadata {
  width: 100%;
  height: 100%;
  padding: 0.5em 0;
}
.card-container .card-metadata .card-buttons-container {
  margin-left: auto;
  margin-right: auto;
}
.card-container .card-content .play-button::before {
  background-image: url("../svg/dc-play-icon.svg") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 0% !important;
}
.card-container .card-content .play-button::after {
  content: "";
  display: none;
}
.card-container .default-variant .card-metadata-info {
  padding: 0.5em 0 !important;
}
.card-container .card-superscript {
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
}
.card-container.selected .card-superscript {
  color: #000000;
}
.card-container .card-promo-text {
  font-family: GretaSansStd;
  padding: 0.375rem 0;
  font-size: 0.875rem;
  letter-spacing: 2px;
  line-height: 1.125rem;
  border-radius: 2px;
  color: #000000;
  margin-bottom: 5px;
  max-width: 100%;
  align-self: center;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  opacity: 60%;
}
.card-container .card-image-promo-text-div {
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  position: absolute;
  top: 0;
}
.card-container .card-image-promo-text-wrapper {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: rgba(15, 14, 19, 0.7);
}
.card-container .card-image-promo-text {
  color: #ffffff;
  font-family: GretaSansStd;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.card-container .card-title {
  font-family: GretaSansCondensedStd;
  color: #000000;
  text-transform: none;
  font-size: 2rem;
  font-weight: 700;
  -webkit-line-clamp: 3;
  max-width: 98%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: center;
  text-transform: uppercase;
}
.card-container .card-subtitle {
  font-family: GretaSansCondensedStd;
  color: #000000;
  text-transform: none;
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-line-clamp: 3;
  max-width: 98%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: center;
  text-transform: uppercase;
}
.card-container .card-image-selected-background {
  background: transparent;
  color: #000000;
  width: 100%;
  height: 100%;
}
.card-container .card-now-playing span {
  text-align: center;
  font-size: 1.5rem;
  color: transparent;
}
.card-container.card-container.selected {
  background-color: #ffffff;
}
.card-container.card-container.selected .card-metadata,
.card-container.card-container.selected .card-metadata-info {
  background: #ffffff;
}
.card-container.card-container.selected .card-title {
  color: #000000;
}
.card-container.card-container.selected .card-subtitle {
  color: #000000;
}
.card-container.card-container.selected .card-border::after {
  border: none;
  border-color: #F2f2f2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-container.card-container.card-container-shadow .img-left .card-promo-text,
.card-container.card-container.card-container-shadow .img-left .card-title,
.card-container.card-container.card-container-shadow .img-right .card-promo-text,
.card-container.card-container.card-container-shadow .img-right .card-title {
  text-align: left;
  align-self: flex-start;
}
.card-container.card-container.card-container-shadow .img-left .card-metadata-content,
.card-container.card-container.card-container-shadow .img-right .card-metadata-content {
  width: 100%;
}
.card-container.card-container.card-container-shadow .img-right .card-play-button-link {
  margin-left: 5%;
}
.card-container.card-container.card-container-shadow {
  box-shadow: var(--box-shadow);
}
.card-container.card-container.card-container-shadow:hover {
  box-shadow: var(--box-shadow-hover);
}
.card-container.card-container-default.card-container.card-container-shadow {
  box-shadow: var(--box-shadow);
}
.card-container.card-container-default.card-container.card-container-shadow:hover {
  box-shadow: var(--box-shadow-hover);
}
@media (max-width: 767.98px) {
  .card-container.card-container.card-container-shadow .img-left .card-image-content, .card-container.card-container.card-container-shadow .img-right .card-image-content, .card-container.card-container-shadow .img-left .card-metadata-info, .card-container.card-container-shadow .img-right .card-metadata-info {
    box-shadow: none !important;
  }
  .card-container.card-container.card-container-shadow .img-left .card-metadata-content, .card-container.card-container.card-container-shadow .img-right .card-play-button-link {
    margin-left: 0 !important;
  }
  .card-container.card-container.card-container-shadow .img-left .card-metadata-content {
    width: 100%;
  }
}

.primary-color {
  background-color: #007cbe;
}

.secondary-color {
  background-color: #000000;
}

.light-font {
  color: #ffffff !important;
}
.light-font.selected .card-superscript,
.light-font .card-metadata,
.light-font .card-cta .btn--secondary:hover,
.light-font .card-title,
.light-font .card-subtitle,
.light-font .card-image-selected-background,
.light-font .card-promo-text,
.light-font .card-superscript {
  color: #ffffff !important;
}
.light-font .card-cta .btn--secondary {
  color: #ffffff !important;
}

/* Right-image variant only */
.card-container-shadow.img-right-container .initial-img-wrapper {
  height: 100%;
}
.card-container-shadow.img-right-container .initial-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* top-left stays at 0, bottom-left moves in -> `\` */
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
}

.card-container-shadow.img-left-container .initial-img-wrapper {
  height: 100%;
}
.card-container-shadow.img-left-container .initial-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* top-left stays at 0, bottom-left moves in -> `\` */
  -webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

@media (max-width: 767.98px) {
  .card-container-shadow.img-right-container .card-content.card-image-button.col-12 .initial-img-wrapper img,
  .img-left-container .card-content.card-image-button.col-12 .initial-img-wrapper img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0 99%);
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0 99%);
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
  .card-container-shadow.img-right-container .mobile-wrap.flex-sm-nowrap,
  .card-container-shadow.img-left-container .mobile-wrap.flex-sm-nowrap {
    flex-wrap: wrap !important;
  }
}
.carousel-indicators.carousel {
  overflow: hidden;
  height: auto;
  margin: auto;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  height: 200px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.carousel-control-next:hover,
.carousel-control-prev:hover {
  opacity: 1;
}

.carousel-control-next {
  background-image: none;
  min-width: 40px !important;
}

.carousel-control-prev {
  background-image: none;
  min-width: 40px !important;
}

.carousel-indicators li {
  background-color: #ffffff;
  margin: 0px 0.25rem;
}

.carousel .carousel-control-prev .carousel-control-prev-icon,
.carousel .carousel-control-next .carousel-control-next-icon {
  height: 3.125rem;
  width: 3.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 -5 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-26%25' y='-16%25' width='152%25' height='152%25' filterUnits='objectBoundingBox' id='it9cuw4pwa'%3E%3CfeOffset dy='5' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.0196078431 0 0 0 0 0.0705882353 0 0 0 0 0.141176471 0 0 0 0.1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Ccircle id='u8o8zwv7gb' cx='25' cy='25' r='25'/%3E%3Cpath d='M10.679.487a.714.714 0 0 0-.995.001L1.818 8.2 0 9.982l1.818 1.782 7.866 7.712c.275.27.721.27.995.001l.824-.808a.68.68 0 0 0-.001-.975L3.637 9.982l7.865-7.71a.68.68 0 0 0 .001-.976L10.68.487z' id='vhszxrx1tc'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='matrix(-1 0 0 1 57 2)'%3E%3Cuse fill='%23000' filter='url(%23it9cuw4pwa)' xlink:href='%23u8o8zwv7gb'/%3E%3Cuse fill='%23FFF' xlink:href='%23u8o8zwv7gb'/%3E%3C/g%3E%3Cg transform='rotate(180 19.5 18.5)'%3E%3Cmask id='z88u7x20rd' fill='%23fff'%3E%3Cuse xlink:href='%23vhszxrx1tc'/%3E%3C/mask%3E%3Cuse fill='%230482F8' xlink:href='%23vhszxrx1tc'/%3E%3Cg mask='url(%23z88u7x20rd)' fill='%230074E8'%3E%3Crect y='7.471' width='74.4' height='21.528' rx='2.778' transform='translate(-37.2 -8.235)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

.carousel .carousel-control-prev .carousel-control-prev-icon {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.carousel .carousel-control-next .carousel-control-next-icon {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.carousel .carousel-control-prev:focus-visible .carousel-control-prev-icon,
.carousel .carousel-control-next:focus-visible .carousel-control-next-icon {
  outline: rgb(0, 95, 204) auto 1px;
}

@media (max-width: 767.98px) {
  .carousel-item .hero-content-container {
    padding-inline: 7%;
  }
}

.column-primary {
  color: #000000 !important;
}

.column-secondary {
  color: #ffffff !important;
}

.column-light-highlight {
  color: #ffffff !important;
}

.column-dark-highlight {
  color: #ffffff !important;
}

.column-gradient1 {
  color: #ffffff !important;
  background: linear-gradient(90deg, #2A0541 0%, #5816BD 100%);
}

.column-gradient2 {
  color: #ffffff !important;
  background: linear-gradient(90deg, #0A0A0A 0%, #404040 100%);
}

.cast-and-crew {
  font-family: GretaSansStd;
}
.cast-and-crew .btn-link {
  color: #000000;
}
.cast-and-crew .btn-link:hover {
  color: #000000;
}

.video + .content-grid {
  margin-top: 2rem;
}

.content-tray {
  font-family: GretaSansStd;
}
.content-tray .collection-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: calc(100% + 12px);
}
@media (max-width: 575px) {
  .content-tray .collection-content {
    width: 100%;
  }
}
@media (min-width: 575px) and (max-width: 750px) {
  .content-tray .collection-content {
    width: calc(100% - 12px);
  }
}
@media (min-width: 750px) and (max-width: 768px) {
  .content-tray .collection-content .react-multi-carousel-track {
    padding-left: 0 !important;
  }
}
@media (min-width: 750px) {
  .content-tray .collection-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.content-tray-item {
  height: 100%;
}
.content-tray-item .card-container .card-content .card-title {
  max-height: 4.5rem;
}

.content-tray-item img {
  border-radius: 2px;
}

.content-tray-item .card-border > .row {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content-tray-item .card-border > .row.variant {
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.content-tray-item .card-border > .row .card-content:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.card-subtitle {
  margin-bottom: 0.25rem;
}

.card-tray .content-tray-button-group .btn-link {
  top: 50%;
}

.content-tray-button-group .tray-previous svg {
  transform: rotate(180deg);
  fill: #ffffff;
}
.content-tray-button-group .tray-previous path {
  transition-duration: 0.5s;
}
.content-tray-button-group .tray-previous:hover path {
  fill: #ffffff;
  transition-duration: 0.5s;
}
.content-tray-button-group .tray-previous:focus {
  text-decoration: none;
}
.content-tray-button-group .disabled-arrow path, .content-tray-button-group .disabled-arrow svg {
  fill: #ffffff;
}
.content-tray-button-group .disabled-arrow path, .content-tray-button-group .disabled-arrow svg {
  fill: #ffffff;
}
.content-tray-button-group .tray-next svg {
  fill: #ffffff;
  transform: rotate(-90deg);
  transform: rotate(359deg);
}
.content-tray-button-group .tray-next path {
  transition-duration: 0.5s;
}
.content-tray-button-group .tray-next:hover path {
  fill: #ffffff;
  transition-duration: 0.5s;
}
.content-tray-button-group .tray-next:focus {
  text-decoration: none;
}
.content-tray-button-group .tray-next, .content-tray-button-group .tray-previous {
  top: 36% !important;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.content-tray-button-group .tray-next {
  right: -2.25rem !important;
  background-color: #fff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .content-tray-button-group .tray-next {
    right: -1.18rem !important;
  }
}
@media screen and (min-width: 961px) {
  .content-tray-button-group .tray-next {
    right: -1.31rem !important;
  }
}
.content-tray-button-group .tray-next:hover svg > path {
  fill: #000;
}
.content-tray-button-group .tray-next.btn {
  opacity: 1;
}
.content-tray-button-group .tray-next.btn:focus, .content-tray-button-group .tray-next.btn:active {
  background-color: #ffffff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
  border: none;
}
.content-tray-button-group .tray-next svg > path {
  fill: #0074e8;
}
.content-tray-button-group .tray-next:disabled {
  opacity: 0;
}
.content-tray-button-group .tray-previous:not(:disabled) {
  left: -1.31rem !important;
  background-color: #fff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}
.content-tray-button-group .tray-previous:not(:disabled).btn {
  opacity: 1;
}
.content-tray-button-group .tray-previous:not(:disabled) svg > path {
  fill: #0074e8;
}
.content-tray-button-group .tray-previous:disabled {
  left: -1.31rem !important;
}
.content-tray-button-group .tray-previous:disabled.btn {
  opacity: 0;
}

.content-tray-dot {
  width: 50px;
  height: 8px;
  padding: 0;
  margin: 0 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.content-tray-dot.inactive {
  background-color: transparent;
}

.content-tray-item img {
  transform: translateZ(0) scale(1) rotate(0deg);
  transition: transform 0.2s ease-in-out;
}
.content-tray-item img:hover {
  transform: translateZ(0) scale(1.1) rotate(-1deg);
  transition: transform 0.2s ease-in-out;
}
.content-tray-item .variant .card-metadata-info {
  padding: 1em;
}
.content-tray-item .card-metadata {
  padding: 0;
}

@media (min-width: 960px) {
  .content-tray-item.col.no-select {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 0;
  }
  .react-multi-carousel-track {
    max-width: none;
    width: unset;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .content-tray-item.col.no-select {
    padding-right: 12px;
    padding-left: 0;
  }
  .react-multi-carousel-track {
    padding-left: 0 !important;
    max-width: none;
    width: unset;
  }
}
@media (min-width: 1200px) {
  .content-tray-item.col.no-select {
    position: relative;
    width: 100%;
  }
  .react-multi-carousel-track {
    max-width: none;
    width: unset;
    padding-left: 0;
  }
}
@media (max-width: 960px) {
  .react-multi-carousel-track {
    width: unset;
    max-width: unset;
  }
  .content-tray-item.col.no-select {
    padding-right: 0.75rem;
    padding-left: 0;
  }
}
.drop-down-container .dropdown .btn, .drop-down-container .dropdown .dropdown-item {
  text-transform: uppercase;
}
.drop-down-container .btn-dropdown-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.drop-down-container .btn-dropdown-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.drop-down-container .btn-dropdown-toggle::before {
  border-right: 1px solid #F2f2f2;
}
.drop-down-container .dropdown-menu {
  overflow: scroll;
}
.drop-down-container .dropdown-primary .btn {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-primary .dropdown-menu {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-primary .dropdown-menu .dropdown-item {
  color: #000000;
}
.drop-down-container .dropdown-primary .dropdown-menu .dropdown-item:hover {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-primary .dropdown-menu .dropdown-filter {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-primary .dropdown-menu .dropdown-filter:active, .drop-down-container .dropdown-primary .dropdown-menu .dropdown-filter:focus {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-secondary .btn {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-secondary .dropdown-menu {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-secondary .dropdown-menu .dropdown-item {
  color: #000000;
}
.drop-down-container .dropdown-secondary .dropdown-menu .dropdown-item:hover {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-secondary .dropdown-menu .dropdown-filter {
  background-color: #ffffff;
  color: #000000;
}
.drop-down-container .dropdown-secondary .dropdown-menu .dropdown-filter:active, .drop-down-container .dropdown-secondary .dropdown-menu .dropdown-filter:focus {
  background-color: #ffffff;
  color: #000000;
}

​.dropdown-item:focus,
.dropdown-item:hover {
  color: #000000;
  background-color: #ffffff;
}

.gate .modal {
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff;
}
.gate .modal-dialog {
  max-width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.gate .modal-content {
  height: 100vh;
  background-color: rgba(3, 3, 40, 0.6);
}
.gate .modal-content .modal-header {
  font-style: normal;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
  justify-content: flex-end;
}
.gate .modal-content .modal-header .btn-close {
  width: 32px;
  height: 40px;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 32px 40px;
  cursor: pointer;
  opacity: 0.84;
  transition: opacity 0.15s cubic-bezier(0.35, 0, 0.25, 1);
  width: 24px;
  height: 24px;
  border: 1px solid #0074e8;
  border-radius: 50%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMycHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDMyIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTEiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMjU1MTAyLDE5LjI1NTEwMiBMMjIsMTkuMjU1MTAyIEwyMiwyMC4yNTUxMDIgTDE2LjI1NTEwMiwyMC4yNTUxMDIgTDE2LjI1NTEwMiwyNiBMMTUuMjU1MTAyLDI2IEwxNS4yNTUxMDIsMjAuMjU1MTAyIEwxMCwyMC4yNTUxMDIgTDEwLDE5LjI1NTEwMiBMMTUuMjU1MTAyLDE5LjI1NTEwMiBMMTUuMjU1MTAyLDE0IEwxNi4yNTUxMDIsMTQgTDE2LjI1NTEwMiwxOS4yNTUxMDIgWiIgaWQ9IlBhdGgtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAyMC4wMDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xNi4wMDAwMDAsIC0yMC4wMDAwMDApICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  display: block;
}
.gate .modal-content .modal-header .btn-close span {
  display: none;
}
.gate .modal-content .modal-body {
  font-size: 1.125rem;
  color: #ffffff;
  background-color: #1f1f1f;
  margin: 0 auto;
  padding: 1.25rem 3% !important;
  position: relative;
  width: 70%;
  max-width: 600px;
  flex: none;
}
.gate .modal-content .text-center.mb-5.d-block {
  display: none !important;
}
.gate .modal-content .mt-sm-5.mb-3.text-center {
  margin-top: 0 !important;
}
.gate .modal-content .mt-sm-5.mb-3.text-center p {
  font-style: normal;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
.gate .modal-content .modal-body form .mt-5 {
  margin-top: 0 !important;
}
.gate .modal-content .modal-body .form-label-group > input {
  background-color: #F2f2f2;
  margin-bottom: 1.125rem;
  outline: none;
  text-align: center;
  width: 100%;
  font-size: 1.125rem;
  padding: 0;
}
.gate .modal-content .modal-body .form-label-group > label {
  font-size: 1.125rem;
  padding-top: 0.7rem !important;
}
.gate .modal-content .modal-body button {
  width: auto;
  background: transparent;
  border: 2px solid #F2f2f2;
  border-radius: 2px;
  color: #000000;
}
.gate .modal-content .modal-body button.active {
  background: #ffffff;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.gate .modal-content .modal-body .form-control {
  font-weight: normal;
}
.gate .modal-content form input:focus {
  border-bottom: 2px solid #ffffff !important;
}
.gate .modal-content input:-webkit-autofill,
.gate .modal-content input:-webkit-autofill:hover,
.gate .modal-content input:-webkit-autofill:focus,
.gate .modal-content textarea:-webkit-autofill,
.gate .modal-content textarea:-webkit-autofill:hover,
.gate .modal-content textarea:-webkit-autofill:focus,
.gate .modal-content select:-webkit-autofill,
.gate .modal-content select:-webkit-autofill:hover,
.gate .modal-content select:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px #F2f2f2 inset;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px #F2f2f2 inset;
  transition: background-color 5000s ease-in-out;
}
.gate .modal-content input[type=date].form-control.is-invalid,
.gate .modal-content .was-validated .form-control:invalid {
  background-position-x: 92%;
}
@media (max-width: 600px) {
  .gate .modal-content input[type=date].form-control.is-invalid,
  .gate .modal-content .was-validated .form-control:invalid {
    background-position-x: 91%;
  }
}

.navContainer {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  font-family: GretaSansCondensedStd;
  vertical-align: middle;
}
@media (min-width: 1200px) {
  .navContainer {
    justify-content: flex-start !important;
  }
}

.navbar-brand {
  padding-top: 5px;
  margin-right: 3rem;
  margin-bottom: 0px;
}
.navbar-brand img {
  width: 40px;
  height: 40px;
}

.navbar .dropdown-item {
  text-align: left !important;
}

.nav-item {
  white-space: nowrap;
  position: relative;
}

.header {
  padding: 0;
  background-color: #ffffff;
}
.header .container {
  --bs-gutter-x: 0.75rem !important;
}
@media (max-width: 1199.98px) {
  .header {
    height: 45px;
  }
  .header .nav-item.secondary-cta a.btn {
    padding: 10px !important;
  }
  .header .container {
    --bs-gutter-x: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .header .mobile-nav-button-container .btn.btn-lg {
    padding: 0.5rem 1rem;
  }
  .header .collapse.show.navbar-collapse {
    border-top: 2px solid #d8d8d8;
    margin-top: 10px;
  }
}
.header .nav-item a.btn .btn-icon-section.btn-icon-section--after span.btn-icon-external {
  display: none;
}
@media (min-width: 1200px) {
  .header {
    height: 58px;
  }
  .header .nav {
    height: 58px;
    align-items: center;
  }
  .header .nav-item a.btn,
  .header .nav-item a.btn {
    color: #000000;
    padding: 10px !important;
    border: none !important;
    background: none !important;
  }
  .header .nav-item.secondary-cta a.btn:hover,
  .header .nav-item.primary-cta a.btn:hover,
  .header .nav-item a.btn:hover {
    color: #0074e8;
    background-color: transparent !important;
    border: none !important;
    padding: 10px !important;
    border: none;
  }
  .header .navbar .navbar-collapse ul li .nav-link {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }
}
.header .dropdown-toggle::after {
  vertical-align: middle !important;
}
.header .search-container {
  position: absolute;
  width: unset;
}
.header .search-container.hide {
  right: 32px;
}
.header .search-container.show {
  width: 100%;
}
@media (min-width: 1199.98px) {
  .header .search-container {
    position: unset;
  }
  .header .search-container.hide {
    right: unset;
  }
  .header .search-container.show .search-input {
    min-width: 100px;
  }
}
@media (min-width: 1399.98px) {
  .header .search-container.show .search-input {
    min-width: 250px;
  }
}

.header-button-container {
  display: flex;
  flex-direction: row;
  z-index: 100000000;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .header-button-container {
    margin-top: 4px;
    position: absolute;
  }
}

@media (max-width: 1199.98px) {
  .header .navbar-brand {
    padding: 0 0.75rem;
  }
  .header .navbar-collapse ul li .nav-link {
    text-align: left !important;
    font-size: 1.125rem;
    padding: 0.5rem 0.625rem !important;
  }
  .header .navbar-collapse ul li {
    width: 100%;
  }
  .header .navbar-nav .dropdown-menu {
    position: relative !important;
    box-shadow: none !important;
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
  }
  .dropdown-item.dropdown-item {
    border-bottom: none !important;
  }
  .header .navbar-nav,
  .collapsing .navbar-nav {
    flex-direction: column !important;
    background-color: #ffffff;
  }
  .header .navbar-collapse ul li:last-of-type {
    border-bottom: none !important;
  }
  .header .navbar-collapse ul {
    border-top: 0.5px solid #ffffff;
  }
  .subheader .navbar-toggler:focus {
    box-shadow: none;
  }
}
@media (min-width: 1200px) {
  .subnav-container {
    position: relative;
    width: fit-content;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 0.2rem 0;
    border-radius: 6px !important;
    transition: 0.2s ease;
    background-color: #ffffff;
    filter: drop-shadow(0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.3));
  }
  .subnav-container .navbar-text {
    padding: 0.6875rem 1.375rem 0.5rem !important;
  }
  .dropdown-menu {
    position: absolute;
    left: 50% !important;
    top: 100% !important;
    transform: translateX(-50%) !important;
    padding-top: 1.25em !important;
    background-color: transparent;
  }
  .subnav-container:before,
  .dropdown-menu:after {
    content: " ";
    display: block;
    border-style: solid;
    border-width: 0 0.5em 0.8em 0.5em;
    border-color: transparent;
    position: absolute;
    left: 48%;
  }
  .subnav-container:before {
    top: -0.8em;
    border-bottom-color: #ffffff;
    left: 50%;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff;
    border-left: 0.5em solid transparent;
    border-bottom: 0.8em solid #ffffff;
    border-right: 0.5em solid transparent;
    border-top: 0 solid transparent;
    transform: translateX(-50%);
  }
  .dropdown-menu:after {
    bottom: 0;
    height: 100%;
  }
  .dropdown.nav-item:hover .dropdown-menu,
  .dropdown.show .dropdown-menu,
  .subnav-container:hover {
    display: block;
  }
}
@media (min-width: 1200px) {
  .secondary-cta,
  .primary-cta {
    align-self: center;
  }
  .primary-cta {
    padding-left: 10px;
  }
}
.header .navbar-toggler {
  width: 38px !important;
  border: 2px solid #000000;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  border: none !important;
}
.header .navbar-toggler:focus {
  box-shadow: none;
}
.header .navbar-toggler .icon-bar {
  margin: 0 !important;
  margin-top: 5px !important;
  background-color: #000000;
  width: 18px !important;
  height: 2px;
}
.header .navbar-toggler:hover .icon-bar {
  background-color: #0074e8;
}
.header .navbar-toggler.open .icon-bar {
  width: 22px !important;
  margin-top: 5px !important;
}
.header .navbar-toggler.open .icon-bar.bottom-bar {
  margin-top: 3px !important;
}
.header .dropContainer,
.header .dropdown-menu {
  border: none;
}
.header .navbar-text {
  float: none !important;
  color: #000000;
  font-size: 1.125rem;
  font-weight: 400;
  opacity: 0.87;
  min-width: 175px;
}
.header .navbar-text:hover {
  color: #0074e8;
}
.header .dropdown-item {
  background-color: #ffffff;
  color: #000000;
  font-weight: 300;
  border-bottom: transparent;
}
.header .dropdown-item:hover {
  background-color: #ffffff;
}
.header .navbar-collapse ul li .nav-link {
  color: #000000;
  font-size: 1.125rem;
  padding-right: 1.25rem !important;
}
@media (max-width: 1199.98px) {
  .header .dropdown-menu,
  .header .dropContainer {
    background-color: #ffffff;
  }
  .header .navbar-collapse ul li .nav-link,
  .header .navbar-text {
    font-size: 1.125rem;
  }
  .header .dropdown-item {
    color: #000000;
    font-weight: 300;
    border-bottom: transparent;
    font-size: 1.125rem;
  }
  .header .mobile-nav-button-container {
    border-top: 1px solid #000000;
    display: flex;
    max-width: 100%;
    padding: 2rem 1.5rem;
    flex-direction: row;
    gap: 20px;
  }
  .header .mobile-nav-button-container .btn {
    flex: 1;
  }
}
.header .dropdown-item {
  border-bottom: none;
}

a.nav-link:hover {
  color: #0074e8 !important;
}

@media (min-width: 1200px) {
  .wide-hero.container {
    max-width: 1400px !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 1199px) {
  .wide-hero.container {
    max-width: 100% !important;
  }
}

.variant-d .hero-button-container-new a,
.variant-a .hero-button-container-new a,
.variant-e .hero-button-container-new a {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.125rem !important;
  line-height: 1.125rem !important;
}

.hero-superscript {
  font-size: 1.188rem !important;
}

.hero-subtitle {
  font-size: 1.5rem !important;
}

.variant-a.hero-container .hero-content .hero-promo {
  color: #f6f6f6;
  background-color: #000000;
}
.variant-a.hero-container .hero-content .hero-superscript {
  color: #f6f6f6;
}
@media (min-width: 768px) {
  .variant-a.hero-container .hero-content .hero-superscript {
    color: #ffffff;
  }
}
.variant-a.hero-container .hero-content .hero-subtitle,
.variant-a.hero-container .hero-content .hero-subtitle * {
  color: #f6f6f6;
}
@media (min-width: 768px) {
  .variant-a.hero-container .hero-content .hero-subtitle,
  .variant-a.hero-container .hero-content .hero-subtitle * {
    margin-top: 0.75rem;
    color: #f6f6f6;
  }
}
.variant-a.hero-container .hero-content .hero-subtitle a,
.variant-a.hero-container .hero-content .hero-subtitle * a {
  text-decoration: underline;
}
.variant-a.hero-container .hero-content .hero-text,
.variant-a.hero-container .hero-content .hero-text * {
  font-size: 2rem;
}

.variant-b.hero-container .hero-promo {
  color: #ffffff;
  background-color: #000000;
}
.variant-b.hero-container .hero-superscript {
  color: #000000;
}
@media (min-width: 768px) {
  .variant-b.hero-container .hero-superscript {
    color: #000000;
  }
}
.variant-b.hero-container .hero-text,
.variant-b.hero-container .hero-text * {
  color: #000000;
}
@media (min-width: 768px) {
  .variant-b.hero-container .hero-text,
  .variant-b.hero-container .hero-text * {
    color: #000000;
  }
}
.variant-b.hero-container .hero-subtitle {
  color: #000000;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .variant-b.hero-container .hero-subtitle {
    color: #000000;
    margin-top: 0.75rem;
  }
}

@media (min-width: 768px) {
  .variant-b.hero-container .hero-background {
    padding: initial;
    overflow: initial;
  }
  .variant-b.hero-container .hero-background::before {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    clip: rect(0, auto, auto, 0);
  }
  .variant-b.hero-container .hero-content-container {
    position: relative !important;
    width: initial !important;
    height: auto !important;
  }
}
.variant-b .hero-button-container .hero-buttons-content a {
  font-size: 1.125rem !important;
  line-height: 1.125rem !important;
}

.variant-c.hero-container .hero-background img {
  width: 100vw !important;
}
.variant-c.hero-container .hero-promo {
  color: #212121;
  background-color: transparent;
  font-family: GretaSansStd;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 0.125rem;
  opacity: 60%;
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-promo {
    color: #f6f6f6;
  }
}
.variant-c.hero-container .hero-superscript {
  color: #212121;
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-superscript {
    color: #f6f6f6;
  }
}
.variant-c.hero-container .hero-button-container-new a {
  font-size: 1.125rem !important;
  padding: 0.563rem 2.938rem;
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-text-container {
    max-width: 400px;
  }
}
.variant-c.hero-container .hero-text,
.variant-c.hero-container .hero-text * {
  color: #212121;
  font-family: GretaSansCondensedStd;
  font-size: 3.125rem;
  letter-spacing: -0.031rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-text,
  .variant-c.hero-container .hero-text * {
    color: #f6f6f6;
    font-size: 4.063rem;
  }
}
.variant-c.hero-container .hero-subtitle,
.variant-c.hero-container .hero-subtitle * {
  color: #212121;
  font-family: GretaSansStd;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-subtitle,
  .variant-c.hero-container .hero-subtitle * {
    color: #f6f6f6;
  }
}
.variant-c.hero-container .hero-content {
  width: 100% !important;
}
@media (max-width: 767.98px) {
  .variant-c.hero-container .hero-button-container .btn--secondary {
    background: transparent;
    border: 1px #000000 solid;
    color: #000000;
  }
}
.variant-c.hero-container .hero-button-container-new {
  width: auto !important;
}

@media (min-width: 768px) {
  .variant-c.hero-container .hero-content {
    z-index: 0;
    background-image: none !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .variant-c.hero-container .hero-content {
    background-image: none !important;
  }
}
@media (min-width: 768px) {
  .variant-c.hero-container .hero-content::before {
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  }
}
.variant-c .hero-button-container-new a.hero-button {
  font-size: 1.125rem !important;
  line-height: 1.125rem !important;
}

.variant-d.hero-container .hero-promo {
  color: #ffffff;
  background-color: #000000;
}
.variant-d.hero-container .hero-text,
.variant-d.hero-container .hero-text * {
  color: #ffffff;
}
@media (min-width: 768px) {
  .variant-d.hero-container .hero-text,
  .variant-d.hero-container .hero-text * {
    color: #ffffff;
  }
}
.variant-d.hero-container .hero-subtitle,
.variant-d.hero-container .hero-subtitle * {
  color: #ffffff;
}
@media (min-width: 768px) {
  .variant-d.hero-container .hero-subtitle,
  .variant-d.hero-container .hero-subtitle * {
    color: #ffffff;
  }
}

@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-text-container {
    align-items: center !important;
  }
}
.variant-e.hero-container .hero-content .hero-promo {
  color: #ffffff;
  background-color: #000000;
  font-family: GretaSansStd;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 2px;
  opacity: 60%;
}
.variant-e.hero-container .hero-content section.hero-text {
  font-family: GretaSansCondensedStd;
  font-size: 5.625rem;
  letter-spacing: -0.5px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content section.hero-text {
    font-size: 3.125rem;
    letter-spacing: -0.5px;
    font-weight: 500;
  }
}
.variant-e.hero-container .hero-content .hero-superscript {
  color: #ffffff;
  font-family: GretaSansStd;
  font-size: 1.125rem;
  line-height: 1.33;
  letter-spacing: 2px;
  opacity: 60%;
}
@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-superscript {
    text-align: center !important;
  }
}
.variant-e.hero-container .hero-content .hero-subtitle,
.variant-e.hero-container .hero-content .hero-subtitle p {
  font-family: GretaSansStd;
  font-size: 1.125rem;
  letter-spacing: normal;
  max-width: 450px;
}
@media (min-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-subtitle,
  .variant-e.hero-container .hero-content .hero-subtitle p {
    display: none;
  }
}
.variant-e.hero-container .hero-content .hero-subtitle a,
.variant-e.hero-container .hero-content .hero-subtitle p a {
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-text .text-left * {
    text-align: center !important;
    margin: auto;
    width: 300px;
  }
}
.variant-e.hero-container .hero-content .hero-text p,
.variant-e.hero-container .hero-content .hero-text p * {
  color: #f6f6f6;
  font-size: 1.125rem;
  line-height: 2rem;
  font-family: GretaSansStd;
  font-size: 1.125rem;
  letter-spacing: normal;
  max-width: 450px;
}
@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-text p,
  .variant-e.hero-container .hero-content .hero-text p * {
    display: none;
  }
}
.variant-e.hero-container .hero-content .hero-text h2,
.variant-e.hero-container .hero-content .hero-text h2 * {
  font-size: 3.125rem;
  line-height: 4.063rem;
}
@media (min-width: 768px) {
  .variant-e.hero-container .hero-content .hero-text h2,
  .variant-e.hero-container .hero-content .hero-text h2 * {
    font-family: GretaSansCondensedStd;
    font-size: 5.625rem;
    letter-spacing: -0.5px;
    font-weight: 500;
  }
}
@media (max-width: 991.98px) {
  .variant-e.hero-container .hero-content .hero-text h2,
  .variant-e.hero-container .hero-content .hero-text h2 * {
    text-align: center !important;
  }
}

@media (max-width: 991.98px) {
  .variant-e .hero-content {
    max-width: 100% !important;
  }
  .variant-e .hero-button-container-new {
    justify-content: center !important;
  }
}
.hero-video.fullVPHeight .hero-video__content ::-webkit-scrollbar-thumb {
  background: rgba(194, 194, 194, 0.3);
}
.hero-video.fullVPHeight .hero-video__content ::-webkit-scrollbar-thumb:hover {
  background: rgba(194, 194, 194, 0.5);
}

.grid-label-arrow *:after {
  border-bottom: 8px solid #0074e8;
}

.media-player-info-container .contentHeader {
  font-size: 0.675rem;
  text-transform: uppercase;
}
.media-player-info-container .contentHeaderTitlePart {
  font-size: 0.675rem;
  line-height: 1rem;
}
.media-player-info-container .contentHeaderTitle {
  font-size: 0.675rem;
  line-height: 0.8125rem;
}
.media-player-info-container .contentHeaderTitle * {
  font-size: 0.675rem;
  text-transform: uppercase;
}
.media-player-info-container .tag div * {
  font-size: 0.675rem;
  line-height: 1rem;
}
.media-player-info-container .contentTitle {
  font-size: 1.5rem;
  font-weight: 700;
}

.podcast-player-container.container {
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.podcast-player-container.container .volumeSlider::-webkit-slider-thumb {
  background: #ffffff;
  height: 0.75rem;
  width: 0.75rem;
}
.podcast-player-container.container .volumeSlider::-moz-range-thumb {
  background: #ffffff;
}
.podcast-player-container.container .progressBar {
  background-color: #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.progressBar::-webkit-slider-thumb {
  background: #ffffff;
}

.volume,
.play,
.pause,
.forward,
.rewind {
  background-color: transparent;
}

.play {
  background-color: #000000;
}

.pause {
  background-color: #313131;
}

.play,
.pause {
  border: 2px solid #ffffff;
}

.elapsedTime {
  color: #ffffff;
}

.podcast-background-container.background {
  background-color: #ffffff;
}

@media (max-width: 991.98px) {
  .list-filter {
    display: none !important;
  }
}
.list-filter dd {
  margin-bottom: 0.125rem;
}
.list-filter dd .list-filter-search-filter {
  font-size: 1.75rem;
  font-weight: 500;
  padding: 0;
  color: #000000;
  border-radius: 0 !important;
  opacity: 1 !important;
}
.list-filter dd .list-filter-search-filter.isCurrentFilter {
  color: #0074e8;
  font-weight: 700;
}

.catalog-filter .catalog-filters-wrapper .catalog-filter-section > h3 {
  font-size: 1.75rem;
  line-height: 1.75rem;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section > h3 .basic-toggle {
  display: none;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section > h3 .image-toggle {
  background: url("../png/expand_icon.png") center no-repeat;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section .catalog-filter-alphabetical .catalog-filter-alphabetical-button {
  background: inherit;
  border: 1px solid #d8d8d8;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section .catalog-filter-alphabetical .catalog-filter-alphabetical-button.selected {
  background: #0074e8;
  color: #F2f2f2;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section .catalog-filter-list {
  padding-right: 20px;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section .catalog-filter-list .checkbox-container input:checked ~ .checkbox {
  background-color: #0074e8;
}
.catalog-filter .catalog-filters-wrapper .catalog-filter-section.expanded > h3 .image-toggle {
  background: url("../png/collapse_icon.png") center no-repeat;
}

.resultsContainer .card-superscript {
  text-align: left;
}
.resultsContainer .card-title {
  font-size: 1.5rem !important;
  text-align: left;
}
.resultsContainer .card-subtitle {
  font-family: GretaSansStd !important;
  font-size: 1rem !important;
  text-transform: none !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.resultsContainer .seeMoreLink {
  color: #000000;
  display: flex;
}
.resultsContainer a.seeMoreLink:hover {
  color: #0074e8;
}
.resultsContainer a.seeMoreLink:hover .seeMoreIcon {
  background-color: #0074e8;
}
.resultsContainer .headingText,
.resultsContainer .seeMoreText {
  font-weight: 700;
  font-family: GretaSansCondensedStd, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
}
.resultsContainer .headingText {
  font-size: 2.5rem;
  margin: 0;
}
.resultsContainer .seeMoreText {
  font-size: 1.125rem;
}
.resultsContainer .seeMoreIcon {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1.66041L4.70003 1L10 6L4.70003 11L4 10.3396L8.60005 6L4 1.66041Z' fill='%23FFFFFF' /%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1.66041L4.70003 1L10 6L4.70003 11L4 10.3396L8.60005 6L4 1.66041Z' fill='%23FFFFFF' /%3E%3C/svg%3E");
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #000000;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin: auto;
  transform: scaleY(-1);
}
@media (min-width: 576px) {
  .resultsContainer .trayHeaderDesktop {
    display: flex;
  }
  .resultsContainer .trayHeaderMobile {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .resultsContainer .trayHeaderDesktop {
    display: none;
  }
  .resultsContainer .trayHeaderMobile {
    display: flex;
  }
}

.search-pagination .isCurrentPage {
  color: #0074e8;
}

.search-pills {
  scrollbar-color: #0074e8 #ffffff;
}
.search-pills .search-pill {
  border: 0.0625rem solid #000000;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.375rem;
  background-color: transparent;
  text-transform: uppercase;
  color: #000000;
}
.search-pills .search-pill.search-pill-clear-filters {
  border-color: #0074e8;
  color: #0074e8;
}
.search-pills .search-pill .search-pill-discard-icon {
  box-sizing: content-box;
  width: 0.5625rem;
  height: 0.5625rem;
  padding: 0 0.625rem 0 0.3125rem;
  background: no-repeat 0.3125rem center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 532 512' %3E%3Cpath fill='currentColor' d='M266 236 42 11c-6-5-15-5-21 0-5 6-5 15 0 21l225 224L21 481c-5 5-5 14 0 20 6 5 15 5 21 0l224-225 225 225c5 5 14 5 20 0 5-6 5-15 0-20L286 256 511 32c5-6 5-15 0-21-6-5-15-5-20 0L266 236z'/%3E%3C/svg%3E");
}
.search-pills::-webkit-scrollbar-thumb {
  background: #0074e8;
}

.search-container {
  --placeholder-text-color: rgb(110, 110, 110);
}
.search-container .form-container .search-icon {
  margin-top: 5px;
  margin-bottom: 5px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 1rem;
}
.search-container .form-container form input {
  background: transparent;
  padding: 5px;
  width: 100%;
}
@keyframes emptySubmitAnimation {
  from {
    --placeholder-text-color: #0074e8;
    color: #0074e8;
    text-shadow: 0 0 10px #0074e8;
  }
  to {
    --placeholder-text-color: rgb(110, 110, 110);
    color: rgb(117, 117, 117);
    text-shadow: 0 0 0 rgba(0, 116, 232, 0);
  }
}
.search-container .search-input::-webkit-input-placeholder,
.search-container .search-input:placeholder-shown[placeholder] {
  color: var(--placeholder-text-color);
}
.search-container .search-input.userSubmittedEmpty::-webkit-input-placeholder,
.search-container .search-input.userSubmittedEmpty:placeholder-shown[placeholder] {
  animation-name: emptySubmitAnimation;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}
.search-container .search-list {
  border-radius: 0.25rem;
  background: #ffffff;
  filter: drop-shadow(0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.3));
  font-family: GretaSansCondensedStd;
  text-transform: uppercase;
}
.search-container .search-list::before {
  border-color: transparent transparent #ffffff;
}
.search-container .search-list .search-list-caption {
  color: #d8d8d8;
}
.search-container .search-list .search-list-item-link {
  color: #000000;
}
.search-container .search-list .search-list-item-link:hover {
  color: #0074e8;
}
.search-container .search-list.search-suggestions-list .search-list-item:last-child .search-list-item-link {
  color: #0074e8;
}

.dateRange-container {
  position: relative;
  padding: 2px 4px;
  width: 140px;
  background: #ffffff;
  color: #000000;
  box-sizing: border-box;
  border-radius: 3px;
}
.dateRange-container:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: currentColor 1px solid;
  pointer-events: none;
}
.dateRange-container .calendar-icon {
  position: absolute;
  display: block;
  background: inherit;
  right: 0;
  top: 0;
  width: 26px;
  height: 100%;
}
.dateRange-container .calendar-icon:after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: currentColor;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=");
  mask-size: 18px auto;
  mask-repeat: no-repeat;
  mask-position: calc(100% - 3px) center;
}
.dateRange-container input {
  border: none;
  background: transparent;
  padding: 0;
  width: 100%;
  text-align: left;
  -moz-appearance: textfield;
  border: none !important;
  outline: none !important;
}
.dateRange-container input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.scheduleGridContainer {
  --primary-accent-color: #000000;
  --primary-color: #F2f2f2;
  --primary-highlight-color: #ffffff;
  --secondary-accent-color: #0074e8;
  --secondary-color: #000000;
  --secondary-highlight-color: #ffffff;
  --tertiary-color: #ffffff;
}
.scheduleGridContainer .arrowContainer .scrollArrowIcon {
  width: 1.375rem;
  color: var(--secondary-accent-color);
}
.scheduleGridContainer .availability {
  --header-background-color: var(--tertiary-color);
  --header-text-color: #ffffff;
  --body-background-color: #ffffff;
  --body-image-max-width: 70%;
}
.scheduleGridContainer .availability .availabilityTitle {
  color: var(--secondary-color);
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 14px;
}
.scheduleGridContainer .availability .availabilityDetailInfo {
  padding-right: 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 100;
}
@media (max-width: 400px) {
  .scheduleGridContainer .availability .availabilityDetailInfo {
    font-size: 0.675rem;
  }
}
.scheduleGridContainer .availability .availabilityDetailInfo.availabilityFeed {
  text-transform: uppercase;
}
.scheduleGridContainer .castAndCrew .castAndCrewTitle, .scheduleGridContainer .castAndCrew .castAndCrewName {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.scheduleGridContainer .castAndCrew .castAndCrewTitle {
  text-transform: uppercase;
  font-weight: 400;
}
.scheduleGridContainer .castAndCrew .castAndCrewName {
  font-weight: 100;
}
.scheduleGridContainer .castAndCrew .moreDetails {
  padding: 0;
  color: var(--secondary-accent-color);
  font-style: normal;
  font-size: 0.6875rem;
  line-height: 1.25;
  letter-spacing: 0.125em;
  text-transform: uppercase;
}
.scheduleGridContainer .castAndCrew .moreDetails :hover {
  color: var(--secondary-accent-color);
}
.scheduleGridContainer .castAndCrew .moreDetails :focus-visible {
  text-decoration: none;
}
.scheduleGridContainer .daySelectorWrapper {
  --font-size: 0.675rem;
  --font-size-selected: 1rem;
  --spacing: 1.75rem;
  padding: var(--spacing) 0;
  font-size: var(--font-size);
  text-align: center;
  margin: 0;
  justify-content: space-between;
  align-items: center;
  min-width: 900px;
  color: var(--secondary-color);
}
.scheduleGridContainer .daySelectorWrapper .nextWeekLink, .scheduleGridContainer .daySelectorWrapper .prevWeekLink {
  color: var(--secondary-accent-color);
  width: 13.5%;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  background: unset;
  border: unset;
  padding: 0;
  font-weight: inherit;
}
.scheduleGridContainer .daySelectorWrapper .nextWeekLink.disabled, .scheduleGridContainer .daySelectorWrapper .prevWeekLink.disabled {
  color: var(--secondary-highlight-color);
  cursor: default;
  visibility: hidden;
}
.scheduleGridContainer .daySelectorWrapper .scheduleDay {
  align-items: center;
  font-weight: 400;
  color: var(--secondary-color);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  background: unset;
  border: unset;
  padding: 0;
}
.scheduleGridContainer .daySelectorWrapper .scheduleDay.selected {
  font-size: var(--font-size-selected);
  font-weight: 700;
  padding-bottom: 0.4375rem;
  margin-bottom: -0.4375rem;
  border-bottom: 1px solid var(--secondary-accent-color);
}
.scheduleGridContainer .daySelectorWrapper .scheduleDay.disabled {
  color: var(--secondary-highlight-color);
  cursor: default;
  visibility: hidden;
}
.scheduleGridContainer .daySelectorWrapper .daySelectorArrowText {
  margin: 0.4375rem;
  vertical-align: middle;
}
.scheduleGridContainer .daySelectorWrapper .daySelectorArrow {
  width: 0.75rem;
}
.scheduleGridContainer .channelNames.channelNames {
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 8px 1px rgba(0, 0, 0, 0.16);
  padding-left: 0;
  background: var(--primary-color);
  font-size: 0.75rem;
  width: 112px;
  list-style-type: none;
}
.scheduleGridContainer .channelNames .topRow {
  background: var(--secondary-color);
  margin: 0;
  color: var(--secondary-highlight-color);
  letter-spacing: 0.05em;
  align-items: center;
  height: 2.625rem;
  line-height: 2.625rem;
}
.scheduleGridContainer .channelNames .topRow .dropdown .dropdown-menu,
.scheduleGridContainer .channelNames .topRow .dropdown .btn,
.scheduleGridContainer .channelNames .topRow .dropdown .dropdown-item {
  color: var(--secondary-highlight-color);
  background: var(--secondary-color);
}
.scheduleGridContainer .channelNames .topRow .dropdown .dropdown-item:hover, .scheduleGridContainer .channelNames .topRow .dropdown .dropdown-item:focus {
  color: var(--primary-highlight-color);
  background: var(--secondary-accent-color);
}
.scheduleGridContainer .channelNames .regionName {
  text-align: center;
  width: 56px;
  align-items: center;
  cursor: pointer;
}
.scheduleGridContainer .channelNames .activeRegion {
  border-bottom: 2px solid var(--secondary-accent-color);
  max-height: 42px;
  color: var(--secondary-accent-color);
  font-style: normal;
  font-weight: 500;
}
.scheduleGridContainer .channelNames .channelName {
  padding-left: 14px;
  color: var(--secondary-color);
  padding-right: 14px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  font-style: normal;
  font-weight: 500;
  border-color: var(--primary-highlight-color);
  height: 64px;
  line-height: 64px;
}
.scheduleGridContainer .channelNames .channelName > div {
  vertical-align: middle;
  line-height: normal;
}
.scheduleGridContainer .channelNames * {
  margin: 0;
}
.scheduleGridContainer .detailsInfoContainer {
  --header-background-color: var(--tertiary-color);
  --header-text-color: #ffffff;
  --body-background-color: #ffffff;
  --body-image-max-width: 70%;
}
.scheduleGridContainer .detailsInfoContainer.detailsText {
  color: #000000;
  font-family: GretaSansStd;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 100;
}
.scheduleGridContainer .programDetails {
  --header-background-color: var(--tertiary-color);
  --header-text-color: #ffffff;
  --body-background-color: #ffffff;
  --body-image-max-width: 70%;
}
.scheduleGridContainer .scheduleLaneContainer {
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.5);
  --scrollbar-track-color: #ffffff;
}
.scheduleGridContainer .scheduleLaneContainer .lanes {
  padding: 0;
  background: var(--primary-highlight-color);
  height: 100%;
  list-style-type: none;
  margin-bottom: 0;
}
.scheduleGridContainer .scheduleLaneContainer .lanes::-webkit-scrollbar {
  -webkit-appearance: none;
}
.scheduleGridContainer .scheduleLaneContainer .lanes::-webkit-scrollbar:vertical {
  width: 11px;
}
.scheduleGridContainer .scheduleLaneContainer .lanes::-webkit-scrollbar:horizontal {
  height: 11px;
}
.scheduleGridContainer .scheduleLaneContainer .lanes::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 8px;
  border: 2px solid var(--scrollbar-track-color); /* should match background, can't be transparent */
}
.scheduleGridContainer .scheduleLaneContainer .lanes::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
  border-radius: 8px;
}
.scheduleGridContainer .scheduleLaneContainer .airing {
  border-color: var(--primary-highlight-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 14px;
  font-size: 12px;
  background: var(--primary-color);
  white-space: nowrap;
  height: 64px;
}
.scheduleGridContainer .scheduleLaneContainer .activeAiring {
  background: var(--primary-highlight-color);
  border-left: var(--primary-color);
  border-left: 2px solid var(--primary-accent-color);
  border-bottom-color: var(--primary-color);
  border-left-width: 2px;
}
.scheduleGridContainer .scheduleLaneContainer .airing.nonTouchScreen:hover {
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 8px 1px rgba(0, 0, 0, 0.16);
  z-index: 3;
  height: 72px;
  margin: -4px 0;
  max-width: none !important;
  border-bottom: none;
}
.scheduleGridContainer .scheduleLaneContainer .programName {
  cursor: pointer;
  color: var(--secondary-color);
  text-overflow: ellipsis;
}
.scheduleGridContainer .scheduleLaneContainer .programName span {
  z-index: 2;
}
.scheduleGridContainer .scheduleLaneContainer .airingTime {
  color: var(--secondary-color);
  cursor: pointer;
}
.scheduleGridContainer .scheduleLaneContainer .airingTime span {
  z-index: 2;
}
.scheduleGridContainer .scheduleLaneContainer .airingDetails {
  cursor: pointer;
  color: var(--secondary-color);
}
.scheduleGridContainer .timeLane {
  background: var(--secondary-color);
  margin: 0;
  color: var(--secondary-highlight-color);
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  align-items: center;
  height: 2.625rem;
  line-height: 2.625rem;
}
.scheduleGridContainer .timeLane .timeItem {
  background-color: var(--secondary-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-color: var(--primary-color);
  text-align: center;
}
.scheduleGridContainer .timeLane .activeTime {
  color: var(--primary-highlight-color);
  font-style: normal;
  font-weight: 500;
}
.scheduleGridContainer .timeLane .timeDot {
  fill: var(--primary-accent-color);
  width: 10px;
  height: 10px;
  margin-right: 7px;
}
.scheduleGridContainer .currentTimeMarker {
  z-index: 1;
  border-left: 1px solid var(--secondary-accent-color);
}
.scheduleGridContainer .currentTimeMarker .currentTimeMarkerTriangle {
  left: -6px;
  width: 11px;
  height: 8px;
  background: var(--secondary-accent-color);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.scheduleGridContainer .scheduleGridModalContainer .scheduleModal {
  color: #000000;
}
.scheduleGridContainer .scheduleGridModalContainer .moreDetails {
  padding: 0;
  color: var(--secondary-accent-color);
  font-style: normal;
  font-size: 0.6875rem;
  line-height: 1.25;
  letter-spacing: 0.125em;
  text-transform: uppercase;
}
.scheduleGridContainer .scheduleGridModalContainer .moreDetails :hover {
  color: var(--secondary-accent-color);
}
.scheduleGridContainer .scheduleGridModalContainer .moreDetails :focus-visible {
  text-decoration: none;
}

.scheduleRibbon {
  --primary-accent-color: #000000;
  --primary-color: #F2f2f2;
  --primary-highlight-color: #ffffff;
  --secondary-accent-color: #0074e8;
  --secondary-color: #000000;
  --secondary-highlight-color: #ffffff;
  --tertiary-color: #ffffff;
}
.scheduleRibbon::before {
  background: var(--primary-highlight-color);
}
.scheduleRibbon .scheduleRibbonTitleContainer {
  border-bottom: 1px solid var(--secondary-highlight-color);
}
.scheduleRibbon .scheduleRibbonTitle {
  font-style: normal;
  font-size: 1rem;
}
.scheduleRibbon .scheduleRibbonCta {
  border-top: 1px solid var(--secondary-highlight-color);
}
.scheduleRibbon .scheduleRibbonCtaLink {
  color: var(--secondary-accent-color);
}
.scheduleRibbon .scheduleRibbonCtaLink:hover {
  color: var(--secondary-accent-color);
}
.scheduleRibbon .programItem {
  border-left: 1px solid var(--secondary-highlight-color);
}
.scheduleRibbon .programLink {
  color: inherit;
}
.scheduleRibbon .programLink:hover {
  color: inherit;
}
.scheduleRibbon .programLink span:hover {
  text-decoration: underline;
}
.scheduleRibbon .programTitle {
  text-transform: uppercase;
}
.scheduleRibbon .scheduleRibbonTitle, .scheduleRibbon .scheduleRibbonCta, .scheduleRibbon .programTitle {
  font-style: normal;
  font-weight: 500;
}
.scheduleRibbon .scheduleRibbonCta, .scheduleRibbon .programTitle, .scheduleRibbon .programTime {
  font-size: 0.675rem;
}
.scheduleRibbon .scheduleRibbonCtaLink, .scheduleRibbon .programTitle {
  letter-spacing: 0.05em;
}

@media (min-width: 768px) {
  .episode_holder {
    background: #ffffff;
    left: 70px;
    right: 524px;
    top: 112px;
    margin: 0;
    padding: 0;
    flex: 0 0 auto !important;
    width: 25% !important;
  }
}
@media (max-width: 767.98px) {
  .episode_holder {
    background: #ffffff;
    left: 70px;
    right: 524px;
    top: 112px;
    margin: 0;
    padding: 0;
    flex: 0 0 auto !important;
    width: 50% !important;
  }
}
.episode_title {
  margin-left: 20px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.episode_description {
  margin-left: 20px;
  margin-right: 20px;
  font-size: 14px !important;
}

.episode_image {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.ep-se-header {
  width: 33.3%;
}

.ep-se-header-por {
  width: 50%;
  margin-top: 1rem;
}

.ep-se-header-por.drpdwn {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
}

.ep-se-header.drpdwn {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
}

.ep-seasons-row {
  padding: 5px;
}

.episode_sub_holder {
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  width: 95%;
  height: 100%;
  margin: 0 auto;
}

.episode_sub_holder:hover {
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  width: 95%;
  height: 100%;
  margin: 0 auto;
}

.episode_sub_holder:hover .episode_title {
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .se-ep-landscape {
    position: relative;
    display: none !important;
  }
  .se-ep-portrait {
    position: relative;
    display: flex;
  }
}
@media (min-width: 768px) {
  .se-ep-landscape {
    position: relative;
    display: flex;
  }
  .se-ep-portrait {
    position: relative;
    display: none !important;
  }
}
.seasonEpisodes {
  font-weight: bold;
  font-family: GretaSansStd;
  font-size: 2rem;
  line-height: 3.125rem;
  text-align: center;
  vertical-align: middle;
}

.seasonEpisodesPor {
  font-weight: bold;
  font-family: GretaSansStd;
  font-size: 2rem;
  line-height: 3.125rem;
  text-align: left;
  vertical-align: middle;
}

.season-episode-container {
  font-family: GretaSansStd;
}

.season-dropdown-container:active {
  color: #ffffff;
  background-color: #ffffff;
}

.season-dropdown-item:active {
  color: #ffffff;
  background-color: #ffffff;
}

.season-ep.dropdown-menu {
  background: #ffffff;
  margin-left: -39px;
  margin-top: 11px;
}

.season-ep .dropdown-item.dropdown-item {
  color: #000000;
  font-family: GretaSansStd;
  font-size: 0.675rem;
  font-weight: 300;
  text-transform: uppercase;
  width: 117px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #ffffff !important;
}

.season-ep .dropdown-item:hover {
  background-color: #ffffff;
}

.dropdown .ep-dropdown.dropdown-toggle::after {
  height: 0.375rem !important;
  width: 0.375rem !important;
  border-right: 1px solid #404040 !important;
  border-bottom: 1px solid #404040 !important;
  transform: rotate(45deg) !important;
  border-left: 0 !important;
  border-top: 0 !important;
  margin-left: 0.855em !important;
  vertical-align: 0.25em !important;
  transition-duration: 0.5s;
  content: "";
  display: inline-block;
  margin-top: 4px;
}

.dropdown.show .ep-dropdown.dropdown-toggle::after {
  transform: rotate(-135deg) !important;
  vertical-align: 0em !important;
}

.subheader {
  -webkit-box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.subheader .navbar-brand {
  padding: 1rem 0.75rem 0.625rem;
}

.subheader .dropdown-toggle::after,
.subheader .navbar-toggler:after {
  height: 0.375rem !important;
  width: 0.375rem !important;
  border-right: 1px solid #F2f2f2 !important;
  border-bottom: 1px solid #F2f2f2 !important;
  transform: rotate(45deg) !important;
  border-left: 0 !important;
  border-top: 0 !important;
  margin-left: 0.855em !important;
  vertical-align: 0.25em !important;
  transition-duration: 0.5s;
  content: "";
  display: inline-block;
  margin-top: 4px;
}

show.nav-item .dropdown-toggle::after,
.open.navbar-toggler::after {
  transform: rotate(-135deg) !important;
  vertical-align: 0em !important;
}

nav.subheader {
  background-color: #ffffff;
  z-index: 1000;
}
@media (min-width: 768px) {
  nav.subheader {
    min-height: 76px;
  }
}
@media (min-width: 992px) {
  nav.subheader {
    min-height: 96px;
  }
}

.subheader-container ul li div a {
  border-bottom: 0.5px solid #ffffff;
}
.subheader-container a {
  color: #000000;
  font-weight: 300;
  font-style: normal;
  font-size: 0.675rem;
}
.subheader-container .active {
  padding-bottom: calc(0.625rem - 2px);
  color: #000000;
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
}
.subheader-container .dropdown-item.dropdown-item {
  color: #000000;
  font-weight: 400;
  border-bottom: 0.5px solid #ffffff;
  text-align: center;
}
.subheader-container .dropdown-item:focus,
.subheader-container .dropdown-item:hover {
  color: #000000;
  background-color: #ffffff;
}
.subheader-container .dropdown-menu {
  background-color: #ffffff;
}
.subheader-container .navbar-text {
  color: #000000;
  font-weight: 400;
}
.subheader-container .navbar-text:hover {
  color: #000000;
}
.subheader-container .dropdown-item a {
  color: #000000;
  font-size: 0.675rem;
  font-weight: 300;
  border-bottom: 0.5px solid #ffffff;
}
.subheader-container .navbar-toggler {
  color: #000000;
}
@media (max-width: 767.98px) {
  .subheader-container .dropdown-menu,
  .subheader-container .dropContainer {
    background-color: #ffffff;
  }
  .subheader-container .navbar-collapse ul li {
    border-bottom: 0.5px solid #ffffff;
  }
}

@media (max-width: 768px) {
  .text-container img {
    max-width: 100%;
    height: auto !important;
  }
}

.video {
  background-color: #000000;
}
.video .tui-btn:active, .video .tui-start-slate:focus, .video .tui-start-slate:active {
  outline: 0;
}
.video .tui-btn:hover {
  color: #ffffff;
}
.video .tui-btn:focus {
  outline: 3px auto #ffffff;
}
.video .btn-unmute {
  color: #ffffff;
}
.video .btn-unmute:hover {
  color: #ffffff;
}
.video--blocked {
  background-color: #000000;
  color: #ffffff;
}

.placeholder-slate {
  background: #F2f2f2;
}
.placeholder-slate .gradient::after {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
}
.placeholder-slate .innerbox {
  color: #ffffff;
}
.placeholder-slate .superscript {
  font-family: GretaSansCondensedStd;
}

.share-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}
.share-overlay .share-overlay-close-button {
  top: 1.25rem;
  right: 1.25rem;
  opacity: 0.84 i;
  opacity-font-size: 1.125rem;
  opacity-width: 1.5rem;
  opacity-height: 1.5rem;
  opacity-border-width: 1px;
  opacity-border-radius: 50%;
  opacity-border-color: #ffffff;
  opacity-border-style: solid;
  opacity-color: #ffffff;
}
@media (min-width: 576px) {
  .share-overlay .share-overlay-close-button {
    top: 1.25rem;
    right: 1.25rem;
  }
  .share-overlay .share-overlay-close-button i {
    font-size: 1.125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 1px;
  }
}
.share-overlay .share-overlay-icon-container > a {
  margin: calc(1.25rem / 2);
  opacity: 0.72;
}
@media (min-width: 576px) {
  .share-overlay .share-overlay-icon-container > a {
    margin: calc(1.25rem / 2);
  }
}
.share-overlay .share-overlay-title-container {
  top: 1rem;
  left: calc(1.25rem + 2.5rem);
  right: calc(1.25rem + 2.5rem);
}
.share-overlay .share-overlay-title {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #ffffff;
  opacity: 1;
}
.share-overlay .share-overlay-description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  opacity: 0.48;
}
.share-overlay .share-overlay-play-button.tui-btn {
  color: #ffffff;
  opacity: 0.84;
}
.share-overlay .share-overlay-play-button .share-overlay-play-button-text {
  font-size: 1rem;
  color: #ffffff;
  opacity: 0.48;
}

.email-capture-container {
  font-family: GretaSansStd;
}

.popup {
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .modal-content,
.popup .modal-body,
.popup .modal-header {
  background-color: unset;
}
.popup .modal-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #ffffff;
}
@media (min-width: 576px) {
  .popup .modal-title {
    font-size: 2rem;
    font-weight: 700;
  }
}
.popup .btn-close {
  color: #ffffff;
}
.popup .btn-close :hover {
  color: #ffffff;
}
.popup .modal-cta {
  font-size: 0.675rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.05em;
}

.cke-inline-media-container.align-left {
  margin: 15px 15px 15px 0px;
  float: left;
}
.cke-inline-media-container.align-right {
  margin: 15px 0px 15px 15px;
  float: right;
}
.cke-inline-media-container.align-center {
  margin: 15px;
}
.cke-inline-media-container.align-center img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.layout {
  display: flex;
  flex-wrap: wrap;
}

.layout > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol-50-50 > .layout__region--first,
  .layout--twocol-50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
  .layout--twocol-33-67 > .layout__region--first,
  .layout--twocol-67-33 > .layout__region--second {
    flex: 0 1 33%;
  }
  .layout--twocol-33-67 > .layout__region--second,
  .layout--twocol-67-33 > .layout__region--first {
    flex: 0 1 67%;
  }
  .layout--twocol-25-75 > .layout__region--first,
  .layout--twocol-75-25 > .layout__region--second {
    flex: 0 1 25%;
  }
  .layout--twocol-25-75 > .layout__region--second,
  .layout--twocol-75-25 > .layout__region--first {
    flex: 0 1 75%;
  }
}
@media screen and (min-width: 40em) {
  .layout--threecol-25-50-25 > .layout__region--first,
  .layout--threecol-25-50-25 > .layout__region--third,
  .layout--threecol-25-25-50 > .layout__region--first,
  .layout--threecol-25-25-50 > .layout__region--second,
  .layout--threecol-50-25-25 > .layout__region--second,
  .layout--threecol-50-25-25 > .layout__region--third {
    flex: 0 1 25%;
  }
  .layout--threecol-25-50-25 > .layout__region--second,
  .layout--threecol-25-25-50 > .layout__region--third,
  .layout--threecol-50-25-25 > .layout__region--first {
    flex: 0 1 50%;
  }
  .layout--threecol-33-34-33 > .layout__region--first,
  .layout--threecol-33-34-33 > .layout__region--third {
    flex: 0 1 33%;
  }
  .layout--threecol-33-34-33 > .layout__region--second {
    flex: 0 1 34%;
  }
}
@media screen and (min-width: 40em) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 25%;
  }
}
@media screen and (min-width: 40em) {
  .layout--multiple-columns {
    flex-direction: row;
  }
  .layout--multiple-columns .layout__region {
    flex: auto;
  }
  .layout--multiple-columns .layout__region .align-left {
    align-self: start;
  }
  .layout--multiple-columns .layout__region .align-left {
    align-self: end;
  }
  /* 1 column */
  .layout--multiple-columns-one .layout__region {
    width: 100%;
  }
  /* 2 columns */
  .layout--multiple-columns-two > .layout__region {
    width: 50%;
  }
  /* 3 columns */
  .layout--multiple-columns-three .layout__region--col_1,
  .layout--multiple-columns-three .layout__region--col_3 {
    width: 33%;
  }
  .layout--multiple-columns-three .layout__region--col_2 {
    width: 34%;
  }
  /* 4 columns */
  .layout--multiple-columns-four .layout__region {
    width: 25%;
  }
  /* 5 columns */
  .layout--multiple-columns-five .layout__region {
    width: 20%;
  }
  /* 6 columns */
  .layout--multiple-columns-six .layout__region--col_1,
  .layout--multiple-columns-six .layout__region--col_3,
  .layout--multiple-columns-six .layout__region--col_4,
  .layout--multiple-columns-six .layout__region--col_6 {
    width: 17%;
  }
  .layout--multiple-columns-six .layout__region--col_2,
  .layout--multiple-columns-six .layout__region--col_5 {
    width: 16%;
  }
  .layout--multiple-columns-four .layout__region,
  .layout--multiple-columns-five .layout__region,
  .layout--multiple-columns-six .layout__region {
    padding: 10px 10px 30px 10px;
  }
}
@media screen and (max-width: 40em) {
  .layout__region .cke-inline-media-container.align-left, .layout__region .cke-inline-media-container.align-right {
    float: none;
    margin: 15px;
    display: flex;
    justify-content: center;
  }
}
.page.primary {
  background: #ffffff;
}
.page.secondary {
  background: #ffffff;
}
.page.light-highlight {
  background: #000000;
}
.page.dark-highlight {
  background: #000000;
}
.page.gradient-1 {
  background-size: cover;
  background-position: center;
  background: linear-gradient(90deg, #2A0541 0%, #5816BD 100%);
}
.page.gradient-2 {
  background-size: cover;
  background-position: center;
  background: linear-gradient(90deg, #0A0A0A 0%, #404040 100%);
}

.small,
small {
  font-size: 60%;
}

.thin {
  font-weight: 300 !important;
}

.grey-line {
  background: #b7b7b7;
  margin: 3em 0;
  height: 0.02rem;
}

.text-light-grey {
  color: #b7b7b7 !important;
}

.hbo-btn {
  background-color: #ffffff !important;
  border: #ffffff solid !important;
}

.hbo-max-btn {
  background-color: #000000 !important;
  border: #000000 !important;
}

.default-btn {
  background-color: #ffffff !important;
  border: #ffffff solid !important;
}

.header-button-container .hbo-btn {
  border: #ffffff !important;
}

.border-left {
  border-left: 1px solid #dee2e6;
}

.border-right {
  border-right: 1px solid #dee2e6;
}

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