@font-face {
  font-family: "GT Super Display Bold";
  src: url("../fonts/GT-Super-Display-Bold.woff2") format("woff2"),
       url("../fonts/GT-Super-Display-Bold.woff") format("woff");
}

@font-face {
  font-family: "GT Super Display Bold Italic";
  src: url("../fonts/GT-Super-Display-Bold-Italic.woff2") format("woff2"),
       url("../fonts/GT-Super-Display-Bold-Italic.woff") format("woff");
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-Bold.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-BoldItalic.ttf") format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-Light.ttf") format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-LightItalic.ttf") format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-Regular.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Criativa Sans";
  src: url("../fonts/CriativaSans-Italic.ttf") format('truetype');
  font-style: italic;
  font-weight: 400;
}



:root {
    --soft-amber: #D7B99C;
    --soft-amber-light: #eddccc;
    --confetti: #E6CA26;
    --confetti-light: #F7EBB9;
    --columbia-blue: #C3D9D6;
    --columbia-blue-light:#a0d7f1;
    --monte-carlo: #67CBAF;
    --monte-carlo-light: #b3e5d6;
    --flamingo: #FF5001;
    --flamingo-light: #edcfd2;
    --daisy: #4C25AA;
    --daisy-light: #d4caeb;
    --white: #ffffff;
    --black: #2B2E34;
    --aluminium: #95979A;
    --athens-grey: #DEDEDE;
    --grey: #6A6A6A;
}

* {
	vertical-align: baseline;
  word-wrap: break-word;
  word-break: break-word;
	font-family: "Criativa Sans";
  font-weight: 400;
  font-style: normal;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
  box-sizing: border-box;
  list-style: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

img, video{
   object-fit: cover;
}

.content-wrapper p{
    margin-bottom: 40px;
}
.content-wrapper-sm p {
    margin-bottom: 24px;
}

/* .template-overstip .content-wrapper p{
  margin-bottom: 0;
} */

h1, h2, h3, .block-heading{
 font-family: 'GT Super Display Bold', 'helvetica', serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  line-height: 1.05;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{
  display: inline !important
}

h4, h4 > span, h4 > *, .font-criativa,
.block-paragraph h2, .block-four_seven_block h2, .block-half_half_block h2, 
.block-paragraph h3, .block-four_seven_block h3, .block-half_half_block h3,.template-overstip .inner-content h3,
.block-paragraph h4, .block-four_seven_block h4, .block-half_half_block h4, .template-overstip .inner-content h4,
.dropdown-menu .menu-title{
    font-family: "Criativa Sans";
    font-weight: 500;
    font-size: 20px;
    line-height: 1.10;
    margin-top: 12px;
    margin-bottom: 4px;
    display: inline-block;
}

.block-paragraph h3, .block-four_seven_block h3, .block-half_half_block h3,.template-overstip .inner-content h3{
  font-size: 16px;
  margin-bottom: 4px;
}

.block-paragraph h2 + p,
.block-paragraph h3 + p,
.block-paragraph h4 + p,

.block-paragraph h2 + p:empty + p,
.block-paragraph h3 + p:empty + p,
.block-paragraph h4 + p:empty + p,

.block-paragraph h2 + ul,
.block-paragraph h3 + ul,
.block-paragraph h4 + ul{
  margin-top: 0;
}

.block-paragraph h2:not(:first-child),
.block-paragraph h3:not(:first-child),
.block-paragraph h4:not(:first-child),{
  margin-bottom: 40px;
}

p:empty{
  display: none !important;
}

.max-width-elem{
    max-width: 1366px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.max-width-elem:not(.navbar){
    max-width: calc(24px + 1132px + 24px);
    margin: auto;
}

.fill-width-elem{
    width: 100vw;
    max-width: 100vw;
}

body {
    color: var(--black);
}
.captcha {
    height: auto;
    width: auto;
    object-fit: contain;
}
a {
    color: var(--black);
    text-decoration: none;
}
p a {
    color: var(--flamingo);
}

strong, .btn a, .btn *, .btn{
    font-weight: 500;
}

.block-embedded_video:not(.slick-slide){
  width: 100%;
  height: 0;
  padding-bottom: 56.25% !important;
}

.block-embedded_video iframe, .block-embedded_video div{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



.g-3, .gx-3 {
    --bs-gutter-x: .75rem;
}

.navbar{
   padding-bottom: 0;
   padding-top: 0;
}

.navbar .logo{
  display: flex;
}

.navOpen{
  overflow: hidden;
}

/* body:not(.template-homepage) .logo-xl, .template-homepage .navAtTop .logo-m{
  display: none !important; 
} */

.template-homepage .logo-xl{
  display: block;
  height: 160px;
  position: absolute;
  margin: auto;
  width: 100%;
  max-width: 1712px;
  transform: translateX(-12px) translateY(-12px);
}

.template-homepage .logo-xl img{
  padding-top: 0px;
}


@media (min-width: 768px) {
  .template-homepage .logo-xl img{
    padding-top: 8px;
    object-fit: contain;
    object-position: left;
  }
  
  .template-homepage .logo-xl{
    height: 200px;
    transform: translateX(-50%);
    left: 50%;
  }
}

.template-homepage .navAtTop{
  background-color: transparent;
}

.template-homepage.navOpen .navAtTop{
  background-color: white;
  transition: none;
}

.template-homepage.navOpen .navAtTop .logo-m {
    display: block !important;
}

.navbar .row .col, .navbar .row .col-2 {
    align-items: center;
    flex-flow: row wrap;
}

nav {
   position: sticky !important;
   top: 0;
   transform: translateY(-100%);
   transition: .3s all;
   width: 100%;
   z-index: 99;
   display: flex;
   justify-content: baseline;
   background-color: white;
}

nav.showNav{
   transform: translateY(0);
   position: sticky !important;
}

.template-homepage nav.showNav, .template-homepage nav.navbar{
   position: fixed !important;
}

.sub-header.showNav{
   top: 80px;
   min-height: 64px;
}

nav > .row{
   max-width: 1712px;
   margin: auto;
}

nav > div {
   width: 100%;
   margin: 0 auto;   
}

nav > div > div {
   width:100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.navbar .btn.navbar-toggler{
   background-color: var(--flamingo);
   border-radius: 60px;
}

.btn, .btn:before, .btn:after, .slick-slider button, a, .over-stip ul li, .block-form input[type=submit], .custom-btn{
  transition: .3s ease all;
}

.btn:hover, .btn:hover:before, .btn:hover:after, .my-slick-slider button:hover, a:hover, .over-stip ul li:hover, .block-form input[type=submit]:hover, .custom-btn:hover{
  transition: .2s ease all;
}

*:not(.btn, .custom-btn) > a:hover:not(.btn), .color-flamingo{
  color: var(--flamingo)!important;
}

.btn-primary{
    background-color: var(--daisy);
    border: none;
    transition: .5s ease all;
}

.btn.flex-row-reverse.d-icon:before{
  margin-right: 0;
  margin-left: 12px;
} 

.btn.icon-left.d-icon:before{
margin-right: 12px;
margin-left: 0;
}
.btn.d-icon:before{
  transform: none !important;
  font-size: 20px;
}

.btn-montecarlo{
  background-color: var(--monte-carlo);
}

.btn-flamingo, .block-form input[type=submit], .custom-btn{
  background-color: var(--flamingo);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.btn-solid, .block-form input[type=submit], .custom-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--daisy);
    filter: brightness(1.1);
    transform: scale(1.05);
    opacity: .9;
    border: none;
    outline: none;
    box-shadow: none;
}

button.btn.btn-solid:hover, .custom-btn:hover, .block-form input[type=submit]:hover {
  filter: brightness(1.1);
  transform: scale(1.05);
}

.btn-primary.btn-circular{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    padding: 0;
}

.btn-primary.btn-circular.d-icon:before{
    display: block;
}

.txtcolor-daisy{
  color: var(--daisy) !important;
}

.txtcolor-black{
  color: var(--black) !important;
}
.txtcolor-montecarlo{
  color: var(--monte-carlo) !important;
  
}

.btn-txtcolor-flamingo, .btn-txtcolor-flamingo a,
.txtcolor-flamingo,
.btn-txtcolor-flamingo input[type=submit]{
  color: var(--flamingo) !important;
}

.btn input[type=submit]{
  background: transparent;
}

.btn-txtcolor-white, .btn-txtcolor-white a, 
.btn-txtcolor-white input[type=submit],
 
.custom-btn, .custom-btn a{
  color: var(--white) !important;
}


.btn-txtcolor-black, .btn-txtcolor-black a{
  color: var(--black) !important;
}

.custom-btn{
  display: inline-block;
  font-weight: 500;
}

.custom-btn + .custom-btn{
  margin-left: 12px;
  margin-bottom: 12px;
}

.nav ul{ 
    padding: 0;
    margin: 0;
}
.nav > *{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.mobile-toggle{
    height: 80px;
}

.nav-item{
   font-size: 16px;
    margin: 0 12px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navbar .nav-item > .btn, .navbar .nav-item > a .btn, .mobile-toggle .btn{
    display: inline-flex;
    padding: 12px;
    border-radius: 60px;
    background-color: var(--daisy);  
    border: 0;
}

.navbar .nav-item.dropdown a .btn{
  padding: 5px;
  font-size: 22px;
}

.navbar .btn.d-icon{
    font-size: 18px;
    padding: 8px;
}

.navbar .btn-lg.d-icon {
    font-size: 20px;
    padding: 10px;
}

.main-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sub-main-menu {
    display:flex;
    align-self: flex-end;
}

.sub-main-menu ul {
    margin-left: 30px;
}

@media (min-width: 991px) {
  .extra-menu-btns{
  border-left: 1px solid #00000021;
  }
}

.dropdown > a .btn, .nav-item.dropdown > a .btn{
    background: var(--monte-carlo);
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

/* Start Animation dropdownmenu */
@keyframes slideIn {
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


.dropdown a.show .btn:before{
  transform: rotate(180deg);
}

/* end Animation dropdownmenu end */

ul.dropdown-menu{
    box-shadow: 0px 5px 6px #00000029;
    background: white;
    border-radius: 0;
    border: 0;
    padding: 40px 20px 44px 80px;
}

.dropdown-menu[data-bs-popper]:not(.dropdown-menu-large){
    left: inherit !important;
    right: 12px;        
}

ul.dropdown-menu.show{
    display: flex;
    flex-flow: column wrap;
}

.dropdown-item a{
    position: relative;
    min-width: 260px;
    line-height: 1em;
    padding-bottom: 16px;
    display: block;
}

.dropdown-item:last-of-type a{
    padding-bottom: 0px;
}

.dropdown-item:hover a, .dropdown-item:focus, .dropdown-item:hover, .dropdown-item:hover:before{
    cursor: pointer;
    background: inherit;
    color: var(--flamingo);
    opacity: 1;
}

.dropdown-menu > div .w-75{
  margin-right: 32px;
}
.dropdown-item:before{
    opacity: 0;
    position: absolute;
    left: -12px;
    top: 0;
    font-size: 22px;
}

.dropdown-menu .menu-title{
  height: 40px;
  width: 100%; 
  text-align: left;
}

.dropdown-menu header:after{
  content: '';
  width: 100%; 
  height: 1px;
  background: var(--athens-grey);
  left: 0;
  bottom: 0;
  display: block;
  margin-bottom: 24px;
}



ul.dropdown-menu-large {
  padding: 44px 76px 76px 76px;
  margin-left: 40px;
  margin-right: 40px;
}

.fullwidth-submenu-item{
 
  display: inline-block;
}

.fullwidth-submenu-item:nth-child(5n){
  margin-bottom: 0 !important;
}

.w-75 .fullwidth-submenu-item{
  width: calc(33% - 4px);
  max-height: 66px;
}

.w-25 .fullwidth-submenu-item{
  width:100%;
}

.w-75 ul {
  height:394px;
}

.fullwidth-submenu-item img{
  min-width: 66px;
  height: 66px;
  
}

.max-width-element, .main-footer > div, .small-width-element, .medium-width-element,
.max-width-element.block-banner .banner,
.small-width-element.block-banner .banner {
    //width: 1126px;
    margin: 0 auto;
    padding: 20px 0;
}
.medium-width-element {
    max-width: 900px;
}
.small-width-element,
.small-width-element.block-banner .banner {
    max-width: 744px;
}

@media (min-width: 576px) {
  .navbar .btn-lg.d-icon{
      font-size: 24px;
      padding: 12px;
  }
}



@media (max-width: 991px) {
   .navbar-collapse > .nav{
      height: 100vh;
      justify-content: flex-start;
      align-items: start;
      flex-direction: column;
      overflow: hidden;
   }
   .navbar .btn.d-icon{
     z-index: 9999999999;
   }
   
   .navbar-collapse > .nav ul{
      flex-flow: column;
      align-items: start;
   }
   
   .navbar-collapse .nav-item{
      font-size: 21px;
      height: 44px;
      margin: 0;
   }
   
   .navbar-collapse {
      position: absolute;
      width: 100vw;
      display: block;
      z-index: 999999999;
      background: white;
      left: 0px;  
      top: 80px;
   }  
}

.template-news-item .medium-width-element img {
    width:100%;
}

.block-paragraph a {
  color: var(--flamingo);
}

.block-paragraph a:hover{
  filter: brightness(.8);
}

img {
    max-width: 100%;
    height: auto;
}


.main-footer ul, .sub-main-menu ul{
   padding: 0;
   margin:0;
}

.main-footer > div {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   padding: 84px 0;
}

.main-footer {
    background-color: var(--black);
    color: var(--white);
}

.main-footer .d-icon:before {
   font-size: 20px;
   display: inline-block;
   margin-right: 12px;
   transform: translateY(4px);
}

.main-footer li a, .main-footer p{
  margin: 0;
  margin-bottom: 8px;
  display: block;
}
  
.main-footer li a, .main-footer p, .main-footer a{
  color: var(--white);
}

.sub-footer {
    padding:20px;
    background-color: var(--columbia-blue);
    text-align: center;   
}

.sub-header {
   width:100%;
   background-color: var(--columbia-blue);
   position: sticky;
   top: 0;
   box-shadow: 0 -50px 0 #ffffff;
   z-index: 98;
   transition: .3s all;
}

.overview-page .sub-header, .template-overstip .sub-header{
  position: relative;
  top:0 !important;
}

.sub-header .breadcrumb > *{
   display: inline-flex;
}

.sub-header h1 {
    font-size:56px;
    font-weight: 800;
    margin-bottom: 0;
}

.sub-header section p{
  font-size: 20px;
}

.sub-header .d-icon{
    font-size: 14px;  
    margin-left: 4px;
    margin-right: 4px;  
}

.sub-header .d-home-solid{
    font-size: 20px;
}
.sub-header .text-alert{
  font-size: 16px;
  margin-bottom: 4px;
  padding-top: 12px !important;

}
.sub-header .text-alert .d-icon{
  color: var(--flamingo);
  font-size: 20px;
  
  display: inline-block;
  transform: translateY(3px);
}

.alert-info {
    color: black;
    background-color: var(--columbia-blue);
    border: none;
}

.sub-header-right, .template-news-item .breadcrumb{
  white-space: nowrap;
  word-break: keep-all;
  overflow-x: scroll;
  word-wrap: inherit;
  display: block;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.template-news-item .breadcrumb strong{
  max-width: 650px;
  
}

.sub-header-right a:first-child, .template-news-item .breadcrumb > *:first-child{
  padding-left: 16px !important;
}

.sub-header-right a:last-child, .template-news-item .breadcrumb > *:last-child{
  padding-right: 16px !important
}

.sub-header-right::-webkit-scrollbar, .template-news-item .breadcrumb::-webkit-scrollbar{
  width: 0px; height: 0;
  background: transparent;
}

.template-homepage .sub-header{
   display: none;
}

.template-homepage > section > *{
   padding-top: 80px;
}

.search-bar{
  border-radius: 4px;
}

.search-bar .d-icon{
  color: var(--daisy);
  line-height: 1;
  font-size: 22px;
  display: inherit;
}

.search-bar input[type=submit]{
  width: 20px;
  float: right;
  position: absolute;
  background: transparent;
}
.search-bar input[type=text]{
  width: 100%
}

.template-gezelschappen.overview-page .sub-header, .template-searchresults .sub-header{
   background-color: var(--daisy);
   color: white;
}

.template-gezelschap.detail-page .sub-header{
   background-color: var(--daisy-light);
}

.template-news.overview-page .sub-header{
background-color: var(--confetti);
}

.template-news-item.detail-page .sub-header{
background-color: var(--confetti-light);
}

.template-searchresults .sub-header > div{
  justify-content: center !important;
}

.template-searchresults .sub-header form{
  background: white;
}


.block-paragraph > p{
  margin-bottom: 20px;
}

.detail-page h3{
  font-size: 40px;
}

.template-homepage .header-box h2{
  font-size: 48px;
}

@media only screen and (max-width:992px){
    .sub-header h1, .detail-page h3, .template-homepage .header-box h2{
        font-size:clamp(28px, 6vw, 36px);
    }
}

.gallery-block{
  padding-bottom: 60px;
}

.gallery-block .header-box{
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 12px;
}

.header-box, .block-heading, .template-overstip .inner-content h2, .template-overstip .body-extra > section > h2,
.template-form form h2 {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:24px;
    border-bottom: 1px solid var(--black);
}

.header-box, .template-overstip .inner-content h2, .template-overstip .body-extra > section > h2 ,
.template-form form h2{
    padding-bottom: 16px;
}

.block-gegevens .header-box{
  margin-bottom: 8px;
}

.header-box h2, .block-heading, .template-overstip .inner-content h2, .template-overstip .body-extra > section > h2
.template-form form h2{
    font-size: 40px;
}



.header-box a {
   font-size: 16px;
   font-weight: 500;
   text-align:center;
}

.header-box a i{
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   height: 38px; width: 38px;
   
}

.header-box a i:before{
   color:white;
   font-size: 20px;
}

.template-homepage .header-box{
   border: none;
}

.news-item-wrapper.featured-news-item .news-item{
  display: flex;
  min-width: 100%;
}

.news-item-wrapper.featured-news-item .news-item button{
float: right;
}

.news-item-wrapper.featured-news-item .news-item .img{
  height: clamp(100px, 70vw, 600px);
  width: clamp(100px, 70vw, 600px);
  margin-top: -30%;
  margin-left: -10%;
  padding-top: 0;
  transform: none;
}

.news-item-wrapper.featured-news-item .news-item .title{
  margin-bottom: 24px;
  font-size: 48px;
}

.cblock-news > div {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cblock-news .news-item-wrapper {
    margin-bottom:20px;
    width:100%;
 }
 
 .cblock-news > .news-item-wrapper{
   width: 100% !important;
 }
 
.cblock-news .news-item{    
    background-color: var(--confetti-light);
    display: block;
    overflow: hidden;
}

.cblock-news .news-item .img{
   width: calc(456px / 100 * 66.666666);
   height: calc(456px / 100 * 66.666666);
   border-radius: 2000px;
   overflow: hidden;
   transform: translate(30%, -30%) scale(1.5);
   background-color: var(--confetti);
}

.cblock-news .news-item.columbia-blue{
  background-color: var(--columbia-blue-light);
}
.cblock-news .news-item.columbia .img{
  background-color: var(--columbia-blue);
}

.cblock-news .news-item.monte-carlo{
  background-color: var(--monte-carlo-light);
}
.cblock-news .news-item.monte-carlo .img{
  background-color: var(--monte-carlo);
}

.cblock-news .news-item.confetti{
  background-color: var(--confetti-light);
}
.cblock-news .news-item.confetti .img{
  background-color: var(--confetti);
}

.cblock-news .news-item.flamingo{
  background-color: var(--flamingo-light);  
}
.cblock-news .news-item.flamingo .img{
  background-color: var(--flamingo);  
}

.cblock-news .news-item.daisy{
  background-color: var(--daisy-light);
} 
.cblock-news .news-item.daisy .img{
  background-color: var(--daisy);
} 

.cblock-news .news-item.soft-amber{
  background-color: var(--soft-amber-light);
}
.cblock-news .news-item.soft-amber .img{
  background-color: var(--soft-amber);
}

.cblock-news .news-item .img img {
   width:100%;
   position: absolute;
   top: 0;
   left:0;
   height: 100%;
   object-fit: cover;
   min-height:100%;
   transform-origin: bottom left;
  transform: scale(.8);
   background-size: cover;
}

.cblock-news .news-item-wrapper.featured-news-item img {
  transform: none;
}

.cblock-news .news-item .title {
    font-size: 36px;
}
.cblock-news .news-item .date, .cblock-news .news-item .category  {
font-size: 13px;
letter-spacing: 0.62px;
margin-bottom: 4px;
}

.news-item-share-bar {
  border-top: 1px solid var(--athens-grey);
  border-bottom: 1px solid var(--athens-grey);
}

.news-item-share-bar section span{
  font-size: 16px;
  font-weight: 500;
  
}

.news-item-share-bar .social-media-share a{
  font-size: 24px;
  padding-left: 20px;
}

span.category, p.category {
  padding-bottom: 8px;
    text-transform: uppercase;
}

@media (min-width: 576px){
  
  .cblock-news .news-item-wrapper{
    width: 50%;
  }
  
  
}

@media (min-width: 991px){
  
  .cblock-news .news-item-wrapper{
    width: 33.333333333%;
  }
  
  .cblock-news .news-item .img{
    width: calc(312px / 100 * 66.666666);
    height: calc(312px / 100 * 66.666666);
  }
  
}

@media (min-width: 1024px){
  
  .cblock-news .news-item .img{
    width: calc(456px / 100 * 66.666666);
    height: calc(456px / 100 * 66.666666);
  }
  
}



.detail-page aside .social-media-share .d-icon:before{
  transform: none;
  font-size: 44px;
  margin-right: 16px;
  padding-right: 0;
  position: relative ;
}

.template-common .content-wrapper .block-four_seven_block > * > * > *,
.template-common .content-wrapper .block-seven_four_block > * > * > * {
    margin-top: 0;
}
.block-half_half_block > section > div > div > iframe {
    width: 100%;
    height: 300px;
    max-height: max-content;
}

.block-paragraph > * {
    margin: 10px 0;
}
.block-paragraph ul, .block-paragraph ul li, .block-half_half_block ul li, .block-four_seven_block ul li,
.block-half_half_block ul li {
    list-style: disc outside;
}
.block-paragraph ol, .block-paragraph ol li {
    list-style: decimal outside;
}
b, b *, .block-form input[type=submit], .custom-btn a {
    font-weight: 500;
}
i {
    font-style: italic;
}
.block-paragraph hr {
    width:100%;
    height: 1px;
    background-color: var(--black);
}

.max-width-element.block-banner, .small-width-element.block-banner {
    width:100%;
}
.banner .button-bar {
    margin-top: 20px;
}
.banner h3 {
    font-size: 32px;
}

.contact-info > * {
    display: block;
}

.header-one-line, .header-one-line div {
    display: flex;
}
.header-one-line {
    justify-content: space-between;
}



.range-slider-input::-webkit-slider-runnable-track{
    background-color: transparent;
}

.range-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;  
  width: 18px;
  height: 18px;
  background-color: transparent;
}

:root{
  --progress: 0;
}

.range-slider-input{
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.range-slider .range-slider-pin div:hover, .range-slider-input:hover{
  cursor: grab;
}

.range-slider .range-slider-pin div:focus, .range-slider-input:active{
  cursor: grabbing
}

.range-slider .range-slider-pin div{
  transform: translateX(-50%);
  width: 28px;
  height: 36px;
  padding-top: 4px;
  color: white;
  text-align: center;
  font-weight: 500;
}

.range-slider .range-slider-pin div:before{
  display: block;
  position: absolute;
  z-index: -1;
  content: '';
  width: 28px; height: 36px;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/pin-range.svg);
}
.range-slider-range {
  display: flex;
  padding-top: 2px;
  justify-content: space-between;
  flex-flow: row nowrap;
  width: 100%;
}

.range-slider-range span{
 display: flex;
 word-wrap: normal;
 justify-content: center;
 
}

.range-slider .range-slider-bar:after{
  content: '';
  left: var(--progress);
  position: absolute;
  right: 0;
  height: 4px;
  display: block;
  background-color: var(--daisy);
}

.range-slider .range-slider-bar{
  width: 100%;
  background-color: var(--athens-grey);
  height: 3px;
  overflow: hidden;
  bottom: 0;
}

.filter-group label:hover, .filter-group input:checked + label, .filter-group input:checked + div + label{
  color: var(--daisy);
}

.filter-group label:hover, .filter-group input:hover{
  cursor: pointer;
}

.voorstellingen-filters{
  width: 16vw;
  max-width: 216px;
  min-width: 184px;
  margin-right: clamp(50px, 5vw, 68px);
}

.voorstellingen-filters .filter-group{
  margin-bottom: 40px;
}

.voorstellingen-filters .filter-group-header:before{
  font-size: 20px;
  transition: .2s all;
}

.voorstellingen-filters .filter-group-header.collapsed:before{
  transform: rotate(180deg);
}

.voorstellingen-filters .filter-group-header {
  border-bottom: 1px solid var(--athens-grey);
}

.voorstellingen-filters .filter-group-header:hover{
  cursor: pointer;
}

.btn-filter{
padding-top: 12px;
padding-bottom: 12px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.btn-filter .d-icon:before{
  font-size: 20px;  
}

.filter-results-scroller{
 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.filter-results-scroller button:after {
  margin-left: 0px !important;
}

#resetFilters{
  visibility: hidden;
}
.d-icon.d-iconsize-large:before{
  font-size: 24px; 
  transform: translateY(-2px) translateX(-2px); 
}

form .field-row{
  display: flex;
  flex-flow: column wrap;
  margin-bottom: 44px;
}

.block-form form label,
.template-form form label{
  font-weight: 500; 
  margin-bottom: 12px;
}

.form-check label{
  font-weight: inherit !important; 
  margin-bottom: 16px;
}

form .form-group p{
  margin-bottom: 16px;
}

form .field-row input,
form .field-row select
 {
  max-width: 50%;
  margin-bottom: 4px;
  display: block;
}

form .field-row-wide input,
form .field-row select{
  max-width: 100%;
}

form .field-row input, form .field-row textarea, form .field-row select
.template-form form input:not(.btn), .template-form form textarea{
  border-radius: 4px;
  padding: 8px;
  border: solid 1px var(--aluminium);
}

.template-form input:not(.btn, .form-check-input){
    width: 100%;
}

.template-form textarea {
    height: 360px;
    width: 100%;
    margin-bottom: 4px;
    display: block;
}
.template-form .table>:not(:first-child) {
    border-top: 0;
}


.form-check .form-check-input{
  border-radius: 0;  
}

.form-radio{
  display: flex;
}

.form-radio .form-radio-input{
  opacity: 0;
  position: absolute;
  z-index: 1;
  height: 16px;
}

.form-radio .form-radio-input + div:before{
content: '';
height: 16px; width: 16px;
border-radius: 50%;
display: inline-block;
border: 1px solid var(--athens-grey);
margin-right: 8px;

}

.form-radio .form-radio-input:active + div:before{
background-color: var(--athens-grey);

}

.form-radio .form-radio-input:checked + div:before{
  box-shadow: inset 0px 0px 0px 4px var(--daisy);
  border: 1px solid var(--daisy);
}

.form-check .form-check-input:checked{
  background-color: var(--daisy);
  border-color: var(--daisy);
}

.form-check .form-check-input:focus{
  box-shadow: none;
  border-color: rgba(0,0,0,.25);
}
@media (min-width: 768px) {
  .voorstellingen-list-wrap .voorstellingen-list > a, .voorstellingen-list-wrap .voorstellingen-list-header h4{
    padding-left: 32px !important;
  }
}
.voorstellingen-filters label{
  font-size: 14px;
}

.my-slick-slider.voorstellingen-list{
  max-width: calc(5 * 316px - 16px + 100px);
  margin-left: auto;
  margin-right: auto;
}

.my-slick-slider.voorstellingen-list .slick-slide {
  width: 316px;
  padding-left: 16px;
}

@media (min-width: 992px) {
  .my-slick-slider.voorstellingen-list, .photo-slider{
    padding-left: 50px;
    padding-right: 50px;
  }
  .my-slick-slider.voorstellingen-list{
    width: calc(3 * 316px - 16px + 100px);
  }
  
  .my-slick-slider.voorstellingen-list .slick-slide{
    width: 300px;
    margin-left: 16px;
  }
  .my-slick-slider.voorstellingen-list .slick-slide, .photo-slider .slick-slide{
    padding-left: 0px;
  }
}

@media (min-width: 1400px) {

  .my-slick-slider.voorstellingen-list{
    width: calc(4 * 316px - 16px + 100px);
  }

}

@media (min-width: 1700px) {

  .my-slick-slider.voorstellingen-list{
    width: calc(5 * 316px - 16px + 100px);
  }

}

.voorstellingen-filters h4, .block-downloads > section h4{
    font-weight: 500;
    font-size: 16px;
}

.mobilefilter-drawer-bg{display: none;}

@media (max-width: 992px) {
    
    .voorstellingen-filters{
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 999;
        width: 90%;
        max-width: 312px;
        background: white;
        padding: 12px 20px ;
        overflow-y: scroll;
    }
    
    .voorstellingen-filters .btn.close{
        background-color: var(--black);
        border-radius: 50%;
    }
    
    .voorstellingen-filters.collapsing {
        left: -75%;
        transition: height 0s ease;
    }
    
    .voorstellingen-filters.show {
        left: 0;
        z-index: 9999999999;
        transition: left 300ms ease-in-out;
    }
    
    .voorstellingen-filters.collapsed ~ .voorstellingen-filters {
        transition: left 500ms ease-in-out;
    }
    
    .voorstellingen-filters.show + .mobilefilter-drawer-bg{
        width: 100vw;
        height: 100vh;
        top: 0;
        z-index: 99;
        position: fixed;
        opacity: .5;
        background: black;
        display: block;
    }

}

@media (min-width: 768px) {
    
    .hide-md{
        display: none !important;
    }
    
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    
    .template-voorstellingen .row-filter-btn{
        max-width: 300px;
    }
  
}

.greyed-out{
  filter: opacity(0.4);
  transition: .5s ease filter;
}

.greyed-out:hover{
  filter: opacity(1);
}

.voorstelling-teaser > .voorstelling-image{
    background: var(--columbia-blue);
    margin-bottom: 12px;
}

.voorstelling-teaser > .voorstelling-image img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.voorstelling-teaser .metadata-wrapper{
  position: absolute;  
  bottom: -12px;
  right: 8px; 
}

.voorstelling-teaser .metadata-wrapper > div, .vo-age, .vo-stip{
  color: white;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  margin-top: 4px;
  font-size: 24px;
}
 
.voorstelling-teaser .metadata-wrapper > div span, .vo-age span, .vo-stip span{
  padding-top: 4px; /* Fix font vertical center */
  font-weight: 500;
}

.vo-stip{
  background-color: var(--monte-carlo-light);
  height: 44px;
  min-width: 44px;
  padding: 4px;
}

.vo-stip:after{
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/logo-small.svg')
}

.vo-age{
  background-color: var(--flamingo);
  height: 56px;
  min-width: 56px;
}

.vo-age-5{
  background-color: var(--daisy);
}

.vo-age-9{
  background-color: var(--monte-carlo);
}

.vo-age:after {
    content: '';
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 0;
    background: white;
    opacity: .5;
}

.voorstelling-teaser .vo-label{
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    display: block;
    letter-spacing: 0.62px;
     margin-bottom: 4px;
}

.voorstelling-teaser h3, .gezelschappen-list h2{
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 16px;
}

.block-speellijst_table {
  overflow-x: scroll;
}

.block-speellijst_table table{
  /* min-width: 500px; */
  font-size: clamp(.85em, 3vw,1em);
}

.block-speellijst_table table p{
  margin-bottom: 0;
}
.gegevens, .block-speellijst_table table, .block-table  table{
   width: 100%;
   margin-bottom: 40px;
}

.gegevens tr td:first-child, .block-speellijst_table tr th, .block-table  tr th {
   font-weight: 500;
   margin-right: 32px;
}

.block-speellijst_table td{
  border-style: none;
}

.gegevens tr {
  flex-direction: column;
  display: flex;
}


.gegevens tr, .block-speellijst_table tr, .block-table  tr {
  padding: 8px 0;
  border-bottom: 1px solid #dedede;
}

.block-speellijst_table tr td{
  padding: 4px 0;
}

.gegevens tr:last-child, .block-speellijst_table tr:last-child, .block-table  tr:last-child{
  border-bottom: 0;
}

.gegevens .line-solid {
   border-style: solid;
}

.gegevens p{
   margin: 0 !important;
   padding: 0 !important;
}

@media (min-width: 576px) {
  
  .gegevens tr, .block-speellijst_table tr, .block-table  tr {
    flex-direction: row;
  }
  
  .gegevens tr td:first-child{ 
    min-width: 200px;
    max-width: 200px;
    padding: 0;
    margin: 0;
  }
  .block-speellijst_table  tr td, .block-table  tr td, .block-speellijst_table tr th, .block-table  tr th {
    margin: 0;
    padding: 8px 0;
  }

}

.contact-info > *{
   padding: 12px 0;
}

.contact-info{
   margin-top: 20px;
}

.detail-page aside .d-icon{
   display: flex;
   align-items: start;
}
 
.detail-page aside .d-icon:before, .template-overstip aside .d-icon:before, .template-overstip aside .d-icon:before {
   font-size: 24px;
   padding-right: 10px;
   margin-top: -2px;
}

.d-icon.d-icon-flamingo:before {   
   color: var(--flamingo);
}

.template-voorstellingen.detail-page .vo-age.hide{
   right: 20%;
   width: 88px;
   height: 88px;
   font-size: 36px;
   bottom: -24px;
   position: absolute;
}

.template-voorstellingen.detail-page .vo-age.hide-md{
   position: relative;
   margin-left: 20px;
   right: auto; left: auto; bottom: auto; top: auto;
}

.template-voorstellingen.detail-page .vo-age.hide-md:after{
   bottom: auto;
   top: 40px;
   height: 16px;
}

.template-voorstellingen.detail-page .cover-image .vo-age:after{
    height: 24px;
}

.template-voorstellingen .cover-image section{
    z-index: 1;
}


.template-voorstellingen .cover-image{
    height: 210px;
    background-color: var(--black);
}

@media screen and (min-width: 768px) {
    .template-voorstellingen .cover-image{
        height: 384px;
    }
}

@media screen and (min-width: 1024px) {
    .template-voorstellingen .cover-image{
        height: 512px;
    }
}

@media screen and (min-width: 1366px) {
    .template-voorstellingen .cover-image{
        height: 525px;
    }
}

.template-voorstellingen .cover-image .block-image{
    height: 100%;
}

.template-voorstellingen .cover-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.template-voorstellingen .cover-image .block-embedded_video, .template-voorstellingen .cover-image .block-embedded_video *, .block-video, .block-video video{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.block-video .d-play-circle-solid{
  color:transparent;
  font-size: 24px;
  opacity: .8;
  font-weight: 800;
  
}
.block-video:hover{
  cursor: pointer;
}
.block-video .d-play-circle-solid:hover:before{
  transform: scale(1.1);

}

.block-video .d-play-circle-solid:before{
  font-size: 48px;
  display: block;
  color:white;
  transition: ease all .5s;
  text-align: center;
  margin-bottom: 16px;
}

.template-form h5 {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid var(--black);
}
.template-form h5:first-of-type {
    margin-top: 0;
    border: 0;
}

.credits-type .credits-type-input.hide {
    visibility: hidden;
}
.discipline-input.hide, .custom_hoofdgezelschap-input.hide {
    visibility: hidden;
}

.template-form *{
  word-break: keep-all;
}

.template-form .table input {
    width: 100% !important;
}
.template-form .table input {
    max-width: none !important;
}
.template-form .table th, .template-form table thead td {
    font-weight: bold;
}
.template-form select {
  border-radius: 4px;
  padding: 8px;
  border: solid 1px var(--aluminium);
    margin-bottom: 4px;
}
.credits-type {
    vertical-align: middle;
}
.textarea-lh {
    height: 130px !important;
}

@media screen and (min-width: 992px) {
  .block-video .d-play-circle-solid{
    color:white;

  }
  .block-video .d-play-circle-solid:before{
    font-size: 114px;
  }
  
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
          -webkit-transform: unset;
          -ms-transform: unset;
              transform: unset;
}

.modal.in .modal-dialog {
          -webkit-transform: unset;
-ms-transform: unset;
    transform: unset;
}

.modal-content{
  border: none;
  background: transparent;
  border-radius: 0;
}

 .modal-content .block-embedded_video div{
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.modal-content .block-embedded_video iframe{ 
  position: absolute;
}
.block-video{
  background-size: cover;
  background-position: center center;
}

#headervideoModal button{
  position: absolute;
  right: 28px;
  top: 28px;
}

.btn.btn-close-wrapper{
  background-image: none !important; 
  background-color: white;
  align-items: center;
  padding:  0;
}

#headervideoModal .btn.btn-close-wrapper:before{
  content: "Afsluiten";
  display: block;
  position: absolute;
  left: 0;
  transform: translateX(calc(-100% - 16px));
  width: 75px;
  
}

.btn.btn-close-wrapper .btn-close{
  padding: 0;
}

.modal-backdrop.show {
    opacity: .8;
}

.template-voorstellingen .poster-image img{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 32px !important;
    width: 100%;
}

.template-voorstellingen .poster-image{
    transform: translateX(-100%);
}

.template-voorstellingen .poster-image figcaption, .template-voorstellingen .poster-image-mobile figcaption{
    position: absolute;
    left: -4px;
    bottom: 0;
    font-size: 14px;
    transform-origin: bottom left;
    transform: rotate(-90deg);
}

.template-voorstellingen .poster-image figcaption span, .template-voorstellingen .poster-image-mobile figcaption span {
    transform: scale(-1);
    display: block;
    background-color: rgba(43, 46, 52, 0.44);
    padding-left: 8px;
}

.full-width-elem.voorst-info-cover{
    color: white;
    background-color: var(--black);
}

.suggestions{
   background-color: var(--columbia-blue);
   padding-top: 60px;
   padding-bottom: 60px;
   margin-top: 20px;
}

.template-homepage .suggestions{
  margin-top: 0;
}
.suggestions > section > h3{
   font-size: 48px;
   padding-bottom: 20px;
}
.suggestions .voorstellingen-list a > section{
   background-color: var(--white);
}

a .teaser-content p{
  margin: 0;
  line-height: 1.25;
}

.suggestions .voorstellingen-list a .teaser-content{
   padding: 0 16px 24px;
}

.template-voorstellingen .voorst-info-cover h1, .template-gezelschap.detail-page h1{
    font-size: 48px;
    line-height: 1;
    margin-bottom: 24px;
}

.template-voorstellingen .voorst-info-cover p.sub_title, .template-voorstellingen .voorst-info-cover p.gezelschappen, .template-voorstellingen .voorst-info-cover p.regie, .sub-title{
    font-size: 24px;
    font-weight: lighter;
}    

.template-voorstellingen .voorst-info-cover p.sub_title{
    line-height: 1.2;
}

.template-voorstellingen .voorst-info-cover p.gezelschappen, .template-voorstellingen .voorst-info-cover p.regie, .block-downloads > section h4 {
    font-size: 16px;
    margin: 0;
}

.template-voorstellingen .voorst-info-cover p.gezelschappen span{
    color: var(--confetti);
    font-weight: 500;
}
/* 
.template-voorstellingen .voorst-info-cover .gezelschappen-extern {
    margin-top:18px;
} */
.template-voorstellingen .voorst-info-cover .gezelschappen-extern * {
    margin-top: 4px;
    margin-bottom: 4px;
    color: var(--white);
    display: inline;
}

.template-voorstellingen .voorst-info-cover .gezelschappen-extern *:after{
  content: ' /';
}
.template-voorstellingen .voorst-info-cover .gezelschappen-extern *:last-child:after{
  content: '';
}
.template-voorstellingen .voorst-info-cover .gezelschappen-extern a:hover {
    color: var(--accent);
}
.template-voorstellingen .voorst-info-cover .show-info-pills {
    display: flex;
    flex-wrap: wrap;
}

.template-voorstellingen .voorst-info-cover .show-info-pills div{
    background-color: var(--grey);
    padding: 8px 16px 8px 8px;
    /* white-space: nowrap; */
    margin: 4px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    font-weight: 500;
    max-width: 330px;
    overflow: hidden;
}

.template-voorstellingen .voorst-info-cover .show-info-pills div:before{
    margin-right: 8px;
    font-size: 20px;
    color: var(--black);
}

.template-voorstellingen .voorst-info-cover .show-info-pills .show-kind:before{
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  margin-left: 4px;
  background-image: url('../img/dicipline-icon.svg');
}

.testimonials .testimonial-single-wrapper{
  width: 100%;
  padding-bottom: 24px;
}
.testimonials .testimonial-single{
   background-color: #d7b99c2b;
   padding: 20px;
   font-size: 18px;
   width: 100%;
   display: inline-flex;
   flex-flow: row nowrap;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
}

.testimonials .testimonial-single > div:first-child{
   min-width: 32px;
}
.testimonials .testimonial-single > div:last-child{
    padding-top: 16px;
    padding-left: 8px;
}

.testimonials .testimonial-single .name{
    color: var(--flamingo);
    font-size: 16px;
}
.testimonials .stars{
 width: 116px;
 }
.testimonials .stars div{
  background-color: var(--soft-amber);
  clip-path: url(#starsClippingmask);
  height: 20px; 
}

.usp-block-inner .d-icon{
   height: 32px;
   min-width: 32px;
   background-color: var(--monte-carlo);
   border-radius: 20px;
   justify-content: center;
   align-items: center;
   font-size: 20px;
   color: white;
   margin-right: 16px;
}

.usp-block-inner p{
   padding-top: 6px;
   font-size: 20px;
}

.usp-block-inner > img, .gezelschappen-list + .sub-header section > p:after {
   position: absolute;
   right: 0;bottom: 0;
   transform: translate(70px, 50%);
   transform-origin: left top;
   z-index: -999;
   display: none;
}

.gezelschappen-list + .sub-header section > p:after {
  content: '';
  height: 200px;
  transform: translateX(calc(100% + 20px));
  width: 240px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/dots-highlight-block.svg);
}

.slick-prev{
   left: 0;
}

.slick-next{
   right: 0;
}

.slick-prev:hover{
  transform: translateY(-50%) translateX(-8px);
}

.slick-next:hover{
  transform: translateY(-50%) translateX(8px);
}

.my-slick-slider button, .photo-slider button{
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 50px;
  line-height: 100%;
  background: none;
  color: var(--black);
}

.photo-slider{
  max-width: calc(5 * 316px - 16px + 100px);
  margin: 0 auto;
  display: flex;
  justify-content: center; 
}

.photo-slider div.slick-slide, .photo-slider .block-image{
   padding-left: 8px;
}

.photo-slider div.slick-slide img,
.photo-slider .block-image img,
.photo-slider .block-embedded_video{
   height: 220px;
   width: auto;
}

.photo-slider .block-embedded_video{
  width: calc(220px / 9 * 16)
}

.photo-slider button{
   position: absolute;
   z-index: 9;
   height: 100%;
   background: white;
   font-size: 50px;
   line-height: 100%;
  top: 50%;
}

.template-common section.block-image, .template-common section.block-embedded_video,
.template-common .content-wrapper h2, .template-common .content-wrapper h3,
.block-html{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.block-html .full-width-elem {
    width:100%;
}

@media (min-width: 768px) {
  .photo-slider div.slick-slide img, 
  .photo-slider .block-image img,
  .photo-slider .block-embedded_video{
    height: 446px;
  }
  
  .photo-slider .block-embedded_video{
    width: calc(446px / 9 * 16)
  }
}

@media (min-width: 992px) {


}

@media (min-width: 1024px) {


}

.gezelschappen-list .img{
   width: 100%;
   height: 0;
   display: block;
   padding-bottom: 100%;
   margin-bottom: 16px;
}

.gezelschappen-list > a{
  padding: 0 16px;
}

.gezelschappen-list .img > img{
   width: 100%;
   height: 100%;  
   object-fit: cover;
   position: absolute;
}


h2{
   font-size: 48px;
}

.template-gezelschap.detail-page .sub-title{
  margin-bottom: 24px;
}

.template-gezelschap.detail-page .content-wrapper .inner-content div:first-of-type{
margin-bottom: 80px;
  
}

.banner{
   padding: 60px;
   background: var(--columbia-blue);
   width: 100%;
   margin: auto;
}

.banner-bg{
   position: absolute;
   top: 0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center center;
}
.banner p{
font-size: 28px;
}

.banner .label{
   text-transform: uppercase;
   font-size: 20px;
}

.banner h4{
   font-size: 72px;
   line-height: 1;
   font-family: 'GT Super Display Bold', 'helvetica', serif;
}

.block-credits .credits-highlight img,
.block-credits_new .credits-highlight img
{
    width: 102px;
    height: 102px;
}

.block-credits .credits-highlight,
.block-credits_new .credits-highlight{
  color: var(--white);
  background-color: var(--daisy);
  display: flex;
  margin-bottom: 1px;
}

.block-credits .credits-highlight section,
.block-credits_new .credits-highlight section{
  padding: clamp(16px, 2vw, 24px );
  width: 100%;
}

.block-credits .credits-highlight a,
.block-credits_new .credits-highlight a{
  color: var(--white); 
}
.block-credits .credits-highlight button,
.block-credits_new .credits-highlight button{
  align-self: end;
}

.block-downloads li, 
.block-downloads > section h4, 
.template-overstip aside .sub-main-menu li,
.template-form aside .sub-main-menu li{
   padding-top: 8px;
   padding-bottom: 8px;
   line-height: 1.3;
   display: flex;
   align-items: center;
}

.block-header{
   max-width: 100vw;
   margin: auto;
   overflow: hidden;
   position: relative;
}

.block-header > .row{
   height: 100%;
}

.block-header .header-content{
  position: relative; 
  color: white;
  background: #FF5001;
  padding-bottom: 12px !important;
}

.block-header .header-content > div{
  max-width: 800px;
}

.block-header h1{
   font-size: 36px;
}

.block-header p{
   font-size: 18px;
}

.block-header > .row{
  padding-top: 0;
}

.block-header .header-image-wrapper{
  height: 50vh;
}

.block-header .btn{ 
  margin-right: 28px;
}
.block-header .header-content > *{ 
  margin-bottom: 24px;
}

.block-header .btn.btn-arrow:before, .btn.invert-color, .whitetext.btn.btn-arrow:before{
  filter: brightness(0) invert(100);
}

.block-header .btn a, .block-header .btn span{
  color: white;
  font-size: 20px;
  padding-top: 3px;
  font-weight: 500;
} 

.whitetext.btn a, .whitetext.btn span{
color: white;
}






.highlight-circle-side .btn, .highlight-circle-side .btn.text-right:before{
  margin-right: 0;
}

.highlight-circle-side .btn.btn-arrow:before{
  min-width: clamp(25px, 4vw, 38px);
  height: clamp(25px, 4vw, 38px);
}

.highlight-circle-side .btn.text-right:before{
  transform: rotate(90deg);
}

.highlight-circle-side .btn.btn-arrow:hover{
  transform: translateY(8px);
}

.highlight-circle-side .btn{
  display: flex;
  gap: 8px;
}

.block-header .header-image{
   height: 0;
   padding-top: min(120vw, 1366px) !important;
   width: 100vw;
   overflow: hidden;
   //top: 114px;
   z-index: -1;
}

.block-header .header-image img{
   width: 100%;
   position: absolute;
   top: 0;
   height: 100%;
   object-fit: cover;  
}

.highlight-circle{
  transition: none;
  border-radius: 50%;
  bottom: 13vh;
  left: 10vw;
  width: auto;
  color: white;
  aspect-ratio: 1 / 1;
}

.highlight-circle:before{
  content: '';
  aspect-ratio: 1 / 1;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--daisy);
}

.highlight-circle.highlight-circle-side .rotate-90deg{
  writing-mode: vertical-rl;
  text-orientation: mixed;}

.highlight-circle.highlight-circle-side{
  left: auto !important;
  right: 0;
  bottom: auto !important;
  top: 50%;
  z-index: 9999;
}

.highlight-circle label{ 
  color: var(--monte-carlo);
  font-size: clamp(20px, 4vw, 28px);
}

.block-gezelschappen {
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: var(--daisy);
  
}
.block-gezelschappen >section > .header-box{
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.block-gezelschappen .header-box{
  color: white;
}

.block-gezelschappen .header-box a i:before{
  color: var(--daisy);
}

.block-gezelschappen .row {
  justify-content: flex-start;
}

.block-gezelschappen .row > .col-lg-3{
width: 100%;
padding: 0 16px;
}

.block-gezelschappen .row > .col-lg-3 section{
  display: flex;
  
  flex-flow: row nowrap;
  background-color: #7b84aa;
  align-items: center;
  margin-bottom: 32px;
}
.block-gezelschappen .row > .col-lg-3 section div{
padding-right: 8px;
}
.block-gezelschappen .row > .col-lg-3 h2{
  font-weight: 500;
  font-family: 'Criativa Sans', sans-serif;
  font-size: 18px;
  color: white;
  margin: 0;
}

.block-gezelschappen .row > .col-lg-3 p{
  display:none;
}

.block-gezelschappen .row > .col-lg-3 img{
  min-width: 140px; height: 140px;
  width: 140px;
  margin-right: 16px;
}

.input_count_div {
    position: relative;
}
.input_count_div span {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
}

.list-bullet *:not(u) {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}
.password-page input:not(.custom-btn) {
    border-radius: 4px;
    padding: 8px;
    border: solid 1px var(--aluminium);
}

@media (min-width: 768px) {
  
  .block-header{
    height: calc(100vh + 20px);
  }
  .block-header .header-image-wrapper{
    height: auto;
  }
  
  .block-header .header-image{
    position: absolute;
    padding-top: min(118vw, 1366px) !important;
    //top: 86px;
  }
  
  .block-header .header-content{
    position: absolute;
    bottom: 78px;
    left: 0;
    background: #FF5001D9;
    padding-bottom: 28px !important;
  }
  
  .block-header p{
    font-size: 20px;
  }
  
  .block-credits .credits-highlight img,
  .block-credits_new .credits-highlight img{
    width: 140px;
    height: 140px;
  }

}

@media (min-width: 992px) {
  
  .collapse.dont-collapse-md {
      display: block;
      height: auto !important;
      visibility: visible;
  }
  
  .testimonials .testimonial-single-wrapper{
    width: 50%;
    padding-bottom: 32px;
    padding-right: 32px;
  }
  
  .block-gezelschappen .row > .col-lg-3{
    width: 50%;
  }
  
  .block-header .header-content{
    right: 0;
    left: auto;
    bottom:auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .block-header .header-content > *{
    max-width: 640px;
  }
  .block-header h1{
     font-size: 56px;
  }
  
  .block-header p{
     font-size: 24px;
  }
  
  .block-header .header-image{
    padding-top: min(85vw, 1366px) !important;
    //top: 122px;
    transform: translateX(0px);
  }
}

@media (min-width: 1200px) {
  
  .block-gezelschappen .row > .col-lg-3{
    width: 33.33333333%;
  }

}

@media (min-width: 1366px) {
  .block-header .header-image{
    padding-top: min(80vw, 1366px) !important;
   //top: 56px;
    transform: translateX(0px);
  }
}

@media (min-width: 1800px) {
   
/*    .block-header{
       transform: translateX(100px);
   } */

}

.over-stip{
  overflow: hidden;
}

.over-stip h2{
   padding-bottom: 16px;
    border-bottom: solid 1px var(--black);
}

.over-stip .row section:last-child section{
   height:0;
   overflow: hidden;
   /* position: absolute; */
   width: 100%;
   min-width: 500px;
   min-height: 500px;
}

.over-stip .over-stip-img{
   min-height: 300px;
}

.over-stip .row section:last-child img{
  /* position: absolute; */
  top: 0;
  height: 100%;
  width: 100%;
  clip-path: circle(50% at 50% 60%);
  /* padding-top: 70px; */ 
}

.over-stip ul{
   padding: 0;
   margin-left: 0;
   width: 100%;
}

.over-stip ul li{
   display: inline-flex;
   align-items: center;
   min-width: 50%;
   padding: 10px 20px 0 0 ;
}

.over-stip ul li a, .bold-main-font{
   font-weight: 500;
}

 .btn.btn-arrow:hover, .btn.btn-arrow:hover, .header-box a:hover, .over-stip ul li:hover, .btn.hover-transf-r:hover, .btn.btn-arrow-right:hover{
  transform: translateX(8px);
}

.hover-transf-up:hover, .btn.hover-transf-up:hover, i.hover-transf-up:hover, .btn:hover i.hover-transf-up{
  transform: translateY(-8px);
}

.btn.hover-transf-none{
  transform: none !important;
}

.btn.btn-arrow, .btn.btn-arrow-right, .btn.btn-arrow-up{
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn.btn-arrow-right.orange-arrow a{
  color: var(--flamingo);
}

.over-stip ul li:before, .btn.btn-arrow:before, .btn.btn-arrow-right:after, .btn.btn-arrow-left:before, .btn.btn-arrow-up:after, .btn.btn-close-wrapper{
   content: "";
   min-width: 38px; height: 38px;
   display: inline-flex;
   justify-content: center;
   line-height: 38px;
   border-radius: 20px;
   background-image: url(../img/arrow.svg);
   background-position: center;
   color: white;
   margin-left: 12px;
}

 .btn.btn-arrow-up:after{
   background-image: url(../img/arrow-up.svg);
 }

.over-stip ul li:before, .btn.text-right:before, .btn.btn-arrow-left:before{
  margin-left: 0px;
  margin-right: 12px;
}

.over-stip ul li:before, .btn.orange-arrow:before, .btn.btn-arrow-right.orange-arrow:after{
background-image: url(../img/arrow-orange.svg);
}

.btn-arrow-left:before{
  transform: rotate(180deg);
}

.template-overstip aside .sub-main-menu .active:before, .template-overstip aside .sub-main-menu li:hover:after{
  content: "\f168";
  position: absolute;
  line-height: 1;
  left: 0;
  font-size: 20px;
  font-family: denali-icons-font !important;
  transform: translateX(-100%);
}
  
.template-overstip aside .sub-main-menu .active, .template-overstip aside .sub-main-menu .active a, .template-overstip aside .sub-main-menu li:hover{
  color: var(--flamingo);
}

.block-uitgelicht{
  overflow: hidden;
}

.block-uitgelicht-inner .label{
  font-size: 14px;
  text-transform: uppercase;
}

.block-uitgelicht-inner h2{
  font-size: 36px; 
  margin-bottom: 24px;
}

.image-uitgelicht div{
  border-radius: 500px;
  height: 0;
  margin-top: 80px;
  overflow: hidden;
  margin-bottom: 12px;
  width: 89%;
  padding-top: 89%;
  transform-origin: right;
  transform: translateX(48px);
}

.text-uitgelicht span:before, .text-uitgelicht span:after, .text-uitgelicht p:after{
  content: '';
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-uitgelicht span:before{
  left: -12px;
  top: -20px;
  height: 130px;
  width: 110px;
  transform: translateY(-100%);
  background-image: url(../img/uitgelicht-lt.svg);
}


.text-uitgelicht p:after{
  right: 0px;
  bottom: 0;
  transform: translateY(calc(100% + 20px));
  height: 120px;
  width: 140px;
  background-image: url(../img/uitgelicht-rb.svg);
}

.text-uitgelicht span:after{
  right: 60px;
  top: 0;
  transform: translateY(calc(-100% + 20px));
  height: 40px;
  width: 40px;
  background-image: url(../img/uitgelicht-rt.svg);
}

span.anchor {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

@media (min-width: 768px) {
  .block-uitgelicht-inner h2{
    font-size: 56px; 
  }
  
  .block-uitgelicht-inner .label{
  font-size: 20px;
}
  .text-uitgelicht span:before{
  bottom: 0px;
  top: auto;
  transform: translateX(-100%);
  
  }
  .image-uitgelicht div {
    margin-bottom: 80px;
    padding-top: 100%;
    width: 100%;
    
    transform: scale(1.1) translateX(-40px);
  }
}

@media (min-width: 1024px) {
  
  .image-uitgelicht div{
    transform: scale(1.25) translateX(-20px);
  }
  
  .block-uitgelicht-inner h2{
  font-size: 64px;
  }

}

@media (min-width: 1366px) {
  
  .image-uitgelicht div{
  transform: scale(1.29) translateX(-40px);
  }
}

.image-uitgelicht img{
position: absolute;
top: 0;
width: 100%;
height: 100%;

}

.team-block, .personen-block {
  text-align: center;
    margin-top:20px;
}
.team-block h2, .personen-block h4 {
    font-size: 32px !important;
    font-family: 'GT Super Display Bold', 'helvetica', serif;
}
.team-block img, .personen-block img {
  width: 160px; height: 160px;
  border-radius: 50%;
}

.personen-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.personen-block .person {
    display: flex;
    flex-direction: column;
}
.personen-block .person p {
    height: 40px;
}
.personen-block img {
    margin: 0 auto;
}

.intro-text {
    font-size: 1.1em;
    font-weight: 500;
}
.intro-text i {
    font-weight: 500;
    font-style: italic;
}

/* .hide{
  display: none !important;
} */

.show-xs{
   display: none !important;
 }
 
.show-md{
  display: none !important;
}

.show-lg{
   display: none !important;
 }

@media (min-width: 767px) {
   
   
   
    .template-voorstellingen .voorst-info-cover .intro > section:last-of-type {
            border-left: 1px solid white;
        }
   .usp-block-inner > img, .gezelschappen-list + .sub-header section > p:after{     
        display: block;
   }
   .block-usp_block {
      padding-bottom: 100px;
   }
   
}
@media (min-width: 1200px) {
   
   .detail-page aside .d-icon:before, .template-overstip aside .d-icon:before{
      position: absolute;
      transform: translateX(-100%);
   }

}

@media (max-width: 585px) {
  .hide-xs{
    display: none !important;
  }
}

@media (max-width: 767px) {
   
   .hide{
      display: none !important;
   }
   
   .template-voorstellingen .voorst-info-cover > section{
      transform: translateY(-40px)
   }  
    
   .template-voorstellingen .voorst-info-cover h1{
      font-size: 40px;
   }
   
   .template-voorstellingen .voorst-info-cover p.sub_title{
      font-size: 20px;
   }
   
   .show-md{
     display: inherit !important;
   }
}


@media (min-width: 585px) {
.show-xs{
   display: inherit !important;
 }
 
 .w-sm-auto{
  width : auto!important; 
 }
}

@media (min-width: 767px) {
.show-md{
     display: inherit !important;
   }
   
   
}
@media (min-width: 991px) {
  .news-item-wrapper.featured-news-item .news-item .img{
    height: clamp(100px, 70vw, 400px);
    width: clamp(100px, 70vw, 400px);
    margin-top: -34%;
    margin-left: -50px;
    position: absolute;
    transform: none;
  }
  
  .template-homepage .highlight-circle.highlight-circle-side{
     display: none !important;
   }
  
  .over-stip ul{
     column-count: 2;
  }
  
  .hide-lg{
    display: none !important;
  }
  .show-lg{
    display: inherit !important;
  }
  
}

#cookie_consent {
    background-color: var(--black);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999999;
}

#cookie_consent p, #cookie_consent a{
  color: var(--white);
}

#cookie_consent a{
  font-weight: 500;
}

#cookie_consent .container-fluid {
    padding-top: 20px;

}
.form-menu li.active a {
    font-weight: bold;
}
.credits-name textarea {
    height: auto;
}