/**
* Theme Name: WoonderShop PT Child
* Theme URI: http://www.proteusthemes.com/wordpress-themes/woondershop
* Description: This is a child theme of WoonderShop PT theme.
* Author: ProteusThemes
* Template: woondershop-pt
* Version: 1.0
*/

html {
  scroll-behavior: smooth;
}
@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
  
    font-family: Lato, Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
	}
	
	.main-navigation {
  
    font-family: "Carlito", Lato,  Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
	text-transform: uppercase;
	font-weight:200;
 
}
/* Zorg dat de WordPress container de referentie is */
.carousel-item--image {
    position: relative !important;
    display: block !important; /* Overschrijft inline-block indien nodig */
    overflow: hidden;
}
/* Container voor de footer icons */
.footer .social-icons img {
    /* Maakt de iconen kleiner */
    width: 24px; 
    height: auto;

    /* De 'magie' om zwart naar wit te veranderen */
    filter: brightness(0) invert(1);
    
    /* Optioneel: een zachte overgang als je later een hover effect toevoegt */
    transition: opacity 0.3s ease;
}

/* Optioneel: een kleine animatie of verandering bij hover */
.footer .social-icons img:hover {
    opacity: 0.7;
}
body.destam .mo-optin-form-wrapper {background-color: #79863C!important;
    border-color: #79863C!important;}

.logo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none; /* Je kunt nog steeds op de slider klikken */
    z-index: 10; /* Zorg dat het bovenop de afbeelding ligt */
}

.zooming-logo {
    /* Verhoudingen en grootte */
    width: auto !important;
    height: auto !important;
    max-width: 60% !important; 
    max-height: 70% !important;
    object-fit: contain !important;
    
    /* Initiële staat (voorkomt flitsen voor de animatie start) */
    opacity: 0;
    transform: scale(0.8);
    
    /* 1. Duur verhoogd naar 4s voor een langzamer effect.
       2. Cubic-bezier aangepast naar een vloeiende 'ease-out' (0.25, 0.1, 0.25, 1).
    */
    animation: zoomInLogo 4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

@keyframes zoomInLogo {
    0% {
        /* Begint op 80% grootte */
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        /* Eindigt op 100% grootte */
        transform: scale(1);
        opacity: 1;
    }
}
.main-navigation a:hover { color:#eae3d7; }
.page-header {
 
    padding-bottom: 0rem;
    margin-bottom: 0rem;
   
}

.my-5 {
    margin-bottom: 0rem !important;
	
	
}

.aanbod-info-box  {
    margin-bottom: 3rem !important;
	
	
}
.pt-slick-carousel {
  
    margin-bottom: 0rem;
    
}
.main-navigation>.current-menu-item>a {text-decoration:underline;}
.header__widgets {
  margin:0!important;
  }
      .main-navigation>.menu-item:last-of-type {
        margin-right: 0rem!important;
    }
	
	body.destam .header__container, body.destam .navigation-bar__container, body.destam .navigation-bar__container, body.destam .benefit-bar__container, body.destam .header-mobile__container, body.woondershop-has-mobile-sticky-header.destam .header-mobile__container, body.destam .footer

 {
    background-color: #79863C;
}
body.destam .main-navigation a:hover {
    color: #e0e3d2;
}
body.destam .main-navigation .menu-item.is-hover>a, body.destam .main-navigation .menu-item:focus>a, body.destam .main-navigation .menu-item:hover>a, body.destam .main-navigation .menu-item[aria-expanded=true]>a {
    color: #e0e3d2 !important;
  
}


.article__subtitle, .latest-news__categories a {font-family: 'Lato', sans-serif;
  font-weight: 200; /* Light */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom:0!important;
  color:#323232;
  /* Min: 0.875rem (14px) - Max: 1.125rem (18px) */
font-size: clamp(0.55rem, 0.25vw + 0.55rem, 0.8rem);
}
  
  .latest-news__categories {
    width: 100%;
    padding: 0rem 0;
}

  h2, h2.sow-headline {
font-family: 'Faustina', serif;
  font-weight: 700;
  /* Min: 2.625rem (42px) - Max: 4rem (64px) */
  font-size: clamp(2.625rem, 2.58vw - 0.1rem, 4rem);
}

h2.aanbodtitel, .latest-news__title, h2.latest-news__title {
font-family: 'Faustina', serif;
  font-weight: 700;
  /* Min: 1.5rem (30px) - Max: 2rem (40px) */
font-size: clamp(1.2rem, 1.12vw + 0.85rem, 2.2rem);
  margin-bottom:0.4rem;
}


.sow-testimonial-text, .sow-testimonial-text p {font-family: 'Faustina', serif!important;
  font-weight: 700;
  /* Min: 1.5rem (30px) - Max: 2rem (40px) */
/*font-size: clamp(1.5rem, 1.12vw + 1.16rem, 2.5rem);*/
font-size: clamp(1.1rem, 0.8vw + 0.8rem, 1.8rem);
  margin-bottom:0.4rem;
  }
  .zwart {color:#000;}
  
  .aanbod-info-box h6, h4, .text-dark h6 {
  
  font-family: 'Lato', sans-serif!important;
  font-weight: 700!important; /* bold */
  text-transform: uppercase!important;
  color:#000!important;
   font-size:0.9rem!important;
   letter-spacing:1px;
   margin-bottom: 0.3rem!important;
  
  }
  .content-area {
    margin-bottom: 0!important;
}
.home .footer {
    margin-top: 0rem !important;
}
@media (min-width: 992px) {
    .footer-top {
        padding: 2.75rem 0 2.75rem;
    }
}
  .footer h4 {
  
  font-family: 'Faustina', serif!important;
  font-weight: 500!important; /* bold */
  text-transform: none!important;
  color:#fff!important;
   font-size: clamp(1.2rem, 1.12vw + 0.85rem, 2.2rem)!important;
   letter-spacing:0px!important;
   margin-bottom: 0.3rem!important;
  
  }
  
/* --- HERSTELDE SECTIE VOOR AANBOD KAARTJES --- */

/* --- UNIFORME GRID LOGICA VOOR BEIDE TEMPLATES --- */

/* --- DE DEFINITIEVE UNIFORME FIX --- */

/* 1. De hoofd-div die je hebt aangemaakt (met de custom class) */
.aanbod-grid-container {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: auto !important;
    /* Zorg dat eventuele floats van het thema worden geneutraliseerd */
    clear: both !important;
}

/* 2. De directe kinderen van die div (jouw col-md-6 blokken) */
.aanbod-grid-container > div {
    flex: 0 0 50% !important; /* Dwing ze op 50% breedte */
    max-width: 50% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    display: flex !important; /* Zorgt dat de kaartjes binnenin even hoog worden */
}

/* 3. Het kaartje zelf (Uniformiteit) */
.aanbod-card-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: #fff;
    padding-bottom: 100px !important;
    margin-bottom: 30px !important;
}

/* 4. De tekst en de knop (Houd dit gelijk) */
.article__excerpt {
    flex-grow: 1 !important;
    margin-bottom: 80px !important;
}

article.w-100 .so-widget-sow-button {
    position: absolute !important;
    bottom: 20px !important;
    left: 0;
    right: 0;
    text-align: center !important;
}

/* 5. Mobiel: Terug naar 100% breedte */
@media (max-width: 767px) {
    .aanbod-grid-container > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
  
  /* Geef alle kopteksten in de SiteOrigin Editor ruimte aan de bovenkant */
h4 {
    margin-top: 1.8em!important; /* De ruimte boven de kop */

    display: block;
}

/* Haal de bovenruimte weg als de koptekst het allereerste element is in de widget */
h4:first-child {
    margin-top: 0 !important;
}
  
.navigation-bar__container {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}

/* Zorg dat de binnenzijde van de navigatie ook rechts uitlijnt */
.navigation-bar {
    margin-left: auto;
}
.navigation-bar {
 
     background-color: #8F6A2A!important; 

}
@media (min-width: 992px) {
    .navigation-bar {
      
        background-color: transparent !important;
       
    }
}
body.woondershop-has-mobile-sticky-header .header-mobile__container {
  
    background-color: #8F6A2A;
 
}


/* 1. De container: Centreert zichzelf én zijn inhoud */
.social-follow-container {
    display: flex !important;
    flex-direction: row !important; /* Dwingt tekst en iconen naast elkaar */
    justify-content: center !important; /* Centreert het hele pakketje horizontaal */
    align-items: center !important; /* Lijnt ze verticaal uit op dezelfde middellijn */
    flex-wrap: nowrap !important; /* Voorkomt dat ze onder elkaar springen */
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. De tekst: Zorg dat deze niet verspringt */
.social-follow-text {
font-family: 'Faustina', sans-serif;
color:#333;
  font-size: 24px; 

    line-height: 1; /* Voorkomt dat de tekst de hoogte van de icons verbreekt */
  /* Minimum: 24px (1.5rem) voor mobiel */
  /* Ideaal: 2.45vw + 0.18rem */
  /* Maximum: 50px (3.125rem) voor groot scherm */
  font-size: clamp(1.5rem, 2.45vw + 0.18rem, 3.125rem);
    font-weight: 400;
    margin-right: 15px !important;
    white-space: nowrap !important; /* Houdt "Volg mij op" op één regel */
    display: inline-block !important;
}

/* 3. De iconen-bak: Ook een flexbox voor de onderlinge afstand */
.social-icons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* Ruimte tussen de icoontjes onderling */
}

/* 4. De afbeeldingen: Uniforme maat */
.social-icons img {
    width: 53px !important;
    height: auto !important;
    display: block !important;
		  transition: opacity 0.2s;
}











.social-icons img:hover {
    opacity: 0.7;
}
.sowb-button {

    -webkit-border-radius: 0em!important;
    -moz-border-radius: 0em!important;
    border-radius: 0em!important;
    
}
.sowb-button {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Faustina', sans-serif;
    background: #CA9500;
    border-width: 0px 0;
  
    color: #ffffff !important;
    font-size: 1.2em;
    padding: 0.5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    padding-inline: 0.5em;
}

.so-widget-sow-button-wire .sowb-button  {background: transparent;color:#000;    border: 2px solid #000000;
    color: #000 !important;}
	.so-widget-sow-button-wire .sowb-button:hover  {background: #000;  border: 2px solid #000000;
    color: #ffffff !important;}
.sowb-button.donkerbruin {
  
    background: #6B3D2E;
   
  
}
.sowb-button.donkerbruin:hover {
  
    background: #CA9500;
   
  
}
.sowb-button:hover {background: #6B3D2E;}
.ow-button-base.ow-button-align-center {
    text-align: center;
}
.padding-top-aanbod .ow-button-base.ow-button-align-center {
    text-align: left;
}
.article__excerpt {margin-bottom:1.4rem;min-height:5rem;}
.padding-top-aanbod {padding-top:2rem;}
a.header__logo .img-fluid, a.header__logo .img-thumbnail {
  
    height: 50px;
}
.testimonial {
  
    border-radius: 0px;

}
blockquote, blockquote p {
/* 1. De Fallback: Oude browsers gebruiken deze vaste maat */
font-family: 'Faustina', sans-serif;
color:#6b3d2e;
  font-size: 24px; 
text-align:center;
  /* Minimum: 24px (1.5rem) voor mobiel */
  /* Ideaal: 2.45vw + 0.18rem */
  /* Maximum: 50px (3.125rem) voor groot scherm */
  font-size: clamp(1.5rem, 2.45vw + 0.18rem, 3.125rem);
  line-height: 1.1;
  word-wrap: break-word;
}
#blokken p {color:#fff;
/* 1. De Fallback: Oude browsers gebruiken deze vaste maat */
  font-size: 18px; 

  /* 2. De Moderne Maat: Moderne browsers overschrijven de 18px hiermee */
font-size: clamp(0.9375rem, 2.54vw - 0.69rem, 1.75rem);
 /* De line-height volgt braaf zonder ingewikkelde sommen */
  line-height: 1.8; 
  
  hyphens: auto;
  }
  #blokken h3.widget-title {color:#fff;
/* 1. De Fallback: Oude browsers gebruiken deze vaste maat */
  font-size: 24px; 

  /* Minimum: 24px (1.5rem) voor mobiel */
  /* Ideaal: 2.45vw + 0.18rem */
  /* Maximum: 50px (3.125rem) voor groot scherm */
  font-size: clamp(1.5rem, 2.45vw + 0.18rem, 3.125rem);
  line-height: 1.1;
  word-wrap: break-word;
}
#blokken .zwartetekst p, #blokken .zwartetekst, #blokken .zwartetekst h3.widget-title, .zwartetekst p, .zwartetekst blockquote, .zwartetekst blockquote p {color:#000; }
.rood blockquote, .rood blockquote p {color:#914214!important;}
.groen blockquote, .groen blockquote p {color:#79863C!important;}


#blokken h4 {
color:#fff!important;
font-family: 'Faustina', sans-serif!important;
/* 1. De Fallback: Oude browsers gebruiken deze vaste maat */
  font-size: 18px; 
 text-transform: none!important;
 /* clamp(min, scaler, max) */
  /* clamp(min, 18 naar 24 scaler, max) */
font-size: clamp(1.125rem, 1vw + 0.75rem, 1.75rem) !important;

  font-weight:200!important;
  line-height: 1.1;
  word-wrap: break-word;
}
.testimonial__quote {
    font-size: 1rem;
    margin-bottom: 1.9rem;
    }
.page-header__title
{color:#6B3D2E; font-size: 1.2rem;letter-spacing:1px;}


body, .latest-news__excerpt {
  font-size: clamp(16px, calc(16px + (2 / 896) * (100vw - 1024px)), 18px);
}
.latest-news__link {
    
    border-top: 0px solid #d6d6d6;
    padding: 10px 0;
}
.testimonial__quote-icon img {
display: none;
}
.latest-news img {
    display: block;
    margin-bottom: 1.95rem;
}

h3.widget-title {color:#6B3D2E;font-weight: 800;font-size:24px;}
.fienosa {color:#6B3D2E;font-weight: 400; letter-spacing:1px;}


html div#eZUriyjyfO div#eZUriyjyfO_inpost.columbine-container {

   
  border: 0px solid #91a6bf;
   
  margin: 0px auto!important;
padding:0!important;
}
.latest-news__excerpt {
 
    color: #000;
}
html div#eZUriyjyfO div#eZUriyjyfO_inpost.columbine-container .columbine-form {
 
  margin-top: 0px!important;
}
.footer-bottom__container .container {
    border-top: 0px solid #cacaca;
}
body.page-template-page-nomargin .header__container {
 
    margin-bottom: 0rem;
}

.so-widget-sow-features-default-24d213d82ddc-2704 .sow-features-list .sow-features-feature.sow-icon-container-position-top {
    text-align: left!important;
}
.so-widget-sow-features-default-0026d209dfbd-2704 .sow-features-list .sow-features-feature.sow-icon-container-position-top {
  text-align: left!important;
}
h1.sow-features-feature-title {  text-align: center;}

@media (max-width: 991.98px) {
    .page-header__title {
        font-size: 1.0rem;
    }
}

.sidebar .widget_categories>ul>li a {
 
}
.top .widget_nav_menu .menu a {
   
    padding: .75rem .4rem;
   
}
.middle__container {
        display:none;
		}
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .grid__categories--large-items 
{    
    font-weight: 300!important;letter-spacing:1px!important;}


.footer {

    background-color: #8f6A2A;
}
@media (min-width: 992px) {
    .page-header {
        min-height: 18rem;
    }
}


@media (max-width: 991.98px) {
    .page-header {
       min-height: 12rem;
       
    }
	
	 .main-navigation .sub-menu a {
        background-color: #6d7b78 !important;
    }
	
	.main-navigation .dropdown-toggle {
    position: absolute;
    background-color: #6d7b78 !important;
	}
}
.so-widget-sow-image-grid-default-dea5335177eb-1529 .sow-image-grid-wrapper .sow-image-grid-image .image-title {
   color:#333;
    font-weight: 600;
   
}


 .voorpaginatekst {
    
  margin-left: auto;
  margin-right: auto;
	}

	
	
	
address+h1, address+h2, address+h3, address+h4, address+h5, address+h6, dl+h1, dl+h2, dl+h3, dl+h4, dl+h5, dl+h6, ol+h1, ol+h2, ol+h3, ol+h4, ol+h5, ol+h6, p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, ul+h1, ul+h2, ul+h3, ul+h4, ul+h5, ul+h6 {
    margin-top: 0rem;
}
.breadcrumbs a

 {
   
    color: #333 !important;
}
h5.sow-carousel-item-title {font-size: 0.8rem;}
.image-title { text-transform: uppercase;}
.widget_ecwid_search, .widget_ecwidnsfminicart {margin-top:0rem !important;}

.widget_ecwid_search h2.widgettitle, .widget_ecwidnsfminicart h2.widgettitle {display:none!important;}


.voorpaginatekst {max-width:250px;height:auto;text-align:center;}

address, dl, ol, p, ul {
    margin-bottom: 0.5rem;
}
.voorpaginatekst h5 {margin-bottom:12px;}


@media (max-width: 1024px) {
.voorpaginatekst  h5 {
    font-size: 0.8rem;
}
  .pt-slick-carousel__content-description .btn {
    padding: .4rem 1.5rem;
    border-radius: 8px;
    font-size: .6rem;
    text-transform: uppercase;
    font-weight: 400;
}
}

@media (min-width: 992px) and (max-width: 1599.98px) {
    .pt-slick-carousel__content-description .btn

 {
        padding: .25rem 0.75rem !important;
    }
}


/* Stijlen voor mobiele apparaten (standaard) */
.voorpaginabanner {
  max-width: 100%; /* Zorgt ervoor dat de banner nooit breder is dan de viewport */
  width: 250px; /* Een kleinere breedte voor mobiel, kan aangepast worden */
  height: auto; /* Behoudt de aspect ratio van de afbeelding */
  display: block; /* Zorgt ervoor dat de afbeelding op een nieuwe lijn begint en geen witruimte heeft */
  margin: 0 auto; /* Centreert de afbeelding als de breedte kleiner is dan de container */
}

/* Media query voor grotere schermen (bijv. tablets in portrait) */
@media (min-width: 768px) {
  .voorpaginabanner {
    width: 170px; /* Iets breder voor tablets */
	margin-top:10px;
	height:auto;
  }
  .voorpaginatekst {
    max-width: 340px;
 
	}
	.voorpaginatekst h5 {
   
    font-size: 0.8rem;
	}
}

/* Media query voor desktop en grote schermen */
@media (min-width: 1025px) {
  .voorpaginabanner {
    width: 260px; /* De gewenste breedte voor desktops */
	height:auto;
  }
  .voorpaginatekst {
    max-width: 320px;
  
	}
	.voorpaginatekst h5 {
   
    font-size: 0.9rem;
	}
}

@media (min-width: 1330px) {
  .voorpaginabanner {
    width: 300px; /* De gewenste breedte voor desktops */
	height:auto;
  }
  .voorpaginatekst {
    max-width: 320px;
  
	}
	.voorpaginatekst h5 {
   
    font-size: 1rem;
	}
  
}

p.latest-news__author {display:none;
		}
p.latest-news__comments {display:none;
		}
		
		@keyframes slideInFromRight {
    /* Stap 1: De startpositie (buiten beeld, rechts) */
    0% {
        transform: translateX(100%); 
        opacity: 0;
    }

    /* Stap 2: De eindpositie (op de normale plek) */
    100% {
        transform: translateX(0); /* Terug naar de normale positie */
        opacity: 1;
    }
}

/* Pas deze selector aan naar het element dat u wilt animeren */
body.page-id-2154 h1.page-header__title {
    /* Of gebruik een class: .mijn-container { ... } */

    animation-name: slideInFromRight;
    animation-duration: 1s; /* De animatie duurt 1 seconde */
    animation-timing-function: ease-out; /* Maakt de beweging vloeiender (sneller start, zachtere stop) */
    animation-delay: 0.2s; /* Wacht 0.2 seconden voordat de animatie start */
    animation-fill-mode: backwards; /* Zorgt ervoor dat het element start op 0% (buiten beeld) */
}
		
		/* Ecwid CSS om 4 kolommen op desktops te forceren, gebaseerd op de 'middelgrote' afbeeldinginstelling. */

/* Media query zorgt ervoor dat dit alleen geldt voor brede schermen (desktops/laptops). */
@media screen and (min-width: 1024px) {
    
    .ec-size .ec-store .grid__categories .grid-category:nth-child(n+1) {
    width: 25% !important;
}
}
.footer-top .textwidget, .footer-top a {
   
    text-align: justify;
}

.filter-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.filter-btn {
    background-color: #a3b1a2; /* De grijs-groene kleur uit je foto */
    border: none;
    padding: 8px 18px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s ease;
}

.filter-btn:hover, .filter-btn.active {
    background-color: #7d8a7c; /* Iets donkerder bij actie */
    color: white;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
}

/* De goudbruine achtergrond van het plaatje */
.nieuwsbrief-sectie {
    background-color: #94742d !important;
    padding: 40px;
    text-align: center;
    color: white;
    font-family: 'Georgia', serif; /* Voor die klassieke look */
}

/* Forceer de elementen van Sender op één lijn */
.sender-form-field form, 
.sender-form-field .sender-form-content {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 0 !important; /* Geen gat tussen wit en zwart */
    max-width: 600px;
    margin: 20px auto !important;
}

/* Het witte invoerveld */
.sender-form-field input[type="email"] {
    background-color: white !important;
    border: none !important;
    border-radius: 0 !important;
    height: 50px !important;
    padding: 0 15px !important;
    flex-grow: 1 !important;
    color: #333 !important;
}

/* De zwarte verstuurknop */
.sender-form-field button, 
.sender-form-field input[type="submit"] {
    background-color: black !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
    height: 50px !important;
    padding: 0 25px !important;
    text-transform: lowercase !important;
    cursor: pointer !important;
    font-weight: normal !important;
} 

.wpcf7-submit.btn-primary {
  font-family: 'Faustina', serif;
  font-weight: 700;
    width: 100%;
    border-radius: 0!important;
}




/* Tekststijlen */
.nieuwsbrief-titel { font-size: 24px; margin-bottom: 10px; }
.nieuwsbrief-voetnoot { font-size: 14px; margin-top: 15px; opacity: 0.9; }

.aanbod-overlay span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Maximaal 2 regels tonen, daarna afbreken */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
html div#BzfEtMxorW div#BzfEtMxorW_inpost.columbine-container {
    
    border: 0px solid #91a6bf!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    margin: 0px auto!important;
    text-align: center;
    width: 100%;
    padding: 0px!important;
    color: #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .main-navigation a {
       
        font-size: 1rem;
      
    }
}


.latest-news__date {display:none;}
@media (min-width: 992px) and (max-width: 1199px) {
#blokken #tekstblok {

padding: 20px 60px 0px 60px!important;
}

    .main-navigation a {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 767px) {
.footer-top .widget {
    margin-bottom: 30px;
}
    .article__excerpt {
        margin-bottom: 60px !important; /* Iets minder witruimte op telefoon */
    }
    article.post {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 767px) {
    .panel-row-style-for-3161-1 {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}

/* Selecteer de button/link */
.sowb-button {
    /* 1. Maak er een flex-container van */
    display: inline-flex!important;
    
    /* 2. Centreer verticaal en horizontaal */
    align-items: center!important;
    justify-content: center!important;
    
    /* 3. Jouw border */
     
    /* 4. Padding en hoogte */
    padding: 10px 20px!important;/* Gebruik padding in plaats van een vaste height voor betere lijning */
    text-decoration: none!important; /* Verwijdert de onderstreping van de link */
    
    /* 5. Belangrijk: zet line-height op 1 */
    line-height: 1!important;
}

.sowb-button span {
    /* Zorg dat de span geen extra marges heeft */
    display: inline-block!important;
    margin: 0!important;
    padding: 0!important;
}
.sowb-button span {
    position: relative!important;
    top: -2px!important; /* Gebruik -1px of -2px om de tekst handmatig die laatste fractie omhoog te duwen */
}
.wpcf7-list-item {
    display: inline-block;
    margin: 10px 0 10px 0;
}
.sow-testimonials .sow-testimonial-wrapper {
    padding: 0px!important;
}
.so-widget-sow-testimonials-default-8971bf93c61b-3079 .sow-testimonials .sow-testimonial-text {
  
    padding: 0px 0px!important;
   
}

@media (max-width: 768px) {
    #pg-2844-3 {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
	.logo-wrapper {
   
    padding: 0px 0!important;
   
}
.destam .header_bg {background-position: center right!important;}
.sow-icon-image {width:100%!important;}
.so-widget-sow-features-default-c67a7bf6ee8e-2704 .sow-features-list .sow-features-feature .sow-icon-container {
  
   
  
    width: 100%!important;
    flex: 0 0 360px!important;
}
}