/*
Theme Name:   Mijnkerk Child
Template:     mijnkerk
*/

/*tijdelijk uitgeschakeld*/
#blok_64a3cd684264a {display: none;}

/*font*/
@font-face {font-family:'Poppins-Regular';src:url('font/Poppins-Regular.woff2') format('woff2'),url('font/Poppins-Regular.woff') format('woff');font-weight:400;font-style:normal;}
@font-face {font-family:'Poppins-Light';src:url('font/Poppins-Light.woff2') format('woff2'),url('font/Poppins-Light.woff') format('woff');font-weight:300;font-style:normal;}
@font-face {font-family:'Poppins-Medium';src:url('font/Poppins-Medium.woff2') format('woff2'),url('font/Poppins-Medium.woff') format('woff');font-weight:500;font-style:normal;}
@font-face {font-family:'Poppins-Bold';src:url('font/Poppins-Bold.woff2') format('woff2'),url('font/Poppins-Bold.woff') format('woff');font-weight:700;font-style:normal;}
@font-face {font-family:'Poppins-ExtraBold';src:url('font/Poppins-ExtraBold.woff2') format('woff2'),url('font/Poppins-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;}
@font-face {font-family:'Poppins-Black';src:url('font/Poppins-Black.woff2') format('woff2'),url('font/Poppins-Black.woff') format('woff');font-weight:900;font-style:normal;}
@font-face {font-family:'Poppins-Italic';src:url('font/Poppins-Italic.woff2') format('woff2'),url('font/Poppins-Italic.woff') format('woff');font-weight:400;font-style:italic;}


h1, h2, h3, h4, h5, h6 {font-family: 'Poppins-Regular';}
body h1 {font-size: var(--h1);}
body h2 {font-size: var(--h3);}
body h3 {font-size: var(--h4);}
body h4 {font-size: var(--h5);}
body h5 {font-size: var(--h6);}

body {font-size: var(--l-text);}

.content h3 {margin-top: 20px;}

/*algemeen*/
.button.button-alt {color: #ffffff;}
.button, .button:hover, .button.button-alt, .button.button-alt:hover {box-shadow: none; text-transform: none; font-family: Poppins-Medium; font-weight: unset; border-radius: 100px}
.content a:not(.button), .tekst-inner a:not(.button) {color: var(--hoofdkleur-2);}
.button {letter-spacing: inherit; font-size: 16px;}

/*header*/
#header .header-row {background: var(--achtergrondkleur-1); }
#header:not(.header-scroll) .header-row { padding-top: 30px; padding-bottom: 30px;}
@media (min-width:991px) {header .site-logo {height: 70px;}}
@media (min-width:991px) {header.header-scroll .site-logo {height: 65px;}}
@media (max-width: 479px) {    header .site-logo {        height: 42px; margin-top: 2px;   }}
#header:not(.header-scroll) {box-shadow: none;}

header.vertikaal_submenu #hoofdmenu-list.menu-list .sub-menu img {display: none;}
@media (min-width: 480px) {.header-right .button {padding-top: 12px; padding-left: 25px; padding-right: 25px; padding-bottom: 12px; margin-left: 1.6vw}}
@media (min-width: 375px) and (max-width: 479px) {    .header-right .button {        display: flex;  padding-top: 6px; padding-left: 12px; padding-right: 12px; padding-bottom: 6px; font-size: 16px;  }}
#hoofdmenu-list .menu-item a {padding-left: 1.7vw; padding-right: 1.7vw;}

/*zoekresultaten*/
.search-results .section-inner-wrap .rounded {padding: 0px; border-radius: 0px; background: transparent; box-shadow: none;}

header .dashicons-search {font-size: 36px;}
/*menu*/
#hoofdmenu-list .menu-item a, header .dashicons {color: var(--koptekstkleur);}
#mobile-button span {background-color: var(--koptekstkleur);}
/*home*/

h1, h2, section:not(.page-breaker) h3 {border-bottom: 3px solid #fcb328; padding-bottom: 12px;}
.home h1 {font-size: var(--h4); line-height: 1.15; text-align: center;}
.verwijzingen h2, .faq h2 {text-align: center; width: fit-content; margin: 0 auto;}
.home .page-breaker .tekst .div-block {height: 30px;}
.home .hero .collumns-2 {grid-template-columns: repeat(1, 1fr);}
.home .hero {min-height: inherit;}
.home .hero .tekst { align-items: center;}
.home .hero .tekst-inner {align-items: center;}
.home .hero .hero-tekst {margin-top: 0px; text-align: center; max-width: 700px;}
.home .hero .hero-buttons {justify-items: center;}
.home .hero .section-inner-wrap {padding-top: 0px; max-width: 1600px;}
.home .hero .media img {border-radius: var(--borderradius); min-height: 300px; height: clamp(400px, calc(100vh - 280px), 750px); border-top-right-radius: 80px;}
@media (max-width:767px) {.home .hero .media img { height: 200px !important;}}

#kom-langs-home .div-block, #centrum-home .div-block, #tussenblok-home .div-block {justify-content: center;}

/**carousel nieuws**/
section#blok_nieuws .carousel-cell {width: 100% !important;     padding-left: 0px;    padding-right: 20px;}
section.carousel.boven .div-block-space-between h2 {width: fit-content; margin: 0 auto}
@media (min-width: 480px){section#blok_nieuws .carousel-cell a {    flex-direction: row;}
section#blok_nieuws img {    height: 100%;    width: 40%;    object-fit: cover;    border-radius: 7px;}
section#blok_nieuws .text-block {    width: 60%;    padding-left: clamp(20px, 5vmin, 50px);    padding-right: 20px;}
section#blok_nieuws h4 {    font-size: var(--h5);}
section#blok_nieuws .text-excerpt {  margin-top: 20px;    margin-bottom: 10px;}
section#blok_nieuws .carousel-cell a {background-color: transparent; box-shadow: none;}
section#blok_nieuws .carousel-cell a:hover {transform: translateY(0px);}
section#blok_nieuws .carousel-cell .button {margin-top: 10px;}
}
.text-excerpt {color: #404040;}


/*page*/
section.paginadesign-achter {min-height: calc(100vh - 300px);}
.hero-image {width: 1600px; max-width: calc(100% - 40px); left: 50%;  border-top-right-radius: 80px; transform: translateX(-50%); border-radius: var(--borderradius); display: block;}
.hero-image + section > .section-inner-wrap {padding-left: 40px; padding-right: 40px;}
/*single*/
.single header + section .section-inner-wrap {max-width: 1000px;}
.single .section-inner-wrap .rounded {background-color: transparent; box-shadow: none;}
.single h1 {font-size: var(--h2);}
.single .single-meta {margin-top: 10px;}
@media (max-width: 767px){.single .section-inner-wrap.nohero {padding-top: 0px;}}
.single .hero-image {max-height: 520px; max-width: 100%; position: relative; border-radius: var(--borderradius); margin-top: 20px; margin-bottom: 20px;}
.single .carousel .section-inner-wrap {padding-top: 0px;}
.single.cat-11-id .single-meta, .single.cat-4-id .single-meta, .single.cat-5-id .single-meta, .single.cat-12-id .single-meta, .single.cat-13-id .single-meta, .single.cat-14-id .single-meta{display: none;}
.single .section-inner-wrap .rounded {padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.single .content .fotogalerij .section-inner-wrap {max-width: 1400px; padding-top: 20px; padding-bottom: 20px;} 
@media (min-width:940px) {.single .content .fotogalerij {margin-left: calc((960px - (100vw - 20px))/2); width: calc(100vw - 20px); padding-left: 20px; padding-right: 20px;}}


/*single portfolio*/
.single-portfolio .collumns-2 {grid-template-columns: repeat(1, 1fr);}
.single-portfolio .content .flickity-slider img {width: 100%; object-fit: contain; height: 450px;}
.single-portfolio .carousel-portfolio .post-info {display: none;}
.single-portfolio .media img {box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.23); border-radius: var(--borderradius);}
/*content*/
.text-shadow {    text-shadow: rgba(0,0,0,.5) 0 0 20px;}

/*form*/
section:not(.content-section) .gform_wrapper {padding: var(--m-space); max-width: 800px; margin-left: auto; margin-right: auto; border-radius: var(--borderradius); background-color: #ffffff; margin-top: 30px; box-shadow: 0px 5px 15px rgba(0,0,0,0.08);}

/*paginablokken*/
body, .paginablokken section:nth-of-type(even):not(.wit):not(.achtergrondkleur1):not(.achtergrondkleur2):not(.hoofdkleur1):not(.hoofdkleur2){    background-color: var(--achtergrondkleur-1);}
section:not(.page-breaker.breaker-image):not(.carousel.afbeelding):not(.paginadesign-achter) + section:not(.page-breaker.breaker-image):not(.carousel.afbeelding):not(.paginadesign-achter) .section-inner-wrap {padding-top: 60px; padding-bottom: 40px;}
.paginablokken + section:not(.page-breaker.breaker-image):not(.carousel.afbeelding):not(.paginadesign-achter) .section-inner-wrap {padding-top: 60px; padding-bottom: 40px;}
section.with-content + link + script + .paginablokken section:not(.page-breaker.breaker-image):not(.carousel.afbeelding):not(.paginadesign-achter) .section-inner-wrap {padding-top: 60px; padding-bottom: 40px;}
section.tabbladen + link + script + .paginablokken section:not(.page-breaker.breaker-image):not(.carousel.afbeelding):not(.paginadesign-achter) .section-inner-wrap {padding-top: 60px; padding-bottom: 40px;}

section.with-content .section-inner-wrap {max-width: 1000px;}

body .paginablokken section.achtergrondkleur2 {max-width: 1600px; margin: auto; border-radius: var(--borderradius);}
@media (max-width: 1640px){body .paginablokken section.achtergrondkleur2 {max-width: calc(100% - 40px); }}
body .paginablokken section.achtergrondkleur2 .section-inner-wrap {padding-top: 40px !important; padding-bottom: 60px !important;}

body .paginablokken section:not(.achtergrondkleur2):not(.page-breaker) + section:not(.achtergrondkleur2):not(.page-breaker) .section-inner-wrap {padding-top: 0px !important;}
body .paginablokken section:not(.achtergrondkleur2):not(.page-breaker) + section:not(.achtergrondkleur2).carousel .section-inner-wrap {padding-top: 40px !important;}
body .paginablokken section:not(.achtergrondkleur2):not(.page-breaker) + section:not(.achtergrondkleur2).overzicht .section-inner-wrap {padding-top: 40px !important;}
body .paginablokken section:not(.achtergrondkleur2):not(.page-breaker) + section:not(.achtergrondkleur2).fotogalerij .section-inner-wrap {padding-top: 40px !important;}
body .paginablokken section:not(.achtergrondkleur2):first-of-type .section-inner-wrap {padding-top: 0px !important;}

.section-inner-wrap {display:flex; flex-direction: column; }

/**carousel**/
.carousel.afbeelding {background-attachment: fixed;}
.carousel.afbeelding h1,.carousel.afbeelding h2, .carousel.afbeelding p {color:#fff; text-shadow: rgba(0,0,0,.5) 0 0 4px;}
.carousel.afbeelding .button {margin-top: var(--m-space);}
section.carousel .carousel-cell a {box-shadow: 0px 5px 15px rgba(0,0,0,0.08);}
section.carousel .text-block {padding: 30px 38px;}
#ervaringen-home .text-block {gap: 15px;}
.breaker-image h3, .breaker-image p {text-shadow: rgba(0,0,0,.5) 0 0 10px;}
.carousel-getuigenis h4 {font-size: 20px; margin-top: 5px; margin-bottom: -5px;}
.carousel.boven h2 {width: 100%; text-align: center;}
/*.carousel.boven .div-block-space-between + div, .carousel.boven .div-block-space-between + div + .flickity-enabled {max-width: 1000px; margin-left: auto; margin-right: auto;}*/
@media (min-width: 480px){section.carousel.naast .carousel-cell {    width: 48%;}}
.carousel.afbeelding .carousel-cell img {display: none;}
@media (min-width: 992px){section.carousel.boven .carousel-cell {    width: 32%;}}
section.carousel h4 {font-size: 20px;}

@media (max-width: 480px){.flickity-prev-next-button.flickity-button.previous {    display: none;}}
@media (max-width: 480px){ .flickity-prev-next-button.flickity-button.next {    display: none;}}
/**overzicht**/
section.overzicht:not(.overzicht-viering) .text-block {padding: 20px;}
section.overzicht .overzicht-cell > a {box-shadow: 0px 5px 15px rgba(0,0,0,0.08);}
/**tekst afbeelding**/
.video .media, .map .media {overflow: hidden;}
.media iframe {min-height: 100%; height:415px;}
.paginablokken section.tekst-afbeelding:not(.hero) .tekst-inner {padding: 0px;}
section.carousel.boven .div-block-space-between h2 {margin-bottom: 20px;}
section.carousel.boven p {text-align: center;}
section.tekst-afbeelding:not(.hero) .tekst-inner {background: transparent;}
section.tekst-afbeelding:not(.hero)  .media {box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.23); border-radius: var(--borderradius);}
@media (min-width: 1640px){
	section.tekst-afbeelding:not(.hero) .links .media {width: calc(100% + 120px);    margin-left: -120px;}
	section.tekst-afbeelding:not(.hero) .rechts .media {width: calc(100% + 120px);     margin-right: -120px;}
}
@media (min-width: 1400px) and (max-width: 1640px){
	section.tekst-afbeelding:not(.hero) .section-inner-wrap {max-width: 100%; padding-left: 20px; }
	section.tekst-afbeelding:not(.hero) .links { padding-right: calc((100% - 1360px)/2);}
	section.tekst-afbeelding:not(.hero) .rechts { padding-left: calc((100% - 1360px)/2);}
	
}


section.tekst-afbeelding:not(.hero) .rechts .media img, section.tekst-afbeelding .rechts .media {border-top-right-radius: 80px; }
section.tekst-afbeelding:not(.hero) .links .media img, section.tekst-afbeelding .links .media  {border-top-left-radius: 80px; }

section.tekst-afbeelding .tekst {justify-content: center;}
section.tekst-afbeelding .media img {min-height: 100%;}

/**overzicht**/
section.overzicht h2, section.overzicht p {text-align: center; width: 100%; width: fit-content;     align-self: center; }
section.overzicht .overzicht-tekst, section.carousel .carousel-tekst, section.faq .div-block {max-width: 700px; margin: auto; text-align: center;}
/**tabs**/
section.tabbladen .tab-buttons {width: 100%;     justify-content: center;}
section.tabbladen .tab-button {border-radius: 100px; position: relative;}
section.tabbladen .tab-button.active:after { content: ""; width: 0;   height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent;    border-top: 7px solid var(--hoofdkleur-2); position: absolute; bottom: -6px; left: center;}
.tabbladen h2, .tabbladen h2 + div {text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto;}
section.tabbladen .tab-tekst {padding-bottom: 20px; max-width: 1000px; text-align: center; margin-left: auto; margin-right: auto;}
section.tekst-afbeelding .collumns-2.text .media img {border-radius: var(--borderradius);}
section.tabbladen .tabs, section.tabbladen .tab {background-color: transparent;}
section.tabbladen .tab-button.active {background-color: var(--hoofdkleur-2); color: #ffffff; }
section.tabbladen .tab h2 {font-size: var(--h5);     color: var(--hoofdkleur-2);}
section.tabbladen .tab-button {/*text-transform: unset;*/}
/**verwijzingen**/
.verwijzingen h2, .verwijzingen p {text-align: center;}
 .verwijzingen p {max-width: 900px; margin: 0px auto; margin-bottom: var(--m-space);}
section.verwijzingen h2 {margin-bottom: 50px;}
section.verwijzingen a {/*box-shadow: 0px 5px 15px rgba(0,0,0,0.08);*/ /*background-color: transparent;*/  justify-content: flex-start;}
section.verwijzingen a div.verwijzing-titel {color: var(--hoofdkleur-1); font-size: var(--h5);}
section#blok_voordelen a {background-color: transparent;}
section#blok_voordelen a:hover {transform: translateY(0px);}
section.verwijzingen .verwijzing-icon {font-size: 60px; color: var(--hoofdkleur-2); margin-bottom: 10px;}
section.verwijzingen.voor a, section.verwijzingen.boven a {border-radius: 250px 250px 15px 15px;}
section.verwijzingen .tekst-container {padding: 30px;}
section.verwijzingen.boven .section-inner-wrap img {height: 350px;}
/**faq**/
section.faq h2 {text-align: center; margin-bottom: 20px;}
section.faq .faqs {    display: grid;    grid-template-columns: repeat(1, 1fr); max-width: 750px; width:100%; margin-left: auto; margin-right: auto;}
/**fotogalerij**/
.fotogalerij h2 {text-align: center;}
section.fotogalerij .section-inner-wrap {max-width: 100%;} 
.galerij {gap: 0px !important;     display: flex !important;    flex-wrap: wrap;    align-items: center;    justify-content: center;    align-content: center;}
.galerij::after {  content: "";  clear: both;  display: table;}
section.fotogalerij .galerij a {height: 350px;     width: fit-content;    float: left; margin: 10px;}
section.fotogalerij .galerij a img {height: 350px; border-radius: 14px;}
@media (max-width: 479px){section.fotogalerij .galerij a img {height: 120px; } section.fotogalerij .galerij a {height: 120px; }}

section.fotogalerij .section-inner-wrap {display: flex;    flex-direction: column;    align-items: center;}
section.fotogalerij .galerij {    justify-content: center;}

/**page breaker**/
section.page-breaker {  position: relative; max-width: 1600px; margin: auto; border-radius: var(--borderradius);  overflow:hidden;}
@media (max-width: 1640px){section.page-breaker {  max-width: calc(100% - 40px); }}
.page-breaker h2, .page-breaker h3 {     color: var(--tekstkleur); text-shadow: none;  font-size: var(--h3);  }
.page-breaker div p {     color: var(--tekstkleur); text-shadow: none;  }
section.page-breaker > * {   position: relative;   z-index: 1; }


section.page-breaker:after {content: ""; height: calc(100% + 10px); width: calc(100% + 10px); position: absolute; top: 0px; left: 0px; background: var(--hoofdkleur-1); z-index: -1; }
.page-breaker .section-inner-wrap {z-index: 2;position: relative; }
.page-breaker .div-block.full-width { max-width: 600px; border: 3px solid #C9BCA5; height: 100%; min-height: 60vh; margin: auto; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; background-color: #e8e4dbdd; padding: 20px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; border-top-right-radius: 80px;}
.page-breaker.rechts .div-block.full-width {padding-left: 40px; margin-right: auto; margin-left: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 80px;}
@media (max-width:650px) {.page-breaker .div-block.full-width { background-color: #eeeeeeaa;}}
.page-breaker .tekst {margin-top: auto; margin-bottom: auto;}
.page-breaker .text-shadow {text-shadow: none;}


/*formulieren*/
.gfield_consent_label {font-size: var(--s-text);}

/*footer*/
#bovenfooter, section#bovenfooter .tekst-inner {background-color: #f8e8cd;}
#bovenfooter .gform_wrapper {margin-bottom: 30px;}
#bovenfooter .social-buttons {margin-top: 10px;}
footer {margin-top: 20px;}

/*lightbox*/
.lightbox-container {padding-bottom: 40px; border-radius: var(--borderradius);}
@media (max-width:991px) {.lightbox-container {width: calc(100% - 60px); height: calc(100% - 60px);}}
.lightbox-image img {border-radius: var(--borderradius); margin-bottom: 20px; object-fit: cover; max-height: calc(100vh - 260px);}
@media (min-width:992px) {.lightbox-image img {max-height: calc(100vh - 300px);}}
/*apart*/
#blok_679b33b3b1e16 a {border-radius: 200px;     padding: 25px !important;     padding-bottom: 40px !important;     background: #ffffff77;}
#blok_679b33b3b1e16 a div.verwijzing-titel {color: var(--koptekstkleur);}