/*
Theme Name: BIRD 1.96
Theme URI:
Author: Jonas Vorwerk
Author URI: https://indewalvis.nl
Description: Theme for Bird designed by StudioSpass, handwritten by In De Walvis
Version: 1.96

blauw live: #1490E6
oranje food: #E55A3C
zwart club: #000
grijs: #F5EFE6
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;	font-family: inherit; font-size: 100%; font-style: inherit;	font-weight: inherit;	margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }
input, textarea { -webkit-appearance: none; border-radius: 0; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

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

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

a, img { border:none; outline:none; }

body { background-color: #F5EFE6; color: #000; font-size: 18px; line-height: 24px; font-family:"avenir_medium", sans-serif; font-weight:normal; font-style:normal; text-align: center; min-height: 1000px; /* overflow: hidden; */ margin-bottom: 40px; }

.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; }

.isotope { margin: 0 auto; max-width: 1280px; }
#agenda { padding: 0px 40px; }
#agenda .isotope { padding: 0; }

.contentinner { max-width: 840px; text-align: left; margin: 0 auto; padding: 40px 40px; position: relative; display: block; }
.inner { max-width: 1280px; text-align: left; margin: 0 auto; display: block; }
.wideinner { max-width: 1280px; text-align: left; margin: 0 auto; padding: 40px 0px; position: relative; }
.left { float: left; width: 50%; }
.right { float: right; width: 50%; }

.contentwide { width: 100%; background-color: none; position: relative; }
.contentwide.white { background-color: #fff; }
.contentwide.black { background-color: #000; }
.container { max-width: 1280px; margin: 0 auto; }

/* chefstable */
.chefstable.contentwide .inner { padding: 40px; max-width: 1100px;}
.chefstable.contentwide h1 { color: #fff; padding: 40px 0 40px 0; }
.chefstable.contentwide img { margin-bottom: 40px; }

img.wp-post-image, img.size-medium, img.size-large, img.size-full   { display: block; width: 100%; height: auto; }

table { width: 100%; vertical-align: middle; }
table td { vertical-align: top; padding-bottom: 10px; }

A { 
	text-decoration: none;
	color: inherit;
}

H1 { 
	text-transform: uppercase; 
	font-family: "block"; 
	padding: 50px; 
	font-size: 92px; 
	line-height: 82px; 
}

H1.highlight,
.highlight H1,
.title H1 {
	font-size: 62px;
	line-height: 52px;	
}

/* H1.header { padding: 50px; font-size: 92px; line-height: 82px; } */
H1.white { background-color: #fff; }


.content h1,.content h2 {max-width: 840px; margin: 0 auto; padding: 40px 40px 40px 40px; }

.single-post .content {
	padding-top: 40px;
}

H2 { 
	font-size: 24px; 
	text-transform: uppercase; 
	font-family: "block"; 
	line-height: 42px; 
	max-width: 840px; 
}

H3 { 
	font-size: 24px;
	line-height: 32px; 
	font-family: "avenir_black", sans-serif; 
	font-weight:normal; font-style:normal;  
	text-align: left; 
	max-width: 840px; 
	margin: 0 auto; 
	padding: 20px 40px 20px 40px;
}

H4 { font-size: 24px; 
	font-family: "avenir_black", sans-serif; 
	font-weight:normal; 
	font-style:normal;  
	text-align: left; 
	line-height: 32px; 
	max-width: 840px; 
	margin: 0 auto; 
	padding: 20px 40px 20px 40px;
}


b, strong { font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; }

i, em { font-style: italic; }

.content ul { max-width: 920px; margin: 10px auto; padding: 0; text-align: left; }
.content ul li { margin:0px 40px 0px 60px; padding: 0;}
.content ul li a { color: black; text-decoration: underline; }

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

p a { text-decoration: underline;  color: #000; }
.content H3 a, .content H4 a { color: #000; text-decoration: underline; }


HR { border: 0px; background-color: #000; height: 20px; margin: 40px 0px; }

blockquote { font-family: "block"; font-size: 62px; line-height: 52px; background-color: #1490E6; color: #000; padding: 40px 40px 35px 40px; text-align: center; margin: 20px 0px; text-transform: uppercase; width: 100%; }
blockquote p { padding: 0; margin: 0 auto; width:intrinsic;}



.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; width: 50%; text-align: left; background-size:cover; background-position: center center; }

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

#restaurant .contentinner { padding: 0px 0px 40px 0px; }
#restaurant .textblok .inner { padding-top: 0px; }
.page-id-827  .textblok,
.page-id-17705 .textblok{ background-color: #fff; }

/* #business .textblok .inner { padding-top: 0px; padding-bottom: 40px; } */

.home #magazine { margin-bottom: 40px; }

/* instagram */
.sbi {
	max-width: 1280px;
}
/*
#sb_instagram { margin-top: -40px; }
.sb_instagram_header { }
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { border-radius: 0px; padding: 20px 20px 15px 20px; text-decoration: none; text-transform: uppercase;  width: 320px; font-size: 24px; text-align: center; font-family:"avenir_black", sans-serif; font-weight: normal; }

#sb_instagram a.sbi_load_btn { background-color: #000 !important; color: #fff !important; }
#sb_instagram a.sbi_load_btn:hover { background-color: #fff !important; color: #000 !important; }

#sb_instagram .sbi_follow_btn a { background-color: #fff; color: #000; }
#sb_instagram .sbi_follow_btn a:hover { background-color: #000; color: #fff;  }
#sb_instagram .sbi_follow_btn a i { font-size: 24px !important; }
*/

/* close button */
.close { position: absolute; top: 0px; right: 0px; z-index: 18; color: #fff; display: block; padding: 20px; display: none; }
.no-touch .close:hover { color: #000; }
.post-type-archive-event .close { display: block; }

/* menu */
#menu-button { position: fixed; top: 0; left: 0; z-index: 990; text-transform: uppercase; background-color: #fff; color: #000; padding: 0px; width: 185px; height: 60px; background-image: url('images/logo.png'); background-repeat: no-repeat; cursor: pointer; }
.svg #menu-button { background-image: url('images/logo.svg'); }
.no-touch #menu-button:hover { background-position: left bottom; background-color: #1490E6; }
.no-touch #menu-button:hover i { color: #000; }
#menu-button i { position: absolute; top: 18px; right: 16px; font-size: 24px; }
.admin-bar #menu-button { top:32px; }
#menu-button.active { background-position: left bottom; background-color: #1490E6; }
#main-menu-wrap { position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0; color: #fff; text-align: center; display: none; z-index: 990; background-color: rgba(255,255,255,1); }
.admin-bar #main-menu-wrap { top:32px; }
#main-menu-wrap.active { display: block; }
#menu{  margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* hoofdmenu */
#menu{ text-transform: uppercase; height: 700px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.menu-main-container ul,
.menu-main-english-container ul { list-style: none; text-transform: uppercase; margin: 0; padding: 0; }
.menu-main-container li,
.menu-main-english-container li  { margin: 0; padding: 0; list-style: none;  }
.menu-main-container a,
.menu-main-english-container a  { color: #000; text-decoration: none; font-size: 64px; line-height: 74px; font-weight: normal; font-family: "avenir_black"; }
.no-touch .menu-main-container a:hover,
.no-touch .menu-main-english-container a:hover  { color: #1490E6;  }
.current-menu-item  a { color: #1490E6; }

.single-event #menu-item-1599 a,
.single-event #menu-item-17793 a { color: #1490E6; }
.single-post #menu-item-1600 a,
.single-post #menu-item-17796 a  { color: #1490E6; }
.single-info #menu-item-1963 a,
.single-info #menu-item-17799 a { color: #1490E6; }
.single-business #menu-item-4079 a,
.single-business #menu-item-17797 a { color: #1490E6; }

/* hoofdmenu adresgegevens */
#main-menu-wrap .adresgegevens { font-size: 14px; width: 165px; position: absolute; top: 60px; text-align: left; padding: 10px; color: #000; }
#main-menu-wrap .adresgegevens a { text-decoration: none; }
#main-menu-wrap .adresgegevens p { padding: 0; }
.admin-bar #main-menu-wrap .adresgegevens { top: 60px; }

/* hoofdmenu footer */
#main-menu-wrap .menu-footer { position: absolute; bottom: 20px; margin: 0 auto; font-size: 14px; color: #000; width: 100%; text-align: center; }
#main-menu-wrap .menu-footer a { color: #000; }
#main-menu-wrap .menu-footer a:hover { color: #1490E6; }

/* zoeken */
.search-form { background-image: url('images/search.png'); background-repeat: no-repeat; background-position: center top; }
.svg .search-form { background-image: url('images/search.svg'); }
.search-field { text-decoration: none; font-size: 48px; padding-top: 10px; font-weight: normal; font-family: "avenir_black"; background: transparent; color: #fff; border: none; width: 360px; text-align: center; }
.search-submit { background: transparent; padding: 20px; margin-top: -10px; border: none; text-indent: -9999px; color: #1490E6; }

/* zoeken placeholder */
.search-form ::-webkit-input-placeholder { color: #fff; text-align: center; }
.search-form :-moz-placeholder { color: #fff; text-align: center; }
.search-form ::-moz-placeholder { color: #fff; text-align: center; }
.search-form :-ms-input-placeholder { color: #fff; text-align: center; }

/* social menu */
.menu-social-container,
.menu-social-english-container { position: absolute; top: 175px; left: 0; }
.menu-social-container ul,
.menu-social-english-container ul { margin: 0; padding: 0; }
.menu-social-container li,
.menu-social-english-container li { list-style: none; display: inline-block;  }
.menu-social-container a,
.menu-social-english-container a  { color: #000; padding-left: 10px; font-size: 24px; }
.menu-social-container a:hover,
.menu-social-english-container a:hover { color: #1490E6; }


@media only screen and (max-width: 920px) {
.menu-social-container,
.menu-social-english-container { position: absolute; top: 72px; left: 0; }	
}


/* info & business menu */
.menu-container { text-transform: uppercase; margin: auto; background-color: #fff; }
.menu-container ul { list-style: none; margin: 0; padding: 20px 20px 15px 20px; display: block; }
.menu-container ul li { display: inline-block; margin: 20px 5px 25px 5px; }
.menu-container a  { background-color: #F5EFE6; color: #000; padding: 20px 20px 15px 20px; text-decoration: none; text-transform: uppercase; font-size: 16px; font-family: "avenir_black"; }
.menu-container a:hover { background-color: #000; color: #F5EFE6; }
.menu-container li.current_page_item a { background-color: #000; color: #F5EFE6; }

/* tickets page */
#tickets ul { list-style: none; margin: 0; padding: 0; display: block; }
#tickets ul li { margin-bottom: 20px; display: block; list-style: none; }
#tickets .date { font-family:"avenir_black", sans-serif; font-weight: normal; display: inline-block; width: 200px; }
#tickets a { color: #000; text-decoration: underline; }
#tickets .ticketbutton { display: inline-block; background-color: #fff; color: #000; padding: 10px; width: auto; text-decoration: none; text-transform: uppercase; text-align: center; font-family:"avenir_black", sans-serif; font-weight: normal; display: block; float: right; }
#tickets .ticketbutton:hover { background-color: #000; color: #fff; }
.page-id-248 .contentwide { padding: 40px 0px; }

/* info single-info*/
.illustratie { position: relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto; padding-top: 25%; }
.single-info .contentwide { padding-top: 40px;}
.contentwide h2 { color: #fff; font-size: 50px; padding: 40px 0px; display: block; margin: 0 auto; text-align: center; }

.single-info .illustratie { background-image: url('images/info-faq.png'); }
.postid-690 .illustratie { background-image: url('images/info-about.png'); }
.postid-92 .illustratie { background-image: url('images/info-houserules.png'); }
.postid-1237 .illustratie { background-image: url('images/info-foundation.png'); }
.postid-1966 .illustratie { background-image: url('images/info-lostandfound.png'); }
.postid-2000 .illustratie { background-image: url('images/info-sponsors.png'); }
.postid-1998 .illustratie { background-image: url('images/info-partners.png'); }
.postid-1996 .illustratie { background-image: url('images/info-faq.png'); }
.postid-2005 .illustratie { background-image: url('images/info-vacatures.png'); }
.page-id-5 .illustratie { background-image: url('images/page-contact.png'); }
.page-id-248 .illustratie { background-image: url('images/page-tickets.png'); }

.svg .single-info .illustratie { background-image: url('images/info-faq.svg'); }


.svg .postid-690 .illustratie,
.svg .postid-17714 .illustratie { background-image: url('images/info-about.svg'); }

.svg .postid-92 .illustratie,
.svg .postid-17718 .illustratie { background-image: url('images/info-houserules.svg'); }

.svg .postid-1237 .illustratie,
.svg .postid-17722 .illustratie { background-image: url('images/info-foundation.svg'); }

.svg .postid-1966 .illustratie,
.svg .postid-17720 .illustratie { background-image: url('images/info-lostandfound.svg'); }

.svg .postid-2000 .illustratie,
.svg .postid-17733 .illustratie { background-image: url('images/info-sponsors.svg'); }

.svg .postid-1998 .illustratie, 
.svg .postid-17726 .illustratie { background-image: url('images/info-partners.svg'); }

.svg .postid-1996 .illustratie,
.svg .postid-17739 .illustratie { background-image: url('images/info-faq.svg'); }

.svg .postid-2005 .illustratie,
.svg .postid-17737 .illustratie { background-image: url('images/info-vacatures.svg'); }

.svg .page-id-5 .illustratie,
.svg .page-id-17703 .illustratie  { background-image: url('images/page-contact.svg'); }

.svg .page-id-248 .illustratie,
.svg .page-id-17696 .illustratie { background-image: url('images/page-tickets.svg'); }


/* error 404 */
.error404 { margin-top: 100px; }
.error404 .illustratie { background-image: url('images/404.svg'); }
.svg .error404 .illustratie { background-image: url('images/404.svg'); }

/* genres */
ul.genres { list-style: none; margin: 0; padding: 0; display: block; margin-bottom: 10px; }
ul.genres li { display: inline-block; margin-right: 5px; margin-bottom: 10px; }
ul.genres li a { background-color: #fff; color: #000; padding: 7px; text-decoration: none; text-transform: uppercase; font-size: 10px; font-family:"avenir_black", sans-serif; font-weight: normal;  }

/* details */
.details { text-align: left; margin: 0 auto; background-color: #fff; width: 100%; margin-bottom: 20px; font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; }
.details .website_urls a { color: #000; text-decoration: underline; }
.details .contentinner { padding: 30px 40px 0px 40px; }
.details p { padding: 0px 80px 0px 0px; }
.details h2 { font-size: 32px; text-transform: uppercase; font-family: "block"; line-height: 42px; word-wrap: break-word; margin-bottom: 5px; }
.details ul.genres li a { background-color: #000; color: #fff; }
.details.mfood ul.genres li a { background-color: #E55A3C; }
.details.mclub ul.genres li a { background-color: #000; }
.details.mlive ul.genres li a { background-color: #1490E6; }
.details.mgarden ul.genres li a { background-color: #3C7039; }
.no-touch .details.mfood ul.genres li a:hover { background-color: #F5EFE6; color: #E55A3C; }
.no-touch .details.mclub ul.genres li a:hover { background-color: #F5EFE6; color: #000; }
.no-touch .details.mlive ul.genres li a:hover { background-color: #F5EFE6; color: #1490E6; }
.no-touch .details.mgarden ul.genres li a:hover { background-color: #F5EFE6; color: #3C7039; }

/* btn (alleen in gebruik op detail pagina) */
.btn { background-color: #000; color: #fff; /* bottom: 20px; */ right:auto; font-family:"avenir_black", sans-serif; font-weight:normal; font-style:normal; font-size: 16px; margin: 10px 20px 10px 0px; padding: 15px 20px 15px 20px; position: relative; float: left; text-transform: uppercase; display: block; }
/* .btn.last { margin-right: 0px; } */

/* button */
.no-touch .btn:hover { color: #000; background-color: #F5EFE6; }
.btn i { font-size: 24px;}
.mfood .btn { background-color: #E55A3C; }
.no-touch .mfood .btn:hover { background-color: #F5EFE6; color: #E55A3C; }
.mclub .btn { background-color: #000; }
.no-touch .mclub .btn:hover { background-color: #F5EFE6; color: #000; }
.mlive .btn { background-color: #1490E6; }
.no-touch .mlive .btn:hover { background-color: #F5EFE6; color: #1490E6; }
.mgarden .btn { background-color: #3C7039; }
.no-touch .mgarden .btn:hover { background-color: #F5EFE6; color: #3C7039; }

/* button inverse (eq soldout) */
.btn.inverse { background-color: #F5EFE6; color: #000; }
.no-touch .btn.inverse:hover { background-color: #F5EFE6; color: #fff; }
.mfood .btn.inverse { background-color: #F5EFE6; color: #E55A3C; }
.no-touch .mfood .btn.inverse:hover { background-color: #E55A3C; color: #fff; }
.mclub .btn.inverse { background-color: #F5EFE6; color: #000;  }
.no-touch .mclub .btn.inverse:hover { background-color: #000; color: #fff; }
.mlive .btn.inverse { background-color: #F5EFE6; color: #1490E6;}
.no-touch .mlive .btn.inverse:hover { background-color: #1490E6; color: #fff; }
.mgarden .btn.inverse { background-color: #F5EFE6; color: #3C7039;}
.no-touch .mgarden .btn.inverse:hover { background-color: #3C7039; color: #fff; }

.halfblok .btn {
	margin-bottom: 30px;
	display:block;
}


/* single event */
.single-event .beeld .date { 
	background-color: #000; 
	color: #fff; 
	position: absolute; 
	bottom: 20px; 
	left: 20px; 
	z-index: 81; 
	display: block; 
	padding: 14px 20px 14px 20px; 
	text-transform: uppercase; 
	font-family: "block"; 
	font-size: 32px; 
	line-height: 32px;
}

@media only screen and (max-width: 960px) {
	.single-event .beeld .date { 
		padding: 5px 10px 4px 10px; 
		font-size: 16px; 
		line-height: 32px; 
	}
}

.single-event .mfood .beeld .date { background-color: #E55A3C; }
.single-event .mclub .beeld .date { background-color: #000; }
.single-event .mlive .beeld .date { background-color: #1490E6; }
.single-event .mgarden .beeld .date { background-color: #3C7039; }
.single-event .type-post { margin: 0px 0px 40px 0px; }

/* title */
.mfood .title, .mfood .title a { background-color: #E55A3C; color: #fff; }
.mclub .title, .mclub .title a { background-color: #000; color: #fff; }
.mlive .title, .mlive .title a { background-color: #1490E6; color: #fff; }
.mgarden .title, .mlive .title a { background-color: #3C7039; color: #fff; }
h2.toptitle{ margin-bottom: 7px; }
h2.subtitle{ margin-top: 4px; }

/* event highlight date */
.highlight { 
	position: relative;
	overflow: hidden !important;
}

.highlight .ticketbtn {
	z-index: 20;
}

.highlight .date { background-color: #1490E6; color: #fff; position: absolute; bottom: 20px; left: 20px; z-index: 81; display: block; padding: 13px 20px 14px 20px; text-transform: uppercase; font-family: "block"; font-size: 32px; line-height: 32px; }
.highlight.mfood .date { background-color: #E55A3C; color: #fff; }
.highlight.mclub .date { background-color: #000; color: #fff; }
.highlight.mlive .date { background-color: #1490E6; color: #fff; }
.highlight.mgarden .date { background-color: #3C7039; color: #fff; }
.no-touch .highlight.mfood:hover .date { background-color: #fff; color: #E55A3C; }
.no-touch .highlight.mclub:hover .date { background-color: #fff; color: #000; }
.no-touch .highlight.mlive:hover .date { background-color: #fff; color: #1490E6; }
.no-touch .highlight.mgarden:hover .date { background-color: #fff; color: #3C7039; }

/* highlight title */
.title { color: #000; display: block; width: 100%; text-align: center; margin: 0; padding: 0; padding: 20px 0;}
.title svg { display: block; margin: 20px auto; }
.title h1 { margin: 0 auto; padding: 0px 50px; }
.title h2 { margin: 0 auto; max-width: 840px; font-size: 24px; line-height: 24px; }
.title div { padding: 20px; }
.highlight.mfood .title, .mfood .title a { background-color: #E55A3C; color: #fff; }
.no-touch .highlight.mfood:hover .title, .mfood .title a { background-color: #fff; color: #E55A3C; }
.highlight.mclub .title, .mclub .title a { background-color: #000; color: #fff; }
.no-touch .highlight.mclub:hover .title, .mclub .title a { background-color: #fff; color: #000; }
.highlight.mlive .title, .mlive .title a { background-color: #1490E6; color: #fff; }
.no-touch .highlight.mlive:hover .title, .mlive .title a { background-color: #fff; color: #1490E6; }
.highlight.mgarden .title, .mgarden .title a { background-color: #3C7039; color: #fff; }
.no-touch .highlight.mgarden:hover .title, .mgarden .title a { background-color: #fff; color: #3C7039; }


/* ticket button */
.ticketbtn { 
	background-color: #fff; 
	position: absolute; 
	bottom: 20px; 
	right: 20px;  
	display: block; 
	padding: 20px 20px 15px 20px; 
	text-decoration: none; 
	text-transform: uppercase; 
	width: 320px; 
	font-size: 24px; 
	color: #000; 
	text-align: center; 
	font-family:"avenir_black", sans-serif; 
	font-weight: normal;
	z-index: 2;
}
.ticketbtn:hover { 
	background-color: #000; 
	color: #fff; 
}

.header-buttons{
	position: absolute; 
	display: block;
	margin: 0;
	padding: 0;
	bottom: 0px; 
	right: 0px;  
	display: block; 
	z-index: 2;
	width: 100%;
	text-align: right;
}

@media only screen and (max-width: 1300px) {
	.header-buttons{
		width: 50%;
	}
}

.header-buttons .ticketbtn,
.header-buttons .bookatable-button,
.header-buttons .inactive-button {
	position: relative !important;
	bottom: 0 !important; 
	right: 0 !important;  
	display: inline-block; 
	margin: 0px 20px 20px 0;
	padding: 20px 20px 15px 20px; 
	text-decoration: none; 
	text-transform: uppercase; 
	width: 320px; 
	font-size: 24px; 
	color: #000; 
	text-align: center; 
	font-family:"avenir_black", sans-serif; 
	font-weight: normal;
}

@media only screen and (max-width: 960px) {
	.header-buttons .ticketbtn,
	.header-buttons .bookatable-button
	 { 
		padding: 10px 15px 7px 15px; 
		font-size: 16px; 
		width: auto; 
	}
}

.header-buttons .ticketbtn:hover { 
	color: #fff; 
	background-color: #000; 
}

.header-buttons .bookatable-button {
	color: white; 
	background-color: #E55A3C;
	margin-top: 20px;
}

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

.header-buttons .inactive-button {
	color: white; 
	background-color: black;
}


/* big black button */
.button { background-color: #000; width: 100%; display: block; font-family: "block"; margin-top: 40px; }
.button.notopmargin { margin-top: 0px; }
.button div { padding: 60px; display: block; }
.button div a { font-size: 24px; padding: 20px 70px; text-decoration: none; text-transform: uppercase; background-color: #fff; color: #000; width: 400px;}
.no-touch .button:hover div a { background-color: #000; color: #fff; }
.button.mfood { background-color: #E55A3C; }
.button.mclub { background-color: #000; }
.button.mlive { background-color: #1490E6; }
.button.mfood div a { color: #E55A3C; }
.button.mclub div a { color: #000; }
.button.mlive div a { color: #1490E6; }
.button.mgarden div a { color: #3C7039; }

/* knop oa contact */
a.knop { background-color: #000; width: 260px; display: block; font-family: "block"; font-size: 24px; padding: 28px 70px; color: #fff; text-transform: uppercase; text-align: center; }
a.knop:hover { background-color: #F5EFE6; color: #000; }

/* filter */
#filter { 
	position: relative; 
	display: block; 
	padding: 20px 40px 0px 40px; 
	height: 60px;
}

#filter .inner { position: relative; }
#filter .left { width: 780px; position: absolute; z-index: 11; }
#filter .right { width: 820px; text-align: right;  position: absolute; right: 0; z-index: 10; }
#topyears { display: none; }

/* filter inline */
ul.inline { display: block; list-style: none; margin: 0; padding: 0; float: left; }
ul.inline li { display: inline-block; list-style: none; margin: 0; padding: 0; margin-right: 20px; }
ul.inline li a { text-decoration: none; background-color: #fff; color: #000; padding: 20px 20px 16px 20px; margin: 0; text-transform: uppercase; font-family:"avenir_black", sans-serif; font-weight:normal; font-style:normal; font-size: 24px; display: block;}
ul.inline li a:hover { background-color: #000; color: #fff; }
ul.inline li.cat-item-432 a { background-color: #000; color: #fff; }
ul.inline li.cat-item-432 a:hover { background-color: #fff; color: #000; }
ul.inline li.cat-item-432 a.active { background-color: #fff; color: #000; }
ul.inline li.cat-item-433 a { background-color: #E55A3C; color: #fff; }
ul.inline li.cat-item-433 a:hover { background-color: #fff; color: #E55A3C; }
ul.inline li.cat-item-433 a.active { background-color: #fff; color: #E55A3C; }
ul.inline li.cat-item-434 a { background-color: #1490E6; color: #fff; }
ul.inline li.cat-item-434 a:hover { background-color: #fff; color: #1490E6; }
ul.inline li.cat-item-434 a.active { background-color: #fff; color: #1490E6; }
ul.inline li.cat-item-495 a { background-color: #3C7039; color: #fff; }
ul.inline li.cat-item-495 a:hover { background-color: #fff; color: #3C7039; }
ul.inline li.cat-item-495 a.active { background-color: #fff; color: #3C7039; }

/* filter pulldown */
ul.pulldown { display: block; list-style: none; margin: 0; padding: 0; z-index: 200px;}
ul.pulldown li { display: inline-block; list-style: none; margin: 0px 0px 20px 10px; }

ul.pulldown li a { 
	text-decoration: none; 
	background-color: #000; 
	color: #fff; 
	padding: 19px 20px 14px 20px; 
	margin: 0; text-transform: uppercase; 
	font-family:"avenir_black", sans-serif; 
	font-weight:normal; 
	font-style:normal; 
	font-size: 24px; 
	display: block; 
/* 	pointer-events: none; */
}

ul.pulldown li.all a { padding: 20px 20px 16px 20px; }

ul.pulldown li ul { 
	display: none; 
	background-color: #000; 
	list-style:none; 
	position:absolute; 
	z-index: 190; 
	width: 160px; 
	padding: 0; 
	margin: 0; 
	overflow-y: scroll;
	max-height: 240px;
}

ul.pulldown li a.white { background-color: #fff; color: #000; }
ul.pulldown li a.white:hover { background-color: #000; color: #fff; }

ul.pulldown li ul li { margin: 0; padding: 0; position: relative; width: 100%; display: block;}
ul.pulldown li ul li a { text-decoration: none; color: #fff; padding: 10px 10px 5px 10px; display: block; text-align: left; font-family:"avenir_black", sans-serif; font-weight:normal; font-style:normal; font-size: 16px; }
ul.pulldown li ul li a:hover { color: #000; background-color: #fff; }

/*
ul.pulldown li:hover ul { display: block; }
ul.pulldown li ul:hover li { display: block; }
*/

ul.pulldown li.open ul { display: block; } 

ul.pulldown li ul li a.active { background-color: #fff; color: #000; }

#years {  /* width: 200px; */}
#genre { /* width: 200px; */}
#concept { right: 0; /* width: 300px; */}
#categories { right: 0; }

@media only screen and (max-width: 1360px) {
	.post-type-archive-post #filter,
	.page-id-37924 #filter { 
		display: none;
	}
	
	.post-type-archive-post .isotope { margin-top: 20px; }	
	
	/* filter */
	#filter {  padding: 20px 40px 0px 40px; height: 40px; }
	ul.inline li { margin-right: 15px; }
	ul.inline li a {  padding: 10px 15px 7px 15px; font-size: 16px; }
	ul.pulldown li a {  padding: 10px 15px 7px 15px; font-size: 16px; }
	.post-type-archive-event ul.pulldown li { margin-right: 0px; /* margin-left: 10px;  */ }
	ul.pulldown li.all a { padding: 10px 15px 7px 15px; }
	.post-type-archive-post #filter,
	.page-id-37924 #filter  { display: none; }
	.post-type-archive-post .isotope { margin-top: 20px; }
}

@media only screen and (max-width: 920px) {
	
	/* 	filter */	
	#filter { 
		padding: 20px 20px 0px 20px;
	}
	
	.post-type-archive-event #filter .left { 
		width: 100%; 
		position: relative; 
		display: block; 
		clear: both; 
	}
	
	.post-type-archive-event #filter .right {
		width: 100%; 
		position: relative; 
		text-align: left; 
		z-index: 99; 
		margin: 20px 0px 0px 0px;
	}
	
	.post-type-archive-event ul.pulldown{
		margin-bottom: 20px;
	}

	.post-type-archive-event ul.pulldown li {
		margin: 0px 10px 0px 0px;
	}
	
	.post-type-archive-event #concept { 
		right: auto;
	}
}


/* agenda home */
.home #agenda { height: auto; padding: 40px 0px 20px 0px; background-color: #fff; height: 200px; width: 100%; margin: 0 auto; }
.home #agenda .wrap { max-width: 1280px; margin: 0 auto; position: relative; padding: 0 80px; }
.home #agenda .scroller { position: relative; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; max-width: 1280px; margin: 0 auto; }
.home #agenda .container { width: 9000px; margin: 0 auto; padding: 0; max-width: none; }
.home #agenda .arrow { background-image: url('images/arrows.png'); width: 40px; height: 60px; padding: 0; position: absolute; }
.svg .home #agenda .arrow { background-image: url('images/arrows.svg'); }
.home #agenda .arrow.left { background-position: left top; left: 20px; top: 60px;}
.no-touch .home #agenda .arrow.left:hover { background-position: left bottom;}
.home #agenda .arrow.right { background-position: right top; right: 20px; top: 60px; }
.no-touch .home #agenda .arrow.right:hover { background-position: right bottom;}

/* smallblock (home / navagatie) */
.smallblock { width: 184px; height: 140px; margin-right: 40px; margin-bottom: 20px; font-family: "block"; font-size: 24px; line-height: 14px; float: left; text-transform: uppercase; padding: 20px; text-align: left; overflow: hidden; background-color: #000; color: #fff;}
.no-touch .smallblock:hover { background-color: #F5EFE6; color: #000;}
.smallblock h2.date { color: #fff; }
.no-touch .smallblock:hover h2.date { color: #000; }
.smallblock h2 { font-size: 24px; line-height: 24px; }
.smallblock.mfood { background-color: #E55A3C; color: #000; }
.no-touch .smallblock.mfood:hover { background-color: #F5EFE6; }
.smallblock.mclub { background-color: #000; color: #1490E6; }
.no-touch .smallblock.mclub:hover { background-color: #F5EFE6; }
.smallblock.mlive { background-color: #1490E6; color: #000; }
.no-touch .smallblock.mlive:hover { background-color: #F5EFE6; }
.smallblock.mgarden { background-color: #3C7039; color: #000; }
.no-touch .smallblock.mgarden:hover { background-color: #F5EFE6; }
/* last block, complete agenda */
.smallblock.white { background-color: white; color: black; }
.no-touch .smallblock.white:hover { background-color: #F5EFE6;  }

/* categories */
ul.categories { margin: 0px 0px 0px 20px; padding: 0; font-family:"avenir_black", sans-serif; font-weight:normal; font-style:normal; position: absolute; bottom: 100px; font-size: 16px; line-height: auto; z-index: 20; }
ul.categories li { list-style: none;  display: inline-block; margin: 0; padding: 0; margin-right: 10px; }
ul.categories li a { padding: 10px 15px 7px 15px; display: block; background-color: #fff; text-transform: uppercase; }
.mfood ul.categories li a { color: #E55A3C; }
.mclub ul.categories li a { color: #000; }
.mlive ul.categories li a { color: #1490E6; }
.mgarden ul.categories li a { color: #3C7039; }

@media all and (max-width: 960px){
	ul.categories {
		bottom: 80px;
	}
}

.no-touch .mfood ul.categories li a:hover { background-color: #E55A3C; color: #fff; }
.no-touch .mclub ul.categories li a:hover { background-color: #000; color: #fff; }
.no-touch .mlive ul.categories li a:hover { background-color: #1490E6; color: #fff; }
.no-touch .mgarden ul.categories li a:hover { background-color: #3C7039; color: #fff; }

.no-touch .type-event.highlight.mfood:hover ul.categories li a { background-color: #E55A3C; color: #fff; }
.no-touch .type-event.highlight.mclub:hover ul.categories li a { background-color: #000; color: #fff; }
.no-touch .type-event.highlight.mlive:hover ul.categories li a { background-color: #1490E6; color: #fff; }
.no-touch .type-event.highlight.mgarden:hover ul.categories li a { background-color: #3C7039; color: #fff; }

/* event default */
.eventdefault { position: relative; text-align: left; min-height: 220px; padding: 0px; margin: 0px 0px 20px 0px; padding: 0; display: block; color: #fff; background-color: #000; text-transform: uppercase; font-family: "block"; overflow: hidden;}
.eventdefault:hover .gray { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.eventdefault ul.categories { margin: 0; bottom: 20px;}

.klikker {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.eventcontainer { 
	padding-left: 190px; 
	padding-right: 400px; 
	overflow: hidden;

}
.column { position: relative; float: left; }
.eventdefault .date { width: 190px; right: 190px; margin-left: -100%; height: 180px; color: #fff; padding: 20px 0px 20px 20px;  }
.eventdefault .date h1 { font-size: 94px; line-height: 84px; padding: 0;}
.eventdefault .date h2 { font-size: 24px; line-height: 24px; }
.eventdefault .main { width: 100%; padding: 20px 0px 20px 0px; }

.eventdefault .main h1 { 
	background-color: none; 
	color: #fff;
	font-size: 62px;
	line-height: 52px; 
	padding: 0;
}


.eventdefault .main h2 { background-color: none; color: #fff; line-height: 24px; }
.eventdefault .thumbnail {	width: 400px; margin-right: -400px; min-height: 220px; background-size: cover; }

.eventdefault.mfood { background-color: #E55A3C; color: #000; }
.no-touch .eventdefault.mfood:hover { background-color: #fff; }
.no-touch .eventdefault.mfood:hover ul.genres li a { background-color: #E55A3C; color: #fff; }
.no-touch .eventdefault.mfood:hover h1 { color: #E55A3C; }
.no-touch .eventdefault.mfood:hover h2 { color: #E55A3C; }
.no-touch .eventdefault.mfood:hover .date { color: #E55A3C; }
.eventdefault.mfood ul.categories li a { background-color: #fff; color:#E55A3C; }
.no-touch .eventdefault.mfood:hover ul.categories li a { background-color: #E55A3C; color:#fff; }

.eventdefault.mclub { background-color: #000; color: #1490E6; }
.no-touch .eventdefault.mclub:hover { background-color: #fff; }
.no-touch .eventdefault.mclub:hover ul.genres li a { background-color: #000; color: #fff; }
.no-touch .eventdefault.mclub:hover h1 { color: #000; }
.no-touch .eventdefault.mclub:hover h2 { color: #000; }
.no-touch .eventdefault.mclub:hover .date { color: #000; }
.eventdefault.mclub ul.categories li a { background-color: #fff; color:#000; }
.no-touch .eventdefault.mclub:hover ul.categories li a { background-color: #000; color:#fff; }

.eventdefault.mlive { background-color: #1490E6; color: #000; }
.no-touch .eventdefault.mlive:hover { background-color: #fff; }
.no-touch .eventdefault.mlive:hover ul.genres li a { background-color: #1490E6; color: #fff; }
.no-touch .eventdefault.mlive:hover h1 { color: #1490E6; }
.no-touch .eventdefault.mlive:hover h2 { color: #1490E6; }
.no-touch .eventdefault.mlive:hover .date { color: #1490E6; }
.eventdefault.mlive ul.categories li a { background-color: #fff; color:#1490E6; }
.no-touch .eventdefault.mlive:hover ul.categories li a { background-color: #1490E6; color:#fff; }

.eventdefault.mgarden { background-color: #3C7039; color: #000; }
.no-touch .eventdefault.mgarden:hover { background-color: #fff; }
.no-touch .eventdefault.mgarden:hover ul.genres li a { background-color: #3C7039; color: #fff; }
.no-touch .eventdefault.mgarden:hover h1 { color: #3C7039; }
.no-touch .eventdefault.mgarden:hover h2 { color: #3C7039; }
.no-touch .eventdefault.mgarden:hover .date { color: #3C7039; }
.eventdefault.mgarden ul.categories li a { background-color: #fff; color:#3C7039; }
.no-touch .eventdefault.mgarden:hover ul.categories li a { background-color: #3C7039; color:#fff; }



.eventdefault ul.genres { margin-bottom: 0px; }
.eventdefault.mfood ul.genres li a { color: #E55A3C; }
.eventdefault.mclub ul.genres li a { color: #000; }
.eventdefault.mlive ul.genres li a { color: #1490E6; }
.eventdefault.mgarden ul.genres li a { color: #3C7039; }



/* (event) navigatie */
#navigatie { background-color: #fff; padding-top: 40px; padding-bottom: 20px; }
#navigatie .container { max-width: 1440px; }
#navigatie .right .hentry { float: right; margin-right: 0;  }
#navigatie .arrow { background-image: url('images/arrows.png'); width: 40px; height: 60px; margin: 60px 20px 0px 20px; }
.svg #navigatie .arrow { background-image: url('images/arrows.svg'); }
#navigatie .arrow.left { background-position: left top; float: left; margin-left: 20px; }
#navigatie .arrow.left:hover { left: 0; background-position: left bottom; }
#navigatie .arrow.right { background-position: right top; float: right; margin-right: 20px;}
#navigatie .arrow.right:hover { background-position: right bottom;}

/* default */
.default { 
	max-width: 400px; 
	background-color: #fff; 
	height: 480px; 
	min-height: 480px;
	text-align: left; 
	color: #fff; 
	overflow: hidden; 
	position: relative; 
}

.default .wp-post-image { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter  1s; transition: -webkit-filter  1s;}
.default:hover .wp-post-image { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.no-touch .default:hover { background-color: #000; }
.no-touch .default:hover h2 { color: #fff; }
.no-touch .default:hover .excerpt { color: #fff; }
.default .thumbnail { width: 100%;  min-height: 220px; }
.default.mclub .thumbnail { background-color: #fff; }
.default.mlive .thumbnail { background-color: #fff; }
.default img { width: 100%; height: auto; display: block;}
.default .category { height: 44px; }
.default .category h2 { margin: 16px 20px 0px 20px; font-size: 24px; }
.default h2 { margin: 20px 20px 0px 20px; font-size: 32px; line-height: 32px;}
.default .excerpt { margin: 0px 20px 20px 20px; font-family:"avenir_black", sans-serif; font-weight: normal; color: #000; }
.default p { margin: 10px 0px; padding: 0;}
.default .line { display: none; }

.type-post.default h2 { color: #000; }
.type-page.default h2 { color: #000; }
.type-page.default .date { display: none; }
.type-page.default .excerpt { color: #000; }

.type-event.default .genres { position: absolute; left: 20px; bottom: 0px; }
.type-event.default .excerpt { display: none; }

.type-event.default.mfood { background-color: #E55A3C; }
.type-event.default.mclub { background-color: #000; }
.type-event.default.mclub h2 { color: #fff; }
.type-event.default.mlive { background-color: #1490E6; }
.type-event.default.mgarden { background-color: #3C7039; }

.no-touch .type-event.default.mfood:hover { background-color: #fff; }
.no-touch .type-event.default.mfood:hover h2 { color: #E55A3C; }
.no-touch .type-event.default.mclub:hover { background-color: #fff; }
.no-touch .type-event.default.mclub:hover h2 { color: #000; }
.no-touch .type-event.default.mlive:hover { background-color: #fff; }
.no-touch .type-event.default.mlive:hover h2 { color: #1490E6; }

.no-touch .type-event.default.mgarden:hover { background-color: #fff; }
.no-touch .type-event.default.mgarden:hover h2 { color: #3C7039; }

.no-touch .type-event.default.mfood:hover ul.genres li a { background-color: #E55A3C; color: #fff; }
.no-touch .type-event.default.mclub:hover ul.genres li a { background-color: #000; color: #fff; }
.no-touch .type-event.default.mlive:hover ul.genres li a { background-color: #1490E6; color: #fff; }
.no-touch .type-event.default.mgarden:hover ul.genres li a { background-color: #3C7039; color: #fff; }

.type-event.default .line { display: none; }
.type-event .line { display: block; width: 400px; height: 20px; margin: 0 auto; padding: 0; background-repeat: no-repeat; }
.type-event .line.top { position: relative; margin: 0px auto 20px auto; }
.type-event .line.bottom { margin: 20px auto 0px auto; }
.type-event.mfood .title .line { background-image: url('images/line-food.png'); }
.type-event.mclub .title .line { background-image: url('images/line-club.png'); }
.type-event.mlive .title .line { background-image: url('images/line-live.png'); height: 25px; }
.svg .type-event.mfood .title .line { background-image: url('images/line-food.svg'); }
.svg .type-event.mclub .title .line { background-image: url('images/line-club.svg'); }
.svg .type-event.mlive .title .line { background-image: url('images/line-live.svg'); height: 25px; }

/* banner */
.isotope .category-banner { min-height: 220px; }
.isotope .category-banner { max-width: 1280px; height: 220px; }
.isotope .category-banner .category { display: none; }
.isotope .category-banner .thumbnail { max-width: 400px; float: left; margin-right: 20px;}
.isotope .category-banner .excerpt{ display: none; }
.isotope .category-banner h2 { font-size: 60px; text-transform: uppercase; font-family: "block"; line-height: 60px; padding: 0px; color: #000; }
.isotope .category-banner.mfood { background-color: #E55A3C; color: #fff; }
.isotope .category-banner.mclub { background-color: #000; color: #fff; }
.isotope .category-banner.mclub h2 { color: #1490E6;}
.isotope .category-banner.mlive { background-color: #1490E6; color: #fff; }
.isotope .category-banner .line { display: none; }

/* magazine */
.single-post .highlight .date { display: none; }
.single-post .highlight .categories { display: none; }
.single-post .highlight svg { display: none; }
.single-post .title { background-color: #fff; color: #000; }
.single-post .title h1 { color: #000; }

/* event highlight */
.isotope .type-event.highlight { margin-bottom: 20px; }

/*
.isotope {
	min-height: 600px;
}
*/

/* event highlight beeld */
.beeld { position: relative; }
.beeld .image { position: relative; display: block; width: 100%; height: auto; overflow: hidden; padding-top: 20%; min-height: 200px; max-height: 540px; background-size: cover; background-position: center center; }
.type-event.highlight:hover .beeld .image  { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.single .beeld:hover .image { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

/* magazine highlight */
/* .type-post.highlight .table { margin: 0 auto; width: 100%; min-height: 540px; } */
.isotope .type-post.highlight .table .left { padding: 0px; }

.post-type-archive-event .isotope .type-post.highlight { margin: 20px 0px 40px 0px; }
.isotope .type-post.highlight { background-color: none; }
.isotope .type-post.highlight p { padding: 0; }
.isotope .type-post.highlight .table { margin: 0 auto; width: 84%; min-height: 540px; }
.type-post.highlight .left { float: none; padding-bottom: 20px; padding: 30px; font-family:"avenir_black", sans-serif; font-weight: normal; text-align: left; background-color: #fff; }
.type-post.highlight .left h1 { margin: 0px 20px 10px 20px; }

.type-post.highlight  h1 { margin: 0; padding: 0; }

.type-post.highlight .left h2 { margin: 10px 20px; }
.type-post.highlight .excerpt { margin: 0px 20px 10px 20px; }
.type-post.highlight .excerpt p { padding: 0px;}
.type-post.highlight .left .line.top { position: relative; margin: 20px 0px 10px 20px; }
.type-post.highlight .left .line.bottom { position: absolute; bottom: 20px; left: 20px; }
.type-post.highlight .right { float: none; background-color: #000; background-size: cover; }
.no-touch .type-post.highlight:hover .left { background-color: #000; }
.no-touch .type-post.highlight:hover h1 { color: #fff; }
.no-touch .type-post.highlight:hover h2 { color: #fff; }
.no-touch .type-post.highlight:hover .excerpt { color: #fff; }
.no-touch .type-post.highlight:hover .right { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.type-post.highlight .left .line { display: none; }
.type-post.category-interview.highlight .left .line { display: block; }

/* interview default */
.category-interview h2 { margin-top: 16px; color: #000; }
.category-interview .line { display: block; width: 360px; height: 20px; margin-top: 20px; background-repeat: no-repeat; }
.category-interview .line.top { position: relative; margin: 20px 0px 0px 20px; }
.category-interview .line.bottom { position: absolute; bottom: 20px; left: 20px;}
.category-interview .excerpt { display: none; }
.category-interview.mfood .line { background-image: url('images/line-small-food.png'); }
.no-touch .category-interview.mfood:hover .line { background-image: url('images/line-small-food-hover.png'); }
.category-interview.mclub .line { background-image: url('images/line-small-club.png'); }
.no-touch .category-interview.mclub:hover .line { background-image: url('images/line-small-club-hover.png'); }
.category-interview.mlive .line { background-image: url('images/line-small-live.png'); height: 25px; }
.no-touch .category-interview.mlive:hover .line { background-image: url('images/line-small-live-hover.png'); }
.svg .category-interview.mfood .line { background-image: url('images/line-small-food.svg'); }
.no-touch .svg .category-interview.mfood:hover .line { background-image: url('images/line-small-food-hover.svg'); }
.svg .category-interview.mclub .line { background-image: url('images/line-small-club.svg'); }
.no-touch .svg .category-interview.mclub:hover .line { background-image: url('images/line-small-club-hover.svg'); }
.svg .category-interview.mlive .line { background-image: url('images/line-small-live.svg'); height: 25px; }
.no-touch .svg .category-interview.mlive:hover .line { background-image: url('images/line-small-live-hover.svg'); }

/* interview highlight */
.category-interview.highlight .left { padding-bottom: 0; position: relative; max-width: 400px; }
.category-interview.highlight .left h1 { margin-bottom: 40px;}
.category-interview.highlight .left .line { background-repeat: no-repeat; width: 600px; height: 20px; background-position: left top; }
.category-interview.highlight.mfood .left .line { background-image: url('images/line-food-highlight-inteview.png'); }
.no-touch .category-interview.highlight.mfood:hover .left .line { background-image: url('images/line-food-highlight-inteview-hover.png'); }
.category-interview.highlight.mclub .left .line { background-image: url('images/line-club-highlight-inteview.png'); }
.no-touch .category-interview.highlight.mclub:hover .left .line { background-image: url('images/line-club-highlight-inteview-hover.png'); }
.category-interview.highlight.mlive .left .line { background-image: url('images/line-live-highlight-inteview.png'); height: 25px; }
.no-touch .category-interview.highlight.mlive:hover .left .line { background-image: url('images/line-live-highlight-inteview-hover.png'); }
.svg .category-interview.highlight.mfood .left .line { background-image: url('images/line-food-highlight-inteview.svg'); }
.no-touch .svg .category-interview.highlight.mfood:hover .left .line { background-image: url('images/line-food-highlight-inteview-hover.svg'); }
.svg .category-interview.highlight.mclub .left .line { background-image: url('images/line-club-highlight-inteview.svg'); }
.no-touch .svg .category-interview.highlight.mclub:hover .left .line { background-image: url('images/line-club-highlight-inteview-hover.svg'); }
.svg .category-interview.highlight.mlive .left .line { background-image: url('images/line-live-highlight-inteview.svg'); height: 25px; }
.no-touch .svg .category-interview.highlight.mlive:hover .left .line { background-image: url('images/line-live-highlight-inteview-hover.svg'); }
.category-interview.highlight .left .line.top { position: relative; margin: 20px 0px 10px 20px; }
.category-interview.highlight .left .line.bottom { position: absolute; }

/* platentas */
.isotope .category-platentas .excerpt { display: none; }
.isotope .category-platentas .line { display: none; }
.isotope .category-platentas .thumbnail img { display: none; }

/* platentas highlight */
.isotope .category-platentas.highlight { background-color: none; width: 100%; min-height: 540px; background-repeat: no-repeat; background-position: center 40px; position: relative; background-size: auto; }

.isotope .category-platentas.highlight h1 { 
	margin: 0 auto; 
	width: 100%; 
	text-align: center; 
	position: absolute; 
	bottom: 00px; 
}

.no-touch .isotope .category-platentas.highlight:hover { background-color: #fff; }
.isotope .category-platentas.mfood h2 { color: #E55A3C; }
.isotope .category-platentas.mclub h2 { color: #000; }
.isotope .category-platentas.mlive h2 { color: #1490E6; }
.isotope .category-platentas.highlight.mfood h1 { color: #E55A3C; }
.isotope .category-platentas.highlight.mclub h1 { color: #000; }
.isotope .category-platentas.highlight.mlive h1 { color: #1490E6; }
.no-touch .isotope .category-platentas.mfood:hover h2 { color: #fff; }
.no-touch .isotope .category-platentas.mclub:hover h2 { color: #fff; }
.no-touch .isotope .category-platentas.mlive:hover h2 { color: #fff; }
.isotope .category-platentas .thumbnail { background-image: url('images/platentas-small-club.png'); }
.svg .isotope .category-platentas .thumbnail { background-image: url('images/platentas-small-club.svg'); }
.isotope .category-platentas.mfood .thumbnail { background-image: url('images/platentas-small-food.png'); }
.isotope .category-platentas.mclub .thumbnail { background-image: url('images/platentas-small-club.png'); }
.isotope .category-platentas.mlive .thumbnail { background-image: url('images/platentas-small-live.png'); }
.svg .isotope .category-platentas.mfood .thumbnail { background-image: url('images/platentas-small-food.svg'); }
.svg .isotope .category-platentas.mclub .thumbnail { background-image: url('images/platentas-small-club.svg'); }
.svg .isotope .category-platentas.mlive .thumbnail { background-image: url('images/platentas-small-live.svg'); }
.isotope .category-platentas.highlight.mfood { background-image: url('images/platentas-food.png'); }
.isotope .category-platentas.highlight.mclub { background-image: url('images/platentas-club.png'); }
.isotope .category-platentas.highlight.mlive { background-image: url('images/platentas-live.png'); }
.svg .isotope .category-platentas.highlight.mfood { background-image: url('images/platentas-food.svg'); }
.svg .isotope .category-platentas.highlight.mclub { background-image: url('images/platentas-club.svg'); }
.svg .isotope .category-platentas.highlight.mlive { background-image: url('images/platentas-live.svg'); }

/* illustration */
.illustration { background-color: #000; padding: 40px; }
.illustration h1 { color: #fff; margin-top: 40px; }
.illustration img { width: 100%; height: auto; max-width: 780px; }

/* video */
.videoblok { background-color: #fff; padding: 40px; display: block; }
.videoblok h1 { color: #000; margin-bottom: 40px;}

/* contact */
#contact { background-color: #fff; color: #000; }
#contact .content { padding: 0px; max-width: 640px; float: right; width: 100%; }
#contact h1 { font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 48px; line-height: 48px; margin-bottom: 20px; }
#contact p ,#contact address { font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 24px; line-height: 30px; padding: 0; }
#contact address a { color: #000; text-decoration: none; }
#contact .btn {  font-size: 14px; margin-top: 10px; padding: 7px 10px 7px 10px; }
.no-touch .btn:hover { color: #000; background-color: #F5EFE6; }
#contact .btn i { font-size: 20px;}
#contact .wrap { padding: 40px; }

/* halfhalf */
.halfblok.mfood { background-color: #e65b3c; color: #fff; }
.halfblok.mgarden { background-color: #3C7039; color: #fff; }
.halfblok.mclub { background-color: #000; color: #fff; }
.halfblok.mlive { background-color: #1490E6; color: #fff;  }

.halfblok .content { padding: 0px; max-width: 640px; float: right; width: 100%; }
.halfblok.reverse .content { padding: 0px; max-width: 640px; float: left; width: 100%; }
.halfblok h1 { margin-bottom: 20px; }
.halfblok h2 { text-align: left; padding-top: 0;}
.halfblok p { font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 24px; line-height: 30px; padding: 0px 0px 20px 0px; }
.halfblok p a { color: #fff; }
.halfblok .wrap { padding: 40px 40px 20px 40px; }

.halfblok .content ul { margin:0px 40px 20px 60px; padding: 0; font-family:"avenir_black";  font-weight: normal; font-size: 24px; line-height: 30px;}
.halfblok .content ul li { margin:0px 0px 5px 0px; padding: 0; }
.halfblok .content ul li a { color: white; text-decoration: underline; }
.halfblok .content ul li a:hover { color: black; }

/* halfblok */
@media all and (max-width: 768px){
	.halfblok .table { display: block; }
	.halfblok .row { display: block;  width: 100%; }
	.halfblok .cell { display: block; width: 100%; min-height: 340px; }
	.halfblok .content { max-width: 840px; float: none;  margin: 0 auto; display: block; }
	.halfblok a.knop { width: none; }
}

/* restaurant double block */
.bg-black {  }
.bg-black p a { color: #D56246; }

.bg-red { background-color: #E55A3C; }

.double {
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
   -webkit-justify-content: center;
   justify-content: center;	
}

.double .cell:first-child { background-color: #000; text-align: right; }
.double .cell:first-child .wrap  { float: right; }

.double .cell:last-child { background-color: #E55A3C; }

.double .cell .wrap { max-width: 640px; text-align: center; padding: 40px; }
.double .cell { color: #fff;  }
.double .cell img { width: 100%; height: auto; max-width: 640px; }
.double .cell .wrap h1 { margin-bottom: 40px; }

.double .cell .wrap p { 
	max-width: 640px; 
	text-align: center; 
	padding: 0; 
	margin: 0; 
	font-family: "avenir_black", sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
}


.double .cell .wrap { display: none; }
.double .cell:hover img { display: none; }
.double .cell:hover .wrap { display: block; }

@media all and (max-width: 768px){
	.double {
		display: block !important;
	}
	
	.cell {
		width: 100%;
		display: block;
	}
	
	.double .cell .wrap { 
		display: block; 
	}
	
	.double .cell:hover img { 
		display: block; 	
	}
}


/* drieblok */
.drieblok H3, .drieblok H4 { text-align: center; font-family: "block"; text-transform: uppercase; }
.drieblok .cell { display: table-cell; width: 33%; text-align: center; }
.drieblok .content { padding: 0px 20px 0px 20px; }
.drieblok .wideinner { padding-top: 0; }

/* text blok */
.textblok { width: 100%; margin: 0 auto; }
.textblok .inner { padding: 40px 40px 40px 40px; max-width: 840px;}
.textblok h1 { margin-bottom: 20px; }
.textblok h3 a { color: black; text-decoration: underline; }

.textblok .inner.no_extra_padding{
	padding-top: 0px;
}

/* threethird blok bij restaurant */
.threethird h1 { color: #fff; padding-top: 40px; }
.onethird { width: 33%; float: left; padding-top: 20%; text-align: center; display: block; position: relative; background-repeat: no-repeat; background-position: center 10px; background-size: 60%; padding-bottom: 60px;}
.onethird h2 { color: #fff; position: absolute; bottom: 0px; width: 100%; text-align: center; margin-bottom: -10px; }
#restaurant-antipasta { background-image: url('images/restaurant-antipasta.png'); }
#restaurant-steak { background-image: url('images/restaurant-steak.png'); }
#restaurant-pasta { background-image: url('images/restaurant-pasta.png'); }
#restaurant-pizza { background-image: url('images/restaurant-pizza.png'); }
.svg #restaurant-antipasta { background-image: url('images/restaurant-antipasta.svg'); }
.svg #restaurant-steak { background-image: url('images/restaurant-steak.svg'); }
.svg #restaurant-pasta { background-image: url('images/restaurant-pasta.svg'); }
.svg #restaurant-pizza { background-image: url('images/restaurant-pizza.svg'); }

/* spotify (does not work! */
#outerWidgetContainer { width: 100% !important; }

#newsletter { background-color: #1490E6; }

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

/* loading */
#loading-wrap { position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0; color: #fff; text-align: center; display: none; z-index: 999; }
#page-loading { position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0; color: #000; text-align: center; display: none; z-index: 999; background-color: #fff; }

.loading { width: 100px; height: 100px;  margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* mailchimp */
.mc_custom_border_hdr { display: none; }
#mc_signup { max-width: 890px; margin: 0 auto; position: relative; display: block; height: 430px; padding: 0; }
.mc_input { border: none; font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 32px; width: 400px; padding: 14px 20px 8px 20px; }
.mc_var_label { display: none; }
.mc_help { display: none; }
#mc-indicates-required { display: none; }
#mc_mv_EMAIL { position: absolute; /* right: 80px; */ }
#mc_mv_FNAME { position: absolute; top: 0px; left: 0; }
#mc_mv_TNAME { position: absolute; top: 81px; left: 0; }
#mc_mv_LNAME { position: absolute; top: 162px; left: 0; }
	.mc_interests_header  { width: 480px; position: absolute; top: 74px; right: 0; text-align: left; font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; font-size: 32px; }
div.mc_interest { width: 445px; position: absolute; top: 164px; right: 0; text-align: left; height: 30px; padding: 15px; background-color: #000; }
.mc_interest label { background-color: #fff; color: #000; padding: 5px 10px 2px 10px; position: relative; top: 0; text-transform: uppercase; font-size: 12px; float: left; font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; line-height: auto;}
.mc_interest input[type=checkbox] { display: none; }
.mc_interest input[type=checkbox] + label { background-color: #fff; color: #000; margin: 0; margin-right: 10px; }
.mc_interest input[type=checkbox] + label:last-child {  margin-right: 0px; }

.mc_interest input[type=checkbox]:checked + label { background-color: #000; color: #fff; }

#mc_signup_submit { position: absolute; top: 228px; left: 220px; border: none; color: #fff; text-transform: uppercase; padding: 10px; font-size: 24px; padding: 20px 70px; text-decoration: none; text-transform: uppercase; background-color: #000; color: #fff; width: 400px; }
#mc_signup_submit:hover { background-color: white; color: black;}
#mc_message { position: absolute; bottom: 40px; width: 100%; text-align: center; z-index: 9999;}
.mc_error_msg {background-color: white; color: red; padding: 20px; }

.mc_success_msg { background-color: white; color: black; padding: 20px; }
.mc_error_msg a { color: black; text-decoration: underline; }

/* CONTACTFORM 7 && JETPACK CONTACT FORM */
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=number],
.wpcf7-form textarea,
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea { 
	border: none; 
	font-family:"avenir_black", sans-serif; 
	font-weight: normal; 
	font-size: 32px; 
	width: 90%; 
	padding: 15px 20px 8px 20px;
	max-width: 840px; 
}

.wpcf7-form input[type=radio],
.contact-form input[type=radio]{ 
	width: 30px; 
	height: 30px; 
	background-color: #fff; 
	border: none; 
	padding: 0; 
	margin: 0; 
/* 	margin-left: -20px; */
}

.wpcf7-form input[type=radio]:checked,
.contact-form input[type=radio]:checked { 
	background-color: #000;
}

.wpcf7-form input[type=submit],
.contact-form input[type=submit]{ 
	border: none; color: #fff; 
	text-transform: uppercase; 
	padding: 10px; 
	font-size: 24px; 
	padding: 20px 70px; 
	text-decoration: none; 
	text-transform: uppercase; 
	background-color: #000; 
	color: #fff; 
	width: 400px; 
	font-family:"block", sans-serif; 
	font-weight:normal; 
	font-style:normal;
}

.wpcf7-radio {
	margin-left: -20px;
}

.wpcf7-form input[type=submit]:hover,
.contact-form input[type=submit]:hover{ 
	background-color: #fff; 
	color: #000; 
}

.wpcf7-mail-sent-ok,
.wpcf7-response-output {
	background-color: white;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 840px;
	font-size: 24px; text-transform: uppercase; 
	font-family: "block"; 
	line-height: 42px;
	border: none;
}

div.wpcf7-response-output {
	margin: 0 auto !important;
}

.contact-form .contact-submit {
	text-align: center;
}

.contact-form label.radio {
	display: inline-block;
}

.contact-form .grunion-field-label{
	font-size: 24px; 
	font-family: "avenir_black", sans-serif; 
	font-weight:normal; 
	font-style:normal; 
	text-align: left; 
	line-height: 32px; 
	max-width: 840px; 
	margin: 0 auto; 
	padding: 20px 40px 0px 0px; 
}

.blockquote .contact-form-submission{
	background-color: none;
	font-size: 24px; 
	line-height: 32px;
	font-family:"avenir_black", sans-serif; 
	font-weight: normal; 
	text-transform: none;
}

/* comments */
h3#comments { display: none; }

.reply, .says { display: none; }
ol.commentlist { max-width: 840px; margin: 0px auto; text-align: left; list-style: none; padding-bottom: 40px; display: block;}
ol.commentlist li { width: 300px; padding: 10px; background-color: #F5EFE6; }
.comment-author img { display: none; }

ol.commentlist .comment-body a { color: #000; }
ol.commentlist .comment-body p { margin: 0; padding: 0;}

/* #respond { display: none; } */
#commentform { padding-bottom: 40px; }
#commentform input[type=text],
#commentform input[type=email],
#commentform textarea { border: none; font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 32px; width: 95%; padding: 15px 20px 8px 20px; background-color: #F5EFE6; }
#commentform textarea { height: 100px; }
#commentform label { display: none; }
#commentform #url { display: none; }

#commentform input[type=submit] { border: none; color: #fff; text-transform: uppercase; padding: 10px; font-size: 24px; padding: 20px 70px; text-decoration: none; text-transform: uppercase; background-color: #000; color: #fff; width: 400px; font-family:"block", sans-serif;  font-weight:normal; font-style:normal; }

/* video container */
.video-container-wrap { max-width: 840px; margin: 20px auto; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
iframe{
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}
*/

/*
.wp-block-embed {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.wp-block-embed iframe {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
*/


.wordbreak{
  -ms-word-break: break-all;
  word-break: break-all;

  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.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%);  }

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

.mobile {
	display: none;
}

/* language switcher */
/*
.wpml-ls {
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 88;
}
*/

.wpml-ls li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.wpml-ls li a{
	color: black;
	margin: 10px auto 0 auto;
	padding: 10px 15px 7px 15px;
	display: block;
	font-family:"avenir_black", sans-serif;
	font-weight:normal;
	font-style:normal; 
	font-size: 16px;
	line-height: auto;
	text-transform: uppercase;	
}

.wpml-lsli.active a,
.wpml-lsli a:hover{
	background-color: black;
	color: white;
}

.wpml-ls-current-language {
	text-decoration: underline;
}

.wpml-ls-display {
	display: none;
}



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



/* fonts */
@font-face {
  font-family: 'avenir_black';
  src: url('fonts/AvenirLTStd-Black.eot');
  src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirLTStd-Black.woff') format('woff'),
       url('fonts/AvenirLTStd-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenir_medium';
  src: url('fonts/AvenirLTStd-Medium.eot');
  src: url('fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirLTStd-Medium.woff') format('woff'),
       url('fonts/AvenirLTStd-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#cookie-notice .button.bootstrap {
	width: auto;
}

.past-event .details,
.past-event #navigatie,
.past-event .ticketbtn {
	display: none;
}

tellyourfriends
ul.tellyourfriends{
	display: block;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}
ul.tellyourfriends li{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
}
ul.tellyourfriends li .btn{
	float: none;
	margin: 10px 10px 10px 0;
}





/* custom gutenberg button styles */
/* small */
.wp-block-button.is-style-small-button {
	margin-bottom: 0;
	display: inline-block;
}

.is-style-small-button {
	max-width: 840px;
	margin: 0 auto;
}
.is-style-small-button .wp-block-button__link{
	background-color: black; 
	color: white; 
	right:auto; 
	font-family:"avenir_black", sans-serif;
	font-weight:normal; 
	font-style:normal; 
	font-size: 16px; 
	margin: 10px 20px 10px 0px; 
	padding: 15px 20px 12px 20px; 
	position: relative; 
	float: left; 
	text-transform: uppercase; 
	display: block; 
	border-radius: 0;
}

.is-style-small-button .wp-block-button__link:hover{
	background-color: white;
	color: black;
}

/* big button variant */
.wp-block-button.is-style-big-button { 
	max-width: 400px;
	margin: 20px auto;
}

.wp-block-button.is-style-big-button .wp-block-button__link { 
	border-radius: 0 !important;	
	background-color: #000; 
	width: 260px; 
	display: block; 
	font-family: "block"; 
	font-size: 24px; 
	padding: 28px 70px; 
	color: #fff; 
	text-transform: uppercase; 
	text-align: center;
}

.wp-block-button.is-style-big-button:hover .wp-block-button__link { 
	background-color: white !important; 
	color: black !important;
}

/* 	big wide style */
.is-style-big-wide-button {
	background-color: black; 
	width: 100%; 
	display: block; 
	font-family: "block"; 
	margin-top: 40px; 
	padding: 40px;
	margin-bottom: 0 !important;
	color: black !important;
	box-sizing: border-box;
}

.is-style-big-wide-button .wp-block-button__link { 
	font-size: 24px; 
	padding: 20px 70px; 
	text-decoration: none; 
	text-transform: uppercase; 
	background-color: white !important; 
	color: black; 
	max-width: 400px;
	border-radius: none;	
    background-color: black;
    border: none;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.is-style-big-wide-button:hover .wp-block-button__link{ 
	background-color: black !important;
	color: white !important;
}

.popup .wp-block-button {
	margin-left: 40px;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide {
	background-color: rgba(0,0,0,0) !important;
}


.wpml-ls-legacy-list-horizontal {
	border: none !important;
	padding: 0 !important;
}
.wpml-ls {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: white;
	z-index: 991;
}

.admin-bar .wpml-ls {
	top: 32px;
}

.wpml-ls ul {
	margin: 0;
	padding: 0;
}

.wpml-ls ul li.wpml-ls-current-language {
	text-decoration: none !important;
}

.wpml-ls ul li.wpml-ls-current-language a {
	color: white;
	background-color: black;

}

.wpml-ls li a {
	margin: 0;
	padding: 15px 15px 10px 15px;
	text-decoration: none !important;
}

.wpml-ls li a:hover{
	color: white;
	background-color: black;
}

.magazine-scroller {
	position: relative;
	width: 100%;
	padding: 0 10px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	box-sizing: border-box;
}

.magazine-scroller::-webkit-scrollbar {
	display: none;
}

.magazine-scroller .default {
	display: inline-table;
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
	white-space: normal;
}	


/* blocks */

.wp-block-media-text {
	max-width: 1280px;
	margin: 0 auto 35px auto;
	text-align: left;	
}

@media all and (max-width: 600px){
	.wp-block-media-text .wp-block-media-text__content{
		margin-top: 40px;
	}
}


.wp-block-media-text  .wp-block-media-text__content p,
.wp-block-media-text  .wp-block-media-text__content h3,
.wp-block-media-text  .wp-block-media-text__content h4{
	padding: 0;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 40px !important;
}

.has-large-font-size{
	font-size: inherit !important;
}



/* two cards */
/*
@media only screen and (max-width: 1280px) {
	#bekijkook .hentry:nth-child(3) { 
		display: none;
	}
}
*/

@media only screen and (max-width: 1360px) {

	.isotope { max-width: 840px; }
	.inner { max-width: 840px; }
	.post-type-archive-event .inner { max-width: none; }
	.post-type-archive-event .isotope { max-width: none; }
	.page-id-827 .inner { max-width: none; }
	
	.post-type-archive .isotope { width: 100%; }
	.illustratie { padding-top: 35%; }
	
	/* interview */
	.type-post.category-interview.highlight .left .line { display: none; }
	.category-interview.highlight .left { max-width: none;  }
	
	/* contact */
	#contact .table { display: block; }
	#contact .row { display: block;  width: 100%; }
	#contact .cell { display: block; width: 100%; }
	#contact .content { max-width: 840px; float: none;  margin: 0 auto; }
	#contact a.knop { width: none; }
	#map-canvas { height: 540px; }
	
	/* halfblok */
	/*
	.halfblok .table { display: block; }
	.halfblok .row { display: block;  width: 100%; }
	.halfblok .cell { display: block; width: 100%; min-height: 340px; }
	.halfblok .content { max-width: 840px; float: none;  margin: 0 auto; }
	.halfblok a.knop { width: none; }
	*/
	
	/* threethird */
	/* .onethird { padding-top: 20%; } */
	.onethird h2 { font-size: 34px; line-height: 34px; }
	
	/* isotope magazine highlight */
	.isotope .type-post.highlight .table { display: block; }
	.isotope .type-post.highlight .row { display: block; }
	.isotope .type-post.highlight .cell { display: table; width: 100%; }
	.isotope .type-post.highlight .left  { min-height: none; }
	.isotope .type-post.highlight .right { height: 340px; background-position: center center !important;  background-repeat: no-repeat; }
	
	/* 	platentas */
	/* .isotope .category-platentas.highlight { min-height: 540px; background-size: contain; } */
	.isotope .category-platentas.highlight h1 { bottom: 20px; }
	
	/* banner */
	.isotope .category-banner .category { display: none; }
	.isotope .category-banner .thumbnail {display: none; }
	.isotope .category-banner .excerpt{ display: none; }
	
	.eventdefault .thumbnail { display: none; }
	.eventcontainer { padding-right: 0px; }
	
	/* event highlight */
	.ticketbtn { padding: 10px 15px 7px 15px; font-size: 16px; width: auto; }
	.highlight .date { padding: 5px 10px 4px 10px; font-size: 16px; line-height: 32px; }
	.type-event.highlight .beeld .categories { position: absolute; bottom: 80px;  }
	
	/* info & business menu */
	.menu-container { background-color: #fff; }
	.menu-container ul {  padding: 10px 10px 5px 10px;  }
	.menu-container ul li { display: inline-block; margin: 10px 5px 15px 5px; }
	.menu-container a  { padding: 10px 15px 7px 15px;  font-size: 16px; }
	
	/* instagram */
	#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {padding: 10px 15px 7px 15px;  width: auto; font-size: 16px; }
	#sb_instagram .sbi_follow_btn a i { font-size: 16px !important; }
	
	/* banner */
	.isotope .category-banner { min-height: none; height: auto; }
	.isotope .category-banner .thumbnail { display: none; }
	.isotope .category-banner h2 { font-size: 44px; line-height: 38px; }
	
	.onethird h2 { font-size: 24px; line-height: 24px; }
	
	H1 { font-size: 44px; line-height: 38px; }
	.highlight H1 { font-size: 44px; line-height: 38px; }
	

}

/*  one card */
@media only screen and (max-width: 920px) {

	/* body { background-color: red; } */
	
	/* #bekijkook .hentry:nth-child(3) { display: block; } */
	
	.contentinner img { width: 100%; height: auto; }
	
	H1.header { font-size: 54px; line-height: 44px; }
	
	.isotope { max-width: 400px; }
	.inner { max-width: 400px; }
	#agenda { padding: 0px 20px; }
	
	.post-type-archive-event .inner { max-width: none; }
	.post-type-archive-event .isotope { max-width: none; }
	
	/* interview highlight */
	.category-interview.highlight .left h1 { width: 340px; }
	.category-interview.highlight .left { max-width: 400px;  }
	.isotope .type-post.highlight.category-interview.mfood .line { background-image: url('images/line-small-food.png'); }
	.no-touch .type-post.highlight.category-interview.mfood:hover .line { background-image: url('images/line-small-food-hover.png'); }
	.isotope .type-post.highlight.category-interview.mclub .line { background-image: url('images/line-small-club.png'); }
	.no-touch .type-post.highlight.category-interview.mclub:hover .line { background-image: url('images/line-small-club-hover.png'); }
	.isotope .type-post.highlight.category-interview.mlive .line { background-image: url('images/line-small-live.png'); height: 25px; }
	.no-touch .type-post.highlight.category-interview.mlive:hover .line { background-image: url('images/line-small-live-hover.png'); }
	.svg .isotope .type-post.highlight.category-interview.mfood .line { background-image: url('images/line-small-food.svg'); }
	.no-touch .svg .type-post.highlight.category-interview.mfood:hover .line { background-image: url('images/line-small-food-hover.svg'); }
	.svg .isotope .type-post.highlight.category-interview.mclub .line { background-image: url('images/line-small-club.svg'); }
	.no-touch .svg .type-post.highlight.category-interview.mclub:hover .line { background-image: url('images/line-small-club-hover.svg'); }
	.svg .isotope .type-post.highlight.category-interview.mlive .line { background-image: url('images/line-small-live.svg'); height: 25px; }
	.no-touch .svg .type-post.highlight.category-interview.mlive:hover .line { background-image: url('images/line-small-live-hover.svg'); }
	
	/* details */
	.details .contentinner .left { width: 100%; }
	.details .contentinner .right { width: 100%; }
	
	/* header magazine highlight */
	.header .type-post.highlight .table { display: block; }
	.header .type-post.highlight .row { display: block; }
	.header .type-post.highlight .cell { display: table; width: 100%; }
	.header .type-post.highlight .excerpt { padding-right: 40px; }
	.header .type-post.highlight .right { min-height: 340px; }
	.isotope .type-post.highlight .table { width: 100%; }
	
	/* platentas */
	.isotope .category-platentas.highlight { min-height: 340px; background-size: contain; }
	
	/* mailchimp */
	#newsletter { padding-bottom: 40px; }
	#mc_signup { height: auto; }
	.mc_input { border: none; font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 32px; width: 400px; padding: 15px 20px 8px 20px; }
	#mc_mv_EMAIL { position: relative; right: 0; }
	#mc_mv_FNAME { position: relative; top: 0px; }
	#mc_mv_TNAME { position: relative; top: 0px; }
	#mc_mv_LNAME { position: relative; top: 0px; }
	.mc_interests_header  { position: relative; top: 0px; right: 0; text-align: left; font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; font-size: 32px; margin: 0 auto; margin-top: 40px; margin-bottom: 20px; }
	div.mc_interest { position: relative; top: 0px; right: 0; margin: 0 auto; margin-bottom: 20px; }
	#mc_signup_submit { position: relative; top: 0px; left: 0px; margin: 0 auto; }
	#mc_message { position: relative; }
	
	/* event highlight */
	.title h2 { font-size: 18px; line-height: 18px; }
	blockquote { font-size: 34px; line-height: 28px; padding: 20px 0px 20px 0px; }
	#navigatie .arrow { display: none; }
	#main-menu-wrap .adresgegevens { display: none; }
	
	/* nieuw typo event carts */
	.eventcontainer { padding-left: 140px; }
	.eventdefault .date { width: 140px; right: 140px; }
	.eventdefault .date h1 { font-size: 64px; line-height: 54px; }
	.eventdefault .date h2 { font-size: 16px; line-height: 16px; }
	.eventdefault .main h1 { font-size: 34px; line-height: 28px; padding-right: 10px; }
	.eventdefault .main h2 { font-size: 16px; line-height: 16px;}
	.eventdefault .date ul.categories { margin-bottom: -7px; }
	.eventdefault .date ul.categories li { margin-bottom: 7px; }

}

/* mobile */
@media only screen and (max-width: 480px){
	/* body { background-color: blue;} */
	
	/* body */
	body { min-width: 480px; }
	@viewport { width: 480px; }
	@-o-viewport { width: 480px; }
	@-ms-viewport { width: 480px; }
	
	.admin-bar #menu-button { top:0px; }
	.admin-bar #main-menu-wrap { top:0px; }
	#wpadminbar { width: 480px; }
	
	h1 { font-size: 34px; line-height: 28px; }
	
	.type-event .line { width: 360px; }
	.type-event.mfood .title .line { background-image: url('images/line-small-food.png'); }
	.type-event.mclub .title .line { background-image: url('images/line-small-club-hover.png'); }
	.type-event.mlive .title .line { background-image: url('images/line-small-live.png'); }
	.svg .type-event.mfood .title .line { background-image: url('images/line-small-food.svg'); }
	.svg .type-event.mclub .title .line { background-image: url('images/line-small-club-hover.svg'); }
	.svg .type-event.mlive .title .line { background-image: url('images/line-small-live.svg'); }
	
	/* 	contact */
	#contact .content { min-width: none; }
	
/* 	.default { height: auto; } */
	.button div a { padding: 20px; }
	
}

/* mobile landscape & ipad */
@media only screen and
  (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) and (max-device-width: 480px),
  (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
  (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)
  {
	body { min-width: 920px; }
	.isotope { max-width: 840px; }
	.inner { max-width: 840px; }
	.post-type-archive-event .inner { max-width: 840px; }
	.post-type-archive-event .isotope { max-width: 840px; }
	@viewport { width: 920px; }
	@-o-viewport { width: 920px; }
	@-ms-viewport { width: 920px; }

	.header .type-post.highlight .excerpt { padding-right: 40px; }

	/* 	platentas */
	.isotope .category-platentas.highlight { background-color: none; width: 100%; min-height: 540px; background-repeat: no-repeat; background-position: center 40px; position: relative; background-size: auto; }
	.isotope .category-platentas.highlight h1 { margin: 0 auto; width: 100%; text-align: center; position: absolute; bottom: 40px; }

/* mailchimp */
.mc_custom_border_hdr { display: none; }
#mc_signup { max-width: 840px; margin: 0 auto; position: relative; display: block; height: 370px; padding: 0; }
.mc_input { border: none; font-family:"avenir_black", sans-serif; font-weight: normal; font-size: 32px; width: 400px; padding: 14px 20px 8px 20px; }
.mc_var_label { display: none; }
.mc_help { display: none; }
#mc-indicates-required { display: none; }
#mc_mv_EMAIL { position: absolute; right: 0; }
#mc_mv_FNAME { position: absolute; top: 0px; left: 0; }
#mc_mv_TNAME { position: absolute; top: 81px; left: 0; }
#mc_mv_LNAME { position: absolute; top: 162px; left: 0; }
.mc_interests_header  { width: 400px; position: absolute; top: 74px; right: 0; text-align: left; font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; font-size: 32px; }
div.mc_interest { width: 370px; position: absolute; top: 164px; right: 0; text-align: left; height: 30px; padding: 15px; background-color: #000; }
.mc_interest label { background-color: #fff; color: #000; padding: 5px 10px 2px 10px; position: relative; top: 0; text-transform: uppercase; font-size: 12px; float: left; font-family:"avenir_black", sans-serif;  font-weight:normal; font-style:normal; line-height: auto;}
.mc_interest input[type=checkbox] { display: none; }
.mc_interest input[type=checkbox] + label { background-color: #fff; color: #000; margin: 0; margin-right: 10px; }
.mc_interest input[type=checkbox] + label:last-child {  margin-right: 0px; }
.mc_interest input[type=checkbox]:checked + label { background-color: #000; color: #fff; }
#mc_signup_submit { position: absolute; top: 268px; left: 220px; border: none; color: #fff; text-transform: uppercase; padding: 10px; font-size: 24px; padding: 20px 70px; text-decoration: none; text-transform: uppercase; background-color: #000; color: #fff; width: 400px; }
#mc_message { position: absolute; bottom: 20px; width: 100%; text-align: center; }
.mc_error_msg { color: #fff; }
.mc_error_msg a { color: #fff; text-decoration: underline; }
}



/* menu */
@media only screen and (max-height: 1000px) {
  #menu{ height: 600px; }
  .menu-main-container a, .menu-main-english-container a { font-size: 38px; line-height: 48px; }
  .search-form { background-image: none;  }
  .svg .search-form { background-image: none; }
  .search-field { font-size: 30px; background-color: #000; width: 200px; }
  .search-submit { font-size: 38px; padding: 10px 0px 14px 0px;  font-family: "FontAwesome"; background-color: transparent; text-indent: 0px;}
}

@media only screen and (max-height: 600px) {
  #menu{ height: 500px; }
  .menu-main-container a, .menu-main-english-container a { font-size: 28px; line-height: 38px; }
  .search-form { background-image: none;  }
  .svg .search-form { background-image: none; }
  .search-field { font-size: 20px; background-color: #000; width: 140px; }
  .search-submit { font-size: 24px; padding: 10px 0px 14px 0px; }
}

@media only screen and (max-height: 400px) {
  #menu{ height: 500px; }
  .menu-main-container a, .menu-main-english-container a { font-size: 24px; line-height: 34px; }
  .search-form { background-image: none;  }
  .svg .search-form { background-image: none; }
  .search-field { font-size: 20px; background-color: #000; width: 140px; }
  .search-submit { font-size: 24px; padding: 10px 0px 14px 0px; }
}

@media only screen and (max-height: 500px) {
  #menu{ height: 330px; }
  .menu-main-container a, .menu-main-english-container a { font-size: 20px; line-height: 30px; }
  .search-form { background-image: none;  }
  .svg .search-form { background-image: none; }
  .search-field { font-size: 20px; background-color: #000; width: 140px; }
  .search-submit { font-size: 24px; padding: 10px 0px 14px 0px; }
}

@media only screen and (max-height: 300px) {
  #menu{ height: 220px; }
  .menu-main-container a, .menu-main-english-container a { font-size: 16px; line-height: 20px; }
  .search-form { background-image: none;  }
  .svg .search-form { background-image: none; }
  .search-field { font-size: 10px; background-color: #000; width: 100px; }
  .search-submit { font-size: 16px; padding: 10px 0px 14px 0px; }
  .menu-footer { display: none; }
}