/*
 Theme Name:     Yooker Theme
 Theme URI:      https://yooker.nl
 Description:    Theme from Yooker
 Author:         Yooker
 Author URI:     https://yooker.nl
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.align-center { align-items: center; }


/* Single Blog */
.blog-cat a {
	border: solid #ffffff8f 1px;
    border-radius: 50px;
    padding: 4px 20px;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a {
	color:#111 !important;
	background-color:transparent !important;
	border:solid #00000014 1px;
	margin-left:-1px;
	padding:14px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:before {
	font-size:17px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:hover {
	background:#cd0000 !important;
	color:#fff !important;
	border-color:#111 !important;
}
.scriptlesssocialsharing__heading {
	font-size:18px !important;
}
.scriptlesssocialsharing:first-child .scriptlesssocialsharing__buttons {
	margin-bottom:35px;
}
.et_pb_post_content p:not(.has-background):last-of-type {
	margin-bottom:35px !important;
}


/* Vertical align */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* Mobiel menu */
.mobile_menu_bar:before {
	color:#000 !important;
}
#mobile_menu {
	background:#fff !important;
}
#mobile_menu a {
	color:#121212;
}
#mobile_menu .dipi-cta-button {
	background:#3e61fc !important;
}


/* Scrollbar */
body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    background:#fff;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #F7567C;
}




/* Cookie Banner */
.seopress-user-consent {
	font-size:16px !important;
	padding:12px !important;
	background:#f7f7f7 !important;
	border-right:0px !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2021/07/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: #CD0000;
    color: #fff;
    border-radius: 0px;
    padding: 8px 35px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left:50px !important;
	border:none;
	cursor:pointer;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-accept:hover {
	border-radius:50px;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}



/* Contact form */
#contact .gform_body input[type="text"], #contact .gform_body textarea {
	background:#fff;
	color: #999;
    font-size: 14px;
    padding: 16px;
	border-radius:3px;
	margin-top:0 !important;
	border:solid #f6f6f6 2px;
}
#contact .gform_body #field_1_2, #contact .gform_body #field_1_3 {
	margin-top:0 !important; 
}
#contact .gfield_consent_label {
	font-size: 14px;
    font-weight: 400;
	color:#333 !important;
}
#contact .gform_footer .gform_button {
	background: #3e61fc;
    width: 100%;
    border: none;
    border-radius: 3px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    font-weight: 500;
	cursor:pointer;
	font-size:16px;
}
#contact .gform_wrapper {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
#contact #field_4_2, #contact #field_4_3 {
	margin-top:0 !important;
}


/* Mobile menu */
#mobile_menu .dipi-cta-button {
	margin-top: 15px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.dipi_hamburger.hamburger {
	background-color:transparent !important;
}


/* Responsive */
@media only screen and (max-width: 641px) {
	#contact .gform_body #field_1_3 {
		margin-top:18px !important;
	}
}



/* Contact form notification */
#gform_confirmation_message_1 h6 {
	color: #000 !important;
    font-size: 18px !important;
    line-height: 1.6 !Important;
}

/*==================================================
					EDITS TIES
==================================================*/
/* Sub-menu */
.sub-menu li:hover{
	background-color: rgba(0, 0, 0, 0.03)
}
#menu-main-menu ul.et-menu ul.sub-menu li a:hover {
  color: #f7567c !important;
}

/* Countdown */
.face{
	border-right: solid #E6E6E6 3px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.face.face_seconds{
	border-right: 0 !important;
}
.et_pb_module.dipi_countdown.dipi_countdown_19{
	padding: 25px !important;
}



/* Sponsoren carousel */
.sponsors-carousel img{
	max-height: 148px;
	align-content: center;
	display: inline-block !important;
}


/* Over ons */
.img-overlay{
	z-index: 999;
}
.board-container h3{
	padding-bottom: 25px;
}


/* Vrienden van de Sint */
.friends-intro a, .friends-intro a:hover{
	color: #fff;
}
.friends-intro a:hover{
	text-decoration: underline !important;
	cursor: pointer;
}
#vrienden a{
	pointer-events: none;
}
#vrienden .et_pb_gallery_image.landscape{
	height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0 20px;
}
#vrienden .et_pb_gallery_image.landscape img{
	display: block;
    max-height: 200px;
    width: auto;
    margin: 0 auto;
}



/* Kinderen */
.kinderen-categories .et_pb_main_blurb_image{
	background-color: #FECE00;
    border-radius: 150px;
    padding: 28px;
}
.kinderen-item:hover{
	box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 40%);
}



/* Projecten */
.project a:not(img){
/* 	padding: 55px 15px !important; */
	display: block;
	text-align: center;
}
.project h2{
	padding: 55px 15px !important;
}
.keuzemenu .project:nth-child(even){
	background-color: #cd0000;
}
.keuzemenu .project:nth-child(odd){
	background-color: #fece00;
}
.keuzemenu .project:nth-child(even) a{
	color: #fff !important;
}
.keuzemenu .project:nth-child(odd) a{
	color: #000 !important;
}



/* Contact pagina */
.contact-form{
	padding: 30px !important;
}
.contact-form h2{
	padding-bottom: 25px;
}
.contact-form input, .volunteer-form textarea{
	border-color: #E6E6E6;
}
.contact-form textarea{
	max-width: 100%;
	max-height: 174px;
	min-width: 100%;
	min-height: 60px;
}
.contact-form #gform_submit_button_1{
	background-color: #F7567C;
    color: #fff;
    width: 100%;
    border-radius: 20px;
    border: 0;
    padding: 10px 0px;
}
.contact-form a, .contact-form a:hover{
	color: #000;
}
.contact-form a:hover{
	text-decoration: underline !important;
	cursor: pointer;
}

#contact-news .et_parallax_bg:before {
    background-color: rgb(247 249 255 / 20%);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#menu-main-menu .sub-menu > li:hover a {
    color: #F7567C !important;
}


/* Footer */
.volunteer-text a{
	color: #000;
}
.volunteer-text a:hover{
	text-decoration: underline !important;
}
.volunteer-form{
	padding: 30px !important;
}
.volunteer-form h2{
	padding-bottom: 25px;
}
.volunteer-form input, .volunteer-form textarea{
	border-color: #E6E6E6;
}
.volunteer-form textarea{
	max-width: 100%;
	max-height: 174px;
	min-width: 100%;
	min-height: 60px;
}
.volunteer-form #gform_submit_button_3, .volunteer-form #gform_submit_button_5{
	background-color: #F7567C;
    color: #fff;
    width: 100%;
    border-radius: 20px;
    border: 0;
    padding: 10px 0px;
	cursor: pointer;
}
.volunteer-form #gform_submit_button_3:hover, .volunteer-form #gform_submit_button_5:hover{
	background-color: #F7567C;
}
.volunteer-form a, .volunteer-form a:hover{
	color: #000;
}
.volunteer-form a:hover{
	text-decoration: underline !important;
	cursor: pointer;
}
footer .gfield_label{
	display: none !important;
}
.volunteer-container .gfield_label{
	display: none !important;
}
.grow_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after{
	display: none !important;
}
.gfield_label, .gfield_required{
	display: none !important;
}

/* Blog item */
#search-2{
	display: none;
}
#recent-posts-2 a:hover, #categories-3 a:hover, #nav_menu-3 a:hover{
	color: #cd0000 !important;
}
.blocks-gallery-item__caption{
	display: none;
}


/* Responsive */
@media only screen and (max-width: 479px){
	/* Countdown */ 
	.home .et_pb_row_134.et_pb_row{
		width: 100%;
		transform: translateY(-101px);
	}
	.home .et_pb_module.dipi_countdown.dipi_countdown_19{
		padding: 25px 0 !important;
	}
	.home .dipi_countdown .block_clock .label{
		font-size: 15px !important;
	}
	.home .dipi_countdown .block_clock .time{
		font-size: 3em !important;
	}
	
	/* Homepage content 1 */
	.home .et_pb_module.et_pb_divider_19.et_pb_space.et_pb_divider_hidden{
		display: none;
	}
	.home .et_pb_column.et_pb_column_1_2.et_pb_column_288.et_pb_css_mix_blend_mode_passthrough{
		display: none;
	}
	.home .picturebox{
		transform: translateY(-75px);
		padding: 30px !important;
	}
	.home .picturebox p{
		font-size: 16px !important;
	}
	.home .picturebox .et_pb_button.et_pb_custom_button_icon.et_pb_promo_button{
		width: 100%;
		text-align: center;
	}
	
	
	/* Sponsoren homepage */
	.home .et_pb_row.et_pb_row_136{
		padding-bottom: 0 !important;
	}
	.home .et_pb_module.et_pb_text.et_pb_text_134.et_pb_text_align_left.et_pb_bg_layout_light{
		margin-bottom: 0px !important;
	}
	.home .swiper-button-next.swiper-arrow-button.dipi-sbn19 {
		right: -34px !important;
	} 
	.home .swiper-button-prev.swiper-arrow-button.dipi-sbp19 {
		left: -34px !important;
	}
	
	/* counter boxes */
	.et_pb_row .et_pb_column.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.et_pb_column_1_6{
		margin: 0 5% 5% 5% !important;
	}
	
	/* Staff */
	.home .picturebox.staff:after{
		display: none;
	}
	.staff-rood:after{
		content: "";
    	background: url(/wp-content/uploads/2021/10/sinterklaas-in-valkenswaard-staf-rood.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 52px;
		height: 85px;
	}
	.staff:after{
		content: "";
    	background: url(/wp-content/uploads/2021/10/sinterklaas-in-valkenswaard-staf.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 52px;
		height: 85px;
	}
	
	/* Mijters */
	#home-intro:before{
		top: -126px !important;
		left: 55px !important;
		transform: rotate(348deg) !important;
	}
	#partners:before{
		display: none !important;
	}
	#nieuws:before{
		display: none !important;
	}
	#nieuws:after{
		display: none !important;
	}
	
	/* Footer */
	.volunteer-form{
		padding: 20px !important;
	}
}	

@media only screen and (min-width: 700px) and (max-width: 991px){
	.progress-counters{
		padding-top: 0;
	}
	.counter-boxes .staff-rood, .counter-boxes .staff{
		width: 40% !important;
		margin-left: 7% !important;
		margin-right: 0 !important;
		margin-bottom: 7% !important;
	}
	
	/* Countdown */
	.dipi_countdown_19 .block_clock div.label{
		font-size: 18px !important;
	}
	#home-intro .et_pb_row_134{
		transform: translateX(0px) translateY(-135px);
	}
	
	/* Content box1 home */
	.home .et_pb_cta_19 {
    	transform: translateX(0px) translateY(-662px);
	}
	.home .et_pb_column.et_pb_column_1_2.et_pb_column_288.et_pb_css_mix_blend_mode_passthrough{
		transform: translateY(500px);
	}
	
	/* Organisatie/Over ons */
	.et_pb_column.et_pb_column_1_2.et_pb_column_344.et_pb_css_mix_blend_mode_passthrough{
		transform: translateX(-30px);
	}
	.et_pb_module.et_pb_cta_38.et_pb_promo.et_pb_text_align_left.et_pb_bg_layout_dark{
		transform: translate(30px, -141px);
	}
	.et_pb_column.et_pb_column_1_2.et_pb_column_347.et_pb_css_mix_blend_mode_passthrough.et-last-child{
		transform: translate(30px,-370px);
	}
	.et_pb_module.et_pb_cta_39.et_pb_promo.et_pb_text_align_left.et_pb_bg_layout_dark{
		transform: translate(-30px, 466px);
	}
	.board-container{
		display: flex;
		width: 90%;
	}
	.board-container .et_pb_column{
		margin-bottom: 0 !important;
	}
	.et_pb_module.et_pb_text.et_pb_text_197.vertical-align.et_pb_text_align_left.et_pb_bg_layout_light, .et_pb_module.et_pb_text.et_pb_text_198.et_pb_text_align_left.et_pb_bg_layout_light, .et_pb_module.et_pb_text.et_pb_text_199.et_pb_text_align_left.et_pb_bg_layout_light{
		height: 100%;
		margin: 0 5px !important;
	}
	
	
	/* Informatie/Contact */
	.et_pb_row.et_pb_row_58.et_pb_equal_columns{
		transform: none;
		margin-top: 100px;
		margin-bottom: 100px;
	}
	#contact-news .et_pb_button.et_pb_button_19.et_pb_bg_layout_light{
		border: none;
	}
	
	
	/* Mijters */
	#home-intro:before{
		left: 30px !important;
		transform: rotate(329deg) !important;
	}
	#partners:before{
		right: 30px !important;
		top: 41px !important;
		transform: rotate(25deg) !important;
	}
	#nieuws:before{
		right: 30px !important;
	}
	#nieuws:after{
		left: 30px !important;
		transform: rotate(334deg) !important;
	}
	
	/* Stafjes */
	.staff:after {
		overflow: hidden;
		content: "";
		background: url(/wp-content/uploads/2021/10/sinterklaas-in-valkenswaard-staf.png);
		background-size: contain;
		width: 63px;
		height: 102px;
		background-repeat: no-repeat;
	}
	.staff-rood:after {
		overflow: hidden;
		content: "";
		background: url(/wp-content/uploads/2021/10/sinterklaas-in-valkenswaard-staf-rood.png);
		background-size: contain;
		width: 63px;
		height: 102px;
		background-repeat: no-repeat;
	}
	
	
}
@media screen and (min-width:768px) and (max-width: 768px){
	.home .picturebox.staff:after{
		bottom: -8px;
		right: 135px;
    	position: absolute;
    	transform: rotate(13deg);
	}
}

@media screen and (max-width: 991px){
	/* Mobile menu */
	.et_mobile_menu .menu-item-has-children > a{
		background-color: #fff;
	}
	.et_mobile_menu li a:hover{
		background-color: #cd0000;
		color: #fff !important;
		opacity: 1 !important;
	}
	body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children>a:before{
		color: #fff !important;
    	background-color: #cd0000 !important;
	}
	body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children>a:after{
		color: #fff !important;
    	background-color: #cd0000 !important;
	}
	.et_mobile_menu{
		border-color: #cd0000 !important;
	}
	
	/* Footer */
	footer .et_mobile_nav_menu{
		display: none !important;
	}
	footer .et_pb_menu__menu{
		display: block !important;
	}
	footer .et_pb_menu__wrap{
		justify-content: flex-start !important;
	}
	#menu-footer-menu{
		flex-direction: column !important;
	}
	.staff-footer:after{
		display: none !important;
	}
	.staff-footer{
		overflow: hidden;
	}
	ul.et_pb_social_media_follow{
		float: left;
	}
}

@media only screen and (min-width: 992px){
	.volunteer-box{
		margin-bottom: -150px;
	}
	#top-menu li li a{
		border-top: 1px solid rgba(0, 0, 0, 0.03);
	}
	#top-menu li li a:hover{
		background-color: #cd0000 !important;
		color: #fff !important;
	}
	.sub-menu li:hover{
		background-color: #fff !important;
	}
	.sub-menu li:hover a {
		color: #f7567c !important;
	}
	#top-menu:hover:not(.sub-menu) {
    	color: #cd0000 !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1201px){
	.container.clearfix.et_menu_container{
		width: 95% !important;
	}
}


/* Counters */
.et_pb_circle_counter_inner .percent {
    margin-bottom: 5px !important;
}
.et_pb_circle_counter_inner .percent  p {
    padding: 52px 0 !important;
}

@media only screen and (max-width: 767px) {
.face_wrapper .face {
	flex-basis: 50% !important;
}
	.face_wrapper .face_hours {
		border-right: none !important;
	}
}


/* Carousel */
.dipi-carousel-wrapper span.dipi-carousel-image {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
}
.dipi-carousel-wrapper span.dipi-carousel-image img {
	width: auto !important;
}



.et_pb_widget .widgettitle {
	    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}



.gform_wrapper input[type="submit"] {
	cursor:pointer !important;
	background-color: #F7567C;
    color: #fff;
    width: 100%;
    border-radius: 20px;
    border: 0;
    padding: 15px 0px;
	font-weight:600;
}



/* Carousel */
.dipi_carousel_child_4 img, .dipi_carousel_child_5 img {
	max-height: 110px !important;
}

/*Boat lottie naast counter*/
.boatlottie{
	position: absolute;
    left: auto;
	max-width: 150px !important;
    right: 10px;
    top: -150px;
    width: 450px;
	pointer-events: none;
	border: none !important;
}

.boatlottie iframe{
	max-width: 150px !important;
}

@media only screen and (max-width: 1200px) {
	.boatlottie{
		display: none !important;
	}
}