/* De overflow is best wel vervelend vandaar dat ik hem even uitzet
================================================================================ */

body {
	/* overflow-x: hidden; */
}
/* Algemeen
================================================================================ */
body {
	--wbvhj-orange: #ec6707;
}	

/* Menu
================================================================================ */
ul li.menu-item.draft { display: none!important; }
#top-menu > li.menu-item-has-children:last-child > ul.sub-menu { right: 0px; }

div#top-header a {
	font-weight: 600;
	color: #fff;
}
div#et-secondary-menu {
	float:left
}

#footerMenuContainer .et_pb_menu__wrap {
	justify-content: flex-end;
}

/* Algemeen
================================================================================ */
.entry-content h3,
.et-box-content h3 {
	line-height: 1.3em;
}
/* Watch out, set the divi row seting to equal height colums, 
This is to prevent having to do the media queries for all column sizes */
.flex-vertical {
	align-items: center;
}
#main-content sup {
    bottom: 0.5em;
    font-size: 0.6em;
}
/* Footer
================================================================================ */
footer #footer-bottom #footer-info {
	float: right;
	font-weight: 700;
}
footer #footer-bottom #cookie-container {
	float: left;
	font-size: 11px;
	font-weight: 700;
}
footer #footer-bottom #footer-info a,
#cookie-container a  {
	font-weight: 700;
	color: #eb6a0a;
}
footer .widget-title {
	padding-bottom: 30px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
}
footer .textwidget p {
	font-weight: 600;
}
footer .textwidget p a {
	font-weight: 600;
	color: #eb6a0a !important;
}
.et_right_sidebar #main-content .container::before {
	display: none;
}

/* Sidebar Sponsor Slider en Socials
================================================================================ */
.SponSoSide {
	margin-bottom: 30px;
	padding: 5px 10px;
	border: 1px solid #ededed;
}
/* Home pagina
================================================================================ */
body.home .et_pb_module.winnerIntro article {
	margin-bottom: 25px;
}
body.home .et_pb_module.winnerIntro article a.more-link {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
body.home .et_pb_module.winnerIntro article a.more-link:after {
	content: 'E';
	font-family: ETmodules !important;
	font-size: 26px;
	line-height: 1.15em;
	-webkit-transition: all .2s;
	transition: all .2s;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	position: absolute;
	margin-left: -1em;
	opacity: 0;
}
	body.home .et_pb_module.winnerIntro article a.more-link:hover::after {
	  opacity: 1;
	  margin-left: 0;
	}	

/* Jury pagina
================================================================================ */
.et_pb_team_member_description {
	padding: 5px 15px 10px 15px;
}
.et_pb_team_member_description .et_pb_member_position {
	font-style: italic;
}
.et_pb_team_member_description p:last-of-type a:hover {
	text-decoration: underline;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image {
	--foto-size: 100%;
	position: relative;
	width: var(--foto-size);
	max-width: 100%;
	padding-top: var(--foto-size);
	margin-left: auto !important;
	margin-right: auto !important;
	overflow: hidden;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top center;
}
	@media all and (max-width: 980px) {
		.et_pb_module.et_pb_team_member .et_pb_team_member_image {
			--foto-size: 350px;
		}
	}

/* Persmap pagina
================================================================================ */
body.single-persmap table {
	width: 100%;
	margin: 20px 0px 5px 0px;
}
body.single-persmap table th,
body.single-persmap table #last {
	font-weight: 600;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}
body.single-persmap table #last {
	font-style: italic;
}
body.single-persmap table th,
body.single-persmap table td {
	padding: 8.5px !important;
}
body.single-persmap table td {
	border-bottom: 1px solid #e5e5e5;
}
body.single-persmap table tr td a {
	margin: auto;
	padding: 0px 20px;
	font-size: 17.5px;
	font-weight: 400;
	color: white;
	background-color: #eb6a0a;
	border-radius: 5px;
	border: 2px solid rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	transition: all .15s ease-in-out;
}
body.single-persmap table tr td a:hover {
	color: #eb6a0a;
	background-color: white;
	border: 2px solid #eb6a0a;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
body.single-persmap tr td.name:before {content: 'Naam: ';}
body.single-persmap tr td.desc:before {content: 'Beschrijving: ';}
body.single-persmap tr td.form:before {content: 'Type: ';}
body.single-persmap tr td.size:before {content: 'Grote: ';}
/* body.single-persmap tr td.dl:before   {content: '';} */
body.single-persmap tr td:before {display: none;}

body.single-persmap table tr .dl {
	text-align: center;
}
	@media all and (max-width: 768px) {
		body.single-persmap table tr:first-child {
			display: none;
		}
		body.single-persmap table tr {
			display: inline-block;
			width: 100%;
			margin-bottom: 20px;
			border: 1px solid #e5e5e5;
			box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
		}
		body.single-persmap table td {
			display: inline-block;
			width: 100%;
		}
		body.single-persmap tr td:before {
			display: inline-block;
			margin-right: 10px;
			font-weight: bold;
		}
		body.single-persmap tr td.dl {
			display: inline-block;
			width: 100%;
			margin: 0px;
			padding: 5px !important;
			border: none;
		}
		body.single-persmap tr td.dl a {
			display: inline-block;
			width: 100%;
			margin: 0px;
			padding: 5px;
			font-size: 25px;
		}
		body.single-persmap tr td.form {
			border-right: 1px solid #e5e5e5;
		}
		body.single-persmap tr td.form,
		body.single-persmap tr td.size {
			width: 50%;
			float: left;
		}
	}

/* Single: Genomineerden pagina
================================================================================ */
body.single-genomineerden #content-area h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px
	text-transform: uppercase;
}
body.single-genomineerden #content-area #content {
	padding-top: 40px;
}
body.single-genomineerden #content-area .content {
	float: left;
	width: 100%;
	margin: 50px 0px 20px 0px;
	padding: 30px 0px 15px 0px;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.7em;
	color: #5b5b5b;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
body.single-genomineerden #content-area .slider {
	float: left;
	width: 75%;
	height: 500px;
	text-align: left;
	background-color: #EEEEEE;
}
body.single-genomineerden #content-area .beschrijving {
	float: right;
	width: 25%;
	padding: 0px 20px;
	font-weight: 500;
	text-align: left;
}
body.single-genomineerden #content-area .beschrijving h4 {
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #444444;
	opacity: 0.9;
}
body.single-genomineerden #content-area .beschrijving strong {
	font-weight: 700;
}
body.single-genomineerden #content-area .stemknop {
	left: 50%;
}
	@media all and (max-width: 768px) {
		body.single-genomineerden #content-area .slider {
			width: 100%;
		}
		body.single-genomineerden #content-area .beschrijving {
			float: left;
			width: 100%;
			margin: 30px 0px;
			padding: 0px;
		}
	}
/* Single: Genomineerden pagina navigatie zijkanten
----------------------------------------------------- */
body.single-genomineerden .sideNav {
	display: table;
	height: 100px;
	width: auto;
	min-width: 325px;
	max-width: 400px;
	position: fixed;
	top: 50%;
	top: calc(50% - 50px);
	z-index: 9999999;
	text-align: left;
	background-color: white;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	outline: none;
	transition: all .5s ease-in-out .3s;
}
body.single-genomineerden .sideNav a {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 9999999;
}
body.single-genomineerden .sideNav a i {
	position: fixed;
	height: 60px;
	width: 30px;
	margin-top: 20px;	
	font-size: 25px;
	text-align: center;
	line-height: 60px;
	color: white;
	background-color: #eb6a0a;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	transition: .2s ease-in-out .3s;
}
body.single-genomineerden .sideNav:hover a i {
	height: 100px;
	margin-top: 0px;
	box-shadow: none;
	line-height: 100px;
}
body.single-genomineerden .sideNav .titleBox {
	display: table-cell;
	width: 100%;
	height: 100px;
	vertical-align: middle;
}
body.single-genomineerden .sideNav .titleBox h4 {
	width: calc(100% - 130px);
	margin-left: 30px;
	padding: 0 10px;
	font-weight: 500;
	text-align: right;
	color: black;
}
body.single-genomineerden .sideNav img {
	position: absolute;
	top: 0px;
	max-width: 85px;
	max-height: 85px;
	margin: 7.5px;
}
body.single-genomineerden .sideNav.left {
	left: -700px;
	text-align: left;
}
	body.single-genomineerden .sideNav.left:hover {
		left: 0px;
	}
body.single-genomineerden .sideNav.left h4 {
	float: left;
	left: 0px;
	margin-left: 30px;
	margin-right: 0px;
	text-align: right;
}
body.single-genomineerden .sideNav.left img {
	right: 0px;
}
body.single-genomineerden .sideNav.left a i {
	left: -2.5px;
}
body.single-genomineerden .sideNav.right {
	right: -700px;
	text-align: right;
}
	body.single-genomineerden .sideNav.right:hover {
		right: 0px;
	}
body.single-genomineerden .sideNav.right h4 {
	float: right;
	right: 0px;
	margin-right: 30px;
	margin-left: 0px;
	text-align: left;
}
body.single-genomineerden .sideNav.right img {
	left: 0px;
}
body.single-genomineerden .sideNav.right a i {
	right: -2.50px;
}
	@media all and (max-width: 768px) {
		body.single-genomineerden .sideNav img,
		body.single-genomineerden .sideNav .titleBox {
			display: none;
		}
		body.single-genomineerden .sideNav {
			bottom: 10px;
			top: auto;
			min-width: 0px;
		}
		body.single-genomineerden .sideNav:hover a i {
			height: 60px;
			width: 30px;
			margin-top: 20px;
			font-size: 25px;
			line-height: 60px;
			text-align: center;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
		}
	}
/* Genomineerden pagina
================================================================================ */
#main-content .genomineerdenIntotxt:empty { display: none; }
#main-content .genomineerdenIntotxt {
	max-width: 760px;
	margin: 0 auto 50px auto;
	padding: 20px;
	background-color: #e7e7e7;
	border-bottom: 1px solid #bcbcbc;
}
body #page-container #et-boc .genomineerdenIntotxt h1 {
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #444444 !important;
}
body #page-container #et-boc .genomineerdenIntotxt h3 {
	font-size: 18px;
	font-weight: 600;
	color: #444444 !important;
	line-height: 26px;
}
.et_right_sidebar #left-area {
	width: 100%;
	padding-right: 0%;
}
#left-area .entry-content {
	padding-bottom: 50px;
}
/* ARCHIVE: Standaard blokken voor Jaar /jaartal 
================================================================================ */
.blokWrapper {
	--column-count: 6;
	--column-span: 2;
	display: grid;
	grid-template-columns: repeat(var(--column-count), 1fr);
	gap: 30px;
}
.blokWrapper .no-results {
	grid-column: span var(--column-count);
}
.blokWrapper .blokContainer {
	grid-column: span var(--column-span);
	position: relative;
	width: 100%;
	padding-top: 100%;
	text-align: center;	
	background-color: var(--wbvhj-orange);
	overflow: hidden;
}
/* Afwijkende opmaak voor /archief pagina */
.blokWrapper.archief .blokContainer {
	padding-top: 50%;
}
.blokWrapper .blokContainer > * {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}
.blokWrapper .blokContainer > a {
	z-index: 20;
}
.blokWrapper .blokContent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px;
	color: #fff;
	z-index: 10;
}
.blokWrapper .blokContent .post_type {
	font-weight: bold;
	text-transform: capitalize;
}
.blokWrapper .blokContent h2 {
	color: #fff !important;
	padding-bottom: 0;
}

.blokWrapper .blokBg {
	background-size: cover;
	background-position: center;
	transition: all .6s ease;
}
.blokWrapper:not(.genomineerdenJaar) .blokBg {
	opacity: 0.1;
}
	.blokWrapper:not(.genomineerdenJaar) .blokContainer:hover .blokBg {
		opacity: 1;
		transform: scale(1.1) rotate(1deg);
	}
/* Genomineerden special/ reverse hover effect  */
.blokWrapper.genomineerdenJaar .blokContainer *,
.blokWrapper.genomineerdenJaar .blokContainer {
	transition: all .6s ease;
}
.blokWrapper.genomineerdenJaar .blokContainer .blokBg {
	opacity: 1;
}
.blokWrapper.genomineerdenJaar .blokContainer:not(:hover) .blokContent {
	top: 100px;
	opacity: 0;
}
	.blokWrapper.genomineerdenJaar .blokContainer:hover .blokBg {
		opacity: 0.1;
		transform: scale(1.1) rotate(1deg);
	}

	/* Responsive Styles Tablet And Below */
	@media all and (min-width: 1101px) {
		.blokWrapper.genomineerdenJaar.p-count-4 {
			--column-count: 4;
			--column-span: 1;
			gap: 20px;
		}
	}
	@media all and (min-width: 981px) and (max-width: 1100px) {
		.blokWrapper.genomineerdenJaar.p-count-4 {
			--column-count: 6;
			--column-span: 2;
		}
	}
	@media all and (min-width: 981px) {
		/* Dealing with 2 orphan items */
		.blokWrapper .blokContainer:last-child:nth-child(3n - 1) {
			grid-column-end: -2;
		}
		.blokWrapper .blokContainer:nth-last-child(2):nth-child(3n + 1) {
			grid-column-end: 4;
		}
		/* Dealing with single orphan */
		.blokWrapper .blokContainer:last-child:nth-child(3n - 2) {
			grid-column-end: 5;
		}
	}
	@media all and (max-width: 980px) {
		.blokWrapper {
			--column-count: 4;
		}
	}
	/* Responsive Styles Smartphone */
	@media all and (max-width: 768px) {
		.blokWrapper:not(.blokWrapper.archief) {
			--column-count: 2;
		}
	}
	/* Responsive Styles Smartphone Portrait */
	@media all and (max-width: 479px) {
		.blokWrapper {
			--column-count: 2;
		}
	}

/* Winnaar/ publieksprijs sidebar blokken
================================================================================ */	
.winnaarWrapper {
	margin-bottom: 20px;
}
.winnaarWrapper .winnaarHead {
	padding: 5px;
	text-align: center;
	background-color: #dededd;
}
.winnaarWrapper .winnaarHead h3 { 
	padding: 0px;
}
.winnaarWrapper .winnaarContainer {
	position: relative;
	padding: 5px 15px 15px 15px;
	text-align: center;
	background-color: var(--wbvhj-orange);
}
.winnaarWrapper .winnaarContainer > a {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.winnaarWrapper .winnaarContainer .winnaarContent {
	font-weight: bold;
	color: #fff;
}
.winnaarWrapper .winnaarContainer .winnaarImg {	
	padding-top: 50%;
	background-size: cover;
	background-position: center;
}

/* Jaar sidebar op o.a. Single winnaar pagina
================================================================================ */		
body #main-content div.jaar_sidebar_nav.jaar_sidebar_nav .sidebarItem.sidebarItem {
	position: relative;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;	
	font-weight: bold;
	text-align: center;	
	color: #fff;
	background-color: var(--wbvhj-orange);
	border: none;		
}
body #main-content div.jaar_sidebar_nav.jaar_sidebar_nav .sidebarItem.sidebarItem::after  {
	content: '\45';		
	font-size: inherit !important;
	line-height: inherit;
}
body #main-content div.jaar_sidebar_nav.jaar_sidebar_nav .sidebarItem.sidebarItem > span {
	text-transform: uppercase;
}
body #main-content div.jaar_sidebar_nav.jaar_sidebar_nav .sidebarItem.sidebarItem > a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
	body #main-content div.jaar_sidebar_nav.jaar_sidebar_nav .sidebarItem.sidebarItem:hover  {
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: var(--wbvhj-orange);		
		border: none;		
	}