/*
Theme Name: Bibelot
Theme URI: https://bibelot.nl
Author: In de Walvis
Author URI: http://indewalvis.nl
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://indewalvis.nl
Tags: 
Text Domain:

bram-blues 		#000			#fff
bram-metal 		#000			#fff
bram-new-wave 	#000			#fff
bram-punk 		#fff			#000
bram-reggae 	#EF392B			#ffda00		#00a031

eva 			#0cbbbf			#f48132		#255b55
joke 			#001ffe			#f08fb8
kevin-dance 	#001ffe			#fae527
kevin-urban 	#001ffe			#fae527

grey: #EBEBEC
*/
@font-face{
	font-family: 'breuer';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/breuertext-regular-webfont.eot');
	src: url('fonts/breuertext-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/breuertext-regular-webfont.woff') format('woff'),url('fonts/breuertext-regular-webfont.ttf') format('truetype'),url('fonts/breuertext-regular-webfont.svg#breuer_condensedbold') format('svg');
}

@font-face{
	font-family: 'breuer-condensed';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/breuercondensed-bold-webfont.eot');
	src: url('fonts/breuercondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/breuercondensed-bold-webfont.woff') format('woff'),url('fonts/breuercondensed-bold-webfont.ttf') format('truetype'),url('fonts/breuercondensed-bold-webfont.svg#breuer_condensedbold') format('svg');
}

html,body {
	height:100%;
	box-sizing:border-box;
}

*,:before,:after {
	box-sizing:inherit;
}

body {
	font-family: 'breuer';
	position:relative;
	margin:0;
	padding:0;
	background-color:#fff;
	color:black;
	text-align:left;
	font-size:18px;
	line-height:25px;
/*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
}

#ani {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: block;
}

.page.home {
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*
.page.home .dummyheader{
	display: none;
}
*/

/* agenda */
.page.page-id-6 {
	background-image: none;
}

.page {
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* brandstof */
.page.page-id-169 {
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* info page */
.page.page-id-8 {
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

.page.page-id-85 {
	background-image: url(images/bg_musicclub.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* over bibelot */
.page.page-id-171 { 
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* techspecs */
.page.page-id-83 {
	background-image: url(images/bg_overbibelot.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* vacatures */
.page.page-id-81 {
	background-image: url(images/bg_vactures.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

.page.page-id-79 {
	background-image: url(images/bg_vrijwilligers.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* zaalverhuur */
.page.page-id-73 {
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
}

/* .postid-25136	{
	background-image: url(images/bg_zaalverhuur.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1243px 1543px;
	background-attachment: fixed;
} */


strong,b {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}


a img {
	border:0;
}

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

.gutenberg P{
	padding: 10px 0;
}

.gutenberg .wp-block-media-text {
	padding: 10px 0;
}

i, em {
	font-style: italic;
}

BLOCKQUOTE {
	font-weight: bold;
	font-size:28px;
	line-height:35px;
	padding:20px 0;
	margin: 0;
}

BLOCKQUOTE P {
	padding: 0;
	margin: 0;
}

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

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

OL LI {
	margin:5px 0 5px 20px;
	padding:0;
	list-style:decimal;
}

H1,H2,H3,H4,H5,H6{
	font-family: 'breuer-condensed';
	text-transform: uppercase;
}

H1 {	
	font-size: 46px;
	line-height: 40px;
	letter-spacing: 0;
}

@media all and (max-width: 768px){
	H1 {	
		font-size: 35px;
		line-height: 35px;
	}
}

H2 {
	font-size: 35px;
	line-height: 35px;
}

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


H3 {
	font-size: 23px;
	line-height: 23px;
	margin-top: 10px;
}

@media all and (max-width: 768px){
	H3 {
		font-size: 18px;
		line-height: 18px;
	}
}

H4, H5, H6 {
	font-size:15px;
	line-height:15px;
}

.subtitle{
	font-size: 16px;
	line-height: 23px;
}


.dummyheader{
	height: 120px;
}

@media all and (max-width: 768px){
	.dummyheader{
		height: 79px;
	}
}

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

header {
	width: 100%;
	position: fixed;
	z-index: 99;
}

.max-width { 
	max-width: 1400px;
	position: relative;
}

.logo {
	position: absolute;
	display: block;
	left: 0;
	width: 257px;
	height: 95px;
	z-index: 99;
}

.logo:hover svg path{
	fill: #000; 
}

.logo:hover svg rect{
	fill: #fff; 
}

@media all and (max-width: 768px){
	.logo {
		width: 171px;
		height: 64px;
	}
}


nav {
	position: absolute;
	display: block;
	right: 0;
}

nav ul.menu {
	width: 100%;
	display:block;
	margin:0 auto;
	text-align:left;
	color: #EBEBEB;
	margin: 0;
	padding: 0;
}

nav ul.menu li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: 25px;
}

@media all and (max-width: 768px){
	nav ul.menu li {
		padding-left: 15px;
	}
}

nav ul.menu a{
	color: white;
	background-color: black;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 20px 20px;
	width: auto;
	display: block;
	border: 5px solid black;
	text-transform: uppercase;
	font-family: 'breuer-condensed';
	font-size: 35px;
}

nav ul.menu a:hover{
	color: black;
	background-color: white;
}

@media all and (max-width: 768px){
	nav ul.menu a{
		padding: 8px 8px;
		border: 3px solid black;
		font-size: 23px;
	}
}


.menu-info-container ul.menu {
	margin: 0;
	padding: 0;	
}

.menu-info-container ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block; 		
}

.fat-block {
	margin-right: 25px;
	background-size: cover;
	background-position: center center;
}

@media all and (max-width: 768px){
	.fat-block {
		margin-right: 0;
		padding-bottom: 50%;
		margin-bottom: 25px;
	}
}

.fat-button,
.menu-info-container ul.menu li a{
	background-color: black;
	display: block;	
	position: relative;
	top: none;
	right: none;
	text-decoration: none;
	text-align: center;
	color: white;
	font-family: 'breuer-condensed';
	font-size: 35px;
	line-height: 35px;
	margin: 0;
	padding: 15px;
	width: 100%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}

@media all and (max-width: 768px){
	.fat-button,
	.menu-info-container ul.menu li a{
		font-size: 23px;
		line-height: 23px;
	}
}

.fat-button:hover,
.menu-info-container ul.menu li a:hover{
	color: white;
	background-color: black;	
}

.fat-button{
	position: absolute;
	bottom: 0;
	margin: 0;
}

.col a:nth-child(1):hover .fat-button {
	background-color: #0031F4;
}

.col a:nth-child(2):hover .fat-button {
	background-color: #479C41;
}

.menu-info-container ul.menu li:last-child a {
	margin-bottom: 0;
}

.menu-info-container ul.menu li:nth-child(1) a:hover {
	background-color: #DD4938;
}

.menu-info-container ul.menu li:nth-child(2) a:hover {
	background-color: #335A55;
}

.menu-info-container ul.menu li:nth-child(3) a:hover {
	background-color: #E394B7;
}

.menu-info-container ul.menu li:nth-child(4) a:hover {
	background-color: #ED8745;
}

.menu-info-container ul.menu li:nth-child(5) a:hover {
	background-color: #732437;
}


.ticket-button{
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	color: white;
	background-color: black;
	font-family: 'breuer-condensed';
	font-size: 20px;
	line-height: 20px;
	padding: 15px;
	text-transform: uppercase;
	z-index: 90;
}

.carousel-cell .ticket-button{
	font-size: 40px;
	line-height: 30px;
	padding: 15px;
	text-transform: uppercase;
	z-index: 999;
}

.ticket-button:hover {
	color: black;
	background-color: white;
}

.meta-colom .ticket-button {
	position: relative;
	top: none;
	right: none;
	text-decoration: none;
	text-align: center;
	font-family: 'breuer-condensed';
	font-size: 35px;
	line-height: 35px;
	margin: 0;
	padding: 15px;
	width: 100%;
	text-transform: uppercase;
	display: block;
}

.tickets-service-costs {
	font-style: italic;
	font-size: 14px;
}

.meta-colom img {
	width: 100%;
	height: auto;
	display: block;
}

@media all and (max-width: 768px){
	.meta-colom .ticket-button{
		font-size: 23px;
		line-height: 23px;
	}
}

.button {
	text-decoration: none;
	color: white;
	background-color: black;
	font-family: 'breuer-condensed';
	font-size: 20px;
	line-height: 20px;
	padding: 15px;
	text-transform: uppercase;
	display: block;
}

.button.black{
	color: white;
	background-color: black;
}

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

.button.white{
	color: black;
	background-color: white;
}

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


.bg-black{
	background-color: black;
	color: white;
}

.bg-black a{
	color: white;
}


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

.bg-grey {
	background-color: #EBEBEC;
}


.inner {
	position:relative;
	text-align: left;
	padding: 25px 0 25px 0;
}

.inner img {
	max-width: 100%;
	height: auto;
	display: block;
}


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



.content {
	padding: 25px;
}

@media all and (max-width: 768px){
	.content {
		padding: 15px;
	}
}

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


img.alignleft,
img.alignright {
	max-width: none;
	width: auto;
	height: auto;
	margin-bottom: 0;
}


.margin-top {
	margin-top: 25px;
}


/* ARTICLE */
article {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
/* 	margin-right: 25px; */
}

article h2 {
	margin-top: 20px;
}

article p {
	padding: 10px 0;
}

/*
article .content {
	background-color: white;
}
*/

article img {
	display: block;
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 0;
	background-color: white;
}

.main-column {
	flex: 1;
}

.meta-colom {
	width: 320px;
	display: block;
}


.max320 {
	width: 320px;
}
/*
@media all and (max-width: 768px){
	.meta-colom {
		display: none;
	}
}
*/

@media all and (max-width: 768px){
	.cols.stack{
		display: block;
	}
	.cols.stack .col1-2{
		width: 100%;
	}
	
	.meta-colom {
		width: 100%;
/* 		padding: 15px;	 */
	}
}


.meta-colom h3 {
	background-color: black;
	position: relative;
	top: none;
	right: none;
	text-decoration: none;
	text-align: center;
	color: white;
	font-family: 'breuer-condensed';
	font-size: 35px;
	line-height: 35px;
	padding: 15px;
	width: 100%;
	text-transform: uppercase;
	display: block;
}

@media all and (max-width: 768px){
	.meta-colom h3 {
		font-size: 23px;
		line-height: 23px;
	}
}

.meta-info {
	color: white;
	background-color: black;
}

.meta-right {
	font-weight: bold;
	font-size: 18px;
	text-align: right;
}

.button-facebook-event {
	font-family: 'breuer-condensed';
	font-size: 35px;
	line-height: 35px;
	text-transform: uppercase;	
	border: 2px solid white;
	color: white;
	text-decoration: none;
	padding: 15px;
	text-align: center;
	width: 100%;
	display: block;
}

.button-facebook-event:hover {
	color: black;
	background-color: white;
}

@media all and (max-width: 768px){
	.button-facebook-event {
		font-size: 23px;
		line-height: 23px;
	}
}


.extra-right {
	padding-right: 25px;
}

.extra-margin-right {
	margin-right: 25px;
}

.extra-margin-bottom {
	margin-bottom: 25px;
}

@media all and (max-width: 768px){
	.extra-right {
		padding-right: 0;
	}
	
	.extra-margin-right {
		margin-right: 0;
	}

}

.extra-left {
	margin-left: 25px;
}

.padding-top{
	padding-top: 25px;
	padding-bottom: 25px;
}

@media all and (max-width: 768px){
	.padding-top{
		padding-top: 0;
	}
}

.subpages .cols:nth-child(odd) {
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin-bottom: 25px;
}

.acf-map {
	width: 100%;
	height: 400px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.quote {
	
}

.quote-text {
	font-weight: bold;
	font-size: 28px;
	line-height: 35px;
}

.quote-author {
	font-weight: normal;
	font-size: 28px;
	line-height: 35px;
}

.quote-function {
	font-size: 18px;
	line-height: 25px;
}


.achtergrond-afbeelding{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fixed-height {
	/* 	height: 245px; */
	padding-bottom: 50%;
}

.width-257 {
	flex: 0 0 257px;  
}

@media all and (max-width: 768px){
	.width-257 {
		flex: 0 0 120px;
		width: 100%;
	}
}

.width-var {
	width: 100%;
}

.filters {
	position: relative;
	display: block;
/* 	width: 320px; */
	margin: 0;
	padding: 0;
	color: white;
	background-color: black;
	z-index: 999;
}

.filters h2 {
	margin-left: 5px;
}
.filters .content{
	padding: 20px;
}

.clear-filter {
	position: absolute;
	top: 31px;
	right: 25px;
	color: white;
	text-decoration: none;
}

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


.filters ul {
	width:100%;
	height:auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap: wrap;
}

.filters li {
	list-style: none;
	margin: 0px;
	padding: 0;
	display: inline-block;
	width: auto;
	flex: 1;
	text-align: center;
}

.filters ul.ticket-status li {
	min-width: 100%;
}


.filters li a {
	display: block;
	background-color: white;
	text-decoration: none;
	padding: 5px 15px;
	text-transform: uppercase;
	font-family: 'breuer-condensed';
	border: 2px solid white;
	margin: 5px;
	font-weight: normal;
}


.filters li a.active {
	background-color: black;
	color: white;
	border: 2px solid white;
}

.filters li a:hover {
	background-color: black;
	color: white;
	border: 2px solid white;
}





ul.socialicons {
	position:relative;
	margin:0 auto;
	padding:0;
	margin-left:5px;
	margin-top: 28px;
}

ul.socialicons li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	margin-left: 20px;
	text-align: center;
}

ul.socialicons li a {
	font-size:24px;
	color:white;
	background-color: black;
	display:block;
	border: 5px solid black;
	padding: 5px 5px;
	width: 45px;
	height: 45px;
}

/* small hack to make it a perfect fit */
ul.socialicons li:last-child a {
		width: 43.5px;
}


ul.socialicons li a:hover {
	color:black;
	background-color: white;
}

ul.socialicons li a.inverse {
	color: black;
	background-color: white;
	border: 5px solid white;
}

ul.socialicons li a.inverse:hover {
	color: black;
	background-color: white;
	border: 5px solid black;
}

@media all and (max-width: 920px){
	ul.socialicons {
		margin-top: 0;
		margin-left: 0px;
	}
	
	ul.socialicons li a {
		font-size: 18px;
		width: 40px;
		height: 40px;
		border: 3px solid black;
	}
		
	ul.socialicons .social {
		display: none;
	}
}


@media all and (max-width: 768px){
	ul.socialicons .social{
		display: none;
	}
}

@media all and (max-width: 460px){
	ul.socialicons {
		display: none;
	}
}

/* SEARCH */
form.search-form {
	margin-top: 15px;
}

.search-field{
	max-width: 180px;
}

.search-popup {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	margin: 0 43px 0 0px;
	padding: 0 0 10px 10px;
	width: 277px;
	background-color: black;
}

.search-popup.active {
	display: block;
}

/*
.search-popup .search-field{
	max-width: 300px;
}

.search-popup. search-submit {
	float: right;
}
*/


/* OVERZICHT */
.overzicht {
	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;	
}

.overzicht .hentry {
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0 25px 25px 0;
	box-sizing:border-box;
	text-align:left;
	position:relative;
	text-decoration:none;
	cursor: pointer;
}

.related.overzicht .cols .event:first-child {
	padding-right: 15px;
}

.related.overzicht .cols .event:last-child {
	padding-left: 15px;
}

@media all and (max-width: 1100px){
	.related.overzicht .cols:first-child {
		display: block;
	}
	
	.related.overzicht .cols .event:first-child {
		padding-right: 0;
	}
	
	.related.overzicht .cols .event:last-child {
		padding-left: 0;
	}
	
}

@media all and (max-width: 768px){
	.overzicht .hentry {
		padding:0 0 25px 0;
	}
}

.single .overzicht .hentry{
	padding:0 0 25px 0;
}

.overzicht .hentry .wrap {
	position:relative;
	height:auto;
	display:block;
	padding: 0;
/* 	height: 100%; */
}

.overzicht .hentry .wrap .content {
	margin: 25px 25px 25px 0;
/* 	padding: 25px; */
	background-color: white;
}

.overzicht .hentry.tip .wrap .content {
	margin: 25px 25px 25px 25px;
}

.hentry .achtergrond {
	background-position: left top;
	background-size: 100%;
	
}

.hentry.tip { color: white; }
.hentry.tip .achtergrond-afbeelding { width: 100%; }

.event-message {
	position: absolute;
	bottom: 0;
	right: 0;
	color: black;
	background-color: white;
	z-index: 90;
	text-decoration: none;
	text-align: center;
	font-family: 'breuer-condensed';
	font-size: 20px;
	line-height: 20px;
	padding: 15px;
	text-transform: uppercase;
	margin: 0;
	padding: 15px;
	width: auto;
	display: block;
}

.single-event .event-message {
	position: absolute;
	bottom: auto;
	right: auto;
	top: 0;
	left: 20px;
}

.tip-corner {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto;
	width: 200px;
	height: 140px;
	z-index: 90;
	padding: 50px;
}

@media all and (max-width: 768px){
	.tip-corner {
		width: 133px;
		background-size: 100%; 100%;
	}
}

.hentry .wrap .content { z-index: 80; }

.hentry:hover .wrap .content.hover { color: white; }
.hentry.tip:hover .wrap .achtergrond-afbeelding { background-image: none !important; }

/* default */
.hentry .achtergrond { background-color: #000; }
.hentry:hover .achtergrond .content.hover { background-color: #000; }
.hentry.bg-color  { background-color: #fff; }
.hentry.meta-colom .ticket-button { background-color: #000; }


.hentry.thema-bram-blues .achtergrond { background-image: url(images/background_bram_blues.svg); background-color: #275B55; }
.hentry.thema-bram-blues:hover .achtergrond .content.hover { background-color: #275B55; }
.hentry.thema-bram-blues.tip-corner { background-image: url(images/tip_bram_blues.svg); }
.hentry.thema-bram-blues .bg-color  { background-color: #7D1B37; color: white; }
.hentry.thema-bram-blues .meta-colom .ticket-button { background-color: #7D1B37; color: white;}
.hentry.thema-bram-blues .meta-colom .ticket-button:hover { background-color: #275B55; }

.hentry.thema-bram-metal .achtergrond { background-image: url(images/background_bram_metal.svg); background-color: #000; }
.hentry.thema-bram-metal:hover .achtergrond .content.hover { background-color: #000;}
.hentry.thema-bram-metal .tip-corner { background-image: url(images/tip_bram_metal.svg); }
.hentry.thema-bram-metal .bg-color  { background-color: #000; color: white;}
.hentry.thema-bram-metal .meta-colom .ticket-button { background-color: #fff; color: black }
.hentry.thema-bram-metal .meta-colom .ticket-button:hover{ background-color: #000000; color: white }

.hentry.thema-bram-new-wave .achtergrond { background-image: url(images/background_bram_new_wave.svg); background-color: #000; }
.hentry.thema-bram-new-wave:hover .achtergrond .content.hover { background-color: #000; }
.hentry.thema-bram-new-wave .tip-corner { background-image: url(images/tip_bram_new_wave.svg); }
.hentry.thema-bram-new-wave .bg-color  { background-color: #EE3C2B; color: white; }
.hentry.thema-bram-new-wave .meta-colom .ticket-button { background-color: #EE3C2B; }
.hentry.thema-bram-new-wave .meta-colom .ticket-button:hover { background-color: #000000; color: white; }

.hentry.thema-bram-punk .achtergrond { background-image: url(images/background_bram_punk.svg); background-color: #fff; }
.hentry.thema-bram-punk:hover .achtergrond .content.hover { background-color: #000; }
.hentry.thema-bram-punk .tip-corner { background-image: url(images/tip_bram_punk.svg); }
.hentry.thema-bram-punk .bg-color  { background-color: black; color: white; }
.single .hentry.thema-bram-punk .meta-colom .ticket-button { background-color: white; color: black; }
.single .hentry.thema-bram-punk .meta-colom .ticket-button:hover { background-color: black; color: white; }

.hentry.thema-bram-reggae .achtergrond { background-image: url(images/background_bram_reggae.svg); background-color: #EF392B; }
.hentry.thema-bram-reggae:hover .achtergrond .content.hover { background-color: #EF392B; }
.hentry.thema-bram-reggae .tip-corner { background-image: url(images/tip_bram_reggae.svg); }
.hentry.thema-bram-reggae .bg-color  { background-color: #ffda00; }
.hentry.thema-bram-reggae .meta-colom .ticket-button { background-color: #EF392B; color: white; }
.hentry.thema-bram-reggae .meta-colom .ticket-button:hover { background-color: #00A031; color: #EF392B; }

.hentry.thema-eva .achtergrond { background-image: url(images/background_eva.svg); background-color: #0cbbbf; }
.hentry.thema-eva:hover .achtergrond .content.hover { background-color: #0cbbbf; }
.hentry.thema-eva .tip-corner { background-image: url(images/tip_eva.svg); }
.hentry.thema-eva .bg-color  { background-color: #0cbbbf; color: white; }
.hentry.thema-eva .meta-colom .ticket-button { background-color: #F48132; }
.hentry.thema-eva .meta-colom .ticket-button:hover { background-color: #0CBBBF; color:#F48132; }


.hentry.thema-joke .achtergrond { background-image: url(images/background_joke.svg); background-color: #001ffe; }
.hentry.thema-joke:hover .achtergrond .content.hover { background-color: #001ffe; }
.hentry.thema-joke .tip-corner { background-image: url(images/tip_joke.svg); }
.hentry.thema-joke .bg-color  { background-color: #001ffe; color: white; }
.hentry.thema-joke .meta-colom .ticket-button { background-color: #f08fb8; }
.hentry.thema-joke .meta-colom .ticket-button:hover { background-color: #001FFE; color: #f08fb8; }

.hentry.thema-kevin-dance .achtergrond { background-image: url(images/background_kevin_dance.svg); background-color: #001ffe; }
.hentry.thema-kevin-dance:hover .achtergrond .content.hover { background-color: #001ffe; }
.hentry.thema-kevin-dance .tip-corner { background-image: url(images/tip_kevin_dance.svg); }
.hentry.thema-kevin-dance .bg-color  { background-color: #001ffe; color: white; }
.hentry.thema-kevin-dance .meta-colom .ticket-button { background-color: #fae527; color: black; }
.hentry.thema-kevin-dance .meta-colom .ticket-button:hover { background-color: #001FFE; color: black; }

.hentry.thema-kevin-urban .achtergrond { background-image: url(images/background_kevin_urban.svg); background-color: #672F8F; }
.hentry.thema-kevin-urban:hover .achtergrond .content.hover { background-color: #672F8F; }
.hentry.thema-kevin-urban .tip-corner { background-image: url(images/tip_kevin_urban.svg); }
.hentry.thema-kevin-urban .bg-color  { background-color: #672F8F; color: white; }
.hentry.thema-kevin-urban .meta-colom .ticket-button { background-color: #fae527; color: black; }
.hentry.thema-kevin-urban .meta-colom .ticket-button:hover { background-color: #672F8F; color: black; }




/* INPUT */
input, select,textarea {
	padding: 10px 10px;
	color: black;
	background-color: white;
	border: 2px solid black;
	font-family: 'breuer-condensed';
	font-size: 20px;
	line-height: 20px;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=text] {
	width: 100%;
}

input[type=submit] {
	color: black;
	background-color: white;
	text-transform: uppercase;
	border: 2px solid black;
}

input[type=radio], input[type=checkbox]{
	vertical-align:top;
	margin-top: 0px;
	margin-right: 10px;
	border: 2px solid black;	
}

input[type=radio]:checked, input[type=checkbox]:checked{
	background-color: black;
}

.bg-black input[type=radio], .bg-black input[type=checkbox]{
	background-color: black;
	border: 2px solid white;
}

.bg-black input[type=radio]:checked,.bg-black input[type=checkbox]:checked{
	background-color: white;
}

/* doneer */
label {
	vertical-align:top;
}

label img {
	width: 30px !important;
	height: auto;
	margin-top: -2px;
}

select{
	/*	werkt niet in Chrome / Firefox
	background-image: url("data:image/svg+xml;utf8,<svg fill='#000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); */
	background-image: url("images/arrow.svg");
	background-repeat: no-repeat;
	background-position: 99% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	max-width: 50%;
}


/* mailchimp */
#mc_signup {
	margin: 15px auto;
	padding: 15 0 30px 0;
}

#mailchimp .mc_input {
	border:none;
}

.mc_input {
	display: inline-block;
}

.mc_merge_var {
	float: left;
}

.mc_merge_var label {
	display: none;
}

.mc-indicates-required {
	color:#fff;
}

#mc_signup_submit {
	margin: 2px 0 0 10px !important;
	padding: 9px 10px 10px 10px;
	width:auto!important;
	float: left;
}

#mc_signup_submit:hover {
	background-color: black;
	color: white;
}

@media all and (max-width: 768px){
	.mc_merge_var {
		float: none;
		padding-bottom: 0px;
	}
	
	.mc_input {
		display: block;
	}
	
	#mc_signup_submit {
		float: right;
		padding: -10px 0 0 0;
	}
}

.mc_custom_border_hdr,
#mc-indicates-required {
	display: none;
}

.mobile{
	display: none;
}

@media all and (max-width: 768px){
	.no-mobile{
		display: none;
	}
	
	.mobile{
		display: block;
	}
}

/* toggle faq */
ul.togglelist li{
	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;
}




/* NARROWCASRT  */
.single-screen .logo,
.single-slideshow .logo,
.single-slides .logo {
	width: 400px;
	height: 152px;
}


.single-screen nav,
.single-slideshow nav,
.single-slide nav {
	display: none;
}

.carousel-cell .slide-content {
	bottom: 100px !important;
	left: 0 !important;
	color: black !important;
	background-color: white !important;
	padding: 20px !important;
}

.carousel-cell .slide-content h1 {
	color: black !important;
}

.carousel-cell .slide-content h2 {
	font-size: 36px;
	line-height: 36px;
	color: black;
	display: block !important;
}

.wp-block-button a,
.wp-block-button a:active,
.wp-block-button a:visited{
	border: 2px solid black;
	background-color: white;
	color: black;
	padding: 10px 10px;
	color: black;
	font-weight: normal;
	font-family: 'breuer-condensed';
	font-size: 20px;
	line-height: 20px;
	-webkit-appearance: none;
	border-radius: 0;
	text-transform: uppercase;
	margin-top: 20px;
}

.wp-block-button a:hover{
		background-color: black;
		color: white;
		border: 2px solid white;
}