/*
Theme Name:   Mijnkerk Child
Template:     mijnkerk
Site: 		  Sint Jan Laren
Version: 	  1.0.2
*/

:root {
  --hoofdkleur-3: #ffffff;
  --hoofdkleur-4: #000000;
}

/*---ALGEMEEN---*/
.button,
.button.button-alt,
.button:hover,
.button.button-alt:hover {
  box-shadow: none;
  color: #ffffff;
}
.text-shadow {
  text-shadow: none;
}
/*---FONT---*/
@font-face {
  font-family: "libre_baskervillebold";
  src:
    url("font/librebaskerville-bold-webfont.woff2") format("woff2"),
    url("font/librebaskerville-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "libre_baskervilleitalic";
  src:
    url("font/librebaskerville-italic-webfont.woff2") format("woff2"),
    url("font/librebaskerville-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "libre_baskervilleregular";
  src:
    url("font/librebaskerville-regular-webfont.woff2") format("woff2"),
    url("font/librebaskerville-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playfair_displayregular";
  src:
    url("font/playfairdisplay-variablefont_wght-webfont.woff2") format("woff2"),
    url("font/playfairdisplay-variablefont_wght-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body h1,
body h2,
body h3,
body h4 {
  font-family: "libre_baskervilleregular";
  font-weight: normal;
}
body h2 {
  font-size: var(--h2);
  color: var(--hoofdkleur-1);
}
body h3 {
  font-size: var(--h3);
  color: var(--hoofdkleur-1);
}
body h4 {
  font-size: var(--h5);
}
/*---HEADER---*/
.header-row {
  padding-top: 0px;
  padding-bottom: 0px;
}
#hoofdmenu-container:not(.open),
#hoofdmenu-container:not(.open) .menu-hoofdmenu-container,
#hoofdmenu-container:not(.open) #hoofdmenu-list,
#hoofdmenu-container:not(.open) #hoofdmenu-list.menu-list .menu-item,
#hoofdmenu-container:not(.open) #hoofdmenu-list .menu-item a {
  height: 100%;
}
.header-container {
  position: static;
  max-width: 100%;
}
@media (min-width: 992px) {
  header:not(.header-scroll) .site-logo-link,
  header:not(.header-scroll) .site-logo {
    height: 120px;
  }
}
.site-logo-link {
  margin-left: -20px;
}
/*.site-logo-link:before {content: ""; height: 100%; background: #b69a58; left: 0px; position: absolute; width: calc((100% - 1360px)/2);  }*/
@media (min-width: 992px) {
  header:not(.header-scroll) .site-logo {
    height: 120px;
  }
}
.headerbutton {
  height: 100%;
  margin-right: -20px;
  border-radius: 0px;
  background: var(--hoofdkleur-2);
  text-decoration: underline;
}
.headerbutton:hover {
  transform: translateY(0px);
}

@media (min-width: 992px) and (max-width: 1400px) {
  header:not(.header-scroll) .site-logo-link,
  header:not(.header-scroll) .site-logo {
    height: 100px;
  }
  #hoofdmenu-list .menu-item a,
  header .button-large {
    font-size: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  header:not(.header-scroll) .site-logo-link,
  header:not(.header-scroll) .site-logo {
    height: 80px;
  }
  #hoofdmenu-list .menu-item a {
    font-size: 14px;
  }
  header .button-large {
    font-size: 12px;
  }
  header .button-large,
  body #hoofdmenu-list .menu-item.menu-button a {
    padding-left: 12px;
    padding-right: 12px;
  }
  header .dashicons {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  header .site-logo-link,
  header .site-logo {
    height: 70px;
  }
  header .button-large {
    font-size: 12px;
  }
}

/*---MENU---*/
#hoofdmenu-container:not(.open) #hoofdmenu-list.menu-list .menu-item .sub-menu {
  width: 100%;
  left: 0px;
  border-radius: 0px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
#hoofdmenu-container:not(.open) #hoofdmenu-list .menu-item.menu-button {
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}
#hoofdmenu-container:not(.open) #hoofdmenu-list .menu-item.menu-button a {
  display: flex;
  flex-direction: row;
  width: fit-content;
  border: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans";
  font-weight: 600;
  border-radius: var(--borderradius);
  color: #ffffff;
  text-transform: uppercase;
  background-color: var(--hoofdkleur-1);
  letter-spacing: 1px;
  text-align: center;
  box-shadow: 0px 10px 20px -15px var(--hoofdkleur-1);
  text-decoration: none;
  transition-duration: 0.4s;
  padding-top: 12px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 12px;
  font-size: 13px;
}

/*@media (min-width:992px) {#hoofdmenu-list .sub-menu .menu-item a:hover {    background-color: var(--achtergrondkleur-2);}}*/
/*---HOME---*/
.home .hero {
  min-height: calc(100vh - 120px);
}
@media (min-width: 992px) and (max-width: 1400px) {
  .home .hero {
    min-height: calc(100vh - 100px);
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .home .hero {
    min-height: calc(100vh - 80px);
  }
}
@media (max-width: 992px) {
  .home .hero {
    min-height: calc(100vh - 70px);
  }
}
.home .hero h1 {
  font-size: 2.6vw;
}
@media (max-width: 480px) {
  .home .hero h1 {
    font-size: 6vw;
  }
}
.home .hero-tekst {
  font-size: clamp(16px, 1vw, 30px);
}
.home .hero .section-inner-wrap {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.home .hero .full-width {
  background: #b69a58dd;
  padding: var(--l-space);
  position: absolute; /* position: relative; */
  bottom: 0px;
  width: 40%;
}
@media (max-width: 480px) {
  .home .hero .full-width {
    background: #b69a58dd;
    padding: var(--l-space);
    position: absolute; /* position: relative; */
    bottom: 0px;
    width: 100%;
  }
}
/*---PAGE---*/
section.paginadesign-achter {
  min-height: 45vh;
}
.section-inner-wrap .rounded {
  box-shadow: none;
}
.page h1 {
  font-size: 3vw;
}
@media (max-width: 767px) {
  .page h1 {
    font-size: 5vw;
  }
}
.page .content {
  max-width: 1000px;
  margin: auto;
}
.page .paginadesign-achter .section-inner-wrap {
  width: 100%;
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.page .paginadesign-achter .full-width {
  background: #b69a58dd;
  padding: var(--l-space);
  position: absolute; /* position: relative; */
  bottom: 0px;
  width: 40%;
}
@media (max-width: 767px) {
  .page .paginadesign-achter .full-width {
    background: #b69a58dd;
    padding: var(--l-space);
    position: absolute; /* position: relative; */
    bottom: 0px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.tekst-afbeelding img {
    height: 350px;
  }
}
/*---SINGLE---*/
.single:not(.single-portfolio) .content-section .section-inner-wrap {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.featured-post-image {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
  margin-top: 20px;
  margin-bottom: 20px;
}
.single .fotogalerij {
  background: var(--achtergrondkleur-1);
}
/*---PAGINABLOKKEN---*/
.section-inner-wrap {
  position: relative;
}
section.breed .section-inner-wrap,
section.tekst-afbeelding.breed .collumns-2.boven {
  max-width: 1400px !important;
}
/**hero**/
body .hero {
  min-height: calc(100vh - 120px);
  position: relative;
}
.hero.afbeelding > img,
.hero.video .video-wrapper {
  object-fit: cover;
}
/**tekst en afbeeldingen**/
section.tekst-afbeelding .collumns-2 {
  grid-gap: 0px;
}
section.tekst-afbeelding {
  overflow: hidden;
}
section.tekst-afbeelding h3 {
  margin-bottom: 20px;
}
section.tekst-afbeelding .section-inner-wrap {
  padding-top: 0px;
  padding-bottom: 0px;
}
section.tekst-afbeelding .tekst {
  padding-top: var(--xl-space);
  padding-bottom: var(--xl-space);
  padding-left: clamp(20px, 5vmin, 50px);
  padding-right: clamp(20px, 5vmin, 50px);
}
section.tekst-afbeelding.boven-geen-ruimte .tekst {
  padding-top: 0px;
  padding-bottom: var(--xl-space);
  padding-left: 0px;
  padding-right: 0px;
}
section.tekst-afbeelding .collumns-2.slider .flickity-viewport,
section.tekst-afbeelding .collumns-2.slider img {
  min-height: 550px;
  height: 100% !important;
}
section.tekst-afbeelding
  .collumns-2.slider
  .flickity-prev-next-button.flickity-button.next {
  right: 20px;
}
section.tekst-afbeelding
  .collumns-2.slider
  .flickity-prev-next-button.flickity-button.previous {
  left: 20px;
}
@media (min-width: 768px) {
  section.tekst-afbeelding .collumns-2:not(.slider) div.media img,
  section.tekst-afbeelding div.media iframe,
  section.tekst-afbeelding .collumns-2.slider div.media {
    width: 50vw !important;
    max-width: 50vw;
    min-height: 100%;
    height: calc(100vh - 300px);
    margin-left: calc(-50vw + 680px);
  }
}
@media (min-width: 768px) {
  section.tekst-afbeelding div.media iframe {
    height: fit-content;
  }
}
@media (min-width: 768px) {
  section.tekst-afbeelding .rechts.collumns-2:not(.slider) div.media img,
  section.tekst-afbeelding .rechts div.media iframe,
  section.tekst-afbeelding .collumns-2.slider.rechts div.media {
    width: 50vw !important;
    max-width: 50vw;
    min-height: 100%;
    height: calc(100vh - 300px);
    margin-left: auto;
    margin-right: calc(-50vw + 680px);
  }
}
@media (min-width: 768px) and (max-width: 1399px) {
  section.tekst-afbeelding .collumns-2:not(.slider) div.media img,
  section.tekst-afbeelding div.media iframe,
  section.tekst-afbeelding .collumns-2.slider div.media {
    margin-left: -20px;
    width: calc(100% + 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1399px) {
  section.tekst-afbeelding .rechts.collumns-2:not(.slider) div.media img,
  section.tekst-afbeelding .rechts div.media iframe,
  section.tekst-afbeelding .collumns-2.slider.rechts div.media {
    width: calc(100% + 20px) !important;
  }
}
@media (max-width: 767px) {
  section.tekst-afbeelding .collumns-2:not(.slider) div.media img,
  section.tekst-afbeelding div.media iframe,
  ,
  section.tekst-afbeelding .collumns-2.slider div.media {
    margin-left: -20px;
    height: 350px;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
  }
}
section.tekst-afbeelding:not(.hero) .tekst-inner {
  background-color: transparent;
  padding: 0px;
}
section.tekst-afbeelding:not(.hero) .tekst-inner img {
  height: auto !important;
}
section.tekst-afbeelding div.media iframe,
section.tekst-afbeelding div.media img {
  border-radius: 0px;
}
section.tekst-afbeelding .tekst {
  justify-content: center;
}
.div-block,
.div-block p {
  width: 100%;
}
@media (max-width: 480px) {
  section.tekst-afbeelding .tekst {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  section.tekst-afbeelding:not(.breed) .collumns-2.boven {
    max-width: 780px;
  }
}
/**carousel**/
.div-block-space-between {
  margin-bottom: 20px;
}
section.carousel .carousel-cell {
  width: 400px;
  max-width: calc(100% + 20px);
}
section.carousel img,
section.carousel iframe {
  height: 320px;
}
.carousel-viering img {
  display: none;
}
/**overzicht**/
@media (min-width: 768px) {
  section.overzicht .overzicht-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
section.overzicht .overzicht-cell img,
section.overzicht .overzicht-cell iframe {
  height: 320px;
}
.team_contactbuttons {
  top: unset;
  bottom: -27px;
}
.paginablokken section:nth-of-type(even).overzicht-team .overzicht-cell,
.paginablokken section.wit.overzicht-team .overzicht-cell {
  border: 1px solid var(--hoofdkleur-2);
}

.page-id-92 .standaard .section-inner-wrap {
  padding-bottom: 20px;
}

/**vieringen overicht**/
.sj_vieringen_overzicht {
  background: transparent !important;
}
.sj_vieringen_overzicht .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  .sj_vieringen_overzicht .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .sj_vieringen_overzicht .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .sj_vieringen_overzicht .row {
    grid-template-columns: repeat(1, 1fr);
  }
}
body .sj_vieringen_overzicht .overzicht-cell {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
}
.sj_vieringen_overzicht .overzicht-cell a {
  border: 1px solid var(--hoofdkleur-2);
}
/*.sj_vieringen_overzicht .overzicht-cell:hover {transform: translateY(-10px);}
.sj_vieringen_overzicht .overzicht-cell a:hover {transform: translateY(0px) !important;}*/
.sj_vieringen_overzicht .text-block {
  flex-direction: column;
  border: 0px !important;
}
.sj_vieringen_overzicht .sj_viering_inhoud {
  color: #000000;
}
.sj_vieringen_overzicht h3 {
  font-size: var(--h6);
  color: var(--hoofdkleur-2);
}
.sj_vieringen_overzicht .zondag a {
  background: var(--achtergrondkleur-1) !important;
}
.sj_vieringen_overzicht strong {
  font-weight: 600;
}

/**vrijwilligers overicht**/
.sj_vrijwilligers_overzicht {
  background: transparent !important;
}
.sj_vrijwilligers_overzicht .row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  .sj_vrijwilligers_overzicht .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .sj_vrijwilligers_overzicht .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .sj_vrijwilligers_overzicht .row {
    grid-template-columns: repeat(1, 1fr);
  }
}
body .sj_vrijwilligers_overzicht .overzicht-cell {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  aspect-ratio: 6 / 4;
  min-width: 250px;
}
@media (max-width: 480px) {
  body .sj_vrijwilligers_overzicht .overzicht-cell {
    aspect-ratio: unset;
    min-width: unset;
  }
}
.sj_vrijwilligers_overzicht .overzicht-cell a {
  border: 1px solid var(--hoofdkleur-2);
}
/*.sj_vrijwilligers_overzicht .overzicht-cell:hover {transform: translateY(-10px);}
.sj_vrijwilligers_overzicht .overzicht-cell a:hover {transform: translateY(0px) !important;}*/
.sj_vrijwilligers_overzicht .text-block {
  flex-direction: column;
  border: 0px !important;
}
.sj_vrijwilligers_overzicht .sj_viering_inhoud {
  color: #000000;
}
.sj_vrijwilligers_overzicht h3 {
  font-size: var(--h6);
  color: var(--hoofdkleur-2);
}
.sj_vrijwilligers_overzicht strong {
  font-weight: 600;
}
section.overzicht.sj_vrijwilligers_overzicht .overzicht-cell a {
  background-size: cover;
  flex-direction: unset;
  align-items: flex-end;
}
.sj_vrijwilligers_overzicht .sj_vrijwilliger_titel {
  color: var(--hoofdkleur-1);
}
.sj_vrijwilligers_overzicht .image .sj_vrijwilliger_titel {
  color: white;
  text-shadow: var(--text-shadow);
}

/**page breaker**/
section.page-breaker .section-inner-wrap {
  justify-content: center;
  align-items: flex-end;
}
section.page-breaker .full-width {
  background: #b69a58dd;
  padding: var(--l-space);
  width: 40%;
}
@media (max-width: 768px) {
  section.page-breaker .full-width {
    width: calc(100% - 40px);
    min-width: fit-content;
  }
}
section.page-breaker .button {
  color: var(--hoofdkleur-1);
  background: #fff;
}
/**verwijzingen**/
/*
section.verwijzingen a {
  box-shadow: none;
  height: 300px;
  padding-bottom: 20px;
  border-bottom: 8px solid var(--hoofdkleur-1);
  align-items: flex-start;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
  transition-duration: 0.4s;
  position: relative;
}
section.verwijzingen a::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 50%
  );
  pointer-events: none;
  z-index: 1;
}

section.verwijzingen a .verwijzing-tekst {
  margin: 4px 0px;
}
section.verwijzingen a::after {
  content: "lees meer →";
  color: #009cff;
  font-weight: 600;
  z-index: 2;
}
section.verwijzingen h2 {
  text-align: center;
  justify-content: center;
}
section.verwijzingen .verwijzing-titel {
  font-family: "libre_baskerville";
  font-size: var(--h5);
  color: #000000;
  font-weight: normal;
}
section.verwijzingen h2 + div {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 15px;
}
section.verwijzingen .verwijzing-columns {
  margin-top: 60px;
}
@media (min-width: 1300px) {
  section.verwijzingen .verwijzing-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}*/
/**faq**/

/*---FOOTER---*/

.header_social_button {
  text-decoration: none;
}
.footer_icons {
  display: flex;
  justify-content: center;
  gap: 5px;
}
footer .dashicons {
  color: #ffffff;
  width: auto;
  height: auto;
  font-size: 28px;
  margin-top: -2px;
  margin-bottom: -2px;
}
footer .footer-divider {
  background-color: #ffffff;
}

.social-link {
  padding: 5px 15px;
  display: flex;
  background: #ffffff;
  width: fit-content;
  border-radius: var(--borderradius);
  border: 1px solid var(--hoofdkleur-1);
  transition-duration: 0.4s;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  color: var(--tekstkleur) !important;
}
.social-link:hover {
  transform: translateY(-5px);
}
.youtube-link:before {
  content: "\f19b";
  font: normal 20px / 1 dashicons;
  color: var(--hoofdkleur-1);
}
.facebook-link:before {
  content: "\f304";
  font: normal 20px / 1 dashicons;
  color: var(--hoofdkleur-1);
}
.instagram-link:before {
  content: "\f12d";
  font: normal 20px / 1 dashicons;
  color: var(--hoofdkleur-1);
}
.website-link:before {
  content: "\f11f";
  font: normal 20px / 1 dashicons;
  color: var(--hoofdkleur-1);
}

footer .social-link {
  display: inline-flex;
  border: 1px solid var(--hoofdkleur-3);
}

/*---CONTENT---*/

/**tables**/
.content table,
.content th,
.content td {
  border: 1px solid #cccccc;
}
.content td {
  padding: 7px 12px;
  word-break: break-word;
}
@media (min-width: 480px) {
  .content td:first-child {
    width: 30%;
  }
}
.content table {
  border-collapse: collapse;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
}

/**blockquote vieringenpagina**/

.page-id-92 blockquote { 	margin: 20px 0; 	padding: 20px 20px; 	background-color: #fff8e8; 	border: 0; 	border-left: 3px solid var(--hoofdkleur-1, #2674b8); 	border-radius: 0; 	box-shadow: none; }
.page-id-92 blockquote p { 	margin: 0; 	color: var(--tekstkleur, #444); 	font-size: 14px; 	line-height: 1.55; }
.page-id-92 blockquote strong { 	color: var(--hoofdkleur-1, #1769aa); 	font-weight: 700; }
.page-id-92 blockquote::before, .page-id-92 blockquote::after { 	display: none; 	content: none; }
.page-id-92 blockquote p { 	display: block !important; 	margin: 0; }

.page-id-92 blockquote p strong { 	display: inline !important; 	width: auto !important; 	margin: 0; 	float: none !important; }
.page-id-92 blockquote em, .page-id-92 blockquote i { 	display: inline !important; 	width: auto !important; 	margin: 0 !important; 	float: none !important; }
.page-id-92 blockquote, .page-id-92 blockquote p, .page-id-92 blockquote strong, .page-id-92 blockquote em, .page-id-92 blockquote i { 	font-size: inherit !important; 	font-family: inherit; 	line-height: inherit; }

/**formulieren**/
#bovenbalk .gform_wrapper {
  width: 100%;
  max-width: 500px;
  text-align: left;
}
#bovenbalk .gfield_required {
  display: none;
}
#nieuwsbrief_signup_field {
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 10px;
}