/*
programma: #4D9EA0
verhuur: #3975fb
over-ons: #ff4062
cafe-restaurant: #FFA63E
*/

html { scroll-behavior: smooth; scroll-padding-top: 62px;}

body {margin-top: 50px; background-color: #000; font-family: 'Noto Sans', sans-serif; font-size: 1.25vw;}

/* create space for Google Translate bar */
body.eng {margin-top: 70px;}
body.eng .navbar-fixed-top {top: 30px !important;}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: none; }
/* template definitions */
#main-holder { text-align: center; width: 100%; margin-top: 50px;}
#page-container, #home-container, .inner-footer, #inner-navbar, #programma-container, #mainmenu, #footerstrip .col-md-12 {max-width: 1580px;}
/* dev needed? .home #footer {max-width: 100%;} */
#page-container {border-left: 20px solid #000; border-right: 20px solid #000; }
	
#content {background-color: #FFF}

#page-container:after {content: ""; display: table; clear: both;}
#page-container {width: 100%; margin: 0 auto; text-align: left;} 

#general-page { border-bottom: 40px solid #000;}	
#page-container .holder, #general-page .holder {padding: 1vw 2vw; background: #FFF; margin-bottom: 2vw;}
#general-page .holder .bold {padding: 2vw; }
#home-container .visual,#general-page .visual, #page-container .visual, #general-page .caroussel,  #general-page .dynamic {padding: 0 !important; width: 100%;}
#general-page .visual p {padding: 0; margin: 0}
#general-page:after {content: ""; display: table; clear: both;}

/*
.targetdiv::before { 
  display: block; 
  content: " "; 
  margin-top: -150px; 
  height: 150px; 
  visibility: hidden; 
  pointer-events: none;
}
*/

.l-col, .half-col-l, .r-col, .half-col-r  { width: 49%; }
.half-visual-l, .half-visual-r, .ladder { width: 49%; padding: 0 !important; margin-top: -2vw;}
.half-visual-l-top, .half-visual-r-top { width: 49%; padding: 0 !important; margin-top: 0; background: transparent;}

.bg-white 

#page-container div.holder.ladder {margin-top: -5px; background: transparent;}

.l-col, .half-col-l, .half-visual-l, .half-visual-l-top  {float: left;}
.r-col, .half-col-r, .half-visual-r, .half-visual-r-top {float: right;}

.clear {clear: both;}

.half-col-nom, .half-col-nom p {margin: 0; padding: 0 !important;}
.half-col-visual-text img {margin: -24px -24px  0 -24px !important; width: calc(100% + 48px)} 
.half-visual-l p, .half-visual-r p, .half-visual-l-top p, .half-visual-r-top p { margin: 0;}
.visual-l {padding: 0 !important; padding-right: 2vw !important;}
.visual-r {padding: 0 !important; padding-left: 2vw !important;}
.visual-l:after, .visual-r:after {content: "";display: table; clear: both;}

.visual-l h2, .visual-r h2 {padding-top: 2vw !important;}
.visual-l h2, .visual-l p {margin-left: 2vw;}
.visual-r h2, .visual-r p {margin-right: 2vw;}

#page-container div.holder {text-align: left; background: #FFF; margin-bottom: 2vw;}
div.holder ul {padding: 1vw 2vw;}
div.holder h2X {margin: 0;}
div.intro-text h3.intro {padding-top: 1em;}
div.holder pX {margin: 1em 0;}

div.holder .visual-holder { margin: 2vw -2vw -1vw -2vw; padding: 0;}
div.holder p.visual-holder { margin-bottom: -2em;}
div.holder .visual-holder img {width: 100%;}
div.youtube-holder { margin: 0 -2vw -1vw -2vw; background: transparent !important;}

@media (max-width: 770px) {
	body.verhuur #page-container div.holder { margin-bottom: 40px;}
}

#corona-alert-home {background: #ff4062; color: #FFF; padding: 40px; font-family: 'MeranProNormal'; font-weight: 700; font-size: 2.5vw; line-height: 1.25em;}
#corona-alert {padding: 20px; text-align: center; background: #4D9EA0; margin-bottom: 2vw;}
#corona-alert a {color: #FFF; text-decoration: none; font-size: 2.5vw; }
#corona-alert a span {text-decoration: underline; }

@media (max-width: 770px) {
	#corona-alert-home  {font-size: 1.2em; padding: 20px; }
	#corona-alert a {font-size: 1.2em;}
}

/* images */
.visual-l img.visual  {float: left; margin: 0; margin-left: -2vw; margin-right: 2vw; width: 47vw; }
.visual-r img.visual  {float: right; margin: 0 -2vw 0  2vw; width: 47vw;}
.main-visual img {width: 100%;	}
img.inline-visual  {width: 110.5%;	margin: 2vw -2vw -2vw -2vw;}
.main-visual,.swiper-container  {margin-bottom: 2vw; }
#home-container .main-visual {margin-bottom: 0; }
#swiper-holder  {margin-left: 1vw; margin-right: 1vw; }
.swiper-container, swiper-container-fade, .swiper-slide, .swiper-slide img, .swiper-container img  {width: 100%;}
.topvisual {width: 100%;}
.midvisual {width: 100%; margin :2vw 0;}



/* navigation */
#mainmenu, #navbar {background-color: #000;}
#navbar {text-align: center;}
#inner-navbar {margin: 0 auto; text-align: left;}
.navbar {margin-bottom: 5px}
.navbar #icon-logo  {float: left; height: 38px; margin: 20px 20px 0 1.2vw; border-left: 20px solid #000}
.navbar #icon-logo img  {height: 38px; }
.navbar-default .navbar-toggle {margin-right: 20px;}
#mainmenu * {color: #FFF; text-align: right; font-size: 1em;}
#mainmenu ul {margin: 0; padding: 30px 20px 20px 10px;}
#mainmenu ul.condensed-header {padding-top: 20px;}
#mainmenu address {margin: 0; padding: 0; padding: 0 30px 80px 0px; line-height: 2em}
#mainmenu li {margin: 0; padding: 0;}

#mainmenu #li-search {min-height: 60px;}

#mainmenu .hdr, #mainmenu .hdr2 {font-size: 1.2em;
font-weight: normal; font-style: normal; line-height:normal;
font-family: 'MeranProBold', sans-serif;
}
/* 
#mainmenu #cart-link {display: none;}
*/
#mainmenu li.hdr2 {margin-top: 0.5em;} 
#mainmenu li.dropdown {margin-right: -1em; margin-top: 1em;}
#mainmenu li.hdr {margin: 0.5em 0;}
#mainmenu .divider {border-bottom: 2px solid #CCC; margin-right: -40px; margin-left: 20px; height: 1.5em;}
 
#mainmenu .suboptions {margin: 0 0.5em 1em 0; padding: 0; opacity: .6;}
#mainmenu .suboptions  li  a {line-height: 2em; margin-right: 20px;}

#navbar .toplinks {padding-top: 18px; text-align: center;}
#navbar .toplinks a {margin-right: 20px; font-family: 'MeranProNormal', sans-serif; text-transform: uppercase; font-size: 22px;}
#navbar .toplinks a:not(.active):hover {color: #FFF !important}
.navbar-toggle .menulabel {font-size: 17px; text-transform: uppercase; float: left; color: #FFF; margin: -3px 10px 0 0;}
.navbar-toggle .burger { float: right;}

#submenu {list-style: none; margin: 0 0 20px 0.2vw; padding: 0; height: 2vw; line-height: 120%;}
#submenu li {float: left; }
#submenu li a {font-family: 'MeranProNormal', sans-serif; text-transform: uppercase; font-size: 1.75vw; margin: 0 1vw; line-height: 1.5em;}
#submenu li a:not(.active) {color: #FFF !important; }

#submenu li a.active, #navbar a.active {font-family: 'MeranProBold'}

/*
#navbar a.programma:hover, #navbar a.programma.active {color: #4D9EA0 !important;}
#navbar a.cafe-restaurant:hover, #navbar a.cafe-restaurant.active {color: #FFA63E !important;}
#navbar a.verhuur:hover, #navbar a.verhuur.active {color: #3975fb !important;}
#navbar a.over-ons:hover, #navbar a.over-ons.active {color: #ff4062 !important;}
*/
	
.logo, .navmenu-brand {color: #FFF; font-weight: bold;  font-size: 1.4em;
	font-weight: normal; font-style: normal; line-height:normal;
	font-family: 'MeranProBold', sans-serif;
	text-transform: uppercase
}

.navmenu-fixed-right {left: auto !important;}


.navbar-header {float: none;}
.navbar-toggle {display: block; border: 0; margin-top: 13px;}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {background-color: transparent !important; border: 0;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #FFF;}

.navbar-toggle .icon-bar {color: #FFF; height: 3px; opacity: 1;}

.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}

.navbar span.icon-set, #langselect {line-height: 50px; margin: 5px 10px; float: right; font-size: 17px; }
.navbar a {margin: 0; color: #FFF;}
#icon-set #cart-icon {display: none; float: right;}
#langselect a {margin: 0; float: none;}

#searchform { margin: 18px 20px 0 10px; float: right; border-bottom: 2px solid #FFF; font-size: 17px;}
#searchform  input[type=text] {color: #FFF; background-color: #000; border: 0; border-bottom: 0;  padding: 0px; outline: none; text-transform: uppercase; width: 110px;}
#searchform::-webkit-input-placeholder, #searchform::-moz-placeholder, #searchform:-ms-input-placeholder, #searchform:-moz-placeholder {color: #999; }

#searchform #searchformsubmit {font-family: FontAwesome;  font-size: 16px; float: right; color: #666; background-color: #000; border: 0; line-height: 35px; margin: 0; margin-top: -5px; padding: 0; padding-left: 2px; }
#searchform #searchformsubmit:hover {color: #FFF;}


#mainmenu #li-search #searchform {margin: 0 40px; float: none;}

@media (max-width: 880px) {.navbar a span {display: none;} #langselect {margin: 5px 5px} }
@media (max-width: 840px) {#navbar .toplinks a { font-size: 18px; margin-right: 10px; } #langselect, .navbar-toggle .menulabel   {font-size: 17px;} }
@media (max-width: 740px) {#navbar .toplinks a { font-size: 16px; margin-right: 8px; } #langselect, .navbar-toggle .menulabel   {font-size: 16px;} .navbar #icon-logo {margin-right: 10px}}
@media (max-width: 666px) {#navbar .toplinks {display: none;} }

@media (max-width: 970px) {#searchform {display: none; } #mainmenu #li-search, #mainmenu #li-search #searchform {display: block;} #icon-set {display: block}
}
@media (min-width: 971px) {#mainmenu #li-search {display: none;} #searchform {display: block; }}



/* color definitions */
#general-page a {color: #ccc;}

#mainmenu a:hover,#navbar a:hover,#footer a:hover {color: #CCC;}
body.programma #mainmenu a:hover, body.programma #navbar a:hover, body.programma #footer a:hover, body.programma #general-page ul.menu li a:hover  {color: #4D9EA0;}

body.programma #mainmenu a:hover, body.programma #navbar a:hover, body.programma #footer a:hover, body.programma #general-page ul.menu li a:hover, body.programma #page-container h1 a, body.programma #page-container h1 a:hover, body.programma #programma-container h1 a, body.programma #programma-container h1 a:hover, body.programma #general-page h2, body.programma page-container a, body.programma #general-page a  {color: #4D9EA0;}

body.cafe-restaurant #mainmenu a:hover, body.cafe-restaurant #navbar a:hover, body.cafe-restaurant #footer a:hover, body.cafe-restaurant #general-page ul.menu li a:hover, #page-container h1 a:hover, body.cafe-restaurant #page-container h1 a, body.cafe-restaurant #page-container h1 a:hover, body.cafe-restaurant #general-page h2, body.cafe-restaurant #general-page a, body.cafe-restaurant #page-container a  {color: #FFA63E;}

body.verhuur #mainmenu a:hover, body.verhuur #navbar a:hover, body.verhuur #footer a:hover, body.verhuur #general-page ul.menu li a:hover, body.verhuur #page-container h1 a, body.verhuur #page-container h1 a:hover, body.verhuur #general-page h2, body.verhuur #general-page a, body.verhuur #page-container a, body.verhuur ul.arrowmenu li a  {color: #3975fb;}

body.over-ons #mainmenu a:hover, body.over-ons #navbar a:hover, body.over-ons #footer a:hover, body.over-ons #general-page ul.menu li a:hover, body.over-ons #page-container h1 a, body.over-ons #page-container h1 a:hover, body.over-ons #general-page h2, body.over-ons #general-page a, body.over-ons #page-container a  {color: #ff4062;}


body.voorwaarden #general-page h2, body.voorwaarden #general-page a {color: #ff4062; } 


body.over-ons h2.bold, body.over-ons h3.bold, body.over-ons h2.block-header, body.over-ons .single-link, body.over-ons a.bold, body.over-ons #links a {background: #ff4062; }
body.voorwaarden h2.bold, body.voorwaarden h3.bold, body.voorwaarden h2.block-header {background: #ff4062; }
body.programma h2.bold, body.programma h3.bold, body.programma h2.block-header, body.programma .single-link, body.programma a.bold, body.programma #links a {background: #4D9EA0; }
body.cafe-restaurant h2.bold, body.cafe-restaurant h3.bold, body.cafe-restaurant h2.block-header, body.cafe-restaurant .single-link, body.cafe-restaurant a.bold, body.cafe-restaurant #links a, body.cafe-restaurant #page-container ul.arrowmenu-inverted li  {background: #FFA63E; }
body.verhuur h2.bold, body.verhuur h3.bold, body.verhuur h2.block-header, body.verhuur .single-link, body.verhuur a.bold, body.verhuur #links a  {background: #3975fb; }

body.verhuur ul.arrowmenu li a::after { border-left: 2.5vw solid #3975fb;}
ul.arrowmenu-inverted li a::after { border-left: 2.5vw solid #FFF;}

body.over-ons h2, body.over-ons h3 {color: #ff4062; }
body.voorwaarden h2, body.voorwaarden h3 {color: #ff4062; }
body.programma h2, body.programma h3 {color: #4D9EA0; }
body.cafe-restaurant h2, body.cafe-restaurant h3 {color: #FFA63E; }
body.verhuur h2, body.verhuur h3 {color: #3975fb; }

body.programma #page-container #submenu li a.active, body.programma #programma-container #submenu li a.active {color: #4D9EA0;}
body.cafe-restaurant #page-container #submenu li a.active {color: #FFA63E;}
body.verhuur #page-container #submenu li a.active {color: #3975fb;}
body.over-ons #page-container #submenu li a.active {color: #ff4062;}
body.voorwaarden #page-container #submenu li a.active {color: #ff4062;}



/* Ticketmatic */

#tmplugin_basket_icon svg {color: #FFF; fill: #FFF;} #icon-set {width: 2em; background: transparent; padding: 5px 0;}


#tmplugin_basket_container {
    display: flex;
}

#tmplugin_basket_badge {
    border-radius: 50px;
    background-color: red; 
    fill: red;
    color: #fff;
    font-size: 12px;
    min-width: 20px;
    padding: 3px;
    margin-left: 5px;
    text-align: center;
}

#tmplugin_basket_badge_nbr {fill: #FFF;}
.tmplugin_basket_icon_empty {
    color: #ececec;
}
    
    

/* styling */
#page-container h1 {font-size: 8vw; font-style: normal; line-height:normal; font-family: 'MeranProBold', sans-serif; text-transform: uppercase; margin-bottom: 0; padding: 1vw 0 0.2vw 0.6vw; position: relative; color: #ff4062;}
#page-container h1 a, #page-container h1 a:hover, #programma-container h1 a, #programma-container h1 a:hover {text-decoration: none;}
#general-page h2, #page-container h2 {font-size: 2.5vw; text-transform: uppercase; font-weight: 700; font-style: normal; line-height:normal; font-family: 'MeranProNormal', sans-serif; }	

h1.wees-onzichtbaar, body.landing-botw #page-container h1, body.arianna #page-container h1, body.rrreuring-landing #page-container h1, body.rrreuring-landing-2021 #page-container h1  , body.rrreuring-landing-2022 #page-container h1 , body.rrreuring-landing-2023 #page-container h1 , body.rrreuring-landing-2024 #page-container h1 , body.prinsenplein #page-container h1 , body.waanzinnig-west #page-container h1    {display: none;}



h2.split {border-top: 2vw solid #000;}
#page-container h2.bold {color: #FFF !important; display: block; padding: 2vw; margin: -1vw -2vw 2vw -2vw; }
#page-container #searchresults h2.bold {margin-top:  -2vw}
#home-container h2.bold  {color: #FFF !important; display: block; padding: 2vw; margin: 1vw 2vw 1vw 2vw; font-family: 'MeranProNormal'; font-weight: 700; font-size: 2.5vw;}
#page-container h3.bold {color: #FFF !important; display: block; padding: 2vw;  margin: -1vw -2vw 2vw -2vw;  font-family: 'MeranProNormal'; font-weight: 700; font-size: 2.5vw;} 


#page-container h2.bold a, #page-container h2.bold a:hover, #programma-container h2.bold a, #programma-container h2.bold a:hover, #general-page h2.bold a, #general-page h2.bold a:hover {color: #FFF; text-decoration: none;}

a.bold {color: #FFF !important;display: block; padding: 2vw; margin: -1vw -2vw -2vw -2vw;font-family: 'MeranProNormal'; font-weight: 700; font-size: 2.4vw; position: relative; }
a.bold:hover {text-decoration: none;}
a.bold::after {content: ''; position: absolute; right: 10px; top: 10px; width: 0; height: 0; z-index: 2;
border-top: 2.25vw solid transparent;  border-bottom: 2.25vw solid transparent; border-left: 2.5vw solid white; }

#page-container .half-col-nom {background: #000 !important;}
.half-col-l.h2-link .bold {margin-bottom: -1vw; position: relative;}
.half-col-l.h2-link .bold::after {content: ''; position: absolute; right: 10px; top: 20px; width: 0; height: 0; z-index: 2; border-top: 2.25vw solid transparent;  border-bottom: 2.25vw solid transparent; border-left: 2.5vw solid white; }

h2.block-header {text-transform: uppercase; font-family: 'MeranProNormal';  font-size: 2.5vw; margin-top: 2vw; margin-bottom: 0; color: #FFF !important; padding: 2vw; font-weight: 700;}
#page-container h2.block-header a, #page-container single-link a {color: #FFF !important; text-decoration: none}

h3.intro {text-transform: uppercase; font-family: 'MeranProBold';  font-size: 1.35vw; line-height: 1.6em;}

#page-container .landing-intro { font-size: 1.35vw; line-height: 1.6em; color: #4D9EA0; padding-top: 2vw;}

#page-container .landing-intro b, #page-container .landing-intro strong { font-family: 'MeranProBold'; }
/* text-transform: uppercase; font-family: 'MeranProBold';  */

#page-container .landing p.intro {text-transform: uppercase; font-family: 'MeranProBold';  font-size: 1.35vw; line-height: 1.6em; padding-top: 2vw;}



#page-container .half-col-l .bold a { color: #FFF; text-decoration: none; text-transform: none; font-size: 2vw; }
#page-container {line-height: 180%; font-family: 'MeranProNormal', sans-serif;}

#page-container strong {font-family: 'MeranProBold'}

#page-container #links {position: relative;}

#general-page div.holder.diapos-green {background: #4D9EA0; color: #FFF;}	
#general-page div.holder.diapos-green h2.bold  {background: #FFF; color:  #4D9EA0 !important;}	
#general-page div.holder.diapos-green h3, #general-page div.holder.diapos-green a  { color:  #FFF;}	


.single-link, #links a { margin: 2vw 0; padding: 0.75vw 2vw; display: block; font-size: 2.5vw; line-height: 1.5em;}
.single-link  a, #links a {color: #FFF !important; display: block; text-decoration: none; position: relative; font-family: 'MeranProNormal', sans-serif; font-weight: 700;}
ul.arrowmenu, ul.arrowmenu-inverted  {list-style: none; margin: 0; padding: 0 }
ul.arrowmenu li, ul.arrowmenu-inverted li {list-style: none;  padding: 0.75vw 2vw; display: block; background: #FFF; font-size: 2.5vw; line-height: 1.5em; margin-top: 2vw;}
#page-container ul.arrowmenu li a {background: #FFF; display: block; text-decoration: none; position: relative;}
#page-container ul.arrowmenu-inverted li a {color: #FFF; display: block; text-decoration: none; position: relative;}
ul.arrowmenu li a::after, ul.arrowmenu-inverted li a::after, #page-container #links a::after  {content: ''; position: absolute; right: -15px; top: -4px; width: 0; height: 0; z-index: 2; border-top: 2.25vw solid transparent;  border-bottom: 2.25vw solid transparent;}
#page-container #links a::after {right: 5px; top: 6px; width: 0; height: 0; z-index: 2;border-top: 2.25vw solid transparent;  border-bottom: 2.25vw solid transparent; border-left: 2.5vw solid #FFF;}
.single-link  a::after {content: ''; position: absolute; right: -15px; top: -4px; width: 0; height: 0; z-index: 2;
border-top: 2.25vw solid transparent;  border-bottom: 2.25vw solid transparent; border-left: 2.5vw solid #FFF;}

/* Agenda elements */
#agenda-list {color: #FFF;  background: #4D9EA0; text-align: left; font-size: 1.5vw; font-family: 'MeranProNormal', sans-serif;}
#page-container #agenda-list h2 {margin: 0 2vw; }
#page-container #agenda-list h2X {text-align: center; padding: 1.5vw; margin: 2vw; height: 5.3vw; font-size: 2.25vw; display: block; border-bottomX: 1px solid #fff;  font-family: 'MeranProNormal'; font-weight: 700;}
#agenda-list .programma-item a {color: #FFF;}
#agenda-list .programma-item span {margin: 0.5em 0.5em 0 0;}
#agenda-list .programma-item span.sold-out, #agenda-list .programma-item span.wachtlijst {float: right; font-weight: bold; text-transform: uppercase; background: #FFF; color: #4D9EA0; margin-right: 0; padding: 3px 5px; margin-top: 0.2em;}
#agenda-list .programma-item.odd span.sold-out, #agenda-list .programma-item.odd span.wachtlijst {color: #FFF; background: #4D9EA0;}
#agenda-list .programma-item a:hover {text-decoration: none;}
#agenda-list .programma-item .dash {display: none;}
#agenda-list .programma-item {position: relative; margin: 0; 
	background: #4D9EA0;
	border-left: 2vw solid #fff;
	padding: 20px 60px 20px 2vw; font-size: 1vw; line-height: 2em;
	font-weight: normal; font-style: normal; 
	font-family: 'MeranProNormal', sans-serif;
	cursor: pointer; 
	color: #000;
	min-height: 98px;}
#agenda-list .odd {background: #FFF; border-left: 2vw solid #4D9EA0;}
#agenda-list .odd a {color: #4D9EA0;}
#agenda-list .programma-item strong {font-family: 'MeranProNormal'; font-size: 1.8vw; text-transform: uppercase; color: #4D9EA0;}
#agenda-list .programma-item.even strong {color: #FFF;}
#agenda-list .programma-item .date {font-family: 'MeranProNormal'; font-size: 1.2vw; text-transform: uppercase;}

#relatedshows #agenda-list { font-size: 1vw; }

/* Home */
.flex-row {margin-top: 2vw; display: flex; /* equal height of the children */}
.flex-col {flex: 1; /* additionally, equal width */}

#home-container {margin: 0 auto; padding-top: 20px; text-align: left; border-left: 20px solid #000; border-right: 20px solid #000;  }
#home-container div.box  {color: #FFF; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; font-size: 2vw; font-family: 'MeranProBold', sans-serif; text-transform: uppercase; position: relative;}
#home-container a, #home-container a:hover {color: #FFF; text-decoration: none;}
#home-container .single-link {padding: 0 2vw; margin: 2vw 0;}

/* element widths, margins & tweaks */
.internal-anchor {width: 1px; height: 1px; overflow: hidden}

#page-container div.holder.wees-onzichtbaar {background-color: #d8a556; color: #423531;}
#page-container div.wees-onzichtbaar-menu {background: transparent; padding: 0 !important;  margin-top: -2vw;}
#page-container div.wees-onzichtbaar-menu a {color: #e3ae57; }
#page-container div.wees-onzichtbaar-menu a:hover {color: #c43940; }
#inline-menu {list-style: none; margin: 0 0; padding: 0;}
#inline-menu li {display: inline; margin-right: 1em; font-size: 110%;}

#page-container div.wees-fff-on-000 {background-color: transparent; color: #FFF;}
#page-container div.wees-onzichtbaar h3, #page-container div.wees-onzichtbaar a , #page-container div.wees-onzichtbaar-playlist a {color: #c43940;}
#page-container div.wees-onzichtbaar h3, #page-container div.wees-onzichtbaar-playlist h3 {font-family: 'MeranProBold'; font-size: 32px;}
#page-container div.wees-onzichtbaar-playlist {background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(216,165,86,1) 0%, rgba(255,255,255,1) 50%);}
#page-container div.wees-onzichtbaar-playlist a  {display: inline-block; width: 18em}
#page-container div.wees-onzichtbaar-credits {background: rgba(216,165,86); background: linear-gradient(180deg, rgba(216,165,86,1) 0%, rgba(255,255,255,1) 0%, rgba(216,165,86,1) 50%);}
#page-container div.wees-onzichtbaar-subheader {background: transparent;}
#page-container div.wees-onzichtbaar-subheader h2 {font-family: 'MeranProBold'; font-size: 48px; color: #c43940;  margin-bottom: -24px}
#page-container div.wees-onzichtbaar-subheader h2 a {color: #c43940; }
#page-container div.wees-onzichtbaar-blog h2 {font-family: 'MeranProBold'; font-size: 18px; color: #c43940;}
#page-container div.wees-onzichtbaar-blog a {color: #c43940;}
#page-container div.wees-onzichtbaar-wit {background: #FFF;}

/*
#page-container div.arianna-header {background: transparent; padding: 0; margin-top: 0.5em}
#page-container div.arianna-header a {color: #d4103b; font-size: 48px;  }
#page-container div.arianna-header a strong {font-family: 'MeranProBold'; color: #e5b911}


#page-container div.arianna-purple-white, #page-container div.arianna-playlist {background: #702182; color: #FFF}
#general-page div.arianna-purple-white h3 a, #general-page div.arianna-playlist h3 a {color: #e5b911}
#general-page div.logoset, #page-container div.arianna-credits, #page-container div.arianna-intro {background: transparent; color: #e5b911; padding: 40px 0}
#general-page div.arianna-intro h3 a , #general-page div.arianna-credits h3 a {color: #d4103b; font-family: 'MeranProBold'; }
*/

#page-container div.arianna {background: transparent; padding: 0; margin: 1em 0; color: #FFF;}
#page-container div.arianna-menu a {color: #d4103b; text-decoration: none;}
#page-container div.arianna-media p a, .arianna-playlist div a, .arianna div a {text-decoration: underline; }
#page-container div.arianna.visual {margin: 3em 0}
#page-container  div.arianna-programma {background: transparent; padding: 0;}
#page-container  div.arianna-programma a {text-decoration: none;}

#page-container div.arianna h3 {color: #d4103b; font-family: 'MeranProBold'; font-size: 26px;}
#page-container div.arianna h3 a {color: #d4103b; text-decoration: none;}

#page-container div.arianna #arianna-persmap  {column-count: 5; column-gap: 20px}
#page-container div.arianna #arianna-persmap div.persmap-el {text-align: center; }
#page-container div.arianna #arianna-persmap div.persmap-el img {width: 100%; margin: 10px 0;}
#page-container div.arianna #arianna-persmap div.persmap-el a {text-decoration: none; }
#page-container div.arianna #arianna-persmap div.persmap-el a span {min-height: 3em; display: block; line-height: 1.25em}

#page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #FFF;  }
#page-container div.landing-menu a {color: #DF4067; text-decoration: none; font-family: 'BIG CAR Short Gun', sans-serif; text-transform: uppercase; font-size: 18px;}
#page-container div.landing-menu a:hover {color: #FFF;}


.rrreuring-landing #page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #FFF;  }
.rrreuring-landing #page-container div.landing-menu a {color: #DF4067; text-decoration: none; font-family: 'BIG CAR Short Gun', sans-serif; text-transform: uppercase; font-size: 18px;}
.rrreuring-landing #page-container div.landing-menu a:hover {color: #FFF;}

.rrreuring-landing-2021 #page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #FFF;  }
.rrreuring-landing-2021 #page-container div.landing-menu a {color: #DF4067; text-decoration: none; font-family: 'BIG CAR Short Gun', sans-serif; text-transform: uppercase; font-size: 18px;}
.rrreuring-landing-2021 #page-container div.landing-menu a:hover {color: #FFF;}

.rrreuring-landing-2022 #page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #fef1bc;  }
.rrreuring-landing-2022 #page-container div.landing-menu a {color: #a98459; text-decoration: none; font-family: 'Meran Pro Black', sans-serif; text-transform: uppercase; font-size: 18px;}
.rrreuring-landing-2022 #page-container div.landing-menu a:hover {color: #FFF;}



#page-container div.landing-media p a, .landing-playlist div a, .landing div a {text-decoration: underline; }
.rrreuring-landing #page-container div.landing-media p a {text-decoration: none; color: #DF4067}
.rrreuring-landing #page-container div.landing-media p a:hover {text-decoration: underline}

.rrreuring-landing-2021 #page-container div.landing-media p a {text-decoration: none; color: #DF4067}
.rrreuring-landing-2021 #page-container div.landing-media p a:hover {text-decoration: underline}

.rrreuring-landing-2022 #page-container {color: #fef1bc;}
.rrreuring-landing-2022 #page-container div.landing-media p a {text-decoration: none; color: #a98459}
.rrreuring-landing-2022 #page-container div.landing-media p a:hover {text-decoration: underline}



#page-container div.landing.visual {margin: 3em 0}
#page-container  div.landing-programma {background: transparent; padding: 0;}
#page-container  div.landing-programma a {text-decoration: none;}

.rrreuring-landing #page-container div.landing h3 {color: #DF4067; font-family: 'BIG CAR Short Gun', sans-serif; font-size: 48px; text-transform: uppercase; }
.rrreuring-landing #page-container div.landing h3 a {color: #DF4067; text-decoration: none;}
.rrreuring-landing #page-container div.landing h3 a span.hilite {color: #FFF;}

.rrreuring-landing-2021 #page-container div.landing h3 {color: #DF4067; font-family: 'BIG CAR Short Gun', sans-serif; font-size: 48px; text-transform: uppercase; }
.rrreuring-landing-2021 #page-container div.landing h3 a {color: #DF4067; text-decoration: none;}
.rrreuring-landing-2021 #page-container div.landing h3 a span.hilite {color: #FFF;}

.rrreuring-landing-2022 #page-container div.landing h3 {color: #a98459; font-family: 'Meran Pro Black', sans-serif; font-size: 48px; text-transform: uppercase; }
.rrreuring-landing-2022 #page-container div.landing h3 a {color: #a98459; text-decoration: none;}
.rrreuring-landing-2022 #page-container div.landing h3 a span.hilite {color: #fef1bc;}

#page-container div.landing #landing-persmap  {column-count: 5; column-gap: 20px}
#page-container div.landing #landing-persmap div.persmap-el {text-align: center; }
#page-container div.landing #landing-persmap div.persmap-el img {width: 100%; margin: 10px 0;}
#page-container div.landing #landing-persmap div.persmap-el a {text-decoration: none; }
#page-container div.landing #landing-persmap div.persmap-el a span {min-height: 3em; display: block; line-height: 1.25em}



@media (max-width: 980px) {
	#page-container div.arianna #arianna-persmap {column-count: 2}
}
@media (max-width: 570px) {
	#page-container div.arianna #arianna-persmap div.persmap-el a span {min-height: 4em; }
}
@media (max-width: 340px) {
	#page-container div.arianna #arianna-persmap {column-count: 1}
}


#page-container .photo-album-holder {padding: 0; margin: -30px 0 80px 0; background: transparent !important}
#photo-album img {width: 25%; display: inline;}
@media (max-width: 770px) {
	#photo-album img {width: 50%; }
}

#general-page.arianna div.logoset {padding-bottom: 0;}
#general-page.arianna div.logoset img {width: 23%;}
body.arianna, body.arianna #main-holder {margin-top: 0;}



body.arianna #general-page {border-bottom: 0;}
body.arianna #page-container  .logoset {background-color: #000 !important; text-align: center; padding-bottom: 0 !important}


body.arianna {
	background-attachment: fixed;	
	width: 100vw;
	height: 100vh;
	background-position:
	    top 0 left -20px,
	    top 0 right -20px,
	    center center;
  
	background-size: 15% 100%, 15% 100%, 100% 100% ;
	background-repeat: no-repeat;
  
	background-image:
	    url('linten-l.png'),
	    url('linten-r.png'),
	    url('bg.jpg');
  
}


body.arianna #main-holder {z-index: 2; background: transparent}
body.arianna #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

/*  BOTW 2023

body.landing-botw {margin: 0; padding: 0; background: #fff;}
body.landing-botw #main-holder {margin: 0;}
body.landing-botw #page-container div.holder {background: transparent;}
body.landing-botw #general-page, body.landing-botw #page-container {border: 0; padding: 0;}


body.landing-botw .col-md-12, body.landing-botw .masthead {padding: 0 !important;}

body.landing-botw .botw-footer {background: #80477d !important;  margin-bottom: 0 !important;}
body.landing-botw .botw-footer p {text-align: center;}
body.landing-botw .botw-footer img {width: 20%; margin: 2.5%;}
body.landing-botw #page-container .menu h1 {font-variant: small-caps; display: block !important; color: #7e477b !important; font-family: 'Bourton Base';}

body.landing-botw h1, body.landing-botw h2, body.landing-botw h3, body.landing-botw h4, body.landing-botw h5, body.landing-botw h6 {font-family: 'Bourton Base'; color: #e24e00}

body.landing-botw h2 {border-bottom: 2px solid #e24e00;}
 
body.landing-botw #page-container {font-family: 'Bourton Base'; }
body.landing-botw a {background: #80477d !important; color: #FFF !important; border: 2px solid #80477d; padding: 4px 4px 2px 4px;}
body.landing-botw a.signuplink {font-size: 150%; margin: 5px 0; display: inline-block;}
body.landing-botw a:hover {text-decoration:  none !important; border-color: #e24e00; background: #e24e00 !important; }


body.landing-botw #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.landing-botw #page-container .socialset a {font-size: 80px; margin: 60px 20px 20px 20px;}
body.landing-botw .socialset a {color: #fff; text-decoration: none;}
body.landing-botw .socialset a span {display: none;}


body.landing-botw a.anchhor {opacity: 0}

body.landing-botw #page-container {color: #7e477b; font-size: 1.2em;} 


*/	

body.landing-botw {margin: 0; padding: 0; background: #59f7fc;}
body.landing-botw #main-holder {margin: 0;}
body.landing-botw #page-container div.holder {background: transparent;}
body.landing-botw #general-page, body.landing-botw #page-container {border: 0; padding: 0;}


body.landing-botw .col-md-12, body.landing-botw .masthead {padding: 0 !important;}

body.landing-botw .botw-footer {background: #6aed6e !important;  margin-bottom: 0 !important;}
body.landing-botw .botw-footer p {text-align: center;}
body.landing-botw .botw-footer img { height: 10vh; margin: 2.5%;}
body.landing-botw #page-container .menu h1 {font-variant: small-caps; display: block !important; color: #fcff4b !important; font-family: 'Bourton Base';}

body.landing-botw h1, body.landing-botw h2, body.landing-botw h3, body.landing-botw h4, body.landing-botw h5, body.landing-botw h6 {font-family: 'Bourton Base'; color: #fcff4b}

body.landing-botw h2 {border-bottom: 2px solid #fcff4b; font-size: 40px !important; font-weight: bold !important; margin-bottom: 0.5em;} 
 
body.landing-botw #page-container {font-family: 'Bourton Base'; }
body.landing-botw a {background: #8c07ee !important; color: #FFF !important; border: 2px solid #8c07ee; padding: 4px 4px 2px 4px;}
body.landing-botw a.signuplink {font-size: 150%; margin: 5px 0; display: inline-block;}
body.landing-botw a:hover {text-decoration:  none !important; border-color: #fcff4b; background: #fcff4b !important; color: #8c07ee !important;}


body.landing-botw #page-container .socialset {background: transparent !important; text-align: center; padding-bottom: 0 !important}
body.landing-botw #page-container .socialset a {font-size: 80px; margin: 60px 20px 20px 20px; background: transparent !important; border: 0 !important; #8c07ee !important}
body.landing-botw .socialset a {color: #fff; text-decoration: none;}
body.landing-botw .socialset a span {display: none;}


body.landing-botw a.anchhor {opacity: 0}

body.landing-botw #page-container #general-page {color: #8c07ee; font-size: 1.2em; margin-bottom: -2em;} 



@media (max-width: 440px) {
	body.landing-botw #page-container { font-size: 1em;} 

}

body.rrreuring-landing, body.rrreuring-landing #main-holder {margin-top: 0;}
body.rrreuring-landing-2021, body.rrreuring-landing-2021 #main-holder {margin-top: 0;}
body.rrreuring-landing-2022, body.rrreuring-landing-2022 #main-holder {margin-top: 0;}

body.rrreuring-landing #general-page {border-bottom: 0; padding-top: 40px;}
body.rrreuring-landing #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing #page-container .logoset img {width: auto; height: 50px; margin: 20px 15px;}

body.rrreuring-landing #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing #page-container .socialset a {font-size: 80px; margin: 20px;}
body.rrreuring-landing #page-container .socialset a {color: #812D3B; text-decoration: none;}
body.rrreuring-landing #page-container .socialset a span {display: none;}

body.rrreuring-landing #page-container .rrreuring-makers {background: transparent;}


body.rrreuring-landing {background-color: #FF928A;}


body.rrreuring-landing #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.rrreuring-landing-2021 #general-page {border-bottom: 0; padding-top: 40px;}
body.rrreuring-landing-2021 #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2021 #page-container .logoset img {width: auto; height: 50px; margin: 20px 15px;}

body.rrreuring-landing-2021 #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2021 #page-container .socialset a {font-size: 80px; margin: 20px;}
body.rrreuring-landing-2021 #page-container .socialset a {color: #812D3B; text-decoration: none;}
body.rrreuring-landing-2021 #page-container .socialset a span {display: none;}

body.rrreuring-landing-2021 #page-container .rrreuring-makers {background: transparent;}


body.rrreuring-landing-2021 {background-color: #FF928A;}


body.rrreuring-landing-2021 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2021 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.rrreuring-landing-2022 #general-page {border-bottom: 0; padding-top: 40px;}
body.rrreuring-landing-2022 #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2022 #page-container .logoset img {width: auto; height: 50px; margin: 20px 15px;}

body.rrreuring-landing-2022 #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2022 #page-container .socialset a {font-size: 80px; margin: 20px;}
body.rrreuring-landing-2022 #page-container .socialset a {color: #fef1bc; text-decoration: none;}
body.rrreuring-landing-2022 #page-container .socialset a span {display: none;}

body.rrreuring-landing-2022 #page-container .rrreuring-makers {background: transparent;}


body.rrreuring-landing-2022 {background-color: #467393;}


body.rrreuring-landing-2022 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2022 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}


body.rrreuring-landing-2023 #programma-list {background: transparent;}
body.rrreuring-landing-2023 #programma-list .programma-item {background: #a54066; color: #ffefb4; border-left: 2vw solid #ffefb4;}
body.rrreuring-landing-2023 #programma-list .odd {background: #ffefb4; border-left: 2vw #a54066 solid; color: #a54066;}
body.rrreuring-landing-2023 #programma-list .programma-item span.sold-out {color: #a54066;}
body.rrreuring-landing-2023 #programma-list .programma-item strong {color: #ffefb4;}
body.rrreuring-landing-2023 #programma-list .programma-item.odd strong {color: #a54066;}
body.rrreuring-landing-2023 #programma-list .programma-item.odd span.sold-out, body.rrreuring-landing-2023 #programma-list.odd .programma-item strong {background: #a54066; color: #ffefb4}


body.rrreuring-landing-2023 #page-container div.landing a {color: #ffefb4;}
.rrreuring-landing-2023 #page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #a54066;  }
.rrreuring-landing-2023 #page-container div.landing-menu a {color: #ffefb4; text-decoration: none; font-family: 'Meran Pro Black', sans-serif; text-transform: uppercase; font-size: 18px;}
.rrreuring-landing-2023 #page-container div.landing-menu a:hover {color: #FFF;}


.rrreuring-landing-2023 #page-container {color: #a54066;}
.rrreuring-landing-2023 #page-container div.landing-media p a {text-decoration: none; color: #ffefb4}
.rrreuring-landing-2023 #page-container div.landing-media p a:hover {text-decoration: underline}

.rrreuring-landing-2023 #page-container div.landing h3 {color: #ffefb4; font-family: 'Meran Pro Black', sans-serif; font-size: 48px; text-transform: uppercase; border-top: 2px solid #a54066; padding-top: 20px;}
.rrreuring-landing-2023 #page-container div.landing h3 a {color: #ffefb4; text-decoration: none;}
.rrreuring-landing-2023 #page-container div.landing h3 a span.hilite {color: #a54066;}

body.rrreuring-landing-2023, body.rrreuring-landing-2023 #main-holder {margin-top: 0;}

body.rrreuring-landing-2021 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2021 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.rrreuring-landing-2023 #general-page {border-bottom: 0; padding-top: 40px;}
body.rrreuring-landing-2023 #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2023 #page-container .logoset img {width: auto; height: 50px; margin: 20px 15px;}

body.rrreuring-landing-2023 #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2023 #page-container .socialset a {font-size: 80px; margin: 20px;}
body.rrreuring-landing-2023 #page-container .socialset a {color: #a54066; text-decoration: none;}
body.rrreuring-landing-2023 #page-container .socialset a span {display: none;}

body.rrreuring-landing-2023 #page-container .rrreuring-makers {background: transparent;}

body.rrreuring-landing-2023 .blog-item strong {color: #ffefb4; padding-top: 10px; display: block;}

body.rrreuring-landing-2023 {background-color: #aec2c4;}
.fancybox-morphing .fancybox-bg, .fancybox-bg {background-color: #aec2c4 !important;}


body.rrreuring-landing-2023 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2023 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}





body.rrreuring-landing-2024 #programma-list {background: transparent;}
body.rrreuring-landing-2024 #programma-list .programma-item {background: #ebe8e6; color: #1f5784; border-left: 2vw solid #1f5784;}
body.rrreuring-landing-2024 #programma-list .odd {background: #1f5784; border-left: 2vw #ebe8e6 solid; color: #ff2e40;}
body.rrreuring-landing-2024 #programma-list .programma-item span.sold-out {color: #ff2e40;}
body.rrreuring-landing-2024 #programma-list .programma-item strong {color: #1f5784;}
body.rrreuring-landing-2024 #programma-list .programma-item.odd strong {color: #ff2e40;}
body.rrreuring-landing-2024 #programma-list .programma-item.odd span.sold-out, body.rrreuring-landing-2024 #programma-list.odd .programma-item strong {background: #ebe8e6; color: #1f5784}

body.rrreuring-landing-2024 .blog-item p, body.rrreuring-landing-2024  .bio-item h3 {color: #1f5784;}

body.rrreuring-landing-2024 #page-container div.landing a {color: #1f5784;}
.rrreuring-landing-2024 #page-container div.landing {background: transparent; padding: 0; margin: 1em 0; color: #ff2e40;  }
.rrreuring-landing-2024 #page-container div.landing-menu a {color: #1f5784; text-decoration: none; font-family: 'Meran Pro Black', sans-serif; text-transform: uppercase; font-size: 18px;}
.rrreuring-landing-2024 #page-container div.landing-menu a:hover {color: #FFF;}


.rrreuring-landing-2024 #page-container {color: #ff2e40;}
.rrreuring-landing-2024 #page-container div.landing-media p a {text-decoration: none; color: #1f5784}
.rrreuring-landing-2024 #page-container div.landing-media p a:hover {text-decoration: underline}

.rrreuring-landing-2024 #page-container div.landing h3 {color: #1f5784; font-family: 'Meran Pro Black', sans-serif; font-size: 48px; text-transform: uppercase; border-top: 2px solid #ebe8e6; padding-top: 20px;}
.rrreuring-landing-2024 #page-container div.landing h3 a {color: #1f5784; text-decoration: none;}
.rrreuring-landing-2024 #page-container div.landing h3 a span.hilite {color: #ff2e40;}

body.rrreuring-landing-2024, body.rrreuring-landing-2024 #main-holder {margin-top: 0;}

body.rrreuring-landing-2021 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2021 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.rrreuring-landing-2024 #general-page {border-bottom: 0; padding-top: 40px;}
body.rrreuring-landing-2024 #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2024 #page-container .logoset img {width: auto; height: 50px; margin: 20px 15px;}

body.rrreuring-landing-2024 #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.rrreuring-landing-2024 #page-container .socialset a {font-size: 80px; margin: 20px;}
body.rrreuring-landing-2024 #page-container .socialset a {color: #ff2e40; text-decoration: none;}
body.rrreuring-landing-2024 #page-container .socialset a span {display: none;}

body.rrreuring-landing-2024 #page-container .rrreuring-makers {background: transparent;}

body.rrreuring-landing-2024 .blog-item strong {color: #1f5784; padding-top: 10px; display: block;}

body.rrreuring-landing-2024 {background-color: #C2C5C9;}
body.rrreuring-landing-2024XXX {
  background-image: linear-gradient(45deg, #CCC 25%, transparent 25%), linear-gradient(-45deg, #CCC 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #CCC 75%), linear-gradient(-45deg, transparent 75%, #CCC 75%);
  background-size: 200px 200px;
  background-position: 0 0, 0 100px, 100px -100px, -100px 0px;
}

.fancybox-morphing .fancybox-bg, .fancybox-bg {background-color: #ebe8e6 !important;}


body.rrreuring-landing-2024 #main-holder {z-index: 2; background: transparent}
body.rrreuring-landing-2024 #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}
body.rrreuring-landing-2024 #main-holder {background-color: rgba(255, 255, 255, 0.75);}

@media (max-width: 440px) {
	body.rrreuring-landing-2024 #page-container {padding: 0 20px;}
}



body.prinsenplein {background: #cbd6d3; margin-top: 0;}
body.prinsenplein #main-holder {margin-top: 0;}

body.prinsenplein .hero {padding: 0 !important;}

body.prinsenplein #page-container h1, body.prinsenplein #page-container a {color: #f9b234;}

body.prinsenplein #page-container h3 a {border-bottom: 5px solid #f9b234; color: #804326; display: block; padding-bottom: 5px; margin-bottom: 10px; font-family: 'BIG CAR Short Gun', sans-serif; text-transform: uppercase;}

body.prinsenplein #page-container div.landing {color: #804326;}

body.prinsenplein #general-page {border-bottom: 0; padding-top: 40px;}
body.prinsenplein #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.prinsenplein #page-container .logoset img {width: auto; height: 100px; margin: 20px 10px;}

body.prinsenplein #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.prinsenplein #page-container .socialset a {font-size: 80px; margin: 20px; color: #f9b234; text-decoration: none;}
body.prinsenplein #page-container .socialset a span {display: none;}

body.prinsenplein #main-holder {z-index: 2; background: transparent}
body.prinsenplein #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.prinsenplein #page-container #programma-list {background: transparent}
body.prinsenplein #page-container #programma-list h3 {margin: 0;}
body.prinsenplein #page-container #programma-list h3 .showtype {font-size: 60%;}
body.prinsenplein #page-container #programma-list div {margin-bottom: 2em; border-left: 40px solid #cbd6d3; padding-left: 10px; background: #FFF;}

@media (max-width: 440px) {
	body.prinsenplein #page-container .logoset img {width: auto; height: 60px; margin: 10px 20px;}
	body.prinsenplein #page-container .socialset a {font-size: 50px; margin: 20px; color: #f9b234; text-decoration: none;}
}


body.waanzinnig-west {background: #FFF; }
body.waanzinnig-west #page-container {font-family: 'Campton', sans-serif; }
body.waanzinnig-west #main-holder {margin-top: 0;}

body.waanzinnig-west #page-container h1, body.waanzinnig-west #page-container h2, body.waanzinnig-west #page-container h3,  body.waanzinnig-west  #page-container strong {font-family: 'Tabac G1', Serif; color:  #c5144c; }

body.waanzinnig-west #page-container a {color: #c5144c; }
body.waanzinnig-west #page-container h3 a {color: #71436f; }


body.waanzinnig-west #page-container h2 a {color: #c5144c; display: block; font-size: 11vw; text-transform: none; word-spacing: 9999999px; line-height: 0.79em;}
body.waanzinnig-west #page-container h3  {font-size: 36px; color: #71436f;}

body.waanzinnig-west #page-container .intro-landing h3 {margin-top: 0; margin-bottom: 30px; color: #71436f;}

body.waanzinnig-west #page-container div.landing {color: #000;}

body.waanzinnig-west #general-page {border-bottom: 0; padding-top: 40px;}
body.waanzinnig-west #page-container .logoset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.waanzinnig-west #page-container .logoset img {width: auto; height: 100px; margin: 20px 30px;}


body.waanzinnig-west #page-container .socialset {background: transparent; text-align: center; padding-bottom: 0 !important}
body.waanzinnig-west #page-container .socialset a {font-size: 80px; margin: 20px; color: #c5144c; text-decoration: none;}
body.waanzinnig-west #page-container .socialset a span {display: none;}

body.waanzinnig-west #main-holder {z-index: 2; background: transparent}
body.waanzinnig-west #page-container {border-left: 0 !important; border-right: 0 !important; padding: 0 13%;}

body.waanzinnig-west #page-container #programma-list {background: transparent}
body.waanzinnig-west #page-container #programma-list h3 {margin: 0;}
body.waanzinnig-west #page-container #programma-list h3 .showtype {font-size: 60%;}
body.waanzinnig-west #page-container #programma-list div {margin-bottom: 2em; border-left: 40px solid #71436f; padding-left: 10px; background: #FFF;}

@media (max-width: 440px) {
	body.waanzinnig-west #page-container .logoset img {width: auto; height: 60px; margin: 10px 20px;}
	body.waanzinnig-west #page-container .socialset a {font-size: 50px; margin: 20px; color: #71436f; text-decoration: none;}

}

@media (min-width: 1440px) {
body.arianna #page-container {padding: 0 5%;}
body.rrreuring-landing #page-container {padding: 0 5%;}
body.rrreuring-landing-2021 #page-container {padding: 0 5%;}
body.rrreuring-landing-2022 #page-container {padding: 0 5%;}
body.rrreuring-landing-2024 #page-container {padding: 0 5%;}
}
	
@media (max-width: 990px) {

	#general-page.arianna div.logoset img {width: 48%;}

	#page-container div.wees-onzichtbaar h3, #page-container div.wees-onzichtbaar-playlist h3 {font-size: 24px;}
	#page-container div.wees-onzichtbaar-subheader h2 {font-size: 30px; }
	#page-container div.wees-onzichtbaar-playlist strong  {display: block; }
	#page-container div.wees-onzichtbaar-playlist div  {padding-bottom: 1em;}

	body.arianna {
		background-position:
		    top 0 left -5%,
		    top 0 right -5%,
		    center center;
	}


}



@media (max-width: 770px) {

	body.arianna {
		background-position:
		    top 0 left -10%,
		    top 0 right -10%,
		    center center;
	}
	body.arianna #page-container {padding: 0 12%;}
	
	body.rrreuring-landing {
		background-position:
		    top 0 left -10%,
		    top 0 right -10%,
		    center center;
	}
	body.rrreuring-landing #page-container {padding: 0 12%;}
	

}


@media (max-width: 440px) {
	body.arianna #page-container {padding: 0 40px;}
	body.rrreuring-landing #page-container {padding: 0 40px;}

	#general-page.arianna div.logoset img {width: 100%;}

}

.main-visual {width: 66%; margin-left: 1vw;}
.restaurant-div {width: 30%; margin-right: 1vw;}
.uitgelicht-div {width: 65%;  margin-left: 1vw;}
body.programma .uitgelicht-div {width: 100%;  margin-left: 0; margin-top: 2vw;}
.over-ons-div {width: 31%; margin-right: 1vw;}
.binnenkort-div {width: 45%; margin-right: 1vw;}

p.nom {margin: 0;}
.lcol-holder { width: 51%;  ; margin-left: 1vw; display: flex; flex-direction: column; justify-content:space-between; }
/* background-image:  linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('/assets/www.podiummozaiek.nl/Home/gastprogramma2.jpg'); background-position: center center; background-repeat: no-repeat; 

.lcol-holder:hoverXX {background-image:url('/assets/www.podiummozaiek.nl/Home/gastprogramma2.jpg') }
*/

#gastprogramma a {display: block; line-height: 3em;}

#gastprogramma { margin-bottom: auto;  display: table; width: 100%; padding: 2vw  !important; margin: 0 !important}
#gastprogramma div { display: table-cell; vertical-align: middle; }
#gastprogramma  {padding-top: 12vw; text-transform: uppercase; font-family: MeranProBold; font-weight: 700; font-size: 3.5vw;} /* background: #4D9EA0; */
	
	  
.uitgelicht-div {text-align: center; position: relative}
.mozaiek-div {text-align: center; position: relative}

.restaurant-div, .over-ons-div, .binnenkort-div { margin-left: auto;}
.zaalverhuur-div  {border-top: 2vw solid #000;}

#home-container .main-visual .link-holder { padding: 1vw 4vw; display: inline-block; margin: 0 auto;}
#home-container .main-visual {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('seizoen-2018-2019.jpg'); padding-top: 12vw;  }
#home-container .main-visual:hover {background-image: url('seizoen-2018-2019.jpg'); }
#home-container .main-visual a {text-decoration: none; text-transform: uppercase;  } 
#home-container .uitgelicht-div .text-link {bottom: 40px; top: auto !important; }
#home-container .main-visual strong, .uitgelicht-div .text-link strong {font-size: 6.8vw; line-height: .9em; margin-top: .1em;}
#home-container .main-visual span, .uitgelicht-div .text-link span {text-decoration: none;font-size: 2.8vw; text-transform: none; font-family: 'MeranProNormal'; font-weight: 700 ; line-height: 1em; }
#home-container .main-visual span {font-size: 5.2vw; }

.uitgelicht-div .text-link strong {font-size: 6.9vw; line-height: .9em; margin-top: .1em;}



 /* miscell. text over image boxes */
.visual-link, .visual-link-mobile {z-index: 1; width: 100%; }
 
.restaurant-divX .visual-link, .restaurant-divX .visual-link-mobile  {position: absolute;}
 
.text-link, .box .text-link:hover { color: #FFF; text-decoration: none; top: 0;}
.visual-link img, .visual-link-mobile img {width: 100%;}
.text-link {position: absolute; top: 0; left: 0;  z-index: 2; margin-left: 4vw; margin-top: 20vw}
.text-link strong {font-size: 6.9vw; line-height: .9em; }
.text-link span {font-size: 2vw; font-family: 'MeranProNormal', sans-serif; text-transform: none; }
.mozaiekpas-div .text-link {margin-top: 3vw}
.cultuurkaart-div.box .text-link {margin-left: 3vw; margin-top: 3vw}
.cultuurkaart-div.box .text-link strong {font-size: 60px;}
.zaalverhuur-div .text-link {margin-top: 20vw}
.restaurant-div .text-link {margin-top: 3vw; margin-left: 2vw;}
.restaurant-div .visual-link-mobile {display: none;}
	
.restaurant-div .text-link strong {font-size: 4vw; }
#home-container .restaurant-div .text-linkX {color: #FFA63E; }

.seizoen-div, .fringe-div, .passpartout-div, .takeaway-div, mozaiekpas-div, .lostwords-div, .lanterfanter-div, .botw-div, .freeheriheri-div, .rrreuring-div {border-bottom: 2vw solid #000;}

.cultuurkaart-div {border-top: 2vw solid #000;}


#home-container .botw-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('pm_botw22.jpg') }
#home-container .botw-div:hover {background-image: url('pm_botw22.jpg'); }


#home-container .freeheriheri-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('fhh-2022.png') }
#home-container .freeheriheri-div:hover {background-image: url('fhh-2022.png'); }

#home-container .rrreuring-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('m_rrr22_zomerlab_social_items_square.jpg') }
#home-container .rrreuring-div:hover {background-image: url('m_rrr22_zomerlab_social_items_square.jpg'); }

#home-container .fringe-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('fringe-2022.jpg') }
#home-container .fringe-div:hover {background-image: url('fringe-2022.jpg'); }

#home-container .takeaway-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('takeaway.jpg'); }
#home-container .takeaway-div:hover {background-image: url('takeaway.jpg'); }

#home-container .passpartout-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('stf-passe-partout.gif') }
#home-container .passpartout-div:hover {background-image: url('stf-passe-partout.gif'); }


#home-container .restaurant-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('cafe-2022.jpg') }
#home-container .restaurant-div:hover {background-image: url('cafe-2022.jpg'); }
#home-container .mozaiekpas-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('mozaiekpas-2022.jpg') }
#home-container .mozaiekpas-div:hover {background-image: url('mozaiekpas-2022.jpg'); }
#home-container .cultuurkaart-div {background-image: url('cultuurkredietkaart.jpg'); }
#home-container .cultuurkaart-div:hover {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('cultuurkredietkaart.jpg') }
#home-container .zaalverhuur-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('verhuur.jpg') }
#home-container .zaalverhuur-div:hover {background-image: url('verhuur.jpg'); }
#home-container .uitgelicht-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('uitgelicht-2.jpg') }
#home-container .uitgelicht-div:hover {background-image: url('uitgelicht-2.jpg'); }
#home-container .over-ons-div {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%), url('steun-mozaiek-2.jpg') }
#home-container .over-ons-div:hover {background-image: url('steun-mozaiek-2.jpg'); }

#home-container .visual-link img , #home-container .over-ons-div img {opacity: 0;}
#home-container .over-ons-div {text-align: right;}
#home-container .over-ons-div strong {font-size: 4.2vw; line-height: 1em; }
#home-container .over-ons-div  .text-link {right: 0; bottom: 0; margin-right: 2vw; margin-bottom: 2.5vw;}


/* Programma */

body.programma .uitgelicht-div .text-link {font-size: 4.9vw; margin-top: 4vw;}

#cultuureducatie .single-link {margin-bottom: 0; }
#festivals, #producties, #coproducties, #blog, #blog-grid {margin: 2vw 0;}

#festivals {padding-top: 3vw; padding-bottom: 2vw; background: #4D9EA0;}

#blog-header, #blog-header-detail {width: 100%; display: none;}
.clearfix:after {content: ""; display: table; clear: both;}
.blog-visual {width: 45%; float: right; margin: 0 0 10% 5%;}
.blog-content {width: 50%; float: left; margin: 0 0 10% 0; }
.hi-lite-button {display: block; background: #4D9EA0; color: #FFF !important; padding: 5px; text-align: center; font-weight: bold;}
.hi-lite-button:hover {text-decoration: none;}
@media (max-width: 770px) {
	.blog-visual, .blog-content {width: 100%; float: none; margin: 0 0 0 0;}
}


#coproducties h2.bold {margin: 0;}
#producties h2.bold {margin: 0;}
#coproducties-holder, #festival {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}

#coproducties-holder .project, #festival .project { width: calc(50% - 1vw); background: #FFF; margin-bottom: 2vw; }
/* Programma > Coproducties & Festivals 
.project {width: 49%; background: #FFF; margin-bottom: 2vw; float: left; }
.project-even {float: right;  clear: right; }
*/

@media (max-width: 770px) {
	#coproducties-holder .project, #festival .project { width: 100%}
}



.project h2 {padding: 1vw 0 0 2vw;  }
.project strong.date  {padding: 0 2vw; line-height: 2em;}
.project a.read-more  {padding: 0 2vw 2vw 2vw; }
.project p {padding: 0 2vw 0em 2vw;  display: block;} /* min-height: 7em; */
.project img.logo {width: 80%; margin: 10px 10%;}
.project img {width: 100%; margin: 0;}
body.programma #general-page #coproducties .project h2 {padding: 2vw; color: #FFF; background: #4D9EA0; margin: 0;}
#producties .project p, #coproducties .project p {padding: 1vw 2vw; }
#producties .project img.logo, #coproducties .project img.logo {width: 80%; margin: 10px 10%;}

/* Blog */


#blog .project {display: inline-block; float: none; width: auto;}
#blog div.blogitem {width: 100%; padding: 10px 0 30px 0;  margin: 10px 20px 10px 0; border-bottom: 1px solid #b2ddc1; height: auto !important;}	
#blog img.thumb {width: 100%; }	
#blog div.videobox {background-color: #000; background-size:cover; width: 100%; text-align: center; position: relative}	
#blog img.play {width: 50%; margin: 50px auto;}	

div.videobox .video-still {position: absolute; top: 0; left: 0; z-index: 1; }	
div.videobox .video-link {position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; margin: 0 auto; text-align: center}	
div.videobox .video-link img.play {width: 50% !important; margin: 0; }	


#blog-holder img.play {width: 50%; margin: 25px auto;}	



#blog-grid {padding: 0;}
#blog-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; }
#blog-grid .project {display: block; float: left; width: 48%; margin-right: 2%; padding: 0; background: #FFF; margin-bottom: 2vw;}

#blog-grid div.blogitem {width: 100%; padding: 10px 0 30px 0;  margin: 10px 20px 10px 0; border-bottom: 1px solid #b2ddc1; height: auto !important;}	
#blog-grid img.thumb {width: 100%; }	
#blog-grid div.videobox {background-color: #000; background-size:cover; width: 100%; text-align: center; position: relative}	
#blog-gridX img.play {width: 50%; margin: 50px auto;}	

@media (min-width: 990px) {
	#blog {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}

@media (max-width: 770px) {
	#blog {-webkit-column-count: 1; -moz-column-count:1; column-count:1;}
	#blog-grid .project {width: 100%; margin-right: 0; float: none;}
}



/* Agenda */
body.programma .months {margin-left: 1vw; padding-right: 1vw; color: #FFF; font-weight: normal;  font-style: normal; line-height:normal; font-family: 'MeranProNormal', sans-serif; text-transform: uppercase; font-size: 1.75vw;}
body.programma .months .month-nav {font-size: 2vw;}
body.programma .months .holder { width: 82vw; overflow: hidden; white-space:nowrap; display: inline-block;}
body.programma .months .left-fade {-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 120%);}
body.programma .months .right-fade {-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 120%);}
body.programma .months a {color: #FFF; cursor: pointer;}
body.programma .months a.active {color: #4D9EA0; text-decoration: underline;}
body.programma .months a.month-nav img { height: 2vw; vertical-align: top; margin-top: 0.25vw;}
body.programma .months a.month-nav:hover {text-decoration: none;}
body.programma .months #month-back {display: none;}

body.programma #read-more, body.programma #read-less {color: #4D9EA0;}

.read-more-box.condensed {max-height: 30vh; position: relative; overflow: hidden; ; -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
mask-image: linear-gradient(to bottom, black 80%, transparent 100%);}
.read-more-box-extra {display:none;}

.read-more-boxXX:after {
    content:"";
    position:absolute;
    top:60%;
    left:0;
    height:40%;
    width:100%;
    background: linear-gradient(rgba(247,244,244,0), white);
}
.read-more-button, .read-more-button:hover {color: #4D9EA0}


#programma-overview {margin: 20px 0; padding: 0;  border-right: 1vw black solid;} /*   border-right: 2vw black solid; background: linear-gradient(90deg, #000 50%, #FFF 50%);  */
#programma-overview:after {content: ""; display: table; clear: both;}

#programma-overview #podmoz-div a {color: #4D9EA0}
#programma-list { background: #000; margin: 0; }
#programma-show-list {text-decoration: none; display: block;  position: relative; color: #FFF; background: #4D9EA0; text-transform: uppercase; font-size: 3vw; padding: 2vw; margin: 2vw 0; font-family: 'MeranProBold';}
#programma-show-list::after {content: ''; position: absolute; right: 10px; top: 10px; width: 0; height: 0; z-index: 2;
border-top: 2.5vw solid transparent;  border-bottom: 2.5vw solid transparent; border-left: 2.75vw solid white; }
#programma-show-list { display: none;}
#programma-list .programma-item {position: relative; margin: 5px 0; 
	background: #4D9EA0; border-left: 2vw white solid;
	padding: 20px 60px 20px 2vw; font-size: 1vw; line-height: 2em;
	font-weight: normal; font-style: normal; 
	font-family: 'MeranProNormal', sans-serif;
	cursor: pointer; min-height: 7.5vw; color: #000;}
	
#programma-list.related-list .programma-item {border-left: 2vw black solid;}

#programma-list .programma-item-condensed { min-height:3em;} 
#programma-list .programma-item a, #programma-list .programma-item a:hover {text-decoration: none;}
#programma-list .programma-item .dash {display: none;}
#programma-list .active::after{
    content: '';
    position: absolute;
    right: 0;
    top: 9px;
    width: 0;
    height: 0;
   border-top: 3.75vw solid transparent;
  border-bottom: 3.75vw solid transparent;
  z-index: 2;
  border-right: 3.75vw solid white;   
  clear: both;
}
#programma-details .triangle {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 0;
    height: 0;
   border-top: 3.75vw solid transparent;
  border-bottom: 3.75vw solid transparent;
  z-index: 2;
  border-left: 3.75vw solid #4D9EA0;   
  clear: both;
}

#programma-details.reloaded .triangle {top: 82px;}

#programma-list #go-up, #programma-list #go-down {display: none;}

.speciallabel {font-size: 120%; font-weight: bold; color: #FFF; text-transform: uppercase; margin-top: -0.5em; margin-bottom: 0.5em;}

.even .speciallabel {color: #000; }
.odd .speciallabel {color: #4D9EA0; }

	
#programma-list.related-list .programma-itemx:nth-child(2n), #programma-list.related-list .odd,
#programma-list .programma-itemx:nth-child(2n), #programma-list .odd	{background: black; border-left: 2vw #4D9EA0 solid; color: #4D9EA0;}
#programma-list .programma-item strong {font-family: 'MeranProNormal'; font-size: 1.8vw; text-transform: uppercase}
#programma-list .programma-item strong span.subtitle, #agenda-list .programma-item strong span.subtitle {font-family: 'MeranProLight'; font-weight: 100; }
#programma-list .programma-item .date {font-family: 'MeranProNormal'; font-size: 1.2vw; text-transform: uppercase;}
#programma-list .programma-item a {color: #FFF;}
#programma-list .programma-item span{margin: 0.5em 0.5em 0 0;}
#programma-list .programma-item span.sold-out, #programma-list .programma-item span.wachtlijst {float: right; font-weight: bold; text-transform: uppercase; background: #FFF; color: #4D9EA0; margin-right: 0; padding: 3px 5px; margin-top: 0;}
#programma-list .programma-item.odd span.sold-out, #programma-list .programma-item.odd span.wachtlijst {color: #FFF; background: #4D9EA0;}

#programma-list  .programma-itemx:nth-child(2n) span.sold-out, #programma-list  .programma-itemx:nth-child(2n) span.wachtlijst, #programma-list .odd span.sold-out , #programma-list .odd span.wachtlijst{color: #000}

#programma-list .programma-item strong {color: white;}	

#podmoz-div span.m-button.wachtlijst {display: none;}
#programma-details {padding: 40px 60px 80px 60px; border-top: 5px #000 solid; color: #000; position: relative; font-weight: normal; font-style: normal; line-height:normal; font-family: 'MeranProNormal', sans-serif; line-height: 150%; background: #FFF;}

#programma-details p {margin-top: 1em;}
#programma-details strong {font-family: 'MeranProBold'}

#programma-details h3 {margin-bottom: 0; }
#programma-details .subtitle {margin-bottom: 1em; font-size: 120%;}
#programma-details .date {margin: 0.7em 0 1em 0; font-size: 140%; text-transform: uppercase}
#programma-details .sold-out {font-weight: bold; text-transform: uppercase; background: #000; color: #FFF; padding: 3px 5px; margin-top: 0;}
 
#programma-details #relatedshows h4 {font-weight: 700;  }
#programma-details #relatedshows a { color: #4D9EA0; text-transform: uppercase; }
#programma-details .icon-set {margin-top: 1em; font-size: 110%;}
#programma-details .icon-set a {color: #000; margin-right: 1em; cursor: pointer;}
#programma-details .icon-set a.facebook, #programma-details .icon-set a.calendar {float: right;}

#stager-ticketshop-iframe,#stager-ticketshop-login, #stager-ticketshop-cart {width: 100%; height: 650px; border: 0px; background: transparent; max-width: 767px;}

#programma-details  .minified {height: 400px !important;}

#programma-details #stager-ticketshop-login, #programma-details #stager-ticketshop-cart {display: none;}

#programma-details #stager-div { display: none;}
#stager-div #close-stager {float: right; font-size: 2em; margin: 0 0 0.2em 0; cursor: pointer;}
#stager-div #shoppinglink {float: left; color: #000; display: none; text-decoration: none;} 
#stager-div #shoppinglink i {margin-right: 0.3em;}
#continuelinks {display: none;}
#continuelinks a {width: 47%; padding: 1em; color: #FFF; background: #4D9EA0; text-align: center;  font-family: 'MeranProNormal', sans-serif; text-transform: uppercase; display: inline-block; text-decoration: none;}
#continuelinks a#shoppinglink {float: right; color: #FFF;}
 
#programma-details h3 {font-size: 2.4vw; font-style: normal; line-height:normal; font-family: 'MeranProNormal', sans-serif; text-transform: uppercase}
#programma-details h3 span.artist {font-family: 'MeranProLight'; font-weight: 100; }

#programma-details #visual-holder {margin: 30px 0 10px 0; position: relative; width: 100%;}	
#programma-details #visual-holder .visual {width: 100%;}	
#programma-details #visual-holder #prices-div {display: none; width: 100%; height: 105%; position: absolute;
    right: 0; top: -10px; background:rgba(255,255,255,0.9); padding: 1.5vw 2vw;}	
#programma-details #visual-holder #price-info {padding-top: 1em;}
#programma-details #visual-holder #price-info .price-set {clear: both; text-align: right;}
#programma-details #visual-holder #price-info .price-label {float: left; width: 80%; text-align: left;}

#programma-details #podmoz-div h4 {line-height: 1.5; font-weight: 700;}

#programma-details span.serie, #programma-details span.genre {margin: 0.5em 0.5em 0 0; font-size: 110%; color:  #4D9EA0; font-weight: 700; }


#programma-details #more-info, #programma-details #read-less {display: none;}
#programma-details #read-more, #programma-details #read-less {line-height: 3em; font-weight: bold;}

#programma-details #visual-holder #prices-div #close-prices {float: right; font-size: 1.5em; cursor: pointer;}	
#programma-details #visual-holder #prices-div .holder {padding: 2vw; line-height: 2em;}	


#alert-box {color: #FFF; background: #4D9EA0; padding: 20px; margin: 20px 0;}	
#alert-box a {color: #FFF !important; text-decoration: underline;}	
#close-alert {float: right; font-size: 1em; cursor: pointer; margin: 0 0.5em 0.5em 0;}	


#reservation-widget {display: none;}


#page-container .header  {background: transparent !important; margin: -24px -24px 24px -24px;}
#page-container .header h1  {color: #FFF !important;}
#page-container .header h2  {font-size: 50px;}



/* Cafe-restaurant */
#cafe-menu {margin-bottom: 2vw;}
#menu-div, #takeaway-div, #contact-div, #events-div, #activiteit-div {margin: 2vw 0; }
#page-container #menu-div h2.bold {margin: 0 0 2vw 0; background: #FFF; color: #FFA63E !important;}

#page-container #takeaway-div h3.bold {margin: 0 0 0 0; font-size: 24px;  text-transform: uppercase;}
#page-container #takeaway-div.swiper-container {margin-top: 0;}
#page-container #turks-div {padding: 0; margin: 2vw 0;}
#page-container #turks-div img {width: 100%;}
#page-container #turks-div div {padding: 0 2vw;}
#page-container #reviews-div {color: #FFF; background: #FFA63E; margin-top: 2vw; padding: 1vw 2vw 2vw 2vw; font-size: 1.25vw; }
#page-container #reviews-div h2 {margin-bottom: 0; padding-bottom: 0.5em;}
blockquote { border-left: 0;  width: auto; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45;position: relative;}
blockquote:before  { display: block; content: "\201C"; font-size: 6vw; position: absolute; left: -0; top: -20px; color: #FFF; font-family: Georgia, serif;}
blockquote cite {color: #999;font-size: 14px;display: block;margin-top: 5px;}
blockquote cite:before {content: "\2014 \2009";}

body.rrreuring-landing #programma-list {background: transparent}

body.rrreuring-landing #programma-list .programma-item {background: #812D3B; color: #FFF;}
body.rrreuring-landing #programma-list .odd {background: #FFF; border-left: 2vw #812D3B solid; color: #812D3B;}
body.rrreuring-landing #programma-list .programma-item span.sold-out {color: #812D3B;}
body.rrreuring-landing #programma-list .programma-item strong {color: #FFF;}
body.rrreuring-landing #programma-list .programma-item.odd strong {color: #812D3B;}
body.rrreuring-landing #programma-list .programma-item.odd span.sold-out, body.rrreuring-landing #programma-list.odd .programma-item strong {background: #812D3B; color: #FFF}



body.rrreuring-landing-2021 #programma-list {background: transparent}

body.rrreuring-landing-2021 #programma-list .programma-item {background: #812D3B; color: #FFF;}
body.rrreuring-landing-2021 #programma-list .odd {background: #FFF; border-left: 2vw #812D3B solid; color: #812D3B;}
body.rrreuring-landing-2021 #programma-list .programma-item span.sold-out {color: #812D3B;}
body.rrreuring-landing-2021 #programma-list .programma-item strong {color: #FFF;}
body.rrreuring-landing-2021 #programma-list .programma-item.odd strong {color: #812D3B;}
body.rrreuring-landing-2021 #programma-list .programma-item.odd span.sold-out, body.rrreuring-landing-2021 #programma-list.odd .programma-item strong {background: #812D3B; color: #FFF}

body.rrreuring-landing-2022 #programma-list {background: transparent}

body.rrreuring-landing-2022 #programma-list .programma-item {background: #a98459; color: #fef1bc; border-left: 2vw #fef1bc solid;}
body.rrreuring-landing-2022 #programma-list .programma-item  span.sold-out  {background:  #fef1bc;}
body.rrreuring-landing-2022 #programma-list .programma-item.odd span.sold-out {color: #fef1bc}
body.rrreuring-landing-2022 #programma-list .odd {background: #fef1bc; border-left: 2vw #a98459 solid; color: #a98459;}
body.rrreuring-landing-2022 #programma-list .programma-item span.sold-out {color: #a98459;}
body.rrreuring-landing-2022 #programma-list .programma-item strong {color: #fef1bc;}
body.rrreuring-landing-2022 #programma-list .programma-item.odd strong {color: #a98459}
body.rrreuring-landing-2022 #programma-list .programma-item.odd span.sold-out, body.rrreuring-landing-2022 #programma-list.odd .programma-item strong {background: #a98459; color: ##fef1bc}


#reservation-vertical {display: none;}
@media (max-width: 1280px) {
	#reservation-horizontal {display: none;}
	#reservation-vertical {display: block;}
}


#alt-reservation-holder {display: none; margin-bottom: 24px;}

@media (max-width: 770px) {
	#reservation-holder {display: none;}
	#alt-reservation-holder {display: block;}
}

.reservation-button {background: #FFA63E; color: #FFF !important; font-family: 'MeranProNormal';  font-weight: 700;  font-size: 2.5vw; line-height: 1.25em;  text-transform: uppercase; padding: 2vw ; margin-top: 0; text-decoration: none; display: block; position: relative; padding: 2vw;}

.reservation-button a {color: #FFF !important; text-decoration: none; }
.reservation-button a:hover {text-decoration: none;}

.reservation-button a::after {content: ''; position: absolute;  right: 20px; top: 1.5vw; border-top: 2vw solid transparent;  border-bottom: 2vw solid transparent; border-left: 2vw solid #FFF;}

@media (max-width: 770px) {
	.reservation-button  {font-size: 32px; padding: 18px 14px;}
	.reservation-button a::after {top: 16px; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 22px solid #FFF;}
}


#waardebon-holder {margin-bottom: 2vw;}
#waardebon-holder button {width: 100%; text-align: center; color: #FFF; background: #FFA63E; padding: 2vw; font-size: 2.5vw; line-height: 1em; border:0; text-transform: uppercase; }
#gifty-embedded {width: 100% !important; display: none;}


.rm_row_title, rm_row_title {color: #FFF; font-weight: bold; float: left; width: 12vw;}
#srm_submit { margin-left: 12vw; margin-top: 2vw;  width: 20vw; }

.jcalendar table {background: #FFF; margin-left: 11vw; border: 10px solid #FFF;}
.jcalendar a {color: #FFA63E; font-weight: bold;}


/* Verhuur */
#page-container div.holder {padding-bottom: 2vw;}
#page-container .topvisual-holder { margin: 0;}
#mogelijkheden h2.block-header {margin-top: 0;}
#page-container div.intro-text {margin-top: -2vw;}
#ruimtes img {width: 100%;}
#meer-info {background: #FFF; color: #000; padding: 2vw; margin-top: 2vw;}
#meer-info h2 {color: #3975fb; text-transform: uppercase; font-family: 'MeranProNormal';  font-size: 2.5vw; font-weight: 700; margin-top: 0;}


/* Over ons */
#page-container #tour {background: #ff4062; color: #FFF; font-family: 'MeranProNormal';  font-weight: 700; font-size: 3.5vw; line-height: 1.25em; padding: 2vw;}
#page-container #tour a, #page-container #tour a:hover {color: #FFF; text-decoration: none; display: block; position: relative}
#page-container #huisgezelschappen {background: #FFF; color: #000; margin-top: 2vw; padding: 2vw; font-size: 1.25vw; }
#page-container #huisgezelschappen h2 {margin: -2vw -2vw 2vw -2vw ;  text-transform: uppercase; font-weight: 700; font-size: 3.5vw; }


/* Google Maps */
#map_canvas {height: 60vh}
#virtuele-tour-frame {width: 100% !important; height: 60vh !important;}
#page-container .tourlink-holder {margin: 2vw -2vw -2vw -2vw;}
#page-container .tourlink img {width: 100%;}
#page-container .tour-holder {padding: 0 !important; display: none;}
#page-container .tour-holder p {margin: 0 0 -10px 0;}
#page-container #tour-iframe {width:100%; height: 40vw; border: 0;}

/* faq */
.q { font-weight: bold; cursor: pointer;}
.a { display: none; margin-bottom: 1em;}
.faqbox .q-set { display: none;}
.faqbox-active .q-set { display: block; padding: 20px 0;}
.active .a { display: block; }

.faqbox  h3 {position: relative; cursor: pointer; }
.faqbox  h3 span {float: right; font-size: .5em; margin-right: 6vw; line-height: 2.5vw;}
.faqbox  h3 span.sluit {display: none;}
.faqbox-active h3 span.sluit {display: inline;}
.faqbox-active h3 span.toon {display: none;}

.faqbox h3:after {content: ''; position: absolute; right: 15px; top: -5px; width: 0; height: 0; z-index: 2;
border-top: 1.75vw solid transparent;  border-bottom: 1.75vw solid transparent; border-left: 2.25vw solid transparent; } 
.faqbox-active h3:after {content: ''; position: absolute; right: 15px; top: 0; width: 0; height: 0; z-index: 2;
border-left: 1.75vw solid transparent;  border-right: 1.75vw solid transparent; border-top: 2.25vw solid transparent; } 

#faq_theater  h3:after { border-left: 2.5vw solid #4D9EA0;}
#faq_restaurant  h3:after { border-left: 2.5vw solid #f68437;}
#faq_verhuur  h3:after { border-left: 2.5vw solid #3975fb;}

#faq_restaurant .faqbox-active h3:after { border-color: transparent; border-top: 2.5vw solid #f68437; border-left: 1.75vw solid transparent; }
#faq_theater .faqbox-active h3:after { border-color: transparent; border-top: 2.5vw solid #4D9EA0;border-left: 1.75vw solid transparent; }
#faq_verhuur .faqbox-active h3:after { border-color: transparent; border-top: 2.5vw solid #3975fb;border-left: 1.75vw solid transparent; }

#faq_theater h2.bold {background: #4D9EA0;}	
#faq_theater .active .q, #faq_theater a , #faq_theater h3 {color: #4D9EA0 !important;}	
#faq_restaurant h2.bold {background: #f68437;}	
#faq_restaurant .active .q, #faq_restaurant a, #faq_restaurant h3 {color: #f68437 !important;}	
#faq_verhuur h2.bold {background: #3975fb;}	
#faq_verhuur .active .q, #faq_verhuur a, #faq_verhuur h3 {color: #3975fb !important;}	


/* footer */
#footer {background: #000; color: #FFF;  border-top: 2px solid #FFF; margin-top: 50px; padding-top: 20px; line-height: 2.5em; clear: both; text-align: center;}
.inner-footer {text-align: left; margin: 0 auto;}
#footer:after {content: ""; display: table; clear: both;}

#footer address {line-height: 2.5em; margin-bottom: 0;}
#footer a {color: #FFF;}

#footer .dropdown-menu {background: transparent;}

#footer #newsletter-handler {margin-bottom: 2em; min-height: 140px;}
#footer #emailholder {border-bottom: 2px solid #FFF; padding-bottom: 4px; width: 80%;  position: relative;}
#footer #newsletter_error_form {font-size: 80%; font-weight: bold; margin-left: 2.5em; display: none;}
#footer #emailholder i {float: left; line-height: 2.5em}
#footer #newsletterform input[type=email] {color: #FFF; background-color: #000; border: 0; border-bottom: 0;  padding: 0px; outline: none; width: 80%; margin-left: 1em; cursor: pointer}
#footer #newsletterform label {opacity: .6; cursor: pointer}
#footer #newsletterform input[type=submit]:hover, #footer #newsletterform label:hover {opacity: 1}

#footer-email-submit {color: #000; background-color: transparent; border: 0; border-bottom: 0;  padding: 0; outline: none; width: 1px; overflow: hidden; height: 14px; margin-top: 1em; float: right; position: relative;}
#footer #emailholder #footer-email-submit-icon {float: right; cursor: pointer;}

#footer #contact-details {list-style: none; margin: 0; padding: 0;}
#footer #contact-details ul {margin: 10px 30px 0 0; padding: 10px; opacity: .6; }
#footer #contact-details ul.dropdown-menu a {margin-left: 5px; line-height: 1.2em}
#footer #contact-details a {padding: 5px 0;}
#footer #contact-details a i {margin-right: 5px;}
#footer #contact-details a:hover {background: transparent}
#footer .divider {border-top: 2px solid #FFF; height: 2px; margin: 20px 0; width: 60%;}

#footer .over-footer .dropdown {margin-top: 0.4em;  }
#footer .over-footer .dropdown .dropdown-menu  {margin-left: 5px; opacity: .6;}

#footerstrip {text-align: center; border-top: 2px solid #FFF; margin-top: 10px; padding-top: 10px; line-height: 2em; clear: both;}
#footerstrip .col-md-12 {text-align: left; margin: 0 auto;}
#footerstrip a { margin-right: 20px; color: #FFF; opacity: .6; font-size: 80%;}

#footer h4 {font-size: 1.2em; font-weight: normal; font-style: normal; line-height:normal; font-family: 'MeranProBold', sans-serif;}

#footer .icon-set {font-size:3em; line-height: 1em;}
#footer .icon-set .fa {margin-top: 0.5em;}
#footer .icon-set .fa-youtube {font-size:0.9em; margin-top: 0;}

#footer .col-md-4 {padding-top: 20px;  padding-bottom: 20px;}
#footer #footerstrip .col-md-4 {padding-top: 10px;  padding-bottom: 10px;}

#bottomfooter {background: #000; color: #FFF; line-height: 3em; text-align: center; clear: both}
#bottomfooter a {margin:  0 30px;}
	
#alert-expand, #alert-tab {display: none;}


img.desktop {display: block;}
img.mobile {display: none;}
@media (max-width: 770px) {
	img.desktop {display: none;}
	img.mobile {display: block;}
}

@media (max-width: 860px) {
	#bottomfooter {line-height: 1.8em; text-align: center; padding: 10px;}
	#bottomfooter a  {display: block; margin:  0 0;}
}


/* filter */
#filter {color: #4D9EA0; padding: 0.5vw 0 ; margin-bottom: 2vw;  width: 8vw; float: right;  position: relative; font-size: 1.6vw; text-align: right; margin-top: 0; margin-right: 1vw;  text-transform: uppercase; font-style: normal; line-height:normal; font-family: 'MeranProNormal', sans-serif; font-weight: 700;}

#filter .filter-toggle  {float: right; cursor: pointer;}
#filter span {margin-right: 2vw; cursor: pointer; opacity: .7}
#filter span:hover {border-bottom: 2px solid #FFF;}
#filter span.active {opacity: 1;}
#filter .filter-toggle img {height: 3vw;}


#producties #filter, #coproducties #filter {margin-right: 0; margin-top: -5.2vw; }

#filter .filter-settings {width: 51vw; top: 4vw; right: -1vw; background: #FFF; color: #000; position: absolute; font-size: 1.5vw; padding: 3vw 2vw; z-index: 3; border-bottom: 3px solid #000; border-left: 3px solid #000; text-transform: none; display: none; text-align: left;}

#filter .filter-settings h3 {margin-top: -0; margin-bottom: 0.5em; text-transform: uppercase}
#filter .filter-settings::before{ content: ''; position: absolute; right: 3.3vw; top: -1.4vw; width: 0; height: 0;
	  border-left: 1.5vw solid transparent; border-right: 1.5vw solid transparent;
	  z-index: 5;  border-bottom: 1.5vw solid #FFF; clear: both;
	}
	
#filter .filter-settings .col {width: 22vw; float: left;}
#filter .filter-settings a {color: #000; text-decoration: none; text-transform: capitalize;}
.datepicker {font-family: 'MeranProNormal', sans-serif; font-weight: 700;}
#filter .filter-settings span, #filter .filter-settings a {border: 1px solid #000; padding: 0 4px; margin: 0.5em 1em 0.5em 0; font-size: 1vw; display: inline-block; cursor: pointer}

#filter .filter-settings span.show-all {border: 1px solid #000; background: #000; color: #FFF;}

#filter .filter-settings span.inactive, #filter .filter-settings a.inactive {opacity: .3}
#filter .filter-settings span.inactive:hover, #filter .filter-settings a.inactive:hover {opacity: .6}
#filter .filter-settings span.active:hover, #filter .filter-settings a.active:hover {opacity: .6}
#filter #close-filter {float: right; font-size: 1em; margin: 0 0 0.2em 0; cursor: pointer;}
	
#filter-bar {padding: 20px 20px 0 0; display: none; margin-left: 1vw; color: #FFF; font-family: 'MeranProNormal', sans-serif; font-weight: 700;}
#filter-bar strong {color: #4D9EA0; }
#filter-bar span strong {color: #FFF; font-weight: normal; }
#filter-bar .holder {display: inline-block}
#filter-bar span {border: 1px solid #FFF; padding: 2px 4px; margin-right: 1em }
#filter-bar span.month {text-transform: uppercase}
#filter-bar span i {margin-left: 0.5em; cursor: pointer}


.r-col .programma-intro {display: none;}
		    
@media (max-width: 770px) {
.l-col .programma-intro {display: none;}
.r-col .programma-intro {display: block;}
#filter .filter-settings {width: 98vw; font-size: 2vw; padding: 4vw}
#filter .filter-settings .col {width: 80vw}
#filter #close-filter {font-size: 2.2em;}
#filter .filter-settings span {font-size: 2vw;}

}



/* 'back to top' element */
#top-link-block a {color: #000;}
#top-link-block.affix-top { position: absolute; bottom: -82px; left: 10px;}
#top-link-block.affix { position: fixed; bottom: 12px; right: 15px;}


/* english */
body.english #contact-div {margin-bottom: 0;}
.english-home .flex-row {padding-top: 2vw;}	
.english-home .flex-row  .swiper-container {margin-top: -2vw; margin-bottom: 2vw;}
.english-home .lcol-holder {background: transparent;  width: 49%; margin-right: 1vw; display: flex; flex-direction: column;}
.english-home .rcol-holder {background: transparent;  width: 49%; margin-left: 1vw; display: flex; flex-direction: column;}
.english-home  #agenda-list {width: 100%; margin-top: 2vw;}	
#page-container.english-home  div.intro-text  {margin: 0;}
#page-container.english-home  div.intro-text.restaurant  {margin-bottom: 2vw;}
.english-home .intro-text h2.bold {background: #ff4062;}
.english-home #events-div h3.bold {background: #3975fb;}
.english-home .lcol-holder .intro-text h3.intro {color: #ff4062; margin-top: 0; padding: 0;}
.english-home .intro-text h2,.english-home .intro-text h3, .english-home .intro-text a {color: #ff4062;}

.english-home .menus-div {margin-top: 2vw;}
.english-home #takeaway-div {margin-top: 0;}

body.english #page-container #takeaway-div h3.bold {background-color: #FFA63E;}


.english-home .intro-text.cafe-info h2, .english-home .intro-text.cafe-info a {color: #FFA63E;}

.english-home .restaurant {padding-top: 0}
.english-home ul.restaurant li  a {color: #FFA63E; }
.english-home #menu-div {margin: 0;}
.english-home #menu-div h2 {background: #FFA63E;}
.english-home .rcol-holder div.intro-text h3.intro {padding-top: 0; color: #ff4062; margin-top: 0;}
.english-home #contact-div {margin-top: 0;}
.english-home #contact-div h2, .english-home #contact-div a {color: #FFA63E;}
.english-home ul.arrowmenu li a::after { border-left: 2.5vw solid #FFA63E;}
.english-home  #contact-div h2.bold{background: #FFA63E;}

body.english #agenda-list span.sold-out {float: right; font-weight: bold; text-transform: uppercase; background: #FFF; color: #4D9EA0; margin-right: 0; padding: 3px 5px; margin-top: -2em;}

body.english #agenda-list .odd span.sold-out {color: #FFF; background: #4D9EA0; }

/* hacks */
#page-container .anchor {display: none;}
.clear {clear: both;}
.dropdown-menu {z-index: 25000 !important;}
.no-topm {margin-top: -2.1vw !important}
.fancybox-slide--iframe .fancybox-content { max-width  : 1300px; height: auto; margin: 0 0 40px 0;}

#home-container  #video-container {padding: 10px 10px 0 10px;}
.video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video-js {background: transparent !important;}
.video-container {position: relative}
.video-container video {width: 100%; height: 100%;}
.video-container iframe {width: 100%; height: 100%; border: 0; position: absolute}
.video-container img {width: 100%;}
.video-container #audiotoggle {position: absolute; top: 15px; right: 10px; background: transparent; border: 0; color: #FFF; z-index: 2; font-size: 18px; display: inline-block; width: 24px; text-align: left;}

.visual-container {padding: 0 !important}
.visual-container img {width: 100%;}

.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.weesonzichtbaar-video {margin: 2vw 0;}


#over-ons-video  {margin-bottom: 2vw}

#kaart-slider {width: 100%; max-width: 1440px;}
#kaart-slider div {width: 100%; max-width: 1440px;}


.cultuureducatie-visual-filler {margin:  2vw -2vw -2vw -2vw ; width: calc(100% + 4vw)}	
.full-video-stillX {margin:  -2vw ; width: calc(100% + 4vw)}	

.full-video-stillX {width: calc(100% - 8vw) margin: 20px 4vw;}
.full-video-still img {width: 100%;}


.flex-holder {display: flex;}
.flex-container {display: flex; flex-direction: column; justify-content: space-between; }
.flex-container.half-col-r {margin-left: 2%}



@media (max-width: 990px) {
	body {font-size: 14px;  }
	#submenu {height: auto; min-height: 3em; padding-bottom: 1em;}
	#submenu li a {font-size: 16px; margin-right:  10px; line-height: 1.5em;}
	#filter {margin-top: -3.4vw}
	#filter .filter-toggle img {height: 24px;}
	#filter .filter-settings span, #filter .filter-settings a {font-size: 14px;}
	#programma-list { padding-right: 0;}
	
	#footer, #mainmenu {font-size: 16px;  }
	#footer #emailholder  {width: 300px}

	#programma-list.eventselected {display: none;}
	#programma-details.eventselected {display: block;}
	.eventselected #programma-details {display: block; margin-top: 50px;}
	#programma-show-list {display: block;}
}

@media (max-width: 960px) {
	.cultuurkaart-div.box .text-link strong {font-size: 45px;}
}


@media (max-width: 770px) {
	body {font-size: 16px;  }
	#filter {margin-top: -28px;}
	#general-page h2, #page-container h2, ul.arrowmenu li, ul.arrowmenu-inverted li, .single-link a, #links a, #general-page .holder .bold, #page-container h3.bold, #page-container h1.rm_header {font-size: 28px; }
	#general-page h2, #page-container h2, #general-page .holder .bold, #page-container h3.bold, #general-page .holder .bold {padding: 14px;}
	ul.arrowmenu li, ul.arrowmenu-inverted li, .single-link a, #links a, a.single-link {padding: 7px 14px;}
	#virtuele-tour {padding: 14px 0;}
	

	#programma-list .programma-item strong, #agenda-list .programma-item strong {font-size: 24px; line-height:1.25em;}
	#relatedshows #agenda-list strong { font-size: 24px; }

	#programma-list .programma-item .date, #agenda-list .programma-item .date  {font-size: 16px; padding-top: 0.5em; padding-bottom: 1em;}
	#programma-list .programma-item span, #agenda-list .programma-item span {font-size: 18px; line-height: 1.2em;}
	#programma-list .programma-item strong span.subtitle, #agenda-list .programma-item strong span.subtitle {line-height: 0.8em; margin-top: 0;}

	#programma-list .programma-item span {margin: 0}
	#programma-list .programma-item div.date {margin-top: 0.5em}
	
	#programma-details h3 {font-size: 32px; }

	#waardebon-holder button {font-size: 28px; }
		
	#agenda-list .programma-item {border-left: 14px solid #FFF;}
	#agenda-list .odd  {border-left: 14px solid #4D9EA0;}
	
	p.nom {margin: -14px -4px;}
	p.nom #general-page .holder .bold {margin: 14px;}

	
	p.nom a.bold::after {right: 2px; top: 5px; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #FFF;}
	
	#meer-info h2, #page-container h2 {padding-left: 0;}
	#page-container  .project h2 {padding-left: 14px; padding-bottom: 0;}
	#page-container .project-odd h2, #page-container .project-odd a {padding-top: 28px;}
	#page-container  .project-even  {padding-bottom: 14px;}
	
	h3.intro {font-size: 18px; margin-top: 10px;}

	
	#general-page {clear: both; padding-top: 1em;}
	.col-md-6, .col-md-12 {padding-left: 0; padding-right: 0;}
	
	#page-container .holder, #general-page .holder {padding:  14px;}
	#page-container h2.bold, #page-container h3.bold {margin: -14px -14px 14px -14px;}
	#page-container #producties h2.bold, #page-container #coproducties h2.bold {margin: 0;}
	div.holder .visual-holder, #page-container .tourlink-holder  {margin: 14px -14px -14px -14px;}

	#page-container #reviews-div {padding: 28px 14px;}
	
	#programma-show-list { display: block;}
	#page-container .l-col { width: 100%; float: none; padding-left: 0;}
	#page-container .r-col { width: 100%; float: none; padding-right: 0;}
	
	#page-container .half-col-l, #page-container .half-col-r, .project, .project-odd, .project-even { width: 100%; float: none;}
	
	#page-container .visual { width: 100%; float: none; padding: 0 !important; margin-top: -2vw;}

	#page-container .half-visual-l { width: 100%; float: none; padding: 0 !important; margin-top: -2vw;}
	#page-container .half-visual-l-top { width: 100%; float: none; padding: 0 !important; margin-top: 2vw;}
	#page-container .half-visual-r { width: 100%; float: none; padding: 0 !important;  margin-top: -2vw;}
	#page-container .half-visual-l p, #page-container .half-visual-r p, #page-container .visual p { margin: 0;}
	
	#page-container .square-visual-l { width: 100%; float: none;}
	#page-container .square-visual-r { width: 100%; float: none; margin: -2vw -2vw 0 2vw}
	#page-container #swiper-holder  {margin-left: 0; margin-right: 0; }
	
	.single-link  a::after {right: -5px; top: 3px; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #FFF;}
	#virtuele-tour a::after {right: 5px; top: -5px; }
	#page-container #links a::after {right: 10px; top: 5px; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #FFF;}

	#page-container ul.arrowmenu-inverted li a::after {right: -5px; top: 0; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #FFF;}

	#page-container ul.arrowmenu li a:after {right: -5px; top: 0; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #3975fb;}
	
	blockquote::before {top: -5px;}
	blockquote {padding-left: 25px;}
	
	#page-container div.holder { margin-bottom: 14px;  padding-bottom: 14px; }
	#page-container h2.block-header { margin-top: 14px;  padding-left: 14px;}
	h2.split {border-top: 14px solid #000;}	
	.single-link, #links a, #menu-div, #contact-div, #activiteit-div, #page-container #turks-div, #meer-info, #festivals, #blog, #producties, #coproducties {margin: 14px 0;}
	#page-container #huisgezelschappen, ul.arrowmenu li, ul.arrowmenu-inverted li {margin-top: 14px; }
	

	#home-container .main-visual strong, .box .text-link strong {font-size: 40px;}
	.uitgelicht-divX .text-link strong {font-size: 80px ;}

	.box .text-link span {font-size: 24px;}
	
	/* home  */
	#home-container .flex-row {width: 100%; display: block;}
	#home-container .box, .lcol-holder, .rcol-holder {width: 100%; float: none; margin-left: 0; margin-right: 0; }
	#home-container .lcol-holder{ background: transparent;}
	#home-container .box {margin-top: 10px;}
	#home-container h2.bold {font-size: 40px}
	#home-container .single-link {margin: 0; padding: 20px 0;}
	#home-container .single-link a::after {top: -5px; right:5px;}
	#home-container  .main-visual,#home-container .mozaiekpas-div,#home-container .cultuurkaart-div {border-top: 0; margin-bottom: 10px;}
	 
	#home-container .main-visual {padding: 120px 20px;}
	#home-container .restaurant-div .visual-link {display: none;}
	#home-container .restaurant-div .visual-link-mobile {display: block;}
	#home-container .text-link {top: 40px; left:40px;}
	#home-container .zaalverhuur-div .text-link {bottom: 40px; top: auto;}

	#home-container .over-ons-div  .text-link strong {font-size: 60px;}
	#home-container .over-ons-div  .text-link {margin-right: 30px; margin-bottom: 35px; top: auto; bottom: 0;}


	.cultuureducatie-visual-filler {margin:  14px -14px -14px -14px ; width: calc(100% + 28px)}	
	.full-video-stillX {margin:  -14px -14px -14px -14px ; width: calc(100% + 28px)}	
	
	.flex-holder {display: block;}
	.flex-container.half-col-r {margin-left: 0}
	.full-video-stillXX {width: calc(100% - 28px) margin: 20px 14px;}

	/* english  */
	.english-home .flex-row {width: 100%; display: block;}
	.english-home .lcol-holder, .english-home .rcol-holder {width: 100%; float: none; margin-left: 0; margin-right: 0; }
	.english-home .rcol-holder, .english-home #agenda-list {margin-top: 14px;}
	.english-home #cafe-menu, .english-home .flex-row .swiper-container {margin-bottom: 14px;}
	#page-container.english-home ul.arrowmenu li a::after {right: -5px; top: 0; border-top: 22px solid transparent;  border-bottom: 22px solid transparent; border-left: 25px solid #FFA63E;}


	
}

@media (max-width: 768px) {
	.english-home .flex-row {display: flex; flex-wrap: wrap;}
	.english-home .flex-row .lcol-holder {order: 2; }
	.english-home .flex-row .rcol-holder {order: 1; }
}



@media (min-width: 771px) {
	body.programma .uitgelicht-div .text-link span {font-size: 28px;}
	body.programma .uitgelicht-div .text-link {margin-left: 20px}
}

@media (max-width: 505px) {
	#footer #emailholder  {width: 80%}
	#home-container h2.bold {font-size: 20px}
	#page-container {border-left: 10px solid #000;border-right: 10px solid #000;}
	.navbar #icon-logo  {margin-top: 10px;}
	#home-container .main-visual .link-holder {padding: 0 20px }
	
}	


@media (max-width: 560px) {
	#home-container .main-visual span, .box .text-link span {font-size: 18px;}
	#programma-details {padding: 20px 20px 20px 20px;}
	#programma-details #visual-holder #price-info .price-label {width: 16em;}
	#programma-details #visual-holder #price-info {font-size: 14px;}
	#stager-ticketshop-iframe {margin-left: -10px;}
	.nav-bar {min-height: 40px;}
	#home-container .text-link {left: 0;}
	#home-container .restaurant-div  .text-link {left: 20px;}
	#home-container .mozaiekpas-div  .text-link, #home-container .cultuurkaart-div  .text-link {left: 10px;}
	#home-container .zaalverhuur-div  .text-link {left: 10px;}
	#home-container .zaalverhuur-div  span {font-size: 18px;}
	#home-container .uitgelicht-div  .text-link  {margin-top: 20px;}
	#submenu {min-height: 1em;}
	body.programma #submenu, body.over-ons #submenu {min-height: 4em;}
}



@media (max-width: 320px) {
	#programma-details #visual-holder #price-info .price-label {width: 16em;}
	#programma-details #visual-holder #price-info {font-size: 14px;}
	#stager-ticketshop-iframe {margin-left: -10px;}
	.nav-bar {min-height: 40px;}
	#home-container .text-link {left: 0;}
	#home-container .restaurant-div  .text-link {left: 20px;}
	#home-container .mozaiekpas-div  .text-link, #home-container .cultuurkaart-div  .text-link {left: 10px;}
	#home-container .zaalverhuur-div  .text-link {left: 10px;}
	#home-container .zaalverhuur-div  span {font-size: 18px;}
	#home-container .uitgelicht-div  .text-link  {margin-top: 20px;}
	#submenu {min-height: 1em;}
	body.programma #submenu, body.over-ons #submenu {min-height: 4em;}
}




@media (min-width: 1180px) {
	body {font-size: 17px;}
	
	h3.intro {font-size: 22px;}
	#programma-container h1 {font-size: 100px;}
	#page-container h1 {font-size: 100px;}
	#page-container h2, a.bold, #page-container h3.bold, .single-link a, #links a, ul.arrowmenu li, ul.arrowmenu-inverted li, #page-container h1.rm_header, #page-container #tour, #page-container #huisgezelschappen h2   {font-size: 30px;}
	#submenu li a {font-size: 22px;}
	
	#page-container .holder, #general-page .holder {padding:  24px;}

	#searchresults {padding: 24px !important;}
	#page-container h2.bold, #page-container h3.bold {margin: -24px -24px 24px -24px;}
	#page-container #producties h2.bold, #page-container #coproducties h2.bold {margin: 0;}
	div.holder .visual-holder, #page-container .tourlink-holder  {margin: 24px -24px -36px -24px;}

	#gastprogramma a {font-size: 45px;}
	
	#general-page div.holder .bold, body.verhuur h2.bold, body.verhuur h3.bold, body.verhuur h2.block-header, body.verhuur .single-link, body.verhuur a.bold, body.verhuur #links a, #page-container #huisgezelschappen h2, #page-container #tour {padding: 24px;}
	#page-container #reviews-div h2 {margin-top: -12px;}
	
	p.nom {margin: -24px 0 -24px 0;}
	#page-container div.holder {padding-bottom: 24px;}
	
	h2.bold, h3.bold, a.bold {margin: -12px -24px 24px -24px;}
	a.bold {margin-bottom: -24px;}
	h2.split {border-top: 24px solid #000;}
	a.bold::after {top: 13px; border-top: 24px solid transparent;  border-bottom: 24px solid transparent; border-left:28px solid white; }
	#general-page div.holder {margin-bottom: 24px;}
	#producties #filter, #coproducties #filter {font-size: 24px; margin-bottom: 24px;}
	#programma-details .icon-set {font-size: 90%;}
	
	#filter .filter-toggle img {height: 32px;}

	#faq_theater  h3:after { border-left: 25px solid #4D9EA0;}
	#faq_restaurant  h3:after { border-left: 25px solid #f68437;}
	#faq_verhuur  h3:after { border-left: 25px solid #3975fb;}
	
	ul.arrowmenu li a::after, ul.arrowmenu-inverted li a::after, #page-container #links a::after {border-bottom-width: 26px; border-top-width: 26px; border-left-width: 29px;}
	body.verhuur ul.arrowmenu li a::after {border-left-width: 29px;}
	#page-container #links a::after {top: 10px; right: 10px;}

	blockquote:before {font-size: 78px}
	
	.faqbox h3:after {top: -5px;  border-top: 18px solid transparent;  border-bottom: 18px solid transparent; border-left: 25px solid transparent; } 
	.faqbox-active h3:after {top: 0; border-left: 18px solid transparent;  border-right: 18px solid transparent; border-top: 25px solid transparent; } 
	

	#faq_restaurant .faqbox-active h3:after {border-left: 18px solid transparent;  border-color: transparent; border-top: 25px solid #f68437; border-right: 18px solid transparent; }
	#faq_theater .faqbox-active h3:after { border-left: 18px solid transparent;  border-color: transparent; border-top: 25px solid #4D9EA0;border-right: 18px solid transparent; }
	#faq_verhuur .faqbox-active h3:after { border-left: 18px solid transparent;  border-color: transparent; border-top: 25px solid #3975fb;border-right: 18px solid transparent; }

	#home-container h2.bold {font-size: 36px; padding: 24px}
	
	#agenda-list .programma-item strong   {font-size: 30px;}
	 
	 /* miscell. text over image boxes */
	.box .text-link {position: absolute; top: 0; left: 0;  z-index: 2; margin-left: 4vw; margin-top: 20vw}
	.uitgelicht-div .text-link {margin-top: 260px;}
	
	.box .text-link strong, .uitgelicht-div .text-link strong  {font-size: 80px; }
	.box .text-link span {font-size: 24px; }
	.mozaiekpas-div .text-link, cultuurkaart-div .text-link {margin-top: 3vw}
	.zaalverhuur-div .text-link {margin-top: 20vw}
	.restaurant-div .text-link {margin-top: 3vw; margin-left: 2vw;}
	.restaurant-div .text-link strong {font-size: 48px; }
	
	#home-container .over-ons-div  .text-link strong {font-size: 60px;}
	#home-container .over-ons-div  .text-link {margin-right: 30px; margin-bottom: 35px; top: auto; bottom: 0;}

	#home-container .main-visual strong {font-size: 90px; }
	#home-container .main-visual span {font-size: 68px; }
	body.programma #agenda-list .programma-item .date {font-size: 18px; }
	body.programma .uitgelicht-div .text-link strong {font-size: 60px; }
	body.programma .uitgelicht-div .text-link span {font-size: 30px;}
	body.programma .uitgelicht-div .text-link {margin-top: 60px;}
	
	#programma-details h3 {font-size: 30px; }
	#programma-details .date {font-size: 18px; }
	
	.cultuureducatie-visual-filler, .full-video-stillX {margin:  24px -24px -24px -24px ; width: calc(100% + 48px)}	
	
	
}

#page-container div.wees-onzichtbaar-blog {padding: 0 !important; background: transparent}
#page-container div.wees-onzichtbaar-blog:after {
  content: "";
  display: table;
  clear: both;
}


/* Slick slider mobile tweak */
.slick-slide img {width: 100%}

