/*
Theme Name: StJan-Pro Lisette
Version: 1.0
Description: A child theme of Customizr Pro
Template: customizr-pro
Author: Helena Handa
*/
/* Your awesome customization starts here */
/*recaptcha badge - wpmudev Olivija*/




.mk-stjandedoper .km-menu-heading span > span {
border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #c70013;
  display: block;
  font-size: 16px;
}

.stjan-parochieblad_link {
  background: #fbebed;
  display: inline-block;
  padding: 1px 10px 0px 10px;
  border-radius: 5px;
  transition: background 0.2s;
  color: #c80014;
  text-decoration: none !important;
  margin-top: 5px;}




.mk-stjandedoper #customizr-slider-main_slider.czr-carousel {
  height: 460px;}

.mk-stjandedoper .widget .text-md-right {text-align: left;}



.mk-stjandedoper [data-sek-level="location"] [data-sek-level] {overflow:hidden}
.mk-stjandedoper .sek-col-100 {min-height: auto;}
.mk-stjandedoper .sek-module-inner .sek-spacer {display:none}

/* Container specifiek voor jullie site */
.mk-stjandedoper .simcal-events {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Event kaart */
.mk-stjandedoper .simcal-event {
    padding: 1rem 0; /* alleen verticale padding */
    border-bottom: 1px solid #969696; /* subtiele scheiding tussen items */
    position: relative;
}

/* Verwijder border van het laatste item */
.mk-stjandedoper .simcal-event:last-child {
    border-bottom: none;padding-bottom:0
}

/* Tijdblok */
.mk-stjandedoper .simcal-event-start-time {
    display: inline-block;
    background: rgba(200, 0, 20, 0.08);
    color: #c80014;
    font-weight:normal;
    font-size: .9rem;
    padding: 1px 7px;
    border-radius: 6px;
    margin-right: .6rem;
}

/* Titel */
.mk-stjandedoper .simcal-event-title {
font-weight: normal;
  color: #111;
  font-size: 14px;
  line-height: normal;
  display: block;
  margin-top: 5px;
}

.mk-stjandedoper .simcal-default-calendar-list .simcal-event-details p {margin: 0;}
.mk-stjandedoper .simcal-event-description p {margin-top:10px}

.mk-stjandedoper .simcal-event-details br, .mk-stjandedoper .widget_black_studio_tinymce .textwidget br {display:none}

.mk-stjandedoper .simcal-event-description br {
    display: inline; /* of laat dit weg, want standaard is inline */
}

/* Beschrijving */
.mk-stjandedoper .simcal-event-description {
    margin: 5px 0 0 0 !important;
    font-size: .85rem;
    color: #666;
}

/* Lege p-tags opruimen */
.mk-stjandedoper .simcal-event-details p:empty {
    display: none;
}


 .mk-stjandedoper .tc-sidebar dl dt::before {
  width: auto;
  background: none;
  height: auto;
  left: initial;
}

 .mk-stjandedoper .tc-sidebar dl dd {
  padding-left: 0!important;
}

 .mk-stjandedoper .tc-sidebar .simcal-events {margin: 0;}

.mk-stjandedoper .simcal-day-label {border:0!important}
.mk-stjandedoper .simcal-day-label > span{width: 100%;  text-align: center; 
  background: #f9ae02 !important;font-weight:normal;
    color: #fff !important;font-size: 15px;border-radius:5px}
.mk-stjandedoper .tc-sidebar dl dt {padding:0!important}


.mk-stjandedoper .fp-title::after, .mk-stjandedoper dl dt::before {
    width: auto;
    background: transparent;
    height: 0;
    left: 0;
}


.mk-stjandedoper .tc-sidebar .widget_black_studio_tinymce .widget-title span {
  background: #c80014;
  color: #fff;
  padding: 5px 10px;text-transform: none;
  letter-spacing: normal;
  border-radius: 5px;
}

.mk-stjandedoper .tc-sidebar .widget_black_studio_tinymce .widget-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px; 
    font-size: 16px;padding:0;
    margin: 1rem 0 0 0;color:#c80014;
}

.mk-stjandedoper .tc-sidebar .widget_black_studio_tinymce .widget-title::before,
.mk-stjandedoper .tc-sidebar .widget_black_studio_tinymce .widget-title::after {
    content: "";
    flex: 1;
    height: 2px;position:relative;
    background: #c80014;
}


.mk-stjandedoper .tc-sidebar .widget_black_studio_tinymce .textwidget p:empty {
    display: none;
}



.grecaptcha-badge{
z-index: 100;
}
/*hamburger menu - wpmudev Youssef*/
.ham__toggler-span-wrapper .line, [class*="nav__menu"] .nav__title::before {
background-color: black;
}

.mk-stjandedoper .colophon__row .footer__credits {line-height: normal;}
.mk-stjandedoper .footer__credits{ margin: 5px 0;}
.mk-stjandedoper #colophon .czr-copyright a {color: #fcee7c;}
.mk-stjandedoper #colophon {background: #c80014!important;}
.mk-stjandedoper #colophon .czr-copyright,  .mk-stjandedoper #colophon .social-links i {color: #fff;}
.mk-stjandedoper #colophon .czr-credits {display:none}
.mk-stjandedoper #colophon .social-links {
  margin: 0;
}

.mk-stjandedoper{background-color: #fafafa;}



.mk-stjandedoper #footer-widget-area, .mk-stjandedoper #footer-horizontal-widget-area {background: #e5e5e5;
  color: #333;}

  .mk-stjandedoper #footer-horizontal-widget-area {background: #e5e5e5;
  padding: 40px 0 0 0;}

.mk-stjandedoper #footer-widget-area h5.widget-title, .mk-stjandedoper #footer-horizontal-widget-area h5.widget-title {color: #c70013;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125;
  margin-top:0;
  margin-bottom: 25px;}


    .mk-stjandedoper .footer__wrapper {
  font-size: 100%;border:0;
}


 .mk-stjandedoper #footer-widget-area ul.fa-ul li span {font-size:14px!important}

   .mk-stjandedoper #footer-widget-area .widget_black_studio_tinymce .textwidget p {margin-top:0;}
 .mk-stjandedoper #footer-widget-area .widget_black_studio_tinymce .textwidget p a {font-size:16px;}
  .mk-stjandedoper #footer-widget-area .widget_black_studio_tinymce .textwidget a {display: block;
  color: #333;}

 .mk-stjandedoper #footer-widget-area .widget_mailpoet_form form {padding:0}
 .mk-stjandedoper #footer-widget-area .mailpoet_segment_label {font-size: 18px;margin: 15px 0 15px 0;}

 
 .mk-stjandedoper #footer-widget-area .mailpoet_paragraph fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/* Reset globale absolute positioning alleen in footer MailPoet */
.mk-stjandedoper #footer-widget-area .mailpoet_submit {
  position: relative;   /* reset absolute */
  left: auto;           /* reset left:42% */
  display: block;       /* geen inline-block */
  width: 100%;
  margin: 15px 0 0 0;
  padding: 14px 16px;
  font-size: 14px;
  border-radius: 6px;
}

.mk-stjandedoper #footer-widget-area  .mailpoet_submit:hover {background-color: #f9ae02;color:#fff}

/* Loader weer verbergen tenzij actief */
.mk-stjandedoper #footer-widget-area .mailpoet_form_loading {
  display: none;
}

/* Alleen tonen wanneer MailPoet 'loading' class toevoegt */
.mk-stjandedoper #footer-widget-area .loading .mailpoet_form_loading {
  display: block;
  text-align: center;
  margin-top: 8px;
}

.mk-stjandedoper .footer__wrapper .widget__wrapper {
padding: 40px;
}



.mk-stjandedoper #footer-widget-area .mailpoet_paragraph {
  width: 100%;
  margin-bottom: 10px;
}

.mk-stjandedoper #footer-widget-area .mailpoet_text {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder styling */
.mk-stjandedoper #footer-widget-area .mailpoet_text::placeholder {
  color: rgba(51, 51, 51, 0.6);
}

/* Hover */
.mk-stjandedoper #footer-widget-area .mailpoet_text:hover {
  background: #fcfeff;
}

.mk-stjandedoper #footer-widget-area 
.mailpoet_paragraph span[style*="font-size: 10px"] {
  font-size: 14px !important;color: #696969;
}

/* Focus state */
.mk-stjandedoper #footer-widget-area .mailpoet_text:focus {
  outline: none;
  background: #ffffff;
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}

/* Error state (Parsley voegt vaak aria-invalid toe) */
.mk-stjandedoper #footer-widget-area .mailpoet_text[aria-invalid="true"] {
  border-color: #d64545;
  background: #fff5f5;
}

/* Error tekst */
.mk-stjandedoper #footer-widget-area .mailpoet_paragraph span[class^="mailpoet_error"] {
  display: block;
  font-size: 12px;
  margin-top: 4px;
  color: #d64545;
}







/* Compact label */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox_label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  margin-bottom: 6px;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: 14px;
  line-height: 1.4; color:#333;letter-spacing: normal;
}

/* Subtiele hover */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox_label:hover {
  background: rgba(0, 0, 0, 0.03);
}

/* Custom checkbox */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #3498db;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  background: #fff;
}

/* Checked state */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox:checked {
  background-color: #3498db;
  border-color: #3498db;
}

/* Duidelijke checkmark */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Subtiele highlight bij selectie */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox_label:has(.mailpoet_checkbox:checked) {
  background: rgba(52, 152, 219, 0.08);
}

/* Focus (toegankelijkheid) */
.mk-stjandedoper #footer-widget-area .mailpoet_checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.25);
}


.mk-stjandedoper .fa-ul { margin-left: 1em;}


.mk-stjandedoper .right.sidebar.tc-sidebar > div{background:#fff;padding: 20px;}
.mk-stjandedoper #customizr-slider-main_slider.czr-carousel {-webkit-box-shadow: none;   -moz-box-shadow: none;   box-shadow: none;}


/* Slider als echte background-cover */
#customizr-slider-main_slider {
  height: 440px;
}

#customizr-slider-main_slider .carousel-inner,
#customizr-slider-main_slider .carousel-cell,
#customizr-slider-main_slider .carousel-image {
  height: 100%;
}

#customizr-slider-main_slider .carousel-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

#customizr-slider-main_slider .carousel-image img.slide,
#customizr-slider-main_slider .center-slides-disabled .carousel-image img,
#customizr-slider-main_slider .center-slides-enabled > .item > .carousel-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
 object-position: center center;
 
  position: absolute !important;
  inset: 0;
  transform: none !important;
  -webkit-transform: none !important;
}


@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }

  /* parochie page */
.page-id-15 #customizr-slider-main_slider .carousel-image img.slide,
.page-id-15 #customizr-slider-main_slider .center-slides-disabled .carousel-image img,
.page-id-15 #customizr-slider-main_slider .center-slides-enabled > .item > .carousel-image img {
  object-position: center calc(100% - -600px);}
}

/* Uitzondering voor slide 103077 */
.page-id-15 #customizr-slider-main_slider .slide-103077 .carousel-image img.slide,  
.page-id-15 #customizr-slider-main_slider .slide-56268 .carousel-image img.slide{
    object-position: center calc(100% - -450px);
}


.mk-stjandedoper .primary-navbar__wrapper, .sticky-transparent.is-sticky .desktop-sticky {background:#c80014 }
.mk-stjandedoper .tc-header {background-color: #fff;border:0}
.mk-stjandedoper .primary-nav__container {-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;background:transparent!important}

.mk-stjandedoper .topbar-navbar__row .col-auto a,  .mk-stjandedoper .tc-header .header-tagline, .mk-stjandedoper .tc-header .header-tagline:hover {color:#333!important;}

.mk-stjandedoper  .czr-search-expand .czr-search-expand-inner, 
.mk-stjandedoper  .desktop-sticky, .mk-stjandedoper .mobile-sticky {box-shadow:none!important}

.mk-stjandedoper .topbar-navbar__wrapper{border:none}

.mk-stjandedoper .stjan-communities {
  padding: 28px 0 10px;
}

.mk-stjandedoper .stjan-communities__title {
  text-align: center;
  margin: 0 0 22px;
  color: #333;
}

.mk-stjandedoper .stjan-communities__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 22px;
}

.mk-stjandedoper .stjan-communities__item {
  margin: 0;
}

.mk-stjandedoper .stjan-communities__link {
  display: grid;
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  text-decoration: none;
  color: #333;background: #fafafa;
  border-radius: 5px;
  padding: 10px;
}



.mk-stjandedoper .stjan-communities__media {
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 4px;
  display: block;
}

.mk-stjandedoper .stjan-communities__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.mk-stjandedoper .stjan-communities__name {
  font-size: 16px;
  line-height: 1.3;  transition: width 0.3s ease;
  
}
.mk-stjandedoper .stjan-communities__name:hover .stjan-communities__name,
.mk-stjandedoper .stjan-communities__name:focus .stjan-communities__name {
  color: #c80014;
}

.mk-stjandedoper .stjan-communities__link{transition: 
    color 0.3s ease,
    background-color 0.3s ease;}

.mk-stjandedoper .stjan-communities__link:hover, .mk-stjandedoper .stjan-communities__link:focus {
  background: #fff7e7;}



@media (max-width: 991px) {
  .mk-stjandedoper .stjan-communities__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .mk-stjandedoper .stjan-communities__grid {
    grid-template-columns: 1fr;
  }
}




.mk-stjandedoper .stjan-communities {margin-top:-100px}

.mk-stjandedoper .stjan-communities-wrapper {background:#fff; padding:20px;z-index: 9;
  position: relative;
  border-radius: 10px;box-shadow:rgba(147, 155, 162, 0.2) 0px 0px 10px}

 .mk-stjandedoper .stjan-communities-wrapper h2 {color: #c80014;font-weight: bold;}
  .mk-stjandedoper .stjan-communities-wrapper .intro {text-align:center;padding:0 0 40px 0; 
    width:83%;margin:0 auto;font-size: 16px;}


.mk-stjandedoper .stjan-geestelijken {
  margin: 26px 0;
}

.mk-stjandedoper .stjan-geestelijken__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.mk-stjandedoper .stjan-geestelijken__item {
  margin: 0;
}

.mk-stjandedoper .stjan-geestelijken__card {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: #111;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
}

.mk-stjandedoper .stjan-geestelijken__media {
  display: block;
  width: 120px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
}

.mk-stjandedoper .stjan-geestelijken__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mk-stjandedoper .stjan-geestelijken__name {
  margin: 0;
  color: #111;
  font-size: 18px;
}

.mk-stjandedoper .stjan-geestelijken__content {
  display: grid;
  gap: 6px;
}

.mk-stjandedoper .stjan-geestelijken__cta {
  display: inline-block;
  font-size: 14px;
  color: #405975;
}

.mk-stjandedoper .stjan-geestelijken__card:hover .stjan-geestelijken__name,
.mk-stjandedoper .stjan-geestelijken__card:focus .stjan-geestelijken__name {
  color: #c80014;
}

.mk-stjandedoper .stjan-geestelijken__card:hover .stjan-geestelijken__cta,
.mk-stjandedoper .stjan-geestelijken__card:focus .stjan-geestelijken__cta {
  color: #c80014;
}

@media (max-width: 991px) {
  .mk-stjandedoper .stjan-geestelijken__grid {
    grid-template-columns: 1fr;
  }
}


.mk-stjandedoper .stjan-geestelijken__cta {background: #fbebed;
  color: #c80014;
  padding: 5px 10px;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 5px;
  display: inline-block;
  justify-self: start;
  width: fit-content;}


.mk-stjandedoper .stjan-snelkoppelingen {
  padding: 24px 0 10px 0;
}

.mk-stjandedoper .stjan-snelkoppelingen__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.stjan-snelkoppelingen__item {
  flex: 1 1 0;
  min-width: 120px;
  text-align: center;
}
.stjan-snelkoppelingen__link {
background: #fbebed;
  display: block;
  padding: 0.75em 1em;
  text-decoration: none;
  border-radius: 500px;
  transition: background 0.2s;
  color: #c80014;
}
.stjan-snelkoppelingen__link:hover {
  background: #c80014;color:#fff!important;
  color: inherit;
}


.mk-stjandedoper  .sp-smart-post-back-to-top-wrapper {display:none!important}

@media (min-width: 960px) {
  .uk-navbar-nav {
    gap: 0!important;
  }
}
/* Basis menu-item spacing */
.mk-stjandedoper .uk-navbar-nav > li > a {
    padding: 0 15px;          /* horizontaal */
    min-height: 50px;         /* lager dan UIkit default */
    line-height: 50px;        /* perfecte verticale centrering */
    transition: background 0.2s ease, color 0.2s ease;
}

/* Hover & active state hoofdmenu */
.mk-stjandedoper .uk-navbar-nav > li > a:hover,
.mk-stjandedoper .uk-navbar-nav > li.uk-active > a,
.mk-stjandedoper .uk-navbar-nav > li.uk-open > a {
    background: #f9ae02;      /* geel */
}

.mk-stjandedoper .uk-navbar-nav > li > a {min-height: 50px!important;height: 50px!important;}



        /* Navigatie & Mega Menu */
       .mk-stjandedoper .uk-navbar-nav > li > a { 
            color: #ffffff !important; 
            font-weight: 600; 
            text-transform: uppercase; 
            font-size: 0.9rem;
            height: 70px;
        }
        
        .mk-stjandedoper .uk-navbar-dropdown {
            width: 100%;
            left: 0;
            right: 0;
            padding: 40px 30px;
            background: #fff;
        }

        .mk-stjandedoper .uk-navbar {
            width: 100%;
        }

        .mk-stjandedoper .uk-nav-header { 
            color: var(--parochie-rood) !important; 
            font-weight: 700 !important; 
            border-bottom: 1px solid #eee; 
            margin-bottom: 10px;
            padding-bottom: 5px;
        }


 .mk-stjandedoper .sp-pcp-post {border: 0!important;background: #fff!important;}

 .mk-stjandedoper .sp-pcp-post-meta .sps-meta-type-taxonomy a{background: #fbebed;
  color: #c80014;
  text-decoration: none;
  font-weight: normal;padding:2px 5px;
  border-radius: 5px;}
  .mk-stjandedoper .sp-pcp-post-meta {display:inline-block}

.mk-stjandedoper .sp-pcp-post-details  {padding: 10px;}
.mk-stjandedoper .sp-pcp-title, .mk-stjandedoper .sp-pcp-post-content, .mk-stjandedoper .sp-pcp-post-details-content p{margin: 0;}
.mk-stjandedoper .sp-pcp-post-details-content { padding:5px 15px 15px 15px}
.mk-stjandedoper .sps-meta-type-date {background: #f5f5f5;  border-radius: 5px;  padding: 3px 7px;  color:#929292;}


.czr-filter.carousel-image {
    min-height: 460px;
}