/*
Theme Name:   Mijnkerk Child
Template:     mijnkerk
Site: 		  baarschebomen.nl
Author:       Webheld
Version: 	  1.0
*/



/*---ALGEMEEN---*/
body {background-color: var(--achtergrondkleur-1); font-size: 19px;}
.header-row { background-color: var(--achtergrondkleur-1); }
.button.button-alt, .button.button-alt:hover {color: #ffffff;}


/*---FONT---*/
@font-face {     font-family: 'PlayfairDisplay-Black';     src: url('fonts/PlayfairDisplay-Black.ttf');     }
@font-face {     font-family: 'PlayfairDisplay-BlackItalic';     src: url('fonts/PlayfairDisplay-BlackItalic.ttf');     }
@font-face {     font-family: 'PlayfairDisplay-Bold';     src: url('fonts/PlayfairDisplay-Bold.ttf');     }
@font-face {     font-family: 'PlayfairDisplay-BoldItalic';     src: url('fonts/PlayfairDisplay-BoldItalic.ttf');     }
@font-face {     font-family: 'PlayfairDisplay-Italic';     src: url('fonts/PlayfairDisplay-Italic.ttf');     }
@font-face {     font-family: 'PlayfairDisplay-Regular';     src: url('fonts/PlayfairDisplay-Regular.ttf');     }

body h1, body h2, body h3 {font-family:'PlayfairDisplay-Regular'; font-weight: normal; font-style: normal; color: var(--koptekstkleur);}
body h1 span {font-family:'Open Sans'; font-size: var(--h3);}
.button {font-family: 'PlayfairDisplay-Regular'; font-weight: normal;}
.button-large {font-size: 16px;}
.hero .full-width h1, .hero .full-width h2 {text-align: left;}
/*---HEADER---*/
#header:not(.header-scroll) {box-shadow: none;}
#header:not(.header-scroll) .site-logo {height: 170px; }
#header:not(.header-scroll) .site-logo-link {margin-left: 20px; width: 190px; height:190px; overflow: hidden; padding: 10px; border-radius: 200px; background-color:#faf4ee; text-align: center; margin-bottom: -100px; box-shadow: var(--box-shadow);}
@media (max-width: 767px) {
    #header:not(.header-scroll) .site-logo {height: 100px; }
    #header:not(.header-scroll) .site-logo-link { width: 120px; height:120px; margin-bottom: -50px;}

}

/*---MENU---*/

/*---HOME---*/
.home .hero.afbeelding {height: calc(100vh - 140px);}
/*---PAGE---*/
.page:not(.home) .hero {min-height: clamp(500px, calc(100vh - 340px), 800px) !important;}
.page.page-id-488 .hero{min-height: clamp(500px, calc(100vh - 340px), 800px) !important;}
.page:not(.home) .hero .full-width .hero-tekst {text-align: left;}

/*---SINGLE---*/
.single-portfolio .section-inner-wrap .rounded {background: transparent; box-shadow: none; padding: 0px; margin-top: 40px;}
.single-portfolio .media img {border-radius: var(--borderradius); box-shadow: var(--box-shadow); }
.single-portfolio .tekst  {margin-top: 10px; }
.single-portfolio .carousel .post-info  {display: none; }
/*---PAGINABLOKKEN---*/
@media (min-width: 992px) {section:not(.page-breaker):not(.boven-geen-ruimte) .section-inner-wrap {padding-top: clamp(40px, 20vh, 80px ); padding-bottom: clamp(40px, 20vh, 80px );}}
@media (min-width: 992px) {section.overzicht .section-inner-wrap, section.carousel .section-inner-wrap {padding-top: clamp(30px, 15vh, 60px ); padding-bottom: clamp(30px, 15vh, 60px );}}
.paginablokken section h3 {font-size: var(--h2);}
/**hero**/
.hero.afbeelding {padding: 0 20px; position: relative;}
.hero.afbeelding img {object-fit: cover; max-width: calc(100%); margin: 0 auto; border-radius:10px; box-shadow: var(--box-shadow);}
.hero.afbeelding .full-width { box-shadow: var(--box-shadow); background-color:#e5decacc; border-radius: var(--borderradius); left: 40px; bottom: 20px; max-width: calc(50% + (clamp(10px, 2.5vmin, 25px))); height: fit-content; display: flex; align-items: flex-start; justify-content: center; text-align: left; padding: 20px;
background-image: linear-gradient(90deg, #e5decaee 30%, #e5deca66 100%);
}
@media (max-width: 767px) {.hero.afbeelding .full-width { max-width: 100%;}}
.hero.afbeelding .section-inner-wrap {padding-bottom: 20px !important; align-items: flex-end !important; max-width: 100%; }
@media (max-width: 767px) {.hero.afbeelding .section-inner-wrap {padding-top: 250px !important; }}
.hero:not(.tekst-afbeelding) .section-inner-wrap > div:not(.collumns-2) .text-shadow {color: var(--koptekstkleur); text-shadow: none;}
@media (max-width: 767px) {    section.hero.centraal:not(.tekst-afbeelding) .hero-buttons {        justify-items: left;    }}
/**tekst en afbeeldingen**/
section.tekst-afbeelding img {box-shadow: var(--box-shadow);}
@media (min-width: 768px) {
    section.tekst-afbeelding .text:not(.boven) .media {
        height: 10px;
        min-height: calc(100% + 80px); margin-top: -40px;;
    }
}
section.tekst-afbeelding .div-block {justify-content: center;}
/**carousel**/
section.carousel-getuigenis .post-text {font-size: 21px; font-weight: 300;}
@media (max-width: 1400px) {section.carousel-getuigenis .flickity-enabled {padding-left:20px; padding-right: 20px;}}
section.carousel.carousel-relatie img {padding: 20px;}
/**overzicht**/

/**page breaker**/
section.page-breaker {width: calc(100% - 40px); margin: 0px auto; border-radius: var(--borderradius);}
.page-breaker .div-block {align-items: flex-start;}
section.page-breaker .section-inner-wrap  {max-width: 100%; margin-top: clamp(25px, 10vh, 40px ); margin-bottom: clamp(25px, 10vh, 40px ); padding-top: 250px; padding-bottom: 20px; align-items: flex-end; }
section.page-breaker .div-block.tekst { box-shadow: var(--box-shadow); background-color:#e5decacc; border-radius: var(--borderradius); left: 40px; bottom: 40px; max-width: 50%; height: fit-content; display: flex; align-items: flex-start; justify-content: center; text-align: left; padding: 20px;
    background-image: linear-gradient(90deg, #e5decaee 30%, #e5deca66 100%);
}
@media (max-width: 768px) {section.page-breaker .div-block.tekst {max-width: 100%;}}
section.page-breaker .text-shadow {color: var(--koptekstkleur); text-shadow: none;}
/**verwijzingen**/
.verwijzing-columns {margin-top: 40px; grid-template-columns: repeat(2, 1fr); grid-gap: clamp(40px, 10vmin, 100px);}

section.verwijzingen .section-inner-wrap {text-align: center;}
section.verwijzingen a {box-shadow: none; background: transparent; justify-content: flex-start; }
section.verwijzingen a:hover {transform: translateY(0px);}
@media (min-width: 992px) {section.verwijzingen a:nth-of-type(even), section.verwijzingen a:nth-of-type(even):hover {transform: translateY(50%); }}
.verwijzing-columns img {width: 250px !important; height: 250px !important; object-fit: cover; border-radius: 1000px; box-shadow: var(--box-shadow);}
section.verwijzingen a div.verwijzing-tekst {text-align: left;}

@media (max-width: 992px) {
.verwijzing-columns {margin-top: 40px; grid-template-columns: repeat(1, 1fr); grid-gap: clamp(40px, 10vmin, 100px);}
section.verwijzingen a {flex-direction: column !important; }
.verwijzing-columns img {min-height: auto !important; }
section.verwijzingen .tekst-container  {width: 100% !important;}
section.verwijzingen .tekst-container div {text-align: center !important;}
}   

/**faq**/

/*---FOOTER---*/
.lightbox-image img {border-radius: var(--borderradius); margin-bottom: 20px; object-fit: cover; max-height: calc(100vh - 360px);}
/*---CONTENT---*/

/**blockquote**/

/**formulieren**/

/*kaart*/
.overzicht-locatie {position: relative;}
.overzicht-locatie .section-inner-wrap {padding-top: calc(50vh + 20px) !important;}
.overzicht-locatie .content {position: static !important; }
.wpgb-facet-5 {position: absolute !important; top: 0px; width: 100%; left: 0px; max-height: 50vh !important; margin-top: 0px !important; z-index: 0 !important;}
.wpgb-map-facet {padding-bottom: 50vh !important;}
.button-kaart {display: none !important;}
.overzicht-locatie .wpgb-block-4 br{display: none;}
.single-locatie .section-inner-wrap .rounded.content {padding: 0px !important;}
.single-locatie .single-content.overflow {overflow: visible !important; max-height: fit-content !important;}
.single-locatie .single-content:not(.visible):before, .content-more {display: none !important;}
.midb-toon-meer {text-decoration: underline; margin-top: 10px; font-size: 14px; display: inline-block;}