/* --------------------------------------------------------------
 Tatof styles
-------------------------------------------------------------- */
:root {
  --wcag-outline: #18104B;
}
.tffoottitle,
.blokoverzichtvoorstellingenblok .alpha-heading,
.blokagendapaginablok,
.filternavbar,
.blokplaylistblok,
.dark-background,
#voorstellingen-hero,
.blokagendahomeblok,
.footer,
.nav-main,
.news-page,
.overlay.search {
  --wcag-outline: #ffed00;
}
.bloknieuwsbriefblok[style="background-color: #f0e646"] {
  --wcag-outline: #18104B;
}
.tffoottitle:focus-visible,
.alpha-heading:focus-visible,
.slider-glightbox:focus-visible,
.popup__close:focus-visible,
.popup__title:focus-visible,
.btn:focus-visible,
a:focus-visible {
  outline: 4px solid var(--wcag-outline);
  outline-offset: 4px;
  box-shadow: none !important;
}
@media (prefers-contrast: more), (forced-colors: active) {
  input {
    border: 2px solid #000 !important;
  }
  input:focus-visible {
    position: relative;
    z-index: 3;
    outline: 4px solid var(--wcag-outline) !important;
    outline-offset: 4px !important;
  }
  select:focus-visible {
    position: relative;
    z-index: 3;
    outline: 4px solid var(--wcag-outline) !important;
    outline-offset: 4px !important;
  }
}
#sb_instagram .sbi_photo:focus-visible::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 4;
  box-shadow: 0px 0px 0px 6px #ffed00 inset;
}
#sb_instagram .sbi_photo:focus-visible img {
  opacity: 0.6 !important;
}
reader {
  display: none !important;
}
.set-tf-contrast select:focus-visible {
  position: relative;
  z-index: 3;
  outline: 4px solid var(--wcag-outline) !important;
  outline-offset: 2px !important;
}
.set-tf-contrast input:focus-visible {
  position: relative;
  z-index: 3;
  outline: 4px solid var(--wcag-outline) !important;
  outline-offset: 2px !important;
}
.banner__content .agendabutton {
  position: relative;
}
.banner__content .agendabutton:focus-visible {
  z-index: 2;
}
.banner__content .nav-main-toggle:focus-visible {
  outline-offset: 10px;
}
.banner__content .search-toggle .user-account__icon,
.banner__content .search-toggle .search-toggle__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
}
.banner__content .search-toggle .user-account__icon svg,
.banner__content .search-toggle .search-toggle__icon svg {
  width: 24px;
  height: 24px;
}
.banner__content .search-toggle .usericon {
  margin-left: 4px;
}
.banner__content .tf-goto-toegank,
.banner__content .tf-goto-footer,
.banner__content .tf-goto-hoofdinhoud {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px;
  text-decoration: none;
  background: white;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.banner__content .tf-goto-toegank:focus-visible,
.banner__content .tf-goto-footer:focus-visible,
.banner__content .tf-goto-hoofdinhoud:focus-visible {
  width: auto;
  height: auto;
  clip: auto;
}
.tf-closesearch {
  position: fixed !important;
  opacity: 0;
  display: block;
  width: 1px;
  height: 1px;
  top: 20px;
  left: 20px;
  text-decoration: none;
  color: #ffed00;
  transition: all 400ms ease-in-out;
  position: relative;
  font-size: 22px;
  margin: 4px 0;
  display: inline-block;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.tf-closesearch:focus-visible {
  color: #ffed00;
  width: max-content;
  height: auto;
  clip: auto;
  opacity: 1;
}
#snelmenuoostpool a.js-scroll {
  position: relative;
}
#snelmenuoostpool a.js-scroll:focus-visible {
  z-index: 4;
}
.nav-main__address .tf-address-link {
  text-decoration: none;
  color: #fff;
  transition: all 400ms ease-in-out;
  left: 0;
  position: relative;
  font-size: 22px;
  margin: 4px 0;
  display: inline-block;
}
.nav-main__address .tf-address-link:hover,
.nav-main__address .tf-address-link:active {
  color: #ffed00;
  left: 5px;
}
.nav-main__address .tf-closenav {
  text-decoration: none;
  color: #fff;
  transition: all 400ms ease-in-out;
  left: 0;
  position: relative;
  font-size: 22px;
  margin: 4px 0;
  display: inline-block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.nav-main__address .tf-closenav:focus-visible {
  color: #ffed00;
  width: auto;
  height: auto;
  clip: auto;
}
.searchresult__type {
  color: #fff;
}
html.set-tf-hideimg video {
  display: none !important;
}
html.set-tf-hideimg #sb_instagram img {
  opacity: 0 !important;
}
.newsletter__input .gfield_label,
.newsletter__input label {
  position: relative !important;
  overflow: visible !important;
  clip: none !important;
  padding: 0 0 4px 0 !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  text-align: left;
  font-size: 16px !important;
}
.newsletter__form_wrapper .gfield--type-submit {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.newsletter__form_wrapper .gfield--type-submit .gform_button {
  margin-bottom: 4px;
}
.page-template-page-agenda .sticky-top .section-heading {
  padding-bottom: 0 !important;
  background: #000;
}
.page-template-page-agenda .alpha-heading {
  color: #fff;
}
.page-template-page-agenda .playlist-item__col--date,
.page-template-page-agenda .playlist-item__col--special,
.page-template-page-agenda .playlist-item__col--city,
.page-template-page-agenda .playlist-item__col--location,
.page-template-page-agenda .playlist-item__col--time,
.page-template-page-agenda .playlist-item__tickets a {
  transition: color 400ms linear;
}
.page-template-page-agenda .playlist-item__arrow-icon svg path {
  transition: all 400ms linear;
}
.page-template-page-agenda .playlist-item:hover .playlist-item__col--date,
.page-template-page-agenda .playlist-item:hover .playlist-item__col--special,
.page-template-page-agenda .playlist-item:hover .playlist-item__col--city,
.page-template-page-agenda .playlist-item:hover .playlist-item__col--location,
.page-template-page-agenda .playlist-item:hover .playlist-item__col--time,
.page-template-page-agenda .playlist-item:hover .playlist-item__tickets a {
  color: #006EF0 !important;
}
.page-template-page-agenda .playlist-item:hover .playlist-item__arrow-icon svg path {
  fill: #006EF0 !important;
}
@media (max-width: 991px) {
  .blokagendapaginablok {
    padding-top: 330px;
  }
}
@media (max-width: 460px) {
  .blokagendapaginablok,
  .blokfiltervoorstellingenblok {
    padding-top: 0;
  }
}
.news-page .playlist__item {
  position: relative;
}
.news-page .playlist__item .playlist-item__readmore-label {
  opacity: 1 !important;
}
.news-page .playlist__item:hover .playlist-item__readmore-label,
.news-page .playlist__item:active .playlist-item__readmore-label {
  color: #f0e646 !important;
}
.news-page .playlist__item:hover .playlist-item__readmore-label svg path,
.news-page .playlist__item:active .playlist-item__readmore-label svg path {
  fill: #f0e646 !important;
}
.news-page .playlist__item .block-link__anchor {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.slider .slider__item.slider__item--article {
  margin-right: 0!important;
}
.nav-foot__list > li > h3 {
  font-size: 1.259rem;
  color: #fff;
  margin-bottom: 2.222rem;
  display: block;
  font-family: oostpoolsansbold, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, ArialMT, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 1194px) {
  .nav-foot__list > li > h3 {
    font-size: 1rem;
  }
}
.single-voorstellingen .playlist__maxed.is-closed {
  max-height: 99999999px !important;
}
.blokreviewsblok blockquote {
  position: relative;
}
.blokreviewsblok a.block-link__anchor {
  position: absolute !important;
}