img {
  border-radius: 7px !important;
}

/* logo ongewijzigd laten */
.custom-logo,
img.custom-logo,
.site-header img {
  border-radius: 0 !important;
}
.main-header-bar,
.site-header-wrap,
.header-main,
.ast-primary-header-bar {
  border-bottom: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
/* Breedte van uitgelichte afbeeldingen aanpassen */
.wp-post-image,
.featured-image img,
.entry-content img {
  width: 100%;     /* past de afbeelding aan de containerbreedte aan */
  max-width: 1200px; /* maximaal 800px breed, pas aan naar wens */
  height: auto;     /* behoudt de verhoudingen */
  display: block;   /* voorkomt extra ruimte onder de afbeelding */
  margin: 0 auto;   /* centreert de afbeelding */
}
/* Permanente subtiele schaduw voor alle afbeeldingen */
img {
  box-shadow: 0 0px 0px rgba(0,0,0,0.1); /* x-offset, y-offset, blur, kleur */
}

/* Logo in de header géén schaduw */
header img,
.site-header img,
.custom-logo,
img.custom-logo {
  box-shadow: none !important;
}
/* Preloader styling */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* achtergrondkleur */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#preloader img {
  width: 600px; /* pas aan naar gewenste GIF-grootte */
  height: auto;
}

body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
/* Verwijder schaduw voor preloader GIF */
#preloader img {
  box-shadow: none !important;
}
/* Afbeeldingen met class "right-block-image" rechts van de tekst */
.right-block-image {
  float: right;                    /* zweeft rechts van de tekst */
  margin: 0 0 1em 1em;             /* ruimte tussen afbeelding en tekst */
  max-width: 40%;                   /* breedte van het blok */
  display: block;                   /* voorkomt inline problemen */
  border-radius: 10px;              /* afgeronde hoeken */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* subtiele schaduw */
}

/* Responsief: op mobiel afbeelding boven de tekst en gecentreerd */
@media (max-width: 768px) {
  .right-block-image {
    float: none;
    display: block;
    margin: 0 auto 1em auto;       /* gecentreerd met marge onder */
    max-width: 80%;                 /* breedte aanpassen voor mobiel */
  }
}
/* Beperk de achtergrond van Group blocks tot max 1000px en centreer */
.wp-block-group.alignfull.has-background {
    max-width: 1000px;          /* maximale breedte */
    margin-left: auto;           /* centreer horizontaal */
    margin-right: auto;
    border-radius: 10px;         /* afgeronde hoeken */
    overflow: hidden;            /* zorg dat de inhoud binnen de afgeronde hoeken blijft */
}

/* Optioneel: behoud padding en layout zoals het nu is */
.wp-block-group.alignfull.has-background > .wp-block-group {
    border-radius: inherit;      /* laat interne blokken de afgeronde hoeken volgen */
}
/* Beperk hoogte van uitgelichte afbeelding en behoud proporties */
.post-thumbnail img,
.wp-post-image {
    max-height: 500px;        /* maximale hoogte */
    width: 100%;              /* vult de breedte van de container */
    height: auto;             /* behoud verhoudingen (geen vervorming) */
    object-fit: cover;        /* snijdt bij als te hoog, voorkomt uitrekken */
    border-radius: 15px;      /* optioneel: ronde hoeken, zelfde stijl als blokken */
    display: block;
    margin: 0 auto;           /* centreer afbeelding */
}

/* Voor meer controle: binnen de content, bijv. op blogpagina's */
.single-post .post-thumbnail img {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}
@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.wp.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-obK4.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Comfortaa';
    src: url('https://fonts.wp.com/s/comfortaa/v47/1PtCg8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMXL830efAesmwYSFoxBEP_I28dnyM.woff2') format('woff2');
    font-display: swap;
}