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

:root {
	--borderradius: 40px !important;
}

/*---ALGEMEEN---*/
body {font-size: 17px;}
body, .header-row {background-color: var(--achtergrondkleur-1);}
.button {border-radius: 100px;}
.button.button-alt {color: #ffffff;}
.button, .button:hover, .button.button-alt, .button.button-alt:hover {box-shadow: none;}
/*---FONT---*/

/*---HEADER---*/



/*---MENU---*/

/*---HOME---*/
.verwijzingen h2, .faq h2 {text-align: center; width: fit-content; margin: 0 auto;}

/*---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;}
/*zoekresultaten*/
.search-results .section-inner-wrap .rounded {padding: 0px; border-radius: 0px; background: transparent; box-shadow: none;}

/*---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);}
/*---PAGINABLOKKEN---*/
.paginablokken h2, .paginablokken h3 {font-size: var(--h3); border-bottom: 3px solid var(--hoofdkleur-2); padding-bottom: 8px; width: fit-content; }

.paginablokken section.wit {background: transparent; }
.paginablokken section.wit .section-inner-wrap {background: #ffffff; border-radius: var(--borderradius); margin-top: 75px; margin-bottom: 75px; padding: var(--m-space); max-width: 1100px; }

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: 40px; 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;}


/**hero**/

/**tekst en afbeeldingen**/

section.tekst-afbeelding:not(.hero) .tekst-inner {background-color: transparent;}


.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; padding-top: 40px; padding-bottom: 40px;}
section.tekst-afbeelding .media img {min-height: 100%;}


/**carousel**/
section.carousel .div-block-space-between .button {display: none;}
section.carousel .button-mobile {display: flex !important; margin-left: auto; margin-right: auto; margin-top: 20px;}
section.carousel h2, section.carousel .carousel-tekst {text-align: center; margin-left: auto; margin-right: auto; max-width: 800px;}

.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;}
@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);}
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;}
/**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;}

/**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);}

/**verwijzingen**/
section.verwijzingen h2, section.verwijzingen .verwijzingen-tekst {text-align: center; margin-left: auto; margin-right: auto; max-width: 800px;}
.verwijzingen-tekst + .verwijzing-columns {margin-top: 30px;}

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

/*---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;}
/*---CONTENT---*/
.text-shadow {    text-shadow: rgba(0,0,0,.5) 0 0 20px;}
/**blockquote**/

/*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);}}

/**formulieren**/
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);}
.gfield_consent_label {font-size: var(--s-text);}