/*
 Theme Name:   Spiegeling
 Theme URI:    http://spiegeling.nl
 Description:  Spiegeling
 Author:       Spiegeling
 Author URI:   http://spiegeling.nl
 Template:     tabula
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  tabula-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */


/* Verberg de zwevende bubbels alleen op Over ons (page-id kan bij jou anders zijn) */
.page-id-2593 .btFloatingButtons,
.page-id-2593 .btContactButtons,
.page-id-2593 .btStickySocials,
.page-id-2593 .floating-buttons {
  display: none !important;
}


/* Copyrightregel in het groene blok, onder de kolommen */
.btSiteFooter .bt_bb_section .site-copyright{
  margin-top: 8px;
  padding: 14px 16px;
  text-align: center;
  color: #fff !important;
  font-size: 17px;
  line-height: 1.4;
  border-top: 1px solid rgba(255,255,255,.15);
}

/* Links in de copyrightregel */
.btSiteFooter .bt_bb_section .site-copyright a{
  color: #fff;
  text-decoration: underline;
}
.btSiteFooter .bt_bb_section .site-copyright a:hover{
  color: #EFBB23;
}



/* Verberg X/Twitter en Facebook iconen in menu */
.btIconWidget[href*="twitter.com"],
.btIconWidget[href*="facebook.com"] {
  display: none !important;
}

/* Kleur voor bold tekst in blokjes Inzicht, Groei en Essentie */
.bt_bb_service .bt_bb_service_content_text b {
  color: #2C4D4B !important;
}


/* homepage tijdlijn: ruimte tussen item 2 en 3 compacter */
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(2) {
  margin-bottom: 16px !important;
}
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(3) {
  margin-top: 16px !important;
}




/* MOBILE: transparant bovenaan, wit zodra sticky */
@media (max-width: 768px) {

	
	
  /* Alleen transparant als NIET sticky */
  body:not(.btStickyHeaderActive) .mainHeader,
  body:not(.btStickyHeaderActive) .mainHeader .menuHolder,
  body:not(.btStickyHeaderActive) .mainHeader .btLogoArea,
  body:not(.btStickyHeaderActive) .mainHeader .btLogoArea .port,
  body:not(.btStickyHeaderActive) .btVerticalHeaderTop,
  .mainHeader:not(.btStickyHeaderActive) .menuHolder,
  .mainHeader:not(.btStickyHeaderActive) .btLogoArea,
  .mainHeader:not(.btStickyHeaderActive) .btLogoArea .port {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transition: background-color .25s ease, box-shadow .25s ease;
  }

  /* Sticky state: wit (vangt beide varianten: klasse op body of op header) */
  body.btStickyHeaderActive .mainHeader,
  body.btStickyHeaderActive .mainHeader .menuHolder,
  body.btStickyHeaderActive .mainHeader .btLogoArea,
  body.btStickyHeaderActive .mainHeader .btLogoArea .port,
  .btStickyHeaderActive.mainHeader,
  .btStickyHeaderActive .mainHeader,
  .btStickyHeaderActive .mainHeader .menuHolder,
  .btStickyHeaderActive .mainHeader .btLogoArea,
  .btStickyHeaderActive .mainHeader .btLogoArea .port {
    background: #F2FBFA !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
  }
}

/* MOBILE smoother fade on scroll */
@media (max-width: 768px) {

  /* zet de transition op de elementen zelf, zodat beide states animeren */
  .mainHeader,
  .mainHeader .menuHolder,
  .mainHeader .btLogoArea,
  .mainHeader .btLogoArea .port {
    transition: background-color .35s ease, box-shadow .35s ease, -webkit-backdrop-filter .35s ease, backdrop-filter .35s ease;
    will-change: background-color, box-shadow, backdrop-filter;
  }

  /* BOVENAAN: transparant */
  body:not(.btStickyHeaderActive) .mainHeader,
  body:not(.btStickyHeaderActive) .mainHeader .menuHolder,
  body:not(.btStickyHeaderActive) .mainHeader .btLogoArea,
  body:not(.btStickyHeaderActive) .mainHeader .btLogoArea .port,
  .mainHeader:not(.btStickyHeaderActive) .menuHolder,
  .mainHeader:not(.btStickyHeaderActive) .btLogoArea,
  .mainHeader:not(.btStickyHeaderActive) .btLogoArea .port {
    background-color: rgba(255,255,255, 0) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  /* STICKY: zacht naar wit + subtiele shadow (fadet in) */
  body.btStickyHeaderActive .mainHeader,
  body.btStickyHeaderActive .mainHeader .menuHolder,
  body.btStickyHeaderActive .mainHeader .btLogoArea,
  body.btStickyHeaderActive .mainHeader .btLogoArea .port,
  .btStickyHeaderActive.mainHeader,
  .btStickyHeaderActive .mainHeader,
  .btStickyHeaderActive .mainHeader .menuHolder,
  .btStickyHeaderActive .mainHeader .btLogoArea,
  .btStickyHeaderActive .mainHeader .btLogoArea .port {
    background-color: rgba(255,255,255, .98) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
  }

  /* optioneel: mooie glasachtige fade als browser het kan */
  @supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
    .btStickyHeaderActive .mainHeader,
    .btStickyHeaderActive .mainHeader .menuHolder,
    .btStickyHeaderActive .mainHeader .btLogoArea,
    .btStickyHeaderActive .mainHeader .btLogoArea .port {
      -webkit-backdrop-filter: saturate(120%) blur(4px);
      backdrop-filter: saturate(120%) blur(4px);
    }
  }

  /* toegankelijkheid: minder animatie voor users die dat vragen */
  @media (prefers-reduced-motion: reduce) {
    .mainHeader,
    .mainHeader .menuHolder,
    .mainHeader .btLogoArea,
    .mainHeader .btLogoArea .port {
      transition: none;
    }
  }
}




/* Mobiel: knop 'Ervaar een Spiegeldag' netjes centreren */
@media (max-width: 767px) {
  .bt_bb_button .bt_bb_link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    white-space: normal !important; /* tekst mag op 2 regels */
    text-align: center !important;
  }

  .bt_bb_button .bt_bb_button_text {
    margin-right: 8px; /* ruimte tussen tekst en icoontje */
  }
}

/* Footer: tekst & links wit en 17px */
.btSiteFooter p,
.btSiteFooter li,
.btSiteFooter a,
.btSiteFooter .bt_bb_custom_menu a,
.btSiteFooter .bt_bb_icon a,
.btSiteFooter .bt_bb_icon_holder,
.btSiteFooter .bt_bb_contact_form_7,
.btSiteFooter .bt_bb_contact_form_7 * {
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.5;
}

/* Alleen de 'Contact'-kolom tonen op mobiele footer */
@media (max-width: 767.98px) {
  /* verberg alle footer-kolommen behalve de eerste (Contact) */
  .btSiteFooter .bt_bb_row_holder > .bt_bb_column:not(:first-child) {
    display: none !important;
  }
  /* laat Contact lekker de volle breedte pakken */
  .btSiteFooter .bt_bb_row_holder > .bt_bb_column:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


/* Optioneel: links zonder underline + subtiele hover */
.btSiteFooter a { text-decoration: none; }
.btSiteFooter a:hover { opacity: .9; }


/* Hamburger menu icoon groen maken */
.btHorizontalMenuTrigger .bt_bb_icon_holder:before,
.btVerticalMenuTrigger .bt_bb_icon_holder:before {
  color: #2C4D4B !important;
}

/* verkort de verticale connector tussen 2 en 3 */
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(2) 
  .bt_bb_inner_step_content:after,
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(2) 
  .bt_bb_inner_step_image:after,
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(2) 
  .bt_bb_inner_step_content .bt_bb_inner_step_content_holder:after {
  height: 12px !important;   /* lager = minder witruimte */
}

#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(3) 
  .bt_bb_inner_step_content:before,
#bt_bb_section68dd067c7079d .bt_bb_step_line .bt_bb_inner_step:nth-child(3) 
  .bt_bb_inner_step_image:before {
  height: 6px !important;    /* bovenste stukje van item 3 korter */
}

/* Tijdlijn-afbeeldingen alleen op desktop  */
@media (min-width:1025px) {
  .bt_bb_step_line .bt_bb_inner_step_image .bt_bb_image {
    max-width: 300px !important;
    margin: 0 auto !important;   /* netjes centreren */
  }
  .bt_bb_step_line .bt_bb_inner_step_image .bt_bb_image span > img {
    width: auto !important;
    max-width: 100% !important;  /* gerespecteerd binnen 250px wrapper */
    height: auto !important;
    display: block !important;
  }
	
	.bt_bb_step_line .bt_bb_inner_step .bt_bb_inner_step_image {
        padding: 0 0 3em 4.5em !important;
        margin-top: 0em !important;

}
	
	.bt_bb_step_line .bt_bb_inner_step:nth-child(even) .bt_bb_inner_step_content {
    text-align: right;
    padding: 0 4.5em 1em 0 !important;
}
	
}



html {
    font-size: 17px !important;
}

.bt_bb_color_scheme_5.bt_bb_headline {
    color:  #2C4D4B !important;
}

.btLightSkin {
    color: #2C4D4B !important;

}

/* Verberg crest */
.btCrest {
    display: none !important;
}

/* Logo padding aanpassen bij horizontale menu's */
.btHasCrest.btMenuHorizontal:not(.btMenuCenter):not(.btStickyHeaderActive) .logo {
    padding-left: 0 !important;
}

/* Menu fontgrootte */
.menuPort {
    font-size: 18px !important;
}

.btTransparentDarkHeader .mainHeader, .btTransparentDarkHeader .btVerticalHeaderTop {
    color: #2C4D4B !important;
}


@media (min-width: 767px) {
	
.gutter .port {
padding-top: 25px;
	padding-bottom: 25px;
}
	
	.btLogoArea .logo img {
    height: 50px;
}
	
	.btMenuHorizontal .menuPort ul ul li a {
       color: #2C4D4B !important;
}
	

	
}


/* WORKSHOP (mobiel) – button netjes uitlijnen */
@media (max-width: 640px){
  /* Target de workshop-pagina (pas 2746 aan als je een andere ID hebt) */
  body.page-id-2746 .bt_bb_button{
    width:100%;
  }
  body.page-id-2746 .bt_bb_button .bt_bb_link{
    display:flex;                  /* tekst + icoon naast elkaar */
    align-items:center;
    justify-content:center;
    gap:10px;                      /* ruimte tussen tekst & icoon */
    width:100%;
    padding:16px 22px;             /* wat ruimer, breekt minder snel */
    text-align:center;
    white-space:normal;            /* mag op 2 regels indien nodig */
  }

	
	
  /* Haal storende “witte balk”/effecten weg */
  body.page-id-2746 .bt_bb_button .bt_bb_link::before,
  body.page-id-2746 .bt_bb_button .bt_bb_link::after{
    content:none !important;
  }

  /* Icoon schoon en inline houden */
  body.page-id-2746 .bt_bb_button .bt_bb_icon_holder{
    position:static;
    display:inline-block;
    margin:0;
    background:none !important;
    padding:0;
    line-height:1;
    width:auto; height:auto;
  }
  body.page-id-2746 .bt_bb_button .bt_bb_icon_holder::before,
  body.page-id-2746 .bt_bb_button .bt_bb_icon_holder::after{
    background:none !important;
    box-shadow:none !important;
  }

  /* Kleine optische tweak: marge afhankelijk van icoonpositie */
  body.page-id-2746 .bt_bb_button.bt_bb_icon_position_right .bt_bb_icon_holder{ margin-left:8px; }
  body.page-id-2746 .bt_bb_button.bt_bb_icon_position_left  .bt_bb_icon_holder{ margin-right:8px; }
}

/* Wil je het icoon op telefoons liever helemaal verbergen?
body.page-id-2746 .bt_bb_button .bt_bb_icon_holder{ display:none !important; }
*/

/* Over ons (alleen deze pagina) – verberg de zwevende LinkedIn- en mail-iconen in de content */
.btContent .bt_bb_icon a[href*="linkedin.com"],
.btContent .bt_bb_icon a[href^="mailto:"],
.btContent a[aria-label*="LinkedIn" i],
.btContent a[aria-label*="Email" i]{
  display: none !important;
}






/* Mobiel: lopende tekst in BoldThemes tekstblokken 2px groter */
@media (max-width: 767px) {
  .home .bt_bb_step_line .bt_bb_inner_step_text {
    font-size: 16px !important; /* was ~16px */
    line-height: 1.6 !important;
  }
	
	  .bt_bb_card .bt_bb_card_text {
    font-size: 18px !important; /* was ~16px */
    line-height: 1.6 !important;
  }


.btMainLogo {
    height: 40px !important; /* zet de hoogte die je wilt */
    max-height: none !important;
    width: auto !important;
	margin-top:35px !important;
  }
	
.home .btMainLogo {
    margin-top: 18px !important;
}

	}
	
.btVerticalMenuTrigger .bt_bb_icon {
    width: 24px;
    height: 20px;
    position: relative;
    padding: 0;
    float: left;
    margin: 30px 0 !important;
}

  /* fallback voor alle pagina's met BoldThemes tekstblokken */
  .bt_bb_text p,
  .bt_bb_text li,
  .bt_bb_text span {
    font-size: 20px !important;
    line-height: 1.6 !important;
  }
}


.bt_bb_accordion_item_content ul {
    margin: 0 0 1em 0em !important;
    padding: 0;
}

.bt_bb_accordion_item_content li {
    margin: 0 0 1em 0em !important;
    padding: 0;
}

@media (max-width: 767px) {

.bt_bb_button_text {
    font-size: 17px !important;
}
	
    /* Logo marges mobiel */
    .logo {
        margin-top: 19px !important;
        margin-bottom: 15px !important;
    }

    /* Trigger button marges mobiel */
    .btVerticalMenuTrigger {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* Logo afbeelding hoogte in verticaal menu */
    .btMenuVertical .btLogoArea .logo img {
        height: 39px !important;
    }
}


@media (min-width: 767px) {
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .logo img {
    height: 41px !important;
}
	.bt_bb_step_line .bt_bb_inner_step .bt_bb_inner_step_content .bt_bb_inner_step_content_holder {
    padding: 0 0 4em 3.5em !important;
}
	
}

/* marge onder logo in de header */
@media (max-width: 768px) {
  .mainHeader .btLogoArea {
    padding-bottom: 25px !important;
  }
}

/* MOBIEL: 25px ruimte onder het logo */
@media (max-width: 768px) {
  /* menuPort direct ná het logo krijgt ruimte en breekt onder het logo */
  header.mainHeader .btLogoArea .logo + .menuPort {
    margin-top: 25px !important;
    clear: both !important;
    width: 100% !important;
  }

  /* als het verticale (boven)logo gebruikt wordt, ook daar ruimte */
  .btVerticalHeaderTop .btLogoArea .logo {
    margin-bottom: 25px !important;
    display: block !important;
    float: none !important;
  }
}

/* FOOTER: alle links wit */
.bt_bb_color_scheme_10.bt_bb_icon .bt_bb_icon_holder span {
    color: #fff !important;
}

/* 1) Header + hamburger altijd boven alles */
.btVerticalHeaderTop,
.mainHeader,
.mainHeader .menuHolder,
.mainHeader .btLogoArea,
.btHorizontalMenuTrigger,
.btVerticalMenuTrigger {
  position: relative;
  z-index: 10020 !important;
}

/* 2) Zorg dat het klikdoel zelf ‘groot’ en klikbaar is */
.btHorizontalMenuTrigger a.bt_bb_icon_holder,
.btVerticalMenuTrigger a.bt_bb_icon_holder {
  display: inline-block !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  pointer-events: auto !important;
}

/* 3) Waves/coverage-images zijn decoratief → laat clicks door */
.bt_bb_section_top_section_coverage_image,
.bt_bb_section_bottom_section_coverage_image,
.bt_bb_section_top_section_coverage_image * ,
.bt_bb_section_bottom_section_coverage_image * {
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 4) Voor de zekerheid: eerste sectie nooit boven de header */
.bt_bb_wrapper > section:first-of-type {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
	
	.bt_bb_button.bt_bb_size_medium a .bt_bb_button_text {
    font-size: 1.1rem !important;
	}
	
	.bt_bb_button.bt_bb_size_medium a {
    padding: 1em 1em !important;
}
		

}

body {
    font-size: 18px !important;
}

.home .bt_bb_step_line .bt_bb_inner_step_text {
    font-size: 18px !important;
    line-height: 1.6 !important;
}

.bt_bb_size_normal.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
        font-size: 18px !important;
    }

    .bt_bb_card .bt_bb_card_text {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}

@media (max-width: 1199px) {
    .bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
        font-size: 1.3rem !important;
    }
}

.btHasCrest.btMenuVertical.btHasLogo .btLogoArea .logo img:not(.btCrestImg):not(.btAltLogo) {
    padding-left: 0em !important;
}

.bt_bb_title_size_small.bt_bb_card .bt_bb_card_content .bt_bb_card_supertitle {
    font-size: 0.9em !important;

	

		
}



.bt_bb_title_size_small.bt_bb_card .bt_bb_card_content .bt_bb_card_title {
    font-size: 1.3em !important;
    padding-bottom: .5em;
}
	

@media (max-width: 1199px) {
    .bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
        font-size: 1.3rem !important;
    }
}

.bt_bb_size_normal.bt_bb_icon .bt_bb_icon_holder > span {
    font-size: 20px !important;
    font-weight: 100;
}


.bt_bb_headline .bt_bb_headline_content span {
    padding-top: 20px !important;
	padding-bottom: 15px  !important;
}


/* CF7 reset binnen Tabula BoldThemes */
.bt_bb_contact_form_7 .wpcf7-form-control,
.wpcf7 .wpcf7-form-control {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1.3 !important;
  color: inherit !important;

  /* maak alle controls gelijk */
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;

  padding: 12px 14px !important;
  border: 1px solid rgba(44, 77, 75, .25) !important;
  border-radius: 8px !important;

  background-color: #fff !important;
  background-image: none !important;   /* haalt theme icons weg */
  box-shadow: none !important;
}

/* Zorg dat inputs dezelfde hoogte hebben */
.bt_bb_contact_form_7 input.wpcf7-form-control,
.wpcf7 input.wpcf7-form-control,
.bt_bb_contact_form_7 select.wpcf7-form-control,
.wpcf7 select.wpcf7-form-control {
  height: 46px !important;
}

/* Dropdown als normaal veld, geen pill */
.bt_bb_contact_form_7 select.wpcf7-form-control,
.wpcf7 select.wpcf7-form-control {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  padding-right: 42px !important;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232C4D4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 18px 18px !important;
}

/* Textarea altijd volle breedte en netjes */
.bt_bb_contact_form_7 textarea.wpcf7-form-control,
.wpcf7 textarea.wpcf7-form-control {
  height: auto !important;
  min-height: 180px !important;
  resize: vertical !important;
}

/* Focus zoals de rest van je site */
.bt_bb_contact_form_7 .wpcf7-form-control:focus,
.wpcf7 .wpcf7-form-control:focus {
  outline: none !important;
  border-color: rgba(44, 77, 75, .55) !important;
  box-shadow: 0 0 0 3px rgba(44, 77, 75, .12) !important;
}

/* Labels rustiger */
.bt_bb_contact_form_7 label,
.wpcf7 label {
  display: block !important;
  margin: 0 0 10px 0 !important;
}

/* Jouw rijen */
.bt_bb_contact_form_7 .cf7-row,
.wpcf7 .cf7-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.bt_bb_contact_form_7 .cf7-col,
.wpcf7 .cf7-col {
  flex: 1 1 260px;
}

/* Submit knop matchen met jullie groen */
.bt_bb_contact_form_7 input[type="submit"],
.wpcf7 input[type="submit"] {
  background: #2C4D4B !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  height: auto !important;
  cursor: pointer !important;
}

.bt_bb_contact_form_7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
  opacity: .92;
}


.wpcf7-form .fancy-select .trigger {
    line-height: 2.2em !important;
}


input:not([type='checkbox']):not([type='radio']), select, .fancy-select .trigger, .btQuoteBooking .ddcommon.borderRadiusTp .ddTitleText {
    height: 2.2em !important;
}


/* Alleen nieuwsbrief knop (CF7 id 5131) */
#wpcf7-f5131-p2351-o1 input.wpcf7-submit,
.wpcf7[data-wpcf7-id="5131"] input.wpcf7-submit {
  width: 100% !important;
  height: 46px !important;
  line-height: 46px !important;

  padding: 0 18px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.35) !important;

  font-family: "Palanquin", sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;

  background: #EFBB23 !important;
  color: #2C4D4B !important;

  box-shadow: none !important;          /* Tabula gebruikt inset shadow */
  -webkit-box-shadow: none !important;
  text-align: center !important;
  cursor: pointer !important;
}

/* Hover */
#wpcf7-f5131-p2351-o1 input.wpcf7-submit:hover,
.wpcf7[data-wpcf7-id="5131"] input.wpcf7-submit:hover {
  background: transparent !important;
  color: #EFBB23 !important;
  border-color: #EFBB23 !important;
  box-shadow: none !important;
}

/* Nieuwsbrief knop: tekst kleiner (hard) */
#wpcf7-f5131-p2351-o1 input.wpcf7-submit,
.wpcf7[data-wpcf7-id="5131"] input.wpcf7-submit,
input.wpcf7-submit[value="Ontvang nieuwsbrief"] {
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Nieuwsbrief knop: lager (hard) */
#wpcf7-f5131-p2351-o1 input.wpcf7-submit,
.wpcf7[data-wpcf7-id="5131"] input.wpcf7-submit,
input.wpcf7-submit[value="Ontvang nieuwsbrief"] {
  height: 35px !important;
  min-height: 35px !important;
  line-height: 35px !important;
  padding-top: 5px; !important;
  padding-bottom: 0 !important;
}

/* Spiegeldagen (post-id 5318): datum en streep verbergen */
body.page-id-5318 .bt_bb_event_date,
body.page-id-5318 .bt_bb_event_date *,
body.page-id-5318 .bt_bb_event_separator {
  display: none !important;
}

/* Titel en content links laten uitlijnen */
body.page-id-5318 .bt_bb_event_content {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Zorg dat er geen lege kolom voor datum blijft bestaan */
body.page-id-5318 .bt_bb_event_item {
  grid-template-columns: 1fr !important;
}


/* Spiegeldagen (5318): forced linebreak in titel uitzetten (hard) */
body.page-id-5318 .bt_bb_event_content_title:after,
body.page-id-5318 .bt_bb_event_content_title::after,
body.page-id-5318 h3.bt_bb_event_content_title:after,
body.page-id-5318 h3.bt_bb_event_content_title::after {
  content: "" !important;
  display: none !important;
}

/* Spiegeldagen (5318): alles links uitlijnen */
body.page-id-5318 .bt_bb_event_content,
body.page-id-5318 .bt_bb_event_content_title,
body.page-id-5318 .bt_bb_event_content_description,
body.page-id-5318 .bt_bb_event_content_inner {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Spiegeldagen (5318): overgebleven linker padding weghalen */
body.page-id-5318 .bt_bb_event_content {
  padding-left: 0 !important;
  margin-left: 0 !important;
}



	.bt_bb_accordion.bt_bb_color_scheme_3.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_icon_holder {
    color: #2c4d4b !important;
}

.bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title_content .bt_bb_accordion_item_title:before {

color: #2c4d4b !important;
}

/* Soms zit de padding op de titel of inner wrapper */
body.page-id-5318 .bt_bb_event_content_title,
body.page-id-5318 .bt_bb_event_content_description,
body.page-id-5318 .bt_bb_event_content_inner {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Als het via flex 'gap' komt tussen image en content */
body.page-id-5318 .bt_bb_event_item {
  column-gap: 0 !important;
  gap: 0 !important;
}

.bt_bb_service_content_text {
 {
    padding-top: .5em;
    padding-top: .8em;
    font-size: 16px !important;
}

}

@media (max-width: 768px) {
    .imageBird .bt_bb_column_content {
        margin-bottom: -100px !important;
    }
}

/* MOBIEL: alle 20px bodytekst + iconen naar 18px */
@media (max-width: 767px) {

  /* basis body */
  body {
    font-size: 18px !important;
  }

  /* BoldThemes tekstblokken */
  .bt_bb_text p,
  .bt_bb_text li,
  .bt_bb_text span {
    font-size: 18px !important;
  }

  /* iconen die nu 20px zijn */
  .bt_bb_size_normal.bt_bb_icon .bt_bb_icon_holder > span {
    font-size: 18px !important;
  }
	
	.bt_bb_card .bt_bb_card_text {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.bt_bb_card .bt_bb_card_content .bt_bb_card_text {

    max-height: 6.3em !important;
}

}

.wpcf7-form input[type="submit"] {
  height: 50px !important;
  line-height: 50px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: middle;
}

@media (max-width: 480px) {
  .bt_bb_accordion_item.btWithIcon .bt_bb_accordion_item_title_content {
    display: flex !important;
    align-items: center !important;
  }

  .bt_bb_accordion_item.btWithIcon .bt_bb_accordion_item_title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 32px !important;
    position: relative !important;
  }

  .bt_bb_accordion_item.btWithIcon .bt_bb_accordion_item_title:before {
    right: 0 !important;
    left: auto !important;
  }
}

.bt_bb_headline,
.bt_bb_headline *,
.bt_bb_headline::before,
.bt_bb_headline::after {
    border: none !important;
    border-color: transparent !important;
}