@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
  }

  @keyframes marquee2 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0%); }
  }

  .animate-marquee {
    animation: marquee 25s linear infinite;
  }

  .animate-marquee2 {
    animation: marquee2 25s linear infinite;
  }




/* Add margin when the admin bar is present on desktop */
.admin-bar #site-navigation {
    margin-top: 32px;
}

/* Adjust for the admin bar's different height on mobile devices */
@media screen and (max-width: 782px) {
    .admin-bar #site-navigation {
        margin-top: 46px;
    }
}


img, svg, video {
    display: block;
    /* Verwijder vertical-align: middle als je de waarschuwing weg wilt */
}



/* --- ALLEEN VOOR DE EDITOR (BACKEND) --- */

/* Breedte van de editor aanpassen */
.editor-styles-wrapper .interface-interface-skeleton__content .edit-post-visual-editor {
    width: 100% !important;
}

/* De daadwerkelijke content-container in de editor */
.editor-styles-wrapper .wp-block-post-content, 
.editor-styles-wrapper .is-root-container {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Verwijder de beperking op individuele blokken in de editor */
.editor-styles-wrapper .wp-block {
    max-width: none !important;
}

/* Visuele hulp voor groepen (alleen in editor) */
.editor-styles-wrapper .wp-block-group.is-selected, 
.editor-styles-wrapper .wp-block-group:hover {
    outline: 1px dashed #38bdf8 !important; 
}

/* Permanente border voor groepen in de backend zodat je de structuur ziet */
.editor-styles-wrapper .wp-block-group {
    border: 1px solid #e5e7eb !important; 
}



/* --- VISUELE GAP HULP IN DE BACKEND --- */

/* Selecteer de grid-layout in de editor */
.editor-styles-wrapper .is-layout-grid {
    /* Maak de achtergrond van de container licht oranje */
    background-color: rgba(255, 165, 0, 0.2) !important; 
}

/* Zorg dat de blokken binnen de grid hun eigen achtergrond behouden 
   zodat ze de oranje achtergrond van de container bedekken */
.editor-styles-wrapper .is-layout-grid > * {
    background-color: #ffffff; /* Of de kleur van je thema */
    position: relative;
}



/* Zorg dat de inhoud van de grid niet automatisch uitrekt */
.is-layout-grid > * {
    align-self: start; /* Dit voorkomt de 100% hoogte */
}

/* Specifiek voor de editor backend als je daar ook het resultaat wilt zien */
.editor-styles-wrapper .is-layout-grid > * {
    align-self: start !important;
}


/* De class die WordPress nu automatisch toevoegt via de Blokstijl */
body .is-style-full-width-breakout {
    max-width: none !important;
    width: calc(100% + 40px) !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
}

/* Zorg dat afbeeldingen in deze specifieke groep de randen raken */
.is-style-full-width-breakout img, 
.is-style-full-width-breakout figure {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0; /* Optioneel: verwijdert afgeronde hoeken voor een strakker effect */
}

 

/* Verwijder de automatische block-gap boven de breakout in de editor */
.editor-styles-wrapper .block-editor-block-list__layout > .wp-block[data-type="core/group"].full-width-breakout {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}

/* Verwijder ook de marge van het element dat er direct boven staat */
.editor-styles-wrapper .block-editor-block-list__layout > .wp-block + .wp-block[data-type="core/group"].full-width-breakout {
    margin-top: 0 !important;
}

/* Zorg dat het eerste kind-element binnen de groep ook geen marge heeft */
.editor-styles-wrapper .full-width-breakout > .wp-block:first-child {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}



.editor-styles-wrapper .is-style-grid-vertical-center.is-layout-grid > *{
	align-self: center!important;
}


/* De class die WordPress nu automatisch toevoegt via de Blokstijl */
.editor-styles-wrapper .is-style-full-width-breakout {
    max-width: none !important;
    width: calc(100% + 0px) !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
}