/* Universal style */

body h1{font-size:var(--h1); font-weight: 400;   line-height: 1.3; }
body h2{font-size:var(--h2); font-weight: 300;   line-height: 1.3;}
body h3{font-size:var(--h3);  font-weight: 300; line-height: 1.3;}
body {line-height: 2; font-size: 17px;}
h2 strong {font-weight: normal !important;}
/*algemeen*/
.button {border-radius: 50px;}
/*font*/
body:not(.home) h1 {color: var(--hoofdkleur-1);}

/*Text*/
.content h2, .sidebar h2, .single h2 {font-size:var(--h4); color: var(--hoofdkleur-1); font-weight: 400;  }
.content h3, .sidebar h3, .single h3{font-size:var(--h5); color: var(--hoofdkleur-1); font-weight: 400;}
.content h4, .sidebar h4, .single h4{font-size:var(--h6);   }
.content a:not(.button), .tekst-inner a:not(.button), .sidebar a:not(.button) {color: var(--hoofdkleur-1);}
.content .alignright {float: right; margin-left: 20px; margin-bottom: 20px; max-width: 50%; height: auto;}  @media (max-width: 479px){.content .alignright {width: 100%; max-width: 100%;}} @media (min-width: 992px){.content .alignright {max-width: 40% !important;}}
.content .alignleft {float: left; margin-right: 20px; margin-bottom: 20px; max-width: 50%; height: auto;} @media (max-width: 479px){.content .alignleft {width: 100%; max-width: 100%;}} @media (min-width: 992px){.content .alignleft {max-width: 40% !important;}}
#breadcrumbs {background-color: #efefef;     padding: 3px 10px;    border-radius: var(--borderradius);    width: fit-content;}
blockquote {    color: var(--hoofdkleur-1);}
/*header*/

#header .header-row {background-color: #fff3de; }
body {background-color: #fff9ee; }
body.home header:not(.header-scroll) .header-row {    background-image: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100% );}
.home header:not(.header-scroll) {position: absolute; width: 100%; box-shadow: none;}
.home header:not(.header-scroll) #mobile-button:not(.open) span {/*background-color: #ffffff;*/}
.home header:not(.header-scroll) .header-row {background-color: transparent !Important; }
.home #header:not(.header-scroll) #hoofdmenu-list > .menu-item > a, header:not(.header-scroll) .dashicons-search, header:not(.header-scroll) .dashicons-cart {color: #222222;}
@media (max-width:991px) { header:not(.header-scroll) .dashicons-search, header:not(.header-scroll) .dashicons-cart {color: var(--hoofdkleur-1); margin-left: 10px;}}
.home #header2:not(.header-scroll) {z-index: 101;}

header .site-logo {height:60px;  vertical-align: bottom;}
.home .site-logo {height:90px; 	}
	@media (max-width:991px) {	.site-logo, .home .site-logo {height:60px;  }}
	@media (max-width:767px) {  .site-logo, .home .site-logo {height:45px;  }}

.site-logo-link {display: flex; align-items: center; text-decoration:none; } 
.site-logo-link-title {margin-left:10px;}

	#hoofdmenu-list ul {padding: 0; list-style-type: none;}
	#hoofdmenu-list.menu-list {flex-direction: row; display: flex; padding: 0; margin: 0; align-items: center;}

	#hoofdmenu-list .menu-item a {width: max-content; min-width: 100%; text-decoration: none; font-family: 'Open Sans'; font-weight: 500; color: #0f0f0f; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; padding-top: 15px; display: inline-flex; align-items: center; grid-gap: clamp(8px, 2vmin, 20px);font-size:var(--l-text); transition: .3s ease-in-out;}
	@media (max-width:1250px) {#hoofdmenu-list .menu-item a {padding-left: 7px; padding-right: 7px;}}
	#hoofdmenu-list .menu-item a:hover {color: var(--hoofdkleur-1); transition: .3s ease-in-out;}
	#hoofdmenu-list .sub-menu .menu-item a {font-size:var(--m-text);}
	header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item a {padding-left: 0px; padding-right: 0px; padding-bottom: 5px; padding-top: 5px;}
	header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item:first-child a {padding-top: 0px;}
	header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item:last-child a {padding-bottom: 0px;}
	#hoofdmenu-list.menu-list .menu-item {list-style-type: none; }
	header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item {position: relative; }
	#hoofdmenu-list.menu-list .menu-item .sub-menu {visibility: hidden; position: absolute; opacity:0; transition:opacity,visibility; transition-duration: .4s; width: calc(100% - 40px); display:grid; grid-template-columns: repeat(4, 1fr); padding: 15px !important; left: 20px;border-radius: min(var(--borderradius), 20px);box-shadow: 0px 3px 10px rgba(0,0,0,0.1);background-color:#fff;z-index:10;}
	@media (min-width:992px) {#hoofdmenu-list.menu-list .menu-item:hover .sub-menu {visibility: visible; opacity:100; position: absolute;}}
	header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item .sub-menu {width: auto; min-width: 250px; grid-template-columns: 1fr;}
	#hoofdmenu-list.menu-list img {display:none;}
	#hoofdmenu-list.menu-list .sub-menu img {display:block; width: 90px; height: 90px;}
	header.vertikaal_submenu #hoofdmenu-list.menu-list .sub-menu img {width: 40px; height: 40px;}
	#hoofdmenu-list.menu-list .sub-menu .menu-titel {display: flex; flex-direction: column;}
	#hoofdmenu-list.menu-list .sub-menu .menu-ondertitel {color: var(--hoofdkleur-1); font-size: var(--s-text);}
	#hoofdmenu-list.menu-list > .menu-item.menu-item-has-children > a {grid-gap: 0px;}
	#hoofdmenu-list.menu-list > .menu-item.menu-item-has-children > a::after {  font-family: "dashicons"; content: "\f347"; font-size: 13px; margin-top: 7px; margin-left: 3px;}
	#hoofdmenu-list .sub-menu .sub-menu {display: none !important;}
	
	@media (max-width:991px) {/*responsive menu*/
		.menu-hoofdmenu-container { display: grid;}
		#hoofdmenu-container {display: flex; flex-direction: column; justify-content: center;visibility:hidden; top:0; left:0; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 10; overflow: auto; background-color:#fff;width:100%;}
		#hoofdmenu-container.open {visibility:visible;}
		#hoofdmenu-list.menu-list {display:flex;flex-direction:column; overflow: visible;  min-height: 100%; justify-content: center;}
		#hoofdmenu-list.menu-list .menu-item .sub-menu {visibility: hidden; position: static; opacity:0; transition:opacity,visibility; transition-duration: .4s; width: 100%; display:flex;flex-direction:column; padding: 15px; left: 0;border-radius: none;box-shadow: none; grid-gap: 0px;}
		#hoofdmenu-container.open .menu-item .sub-menu {visibility: visible; opacity:100;}
		#hoofdmenu-list.menu-list .sub-menu img {display:block; width: 45px; height: 45px;}
		#hoofdmenu-list .menu-item a { padding-bottom: 10px; padding-top: 10px; font-size: var(--h4);}
		#hoofdmenu-list > .menu-item {width: 300px; max-width: 100%;}
		
		#mobile-button span {background-color: var(--hoofdkleur-1); height: 3px; margin: 9px auto;}
	}

	header form#zoekformulier { background:#00000088;  position:fixed;  left:0;  right:0;  bottom:0;  top:0;  opacity:0;  overflow:hidden;  visibility:hidden;  z-index:99;  transition:all .3s ease;}
	header form#zoekformulier.open { opacity:1;  visibility:visible}
	
	header form#zoekformulier .section-inner-wrap{ 	display: flex; align-items: center; justify-content: center;	}
	header .zoekformulier-wrapper {    border: 2px solid var(--hoofdkleur-1);    border-radius: 7px;    background: #ffffff;    padding: 20px;    width: 100%;    position: relative;    max-width: 1200px;}
	header #zoekformulierzoekinput {width: 100%; border: 0px; font-size: 28px; background: transparent;}
	header #zoekformulierzoekinput:focus-visible {outline: 0px;}
	header form#zoekformulier .dashicons {font-size: 36px; width: auto; height: auto; position: absolute; right: 20px;}
	
	header .button {margin-left: 2vmin;}
	@media (max-width:1250px) {header .button {  padding-left: 20px; padding-right: 20px;}}
	@media (max-width:480px) {header .button { font-size: 17px; padding-top: 7px; padding-bottom: 7px; padding-left: 14px; padding-right: 14px; margin-left: calc((100% - 300px)/2 + 7px); margin-top: 20px; }}
	
	header .dashicons-search {font-size: 28px; margin-left: 1vmin; height: auto; width: auto; color: #000000;} 
																							 
																						
	header .dashicons-search:hover {color: var(--hoofdkleur-1);}
	@media (max-width:767px) {header .dashicons-search { margin-top: -2px; margin-left: 10px; font-size: 36px;} }

/*home*/
.home .hero, .hero.slider img {    min-height: 100vh; overflow:hidden;}
.home .hero img {       transform: scale(1);    transition: transform 25s ease-in-out; object-fit: cover;}
.home .hero img.animate-zoom {    transform: scale(1.3);}
#home-search-form {background: #ffffff; border-radius: 100px; padding: 20px 35px; display: flex; gap: 10px; margin-bottom: 10vh; margin-top: 4vmin;}
@media (max-width: 767px) {#home-search-form {padding: 20px 20px;}}
@media (max-width: 767px) {#home-search-form {margin-bottom: 20px;}}
.home .wpgb-input-icon {}
#home-search-form .button {border-radius: 4px; padding-top: 11px; padding-bottom: 11px;}
@media (max-width:767px) {#home-search-form {flex-direction: column; border-radius: 20px;}}
.home h1 {text-shadow: none; font-size: 5em; display: flex;     flex-direction: column;}
@media (max-width: 767px) {.home h1 {font-size: 3em; }}
.home h1 span {color: #aa4124; font-size: 24px;}
/*page*/

/*overzichtspagina*/
.button-kaart {gap: 1vmin; position: absolute; top: 0px; right: 0px;}
.page-id-45 .content.rounded, .overzicht-locatie .content.rounded {background: transparent; padding: 0px;}
body .wp-grid-builder .wpgb-card-2 .wpgb-card-body {   /* background: transparent; padding-left: 0px; padding-right: 0px;*/}
body .content .wpgb-map-marker-title {color: var(--hoofdkleur-1);}


/* Standaard pagina */
.page {overflow-x: hidden;}
.hero-image {       transform: scale(1) !important;    transition: transform 25s ease-in-out !important; }
.hero-image.animate-zoom {    transform: scale(1.3) !important;}
body:not(.single-project) .hero-image + section > .section-inner-wrap {max-width: 1000px;margin-left: auto; margin-right: auto; height: 100%;padding-top: calc(60vh - 70px) !important;padding-right: 20px; padding-bottom: 75px; padding-left: 20px;}
.section-inner-wrap.nohero {padding-top: 40px;}
.section-inner-wrap .rounded {/*padding: clamp(20px, 5vmin, 50px);*/ padding: 30px; padding-top: 15px; border-radius: var(--borderradius);position:relative; box-shadow:none;}
.section-inner-wrap .rounded.sidebar {background-color:transparent;}
section .section-inner-wrap.breed {max-width: 1400px;}

/* Single */
.single h1 {}
.single .single-meta {display: flex; flex-wrap: wrap; gap: 0.5vmin;}
.single .single-content { position: relative;}
.single-locatie .single-content:not(.visible):before {content: ""; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; background-image: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100% );}

.single-locatie .single-content:not(.visible):before {content: ""; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; background-image: linear-gradient( 180deg, rgba(255,249,238,0) 0%, rgba(255,249,238,1) 100% );}
.section-inner-wrap .rounded.content {background-color: #fff9ee; }
.single-locatie .section-inner-wrap .rounded.content {padding-left: 0px; padding-right: 0px;}
.single-locatie .content h2, .single-locatie .sidebar h2, .single-locatie h2 {border-bottom: 1px solid #aaaaaa; padding-bottom: 3px; width: 100%;}
#gform_wrapper_7 {margin-top: 10px;}
.single section.carousel {background-color: #fff9ee;}
.single .carousel .section-inner-wrap {padding-top: 0px; max-width: 1600px;}
.single .locatie-inhoud .section-inner-wrap {padding-bottom: 30px;}
.single-locatie .carousel h2 {font-size: var(--h3);}
.single .single-datum {color: var(--hoofdkleur-3);}
/*single locatie*/
.single-locatie .locatie-breadcrumb .section-inner-wrap { padding-top: 15px; padding-bottom: 15px;}
.single-locatie .locatie-breadcrumb a {text-decoration: none; color: #666666; transition-duration: 0.4s;}
.single-locatie .locatie-breadcrumb a:hover {color: #404040; transition-duration: 0.4s;}
.single-locatie .locatie-inhoud .section-inner-wrap { padding-top: 30px;}

.locatie-galerij {}
.locatie-galerij .section-inner-wrap {display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-template-rows: repeat(2, minmax(0, 1fr)); padding-top: 0px; padding-bottom: 0px; max-width: 1600px; overflow:hidden; gap: var(--borderradius);}
@media (max-width: 767px) {.locatie-galerij .section-inner-wrap {gap: calc(var(--borderradius)/2);}}
.locatie-galerij-main {grid-column: span 2 / span 2;grid-row: span 2 / span 2; position: relative; overflow: hidden; }
.geen_galerij .locatie-galerij-main {grid-column: span 4 / span 4;}
@media (max-width: 767px) {.locatie-galerij-main {grid-column: span 4 / span 2;}}
.locatie-galerij img {max-height: 25vh; height: 100%; min-height:100%; width: 100%; object-fit: cover; border-radius: var(--borderradius);}
.locatie-galerij-main img {max-height: calc(50vh + 6px);}
.locatie-galerij a:not(a:nth-child(1)):not(a:nth-child(2)):not(a:nth-child(3)):not(a:nth-child(4)):not(a:nth-child(5)) {display: none;}
.locatie-galerij .show_all_images { position: absolute; bottom: 10px; left: 10px; padding: 5px 15px; border-radius: 50px; background: #ffffff; color: var(--hoofdkleur-1);}
.locatie-galerij .show_all_images:hover {color: var(--hoofdkleur-1); }

@media (min-width:992px) {.single-locatie .locatie-inhoud .section-inner-wrap {display: grid; grid-template-columns: 2fr 1fr;  grid-gap: clamp(20px, 5vmin, 50px);}}
.single-locatie .locatie-inhoud h1, .single-locatie .single-meta, .single-locatie .single-content, .single-locatie .content-more, .single-locatie .locatie-faciliteiten{margin-bottom: var(--s-space);}
.single-locatie .locatie-inhoud h1 {color: var(--hoofdkleur-1);}
.single-meta .dashicons {color: var(--hoofdkleur-1);}
.single-locatie .single-content.visible + .content-more {display: none;}
.single-locatie .single-content h2 + p {margin-block-start: 0px;}
.single-locatie .content h2 {margin-bottom: 1vmin;}
.single-content.overflow {-webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: calc(5 + 1vmin);overflow: hidden;transition: max-height 2s ease;max-height:200px;}
.single-content.overflow.visible {-webkit-line-clamp: unset;max-height:4000px;}
.content-more {font-weight:bold;display: flex; align-items: center; margin-top: -15px;}
.single-content.overflow.visible + .content-more:before {   content: 'Verberg tekst';} 
.single-content.overflow + .content-more:before {  content: 'Lees meer'; color: var(--hoofdkleur-1);} 
.single-content.overflow.visible + .content-more .dashicons {  transform: rotate(180deg);} 
.single-locatie .faciliteiten-grid {display: grid; grid-template-columns: 1fr 1fr 1fr;}
@media (max-width: 767px) {.single-locatie .faciliteiten-grid {grid-template-columns: 1fr 1fr;}}
@media (max-width: 479px) {.single-locatie .faciliteiten-grid {grid-template-columns: 1fr;}}
.single-locatie .faciliteiten-grid > div {display: flex; align-items: center; }
.single-locatie .faciliteiten-grid > div:before {content: "\f15e"; margin-right: 3px; font-family: dashicons; font-size: 20px; color: var(--hoofdkleur-1);}
.single-locatie .leaflet-map {border-radius: var(--borderradius); width: calc(100%); margin-top: 20px;}

@media (max-width:991px) {.single-locatie .sidebar {padding: 0px;}}

/**locatiepagina**/
section .section-inner-wrap .wp-grid-builder .wpgb-sidebar {flex-basis: 20%;}
section .section-inner-wrap .wpgb-sidebar .wpgb-facet {height:auto;}
section .section-inner-wrap .wpgb-card-content .wpgb-card-body {padding: 15px;}
section .section-inner-wrap .wpgb-card-content h3.wpgb-block-1 {font-size: 20px; font-weight: 400;}
section .section-inner-wrap .wpgb-card-content h3.wpgb-block-1:hover {color: #262626 !important;}
section .section-inner-wrap .wpgb-card-content .locatie_plaats {color: var(--hoofdkleur-1); font-weight: 400;}
section .wpgb-card-wrapper {border-radius: var(--borderradius); overflow: hidden;}
.wpgb-map-marker-content:not(.wpgb-map-marker_link) {overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
.wpgb-map-marker-title {font-weight: 600;}
.wpgb-facet-1 {margin-top: 10px;}
.ml-wp-grid-builder {margin-top: 20px;}
.wp-grid-builder .wpgb-main {padding-left: 0px !important;}
@media (min-width:768px) {
	.ml-wp-grid-builder {display: grid; grid-template-columns: 1fr 3fr; grid-gap: 20px; }
	.filter-button, .dashicons.filter-button {display: none;}
	.ml-wpgb-sidebar h2 {display: none;}
}
@media (max-width:767px) {
	.ml-wpgb-sidebar {position: fixed;    top: 0px;   left: -100%;    width: 100%;    height: 100%;    padding: 20px; padding-top: 95px; padding-bottom: 0px;   z-index: 9000;    background: #fff9ee; transition-duration: 0.5s; overflow: scroll;}
	.ml-wpgb-sidebar.visible {   left: 0%; transition-duration: 0.5s;}
	.ml-wpgb-sidebar h2 {margin-bottom: 20px;}
	.ml-wpgb-sidebar .dashicons-no-alt {position: absolute;    font-size: 36px;    right: 20px;    top: 95px;    width: 36px;    height: 36px; cursor: pointer;}
	.sluit-filters-wrapper {position: sticky;    bottom: 0px;    padding-bottom: 20px; padding-top: 10px;    background: #fff9ee;    width: 100%;}
}

@media (max-width:480px) {.leaflet-popup-content img{display: none;}}
.wpgb-facet-1 {max-height:0px;overflow:hidden;transition:max-height 0.25s ease-in !important;}
.wpgb-facet-1.visible {max-height:800px;overflow:auto;}
.toon-locatie-kaart-button + p {display:none;}
.flex-center {display: flex; align-items: center;}
.flex-center > span {margin-right:10px;}

#home-search-form {display:flex;}
#home-search-form .wpgb-facet fieldset {margin-bottom:0px;}

/**projecten**/
.tp-prijs {color: var(--hoofdkleur-1);}
.donatie-project img {height:100px; width: 100px; margin-top: 20px; margin-bottom: 20px;}
.donatie-project {padding-left: 0px; padding-right: 0px;}
.single-project > iframe, .single-project > .container-lazyload {border-radius: 0px !important;}

/*formulieren*/
input, select, textarea {border-width: 1px !important;}
.gfield_html {font-size: 12px; margin-top: -16px;}

/*paginablokken*/

/**carousel**/
section.carousel .carousel-cell .text-block .post-info {display: flex;    flex-direction: column;}
section.carousel .carousel-cell .text-block > div span:first-child {color: var(--hoofdkleur-3);}

/**pagebreaker**/
section.page-breaker { background-size: 100% !important; transition: background-size 30s ease-in-out; }
section.page-breaker h3 { font-weight: 400;}
section.page-breaker.animate-zoom {     background-size: 120% !important; }
@media (max-width:767px) {
	section.page-breaker {background-attachment: scroll; background-size: auto 100% !important;}
	section.page-breaker.animate-zoom {     background-size: auto 140% !important; }
}

section.page-breaker.rechts .full-width {background: #ffffff; border-radius: var(--borderradius); padding: var(--m-space); box-shadow: var(--box-shadow); width: 50%; margin-top: 100px;}
@media (max-width:767px) {section.page-breaker.rechts .full-width {width:100%; margin-top: 250px;}}
section.page-breaker.rechts .text-shadow {text-shadow: none; color: var(--tekstkleur);}
section.page-breaker.rechts h1 {color: var(--kopkleur);}

/*footer*/
footer {background-color: #195b6f;}
#bovenbalk h3 {font-size: var(--h3);color: var(--hoofdkleur-1);font-weight: 400;}