/*
Theme Name: Motel Mozaique 2022
Theme URI: http://www.motelmozaique.nl
Description: Motel Mozaique Theme, menu/navigation edit
Version: 2022
Author: In de Walvis
Author URI: http://indewalvis.nl
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:
*/		

:root {
	--first-color: #84bea6;
	--second-color: #e6ccc9;
	--third-color: #88c5d7;
}



.single-festival .menu-festival-container {
	display: block;
}

.single-about .menu-about-container {
	display: block;
}


@media all and (max-width: 768px){
	.sub-header{
		display: none;
	}
}

.inner-small {
	width: 100%;
	max-width: 940px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

.inner-large {
	width: 100%;
	max-width: 1535px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

/* .inner-small h1 {
	font-family: 'apercu-bold', sans-serif;
	font-size: 62px;
	color: black;
	letter-spacing: 0.34px;
	line-height: 72px;
} */

/* .inner-small h2,
.inner-small h3 {
	font-family: 'apercu-bold', sans-serif;
	font-size: 28px;
	color: black;
	letter-spacing: 0.16px;
	line-height: 36px;
	margin: 0 auto;
	text-transform: none;
} */

article {
	width: 100%;
}

article h2.subtitle {
	font-style:normal;
	font-family: 'apercu-regular', sans-serif;
	margin-bottom:10px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 auto 20px auto;
	padding: 0;
}

.post-type-archive-concerten h2.subtitle {
	margin:10px 0;
}

article p {
	max-width: 840px;
	text-align: left;
	margin: 0 auto;
}

article blockquote {
	margin: 0 auto;
}

article img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 840px;
	margin: 0 auto;
	padding: 0;
}

article blockquote p{
	margin: 0px auto;
	text-align: center;
	max-width: 800px;
}

article h1{
	font-family: 'apercu-black', sans-serif;
/* 	font-size: 48px;
	line-height: 58px; */
	letter-spacing: 4px;
	color: black;
	max-width: 840px;
	text-align: left;
	margin: 0 auto;
/* 	padding: 30px 30px; */
			 -ms-word-break: break-all;
		     word-break: break-all;
		     word-break: break-word;
		
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto; 
}

article h2{
	max-width: 840px;
	text-align: left;
	margin: 0 auto;
/* 	font-family: 'apercu-bold', sans-serif; */
/* 	font-size: 62px; */
	color: black;
	letter-spacing: 0.34px;
/* 	line-height: 72px; */
	text-transform: none;
/* 	padding: 20px; */
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; 
}

article h3{
	max-width: 840px;
	text-align: left;
/* 	font-family: 'apercu-bold', sans-serif; */
/* 	font-size: 28px; */
	color: black;
	letter-spacing: 0.16px;
/* 	line-height: 36px; */
	margin: 0 auto;
	text-transform: none;
/* 	padding: 20px 20px 0px 20px; */
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; 
}

@media all and (max-width: 768px){
	article h1{
		font-size: 42px;
		line-height: 52px;
	}
	
	article h2{
		font-size: 42px;
		line-height: 52px;
	}
	
	
}

article UL, OL { 
/*   margin: 10px auto 20px auto;  */
  	padding: 20px 30px;
  	max-width: 840px;
  	margin: 0 auto;
  	text-align: left;
}

article .background-grey {
	background-color: #F5F5F5;
	padding: 20px 0;
}

article hr{
	border: 0;
    height: 2px;
    background: black;
    margin: 0px 0 20px 0;
}

article .columns {
	max-width: 840px;
	margin: 0 auto;
	text-align: left; 
	
	 
    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
    
    padding: 20px;

}

article .columns p {
/* 	display: inline-block; */
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}


@media all and (max-width: 768px){
	article .columns {
	    -webkit-columns: 1; /* Chrome, Safari, Opera */
	    -moz-columns: 1; /* Firefox */
	    columns: 1;
    }
}

article .columns p {
	padding: 0 20px 20px 0px;
}

article .columns .col-50 {
	width: 50%;	
}


html, body {margin:0;padding:0;height:100%;}

html {
  height: 100%;
}

body {
	position: relative;
	min-height: 100%;
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;
	color:#000;
	text-align:center;
	font-weight:400;
	font-style:normal;
	font-size:22px;
	line-height:28px;
	font-family: 'apercu-regular', sans-serif;
}

@media all and (max-width: 799 px){  
  body{
    font-size:14px;
    line-height:18px;
  }
}

strong,b {
	font-style:normal;
	font-family: 'apercu-bold', sans-serif;
	line-height:18px;
	font-weight: normal;
}

em {
	font-style: italic;
}

blockquote {
	margin: 20px 80px;
	text-align: center;
	color: black;
	text-transform: uppercase;
	font-family: 'apercu-black', sans-serif;
	letter-spacing: 4px;
	font-size:30px;
	line-height:34px;
}

a {
	color:#000;
}

a img {
	border:0;
}

/* p {
	margin:0;
	padding:0 0 15px;
} */

UL, OL { 
  margin: 10px auto 20px auto; 
  padding: 0;
}

UL LI{ 
  margin:0px 0px 0px 20px; 
  padding: 0;
  list-style: disc; 
}

OL LI { 
  margin: 0px 0px 0px 25px; 
  padding: 0;
}

TR, TR {
	text-align: left;
}

h1 {
	margin:0;
	padding:0;
	padding-bottom:15px;
	font-style:normal;
	font-size:30px;
	line-height:34px;
/* 	font-family: 'apercu-bold', sans-serif; */
}

h2 {
	margin:0;
	padding:0;
	padding-bottom:5px;
	font-style:normal;
	font-size:30px;
	line-height:34px;
/* 	font-family: 'apercu-bold', sans-serif; */
	text-transform: uppercase;
}

h3 {
	margin:0;
	padding:0;
	margin-bottom: 10px;
	font-style:normal;
/* 	font-size:17px;
	line-height:32px;
	font-family: 'apercu-bold', sans-serif; */
	text-transform: uppercase;
}

h4 {
	margin:0;
	padding:0;
	font-style:normal;
	font-size:17px;
	font-family: 'apercu-bold', sans-serif;
	line-height:24px;
}

    @media all and (max-width: 1535px){
      h1 {
      	font-size:30px;
      	line-height:34px;
      }
    
      h2 {
      	font-size:24px;
      	line-height:24px;
      }
    }
	
	@media all and (max-width: 768px){		
  		h3 {
	  		font-size:20px !important;
	  		line-height:20px !important;
  		}
	}

   
	@media all and (max-width: 480px){
      h1 {
      	font-size:24px;
      	line-height:24px;
      }
    
      h2 {
      	font-size:20px;
      	line-height:20px;
      }
	}
	    
.content {
  padding: 20px;
}

.content img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 840px;
	margin-bottom: 20px;
}


.single-program ul.giglist {
	margin: 0;
	padding: 0px 0;
} 

.single-program ul.giglist li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-program ul.giglist li a {
	color: #fff;
}

.header-subtitle {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-family: 'apercu-black', sans-serif;
	font-size: 122px;
	color: #FFFFFF;
	letter-spacing: 4px;
	line-height: 132px;
	text-transform: uppercase;
	text-align: left;
	width: 60%;
}

@media all and (max-width: 768px){
	.header-subtitle {
		bottom: 30px;
		left: 30px;
		font-size: 80px;
		line-height: 90px;
		width: 60%;
	}
}

@media all and (max-width: 480px){
	.header-subtitle {
		bottom: 30px;
		left: 30px;
		font-size: 40px;
		line-height: 50px;
		width: 60%;
	}
}

/* ABOUT */
.single-about h1,
.single-about h2,
.single-archief h1,
.single-archief h2  { 
  color: #f00;
}
.single-about .subtitle {
	display: none;
}







/* TALEN MENU */
#talen { 
	position:absolute;
	top: 0; 
	right: 60px;
	margin: 10px auto;
	padding:20px;
	display: block;
	z-index: 999;
	text-align: center;
	color: white;
}

@media all and (max-width: 768px){
	#talen { 
		right: 50px;
		margin: 0 auto;
		padding:15px 20px;
	}
}

#talen ul { 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-image:none; 
}

#talen ul li { 
	display:inline-block; 
	margin: 0 10px 0 0;
}

#talen ul li a { 
	text-transform:lowercase; 
	padding:0; 
	color:#fff; 
	text-decoration:none;
	color: grey
}

#talen .wpml-ls-current-language a{ 
	color: white;
}

#talen ul li + li:before {
    content: "/ ";
}


.icl_lang_sel_translated {
	display: none;
}








/* VIDEO'S */
.video-container-wrap { 
  max-width: 840px; 
  margin: 0 auto; 
  margin: 20px auto; 
}

.videoheader .video-container-wrap {
	margin: 0 auto; 
	max-width: 1535px; 
}

.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed, 
.video-container video { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}







/* TEXTBLOCK */
.textblock {
	width: 100%;
	max-width: 1535px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

.uitklap {
	display: none;
}

.uitklap.active {
	display: block;
}

.textblock .onethird { width: 33%; 	padding: 0 0 0 140px; }
.textblock .twothird { width: 66%; 	padding: 0 140px 0 0;}
/* .textblock p { font-family: 'apercu-bold', sans-serif;}  */
.textblock .uitklap p { font-family: 'apercu-regular', sans-serif; } 
.textblock a.uitklapbtn { color: #fc271e; float: right; margin-top: 0px; font-size: 16px; }
.textblock.festival h1 { color: #fc271e; }
.textblock.festival h3 { color: #000; }
      
      @media all and (max-width: 960px){  
        .textblock .onethird { width: 33%; padding: 0; }
        .textblock .twothird { width: 66%; padding: 0; }

      }
      
      @media all and (max-width: 799px){
        .textblock {
        	display: block;
        }
        .textblock .onethird { width: 100%; }
        .textblock .twothird { width: 100%; }
      }


/* INSTAGRAM */
/* #instagram {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#instagram a {
	width: 10%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

#instagram a img {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

      @media all and (max-width: 799px){
				#instagram a {
					width: 20%;
				}
      } */


/* !SCROLLER */
.content-scroller { 
  height: auto; 
  padding: 30px 0px;
  height: 670px; 
  width: 100%; 
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}

.content-scroller h2 {
	font-size: 30px;
	line-height: 34px;
}

.content-scroller h3 {
  max-width: 1510px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 30px;
}

.content-scroller .scroller { 
  position: relative; 
  overflow-x: scroll; 
  overflow-y: hidden; 
  -webkit-overflow-scrolling: touch; 
  max-width: 1505px; 
  margin: 0 auto; 
  padding: 30px 0 20px 0; 
}

.content-scroller .container { 
  width: 9000px; 
  margin: 0 auto; 
  padding: 0; 
  max-width: none; 
}
      
	@media all and (max-width: 960px){  
		.content-scroller { 
		  height: 510px; 
		}
	}

#concert-agenda.content-scroller { 
  background-color: #fff; 
  height: 700px;
}

      @media all and (max-width: 1535px){
        #concert-agenda.content-scroller { 
          height: 640px;
        }
      }
      
      @media all and (max-width: 960px){  
        #concert-agenda.content-scroller { 
          height: 560px;
        }
      }

/*
      @media all and (max-width: 799px){  
        #concert-agenda.content-scroller { 
          height: 430px;
        }
      }
*/



/* SCROLL BLOCK */
.block { 
	height: auto; 
	float: left; 
	text-align: left; 
	background-color: #fff;
	color: #000;
	display: block;
	position: relative;
	width: 310px; 
	margin-right: 20px;
	margin-bottom: 20px;
}

.block:hover .programma-inner{
	background-color: black;
	color: white;
}

.archief.block:hover {
	background-color: white !important;
}

.block .thumb {
	width: 100%; 
	height: 100%; 
	background-size: cover;
	background-position: center center;
	display: block;
}

.block .thumb:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.block .date {
	font-size: 17px;
	margin: 10px 20px 0 20px;
}

.block h2{
	margin: 10px 20px 20px 20px;
	padding: 0;
	height: 70px;
	overflow: hidden;
}

	@media all and (max-width: 480px){  
		.block h2{
		  height: 60px; 
		}
	}


.block h2 .nationaliteit {
	font-family: 'apercu-regular', sans-serif;
/* 	font-style: italic; */
	font-weight: normal;
	text-transform: uppercase;
	vertical-align: bottom;
	font-size: 18px;
	line-height: 22px;
	padding: 0; 
	margin-left: 2px;
}

      @media all and (max-width: 1535px){
        .block h2 .nationaliteit {
          font-size: 16px;
          line-height: 20px;
        }
      }


.block .mouseover{
	display: none;
/* 	width: 100%;
	height: 100%;
	z-index: 23;
	position: absolute;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;	
	-webkit-transition: background-color 300ms ease-in 0s;
	-moz-transition: background-color 300ms ease-in 0s;
	-o-transition: background-color 300ms ease-in 0s;
	transition: background-color 300ms ease-in 0s; */
}
 
.block.concert-agenda h2{
	margin: 0 20px 0 20px;
	padding: 0;
}
      
@media all and (max-width: 960px){  
	.block { 
	  width: 220px; 
	}
}

.block.festival-home .mouseover{
  background-color: var(--third-color); 
  opacity: 0;
}

.block.festival-home .mouseover:hover{
	opacity: 0.4;
}

.block.concert-home .mouseover{
  background-color: rgba(0,211,215,0); 
}

.block.concert-home .mouseover:hover{
	background-color: rgba(0,211,215,0.8);
}

.block.concert-agenda .mouseover{
	background-color: rgba(0,211,215,0); 
}

.block.concert-agenda .mouseover:hover{
	background-color: rgba(0,211,215,0.8);
}



#programma .block h2 {
  min-height: 70px;
}

#programma .block:hover .programma-inner {
  background-color: black;
}

#archief .block:hover .programma-inner {
  background-color: #f00;
}

#locaties .block:hover .programma-inner {
  background-color: black;
}

#locaties .block:hover a {
  color: white;
}

#locaties .meta-category {
	display: none;
}

#locaties .block  {
  min-height: 500px;
}

#locaties .block h2 {
  margin-bottom: 5px;
  min-height: 50px;
  text-transform: none;
}

#archief .meta-category {
	display: none;
}

#gidsen .block:hover .programma-inner {
  background-color: #FB0961;
}

.block.concert-agenda{
  background-color: #000;
}

.block.concert-agenda h2 {
  color: #00D3D7;
}

.block.concert-agenda .date {
  color: #fff;
}

.block .mouseover h2{
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  opacity: 0; 
  -webkit-transition: opacity 300ms ease-in 0.2s;
  -moz-transition: opacity 300ms ease-in 0.2s;
  -o-transition: opacity 300ms ease-in 0.2s;
  transition: opacity 300ms ease-in 0.2s;
}

.block .mouseover h2{
  opacity: 0;
}

.block .mouseover:hover h2{
  opacity: 0;
}

/* BUTTON */
.button { 
	position:relative; 
	display:block; 
	padding:15px 0px; 
	width:100%; 
	background-color:#000; 
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase; 
	text-align: center; 
	font-size: 30px;
	font-weight:700;
	font-style:normal;
	font-family: 'apercu-bold', sans-serif;
}

.button.ticketbtn { 
	background-color: #00D3D7;
}

.button.ticketbtn:hover { 
	background-color: white;
	color: #00D3D7;
}
  
    @media all and (max-width: 1535px){
      .button { 
        font-size: 24px;
      } 
    }


    @media all and (max-width: 799px){
      .button { 
        padding: 10px 0px; 
        font-size: 16px;
      }
    }

.soldoutBtn {
	background-color: #fff;
	color: black;
}





/* LOADING */
#loading-wrap { position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0; color: #000; text-align: center; display: none; z-index: 998; }
.loading { width: 100px; height: 100px;  margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* HEADER IMAGE FOR PAGES */
.header-image { 
	position: relative;
	display: block;
	width: 100%; 
	max-width: 1535px; 
	min-height: 600px;
	margin: 0 auto; 
	background-size: cover;
	background-position: center center;
}

.header-image img { width: 100%; height: auto; 	display: block;}
        
	@media all and (max-width: 960px){  
	  .header-image {  
	    min-height: 500px;
	  }   
	}
	
	@media all and (max-width: 768px){
	  .header-image {  
	    min-height: 400px;
	  }
	}
	
	@media all and (max-width: 480px){
	  .header-image {  
	    min-height: 200px;
	  }
	
	}


/* TEAM */
.type-team .programma-inner .thumb {
	background-position: left center;	
}

.type-team .programma-inner .thumb:hover {
	background-position: right center;	
}

.single-team .halfhalf {
  max-width: 1520px;
}

.single-team .halfhalf .content {
	max-width: none; 
	display: block;
}

.single-team .halfhalf .content h1{
	padding-bottom: 0;
}

.single-team .halfhalf .flex-split-left .content{
	float: left;
}



/* CONTENT-ITEM */
.content-item {
  width: 100%;
  max-width: 940px;
  text-align: left;
  margin: 0 auto;
  
  display: -webkit-flex;
  display: flex;
  padding-top: 35px;
}

.content-item img {
  width: 100%;
  height: auto;
  display: block;
}

.content-item h1 {
  font-size: 45px;
  line-height: 46px;
}

	@media all and (max-width: 799px){
		.content-item h1 {
		  font-size: 30px;
		  line-height: 34px;
		}
	}

.content-item .left {
	margin:0;
	padding: 0;
	width:33%;
	padding-left: 140px;
	padding-right: 35px;
}

.content-item .right {
	margin:0;
	padding: 0;
	width:66%;
	padding-right: 140px;
	padding-bottom: 20px;
}

	@media all and (max-width: 1535px){
		.content-item .left {
			padding-left: 35px;
		}
		
		.content-item .right {
			padding-right: 35px;
		}
	}
	
	@media all and (max-width: 799px){
	
		.content-item {
		  width: 100%;
		  display: block;
		  padding: 0px;
		  margin: 0;
		}
		
		.content-item .left {
		  width: 100%;
			padding: 35px 0 0 0;
			margin: 0px;
		}
		
		.content-item .content{
		  padding: 0 20px;
		}
		
		.content-item .right {
		  width: 100%;
			padding: 20px 0 20px 0;
			margin: 0;
		}
	
	}


/* HALF HALF */
.halfhalf {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
}

.halfhalf h2 {
	padding: 0;
}

.halfhalf h3{
	margin: 0;
	padding: 0;	
}

.halfhalf.reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.halfhalf img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
}

.halfhalf > div {
  width: 50%;
	box-sizing: border-box;
	text-align: left;
}

.halfhalf .content {
  max-width: 600px;
}

.halfhalf .flex-split-left {
	background-color: var(--second-color);
	color: #fff;
	position: relative;
}

.post-type-archive-festival .halfhalf .flex-split-left {
	background-color: var(--halfhalf-color);
}

.halfhalf .flex-split-left .content{
  float: right;
}

.halfhalf .flex-split-right .content{
  float: left;
}

.halfhalf.reverse .flex-split-left .content{
  float: left;
}

.halfhalf.reverse .flex-split-right .content{
  float: right;
}

.halfhalf.black .flex-split-left {
  background-color: #000;
}

.halfhalf.white .flex-split-left {
  background-color: #fff;
  color: #000;
}

.halfhalf.whitebg .flex-split-left {
  background-color: #fff;
  color: #000;
}

.halfhalf .flex-split-right {
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

    @media all and (max-width: 799px){
      
      .halfhalf {
        -webkit-flex-direction: column;
        flex-direction: column;
      }
      
      .halfhalf.reverse {
        -webkit-flex-direction: column;
        flex-direction: column;
      }
      
      .halfhalf > div {
        width: 100%;
      }
      
      .halfhalf .content {
        max-width: none;
      }
      
      .halfhalf .flex-split-left .content{
        float: left;
      }

    }


.single-program .halfhalf .flex-split-left {
  background-color: black;
}

.single-program .halfhalf .flex-split-right {
/*   background-color: var(--second-color); */
  background-color: var(--first-color);
  color: black;
}

.single-program .halfhalf .flex-split-right .content {
  padding: 20px;
  float: left;
}

.single-program .halfhalf .flex-split-right .content {
	padding: 20px 20px 0 20px;
}

/* single-concerten */
.single-concerten h1,
.concert-news h1 {
  color: #00D3D7;
}

.single-concerten .halfhalf .flex-split-left {
  background-color: #000;
}

.single-concerten .halfhalf .flex-split-right {
  background-color: #00D3D7;
  color: #fff;
}

.single-concerten .halfhalf .content {
	text-align: left;
}

@media all and (max-width: 768px){
	.single-concerten .halfhalf .content {
		text-align: left;
	}
}

.single-concerten .halfhalf .button {
	font-size: 22px;
	text-align: center;
	width: 200px;
	padding:10px 20px; 
	margin: 10px 0 0 10px;
}

@media all and (max-width: 768px){
	.single-concerten .halfhalf .button {
		margin: 10px 10px 0 0;
	}
}

.single-concerten .halfhalf .button.white {
	background-color: white;
	color: black;
}

.single-concerten .halfhalf .button.white:hover {
	background-color: black;
	color: white;
}

.single-concerten .halfhalf ul {
	margin: 0;
	padding: 0;
}

.single-concerten .halfhalf ul li{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* SOCIAL ICONS */
#socialicons { }
#socialicons i { font-size: 28px; }
#socialicons ul { list-style: none; margin: 0 auto; }
#socialicons ul li { list-style: none; margin: 0; padding: 0; display: inline-block; }
#socialicons ul li a { color: #000; padding: 15px; display: block; }
#socialicons ul li a:hover { background-color: black; color: white;}

/* FOOTER SOCIAL ICONS */
footer ul.socialicons {padding:0; margin: 0; }
footer ul.socialicons li { list-style:none; margin:0; padding:0;display:inline-block; }
footer ul.socialicons li a {padding: 10px; display:block; }

/* MAILCHIMP */
#mailchimp h1 { color: #fff; margin-bottom: 20px; padding: 0;}
#mailchimp h3 { margin: 0 !important; padding: 0 !important; }
#mailchimp p { padding: 20px 30px 0px 0; }

#mailchimp input[type=text],
#mailchimp input[type=email] {
	padding:8px;
	font-weight:400;
	font-style:normal;
	font-size:17px;
	font-family: inherit;
	line-height:24px;
	width: 100%;
	border: none;
}

.mc_merge_var label {
	text-transform:uppercase;
	font-weight:700;
	font-style:normal;
	font-size-adjust:.508;
	font-family: 'apercu-bold', sans-serif;
	line-height:18px;
	clear: both;
}

#mailchimp input[type=submit] {
  margin: 10px 0 0 0;
  background-color: #fff;
  border: none;
  color: #000;
  text-transform: uppercase;
  width: auto !important;
  padding: 10px 20px;
  font-family: inherit;
  font-size: 17px;
}

#mailchimp input[type=submit]:hover {
  background-color: #000;
  color: #fff;
}





/* !FILTER */
#options { 
	background-color:var(--first-color);
}

#options .option-combo { 
	max-width: 1535px; margin: 0 auto;
}

#options ul.menu { 
	margin:0 auto; 
	padding:0; 
	list-style-type:none; 
	list-style-image:none; 
	float: none;
}

#options ul.menu li { 
	display:inline-block; 
	margin:0; 
	padding:10px 20px;
}

#options ul.menu li a { 
	padding:0px 0; 
	color:black; 
	text-decoration:none; 
	text-transform:uppercase; 
	vertical-align: bottom; 
	font-size: 18px;
}

#options ul.menu li a:hover,
#options ul.menu li .selected { 
	border-bottom:2px solid var(--second-color); 
	color:var(--second-color); 
}

#options ul.menu li.icon a:hover,
#options ul.menu li.icon .selected {
	color: var(--second-color);
	border: none;
}

@media all and (max-width: 799px){

	#options ul.menu li { 
		display:inline-block; 
		margin:0; 
		padding: 0px 5px 10px 5px;
	}
  
	#options ul.menu li a {
		font-size:12px;
		line-height:12px;
	}
        	
}

/* more */
a.more { text-decoration:underline; }

/* LOCATIONS */
#map-canvas {
	display:block;
	overflow:auto;
	width:100%;
	height:75vh;
	background-color:black;
}

.type-locations {
	height:auto;
}

.type-locations p {
	margin-top:0;
}

.type-locations h4 {
	margin:0;
}

.map-active,
.map-active a {
	color:var(--first-color);
}




/* OVERZICHT */
.overzicht {
  max-width: 1500px;
  min-height: 800px;
  margin: 0 auto;
  padding: 0;
  margin-top: 10px;
}

.overzicht .block {
  margin: 0;
  padding: 10px;
  width: 25%;
  box-sizing: border-box;
  float: none;
  height: auto;
  float: left;
}

.overzicht .block .content{
  padding: 20px;
}

.overzicht .block h2{
	height: auto;
	margin: 0;
	padding: 0;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
  	font-size:24px;
  	line-height:24px;
}

.overzicht.block:hover .thumb {
  background-position: 0 0;
}

.overzicht .block .meta-title {
	display: none;
}

.meta-category {
	padding: 5px 10px;
	text-transform:uppercase;
	position: absolute;
	color: black;
	background-color: white;
	font-size:18px;
	line-height:16px;
	top: 0;
	left: 0;
}

.overzicht .block .meta-category {
	margin: 10px 0 0 10px;
}

@media all and (max-width: 768px){
	.meta-category {
		font-size: 14px;
		line-height: 12px;
	}
}

@media all and (max-width: 480px){	
	.postid-26306 .overzicht .block{
		width: 100%;
	}
}


.overzicht .block .meta-menuorder {
	display: none;
}

.overzicht .block .meta-date {
	display: none;
}

.overzicht .block .meta-gigs {
	display: none;
	font-size: 10px;
	position: absolute;
	top: 32px;
	left: 0;
	background-color: rgba(255,255,255,1);
	color: black;
	margin: 0 0 0 10px;
	padding: 0 10px;
	text-transform: uppercase;
}

@media all and (min-width: 768px){
	.overzicht .block:hover .meta-gigs{
		display: block;
	}
}

@media all and (max-width: 768px){
	.overzicht .block .meta-gigs{
		display: block;
	}
}


.overzicht .block .meta-gigs ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.overzicht .block .meta-gigs ul li{
	list-style: none;	
	margin: 0;
	padding: 0;	
}

.overzicht .block .meta-starttime {
	display: none;
}

.option-combo.favorites {
	display: none;
}


.overzicht .block:hover h2 {
  color: #fff;
}

      @media all and (max-width: 1200px){  
        .overzicht .block {
          width: 25%;
        }
      }

      @media all and (max-width: 1000px){  
        .overzicht .block {
          width: 33%;
        }
      }
      
      @media all and (max-width: 768px){
        .overzicht .block {
          width: 50%;
        }  
      }

      @media all and (max-width: 500px){
        .overzicht .block {
          width: 100%;
        }  
      }


/* gallery */
.gallery-icon {
	width: 180px; height: auto;
	
}

.gallery-icon img {
	width: 100%; height: auto;
}

#gallery-1 img { 
	border: none !important;
}

/* CONCERTS */
body.post-type-archive-concerten {
	background-color: #000;
}

.concert-post {
	display:block;
	clear:both;
	width: 100%;
	text-align:left;
	margin: 0 auto;
	background-color: #fff;
	height: auto;
}

.concert-post:nth-child(even) {
	background-color: #E6E6E6;
}

.concert-post-inner {
	max-width: 1500px;
	margin: 0 auto;
	padding: 20px;
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: left;
	box-sizing: border-box;
}

.concert-post-inner h2.subtitle{
	margin: 0;
	padding: 10px 0 0 0;
}

.concert-post-inner > div {
  width: 50%;
}

.concert-post h1 {
	margin: 0;
	padding: 0;
	width: auto;
}

.concert-post h1 a {
	color:#00d3d7;
	text-decoration:none;
	font-size: 45px;
	line-height: 40px;
	margin-bottom: 0;
	padding: 0;
}

.concert-post h1 a:hover {
	color:#000;
}

.concert-post p{
	padding: 0;
}
.concert-post .date {
  font-size: 24px;
  margin: 0;
  padding: 0;
}

h2.subtitle {
	font-style:normal;
	font-family: 'apercu-regular', sans-serif;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}

.concert-post .left {
  min-width: 465px;
  max-width: 465px;
  width: 465px;
  height: 465px;
  background-size: cover;
  background-position: center center;
  display: block;
}

.concert-post .middle {
	position:relative;
	padding-left: 35px;
/* 	overflow-x: hidden; */
}

.concert-post .right {
	padding: 0 0px;
	width: 265px;
}

.concert-post .locatie{
	font-style:normal;
	font-family: 'apercu-regular', sans-serif;
	margin-bottom:20px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}

      @media all and (max-width: 1535px){
        .concert-post .left { 
          min-width: 310px;
          max-width: 310px;
          width: 310px;
          height: 310px;
        }
      }

      @media all and (max-width: 960px){  
        .concert-post .left { 
          min-width: 220px;
          max-width: 220px;
          width: 220px;
          height: 220px;
        }
        
        .concert-post .middle {
        	padding-left: 20px;
        }
        
        .concert-post .right {
          width: 190px;
          text-align: right;
        }
        
      }
      
@media all and (max-width: 799px){  
	.concert-post-inner {
		display: block;
	}
	
    .concert-post .left { 
		min-width: none;
		max-width: none;
		width: 100%;
		height: 300px;
    }
    
	.concert-post .middle {
		position:relative;
		padding: 0;
		width: 100%;
	}
	
	.concert-post .middle .date{
		margin-top: 20px;
	}
	
	.concert-post .middle p{
		display: none;
	}
	
	.concert-post .right {
		width: 100%;
		text-align: none;
	}
	
	.concert-post .button.ticketbtn {
		width: 100%;
	}
	
}




.image .wp-post-image {
	width:100%;
	height:auto;
}

.image {
	overflow:hidden;
	margin:0;
	margin:10px 0 20px;
	padding:0;
	max-height:440px;
	width:894px;
	-webkit-transition:max-height .8s;
	-moz-transition:max-height .8s;
	transition:max-height .8s;
}

.open {
	max-height:1000px;
}

#item .meta-category {
	margin-top:8px;
	text-transform:uppercase;
}

.single #item #left {
	float:left;
	margin-top:25px;
	width:586px;
}

.single #item #right {
	float:right;
	margin-top:15px;
	width:278px;
}

/* PARTNERS */
.partners {
  max-width: 1508px;
  margin: 0 auto;
  padding: 0;
  display: block;
  background-color: #E9EAEB;
}

.partners h3 {
  text-align: left;
  padding: 20px 20px 0 20px;
}

ul#partners {
	display:block;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

ul#partners li {
	display:inline-block;
	text-align:center;
}

ul#partners li a {
	text-decoration:none;
	font-weight:400;
	padding:10px;
}

ul#partners li a:hover {
	text-decoration:underline;
}

ul#partners img {
	width:auto;
	height:100px;
}
    
    @media all and (max-width: 960px){  
      ul#partners img {
      	width:auto;
      	height:85px;
      }
    }
    
    @media all and (max-width: 799px){
      ul#partners img {
      	width:auto;
      	height:65px;
      }
    }

    @media all and (max-width: 480px){
      ul#partners img {
      	width:auto;
      	height:50px;
      }
    }

/* flickity slideshow */
.main-carousel {
	width: 100%;
	margin: 0 auto;
	padding: 0;	

}

.main-carousel .carousel-cell {
	width: 100%;
	height: auto;
}

.main-carousel .carousel-cell img{
	width: 100%;
	height: auto;
	display: block;
}

.flickity-viewport {
	height: 100%;	
}

.flickity-page-dots{
	display: none;
}


/* SELECTION */
::selection {
	background:#000;
	color:#fff;
}

::-moz-selection {
	background:#000;
	color:#fff;
}

/* WORDPRESS */
.aligncenter,div.aligncenter {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:0;
}

.alignright {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
}

.wp-caption {
	margin:0 auto;
	padding-top:4px;
	border:none;
	background-color:none;
	text-align:center;
	max-width: 840px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	width: 100%;
	height: auto;
}

.wp-caption p.wp-caption-text {
	margin:0;
	padding:10px 0 20px 0;
	font-size:11px;
	line-height:17px;
	text-align: left;
}

.sticky {	
}

.screen-reader-text {	
}

.gallery-caption {
}

.bypostauthor {
}

img#wpstats { display:none; }

/* admin bar */
#wp-admin-bar-comments { display:none; }

/* pagination */
#pagination {
  width: 100%;
}


/* FOOTER */

.home footer {
	display: none;
}

footer { 
  width:100%; 
  margin: 0;
  padding: 0;
  background-color:black;
  position: relative;
  display: block;
}

footer a {
	color: #fff;
}

footer .privacybeleid {
	font-size: 10px;
}

	@media all and (max-width: 960px){  
		footer .menu li {
			padding: 10px;
		}
		
		footer .menu a {     
			font-size: 16px;
			line-height: 16px;
		}
	}
		
	@media all and (max-width: 799px){
		footer .menu li {
			padding:10px 0px;
		}
		
		footer .menu a {
			padding: 5px;
			font-size:12px;
			line-height:12px;
		}
	}

.wordbreak{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.scrollup {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px;
}

/* gray */
.gray { 
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%); 
	-webkit-transition: -webkit-filter  1s; 
	transition: -webkit-filter  1s; 
}

.gray:hover { 
	filter: grayscale(0%); 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* fadein animation */
.fadein-animation{
  opacity: 0;
}

.fadein-animation.animated{
    opacity: 1;
}

/* .no-touchevents  */
.videomouseover{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff;
	z-index: 99;
	display: block;
}

/* fullscreen banner homepage */
.page-id-26786 #menu {
	background-color: transparent;
}

.page-id-26786 #dummyheader {
	display: none;
}

.clearfix:after { 
	content: " "; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}

.center { 
	text-align: center;
}

.absolute-center { 
	margin: auto; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
}

.blackbg { 
	width: 100%;
	background-color: #000;
	position: relative;
}

.graybg {
	width: 100%;
	background-color: #e6e6e6;
}

/*
.peachbg {
	width: 100%;
	background-color: var(--second-color);
}
*/

.orangebg {
	width: 100%;
	background-color: var(--third-color);
}



.bluebg {
	width: 100%;
	background-color: #0000ff;
	color: white;
}

.bluebg a{
	color: white;
} 

.bluebg h1{
	color: white;
} 

.bluebg a h1{
	color: white !important;
} 


.whitebg {
	background-color: #fff; 
}

/* TICKETS */
.tickets.overzicht {
	max-width: 1200px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;	
}

.type-festivaltickets {
	width: 50%;
	float: left;
	position: relative;
}

@media all and (max-width: 768px){
	.type-festivaltickets {
		width: 100%;
	}
}

.type-festivaltickets:first-child  {
	width: 100%;
	
}

.type-festivaltickets .wrap {
	position:relative;
	height:auto;
	display:block;
	padding: 0;
	margin: 18px;
}

.type-festivaltickets:nth-child(1) .wrap.thumb {
	min-height: 540px;
}

.type-festivaltickets:nth-child(2) .wrap.thumb {
	min-height: 525px;
}

.type-festivaltickets:nth-child(3) .wrap.thumb {
	min-height: 525px;
}

.type-festivaltickets .wrap.thumb {
	min-height: 381px;
}

@media all and (max-width: 480px){
	.type-festivaltickets:nth-child(1) .wrap.thumb {
		min-height: 340px;
	}
	
	.type-festivaltickets:nth-child(2) .wrap.thumb {
		min-height: 325px;
	}
	
	.type-festivaltickets:nth-child(3) .wrap.thumb {
		min-height: 325px;
	}
	
	.type-festivaltickets .wrap.thumb {
		min-height: 281px;
	}
}

.type-festivaltickets .wrap.content {
	min-height: 160px;
}

.type-festivaltickets a {
	color: white;
}

.type-festivaltickets h3 {
	color: white;
	font-family: apercu-bold;
	font-size: 25px;
	line-height: 27px;
	letter-spacing: 0.1px;
	padding: 30px;
}

.type-festivaltickets:first-child h2 {
	color: white;
	font-family: 'apercu-black', sans-serif;
	font-size: 90px;
	letter-spacing: 4px;
	line-height: 85px;
}

.type-festivaltickets h2 {
	font-family: 'apercu-black', sans-serif;
	font-size: 65px;
	color: #F5F5F5;
	letter-spacing: 4px;
	line-height: 58px;
	padding: 0 30px;
}

@media all and (max-width: 768px){
	.type-festivaltickets:first-child h2 {
		font-size: 50px;
		line-height: 40px;
	}
	
	.type-festivaltickets h2 {
		font-size: 50px;
		line-height: 40px;
	}
}


.type-festivaltickets .arrow {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	width: 100%;
	height: 30px;
	background-image: url(images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.type-festivaltickets .arrow.down { }

.type-festivaltickets .arrow.up { 
	transform: rotate(180deg);
}

.type-festivaltickets.active .thumb .arrow {
	display: none;
}

.type-festivaltickets .content {
	margin-top: -20px;
	display: none;
	color: white;
	background-color: black;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 28px;
	padding: 40px 50px 80px 50px;
}

.type-festivaltickets .content strong{
	font-family: 'apercu-bold', sans-serif;
	font-style: normal; 
	font-size: 22px;
	letter-spacing: 0;
	line-height: 28px;
}

.type-festivaltickets.zwart .content {
	background-color: black;
}

.type-festivaltickets.blauw .content {
	background-color: #FC7D1E;
}

.type-festivaltickets.oranje .content {
	background-color: #FC7D1E;
}

@media all and (min-width: 768px){
	.type-festivaltickets:first-child .content {
		padding: 40px 138px 80px 138px;
	}
}

.type-festivaltickets .content p {
	text-align: left;
	margin-bottom: 20px;
}

.type-festivaltickets .content table {
	margin-bottom: 20px;
}

.type-festivaltickets.active .content {
	display: block;
}

.type-festivaltickets .button {
	max-width: 350px;
	margin: 10px 0;
	padding: 10px 0;
	background-color: var(--second-color);
	color: #FF243C;
	display: inline-block;
	font-family: apercu-bold;
	font-size: 30px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: none;
/* 	border: 4px var(--second-color) solid; */
	font-weight: normal;
}

.type-festivaltickets .button:hover {
	background-color: #FF243C;
	color:  var(--second-color);
}

.type-festivaltickets.oranje .button {
	color: #FC7D1E;
	background-color: var(--second-color);
/* 	border: 4px var(--second-color) solid; */
}

.type-festivaltickets.oranje .button:hover {
	background-color: #FC7D1E;
	color: var(--second-color);
}

.type-festivaltickets .button.white {
	color: white;
	background-color: transparent;
/* 	border: 4px white solid; */
}

.type-festivaltickets .button.white:hover {
	color: #FF243C;
	background-color: white;
}

.type-festivaltickets.oranje .button.white  {
	color: white;
	background-color: transparent;
	border: 4px white solid;
}

.type-festivaltickets.oranje .button.white:hover {
	color: #FC7D1E;
	background-color: white;
}

.thumb {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.link{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	z-index: 90;
}

/* toggle faq */
ul.togglelist {
	margin: 0 auto;
	padding: 0;
	max-width: 880px;
}

ul.togglelist li.toggle{
	list-style: none;
	margin: 5px 0;
	padding: 0;
	cursor: pointer;
}

/*
ul.togglelist li.toggle{
	padding: 0 0 0 15px;
	background-image: url(images/plus.svg);
	background-repeat: no-repeat;
	background-position: left 6px;
}

ul.togglelist li.toggle.active{
	background-image: url(images/min.svg);
	background-position: left 10px;
}
*/

.toggle .toggle-content {
	display: none;
}

.toggle.active .toggle-content {
	display: block;
}



/* 2019 */

/* header.php */
.dummy80{
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
}

nav.topbar {
	position: fixed;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 31;
	display: block;
	background-color: black;
}
nav.topbar .logo {
	position: absolute;
	left: 0px;
	width: 258px;
	height: 80px;
	background-image: url(images/MOMO_LOGO_LIGGEND.svg);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

@media all and (max-width: 768px){
	.dummy80{
		height: 60px;
	}
	nav.topbar{
		height: 60px;
	}
	nav.topbar .logo {
		width: 195px;
		height: 60px;
	}
}

nav.topbar .fullscreen-toggle {
	display:none;
	position: absolute;
	right:0;
	top: 0;
	font-size:24px;
	background-position:center top;
	z-index:25;
	cursor:pointer;
	margin: 20px 10px;
	padding:12px 12px;
	color: white;
	background-color: black;
	z-index: 999;
	display: block;	
}

@media all and (max-width: 768px){
	nav.topbar .fullscreen-toggle {
		margin: 5px 10px;
	}
}

nav.topbar .fullscreen-toggle.active {
	color: black;
	background-color: white;
}

nav.topbar .fullscreen-toggle .fa-times {
	display:none;
}

nav.topbar .fullscreen-toggle.active .fa-times {
	display:block;
}

nav.topbar .fullscreen-toggle .fa-bars {
	display:block;
}

nav.topbar .fullscreen-toggle.active .fa-bars {
	display:none;
}



/* homepage-page */
.home {
	background-color: black;
}

@media all and (orientation:landscape){
	.home nav.topbar .logo {
		display: none;
	}
}

.home .logo-2019{
	position: fixed;
	background-image: url(images/MOMO_LOGO_STAAND.svg);
	background-repeat: no-repeat;
	min-width: 240px;
	width: auto;
	height: calc(45vh + 80px);
	z-index: 32;
	top: 0;
	left: 0;
}

.admin-bar.home .logo-2019{
	top: 32px;
}

	@media all and (orientation:portrait){
		.home .logo-2019{
			display: none;
		}
	}

.home ul.slides {
	margin: 0;
	padding: 0;
}

.home ul.slides li.slide {
	width: 100vw;
	height: 45vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;	
	margin: 0;
	padding: 0;
}



	@media all and (orientation:portrait){
		.home ul.slides li.slide {
			width: 100vw;
			height: 33vh;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			position: relative;
	
		}
	}

.home ul.slides li.slide:hover {
	background-image: none !important;
	background-size: contain;
}

.home ul.slides li.slide:hover video{
	display: none;
}


.home ul.slides li.slide .link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: block;
	opacity: 0;
}

.home ul.slides li.slide .logo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 70% 70%;
	background-position: center center;
	z-index: 10;
	top: 0;
}	

.home ul.slides li.slide video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	min-width: 100%; 
	min-height: 100%;
	
	/* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 100%; 
	
	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	
	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.wp-block-columns{
	max-width: 840px;
	margin: 0 auto;
}

.wp-block-columns .wp-block-column p{
	padding: 0 0 20px 0;
}

.wp-block-columns h3 {
	padding: 0 0 20px 0;
}
	
.wp-block-embed {
	max-width: 840px;
	margin: 0 auto !important;
	padding: 40px 0;
}

.single-concerten .wp-block-embed-spotify,
.single-program .wp-block-embed-spotify {
	max-height: 400px;
	overflow-y: hidden;
}


.highlights {
	color: white;
	background-color: var(--first-color);
}

.highlights h3 { 
	color: var(--second-color);
	text-align: left;
	max-width: 1465px;
	margin: 0 auto;
	padding: 20px;
	text-transform: uppercase;	
}

.highlights ul {
	margin: 0 auto;
	max-width: 1200px;
	padding: 20px 0 40px 0;
	text-align: center;
}

.highlights ul li { 
	display: inline-block; 
}

.highlights ul li a { 
	font-family: 'apercu-black', sans-serif;
	letter-spacing: 4px;
	font-size: 55px;
	line-height: 65px;
	text-transform: uppercase;
	text-transform: uppercase;
	font-style:normal;
	color: var(--second-color);
	text-decoration: none;
}

.highlights ul li a:hover { 
	color: white;
}


@media all and (max-width: 10424px){
	.highlights ul li { 
	  padding: 0;
	}
	
	.highlights ul li a {
		font-size: 42px;
		line-height: 52px;
	}
}
	
	
@media all and (max-width: 768px){
	.highlights ul li { 
	  padding: 0;
	}
	
	.highlights ul li a {
	  font-size: 30px;
	  line-height: 34px;
	}
}

/* create */
.create-purple {
	background-color: #8565a9;
}

.has-intro-font-size{
	font-family: 'apercu-bold', sans-serif;
	font-size: 28px;
	line-height: 38px;
}	


.has-blue-background-color {
	background-color: #2079E1;
}
.has-pink-background-color {
	background-color: #FDBBFB;
}
.has-orange-background-color {
	background-color: #FF9F04;
}
.has-green-background-color {
	background-color: #1F6603;
}
.has-purple-background-color {
	background-color: #8565a9;
}
.has-yellow-background-color {
	background-color: #fff482;
}