.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-17b53dd:#98E3D6;--e-global-color-e72a7f6:#FDB9AA;--e-global-color-67e7eeb:#33767B;--e-global-color-b85d067:#1C3A44;--e-global-color-2173dda:#0E3742;--e-global-color-b8b5824:#015A6C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   DAILY CATCH FOOTER BACKGROUND
   Class op de buitenste footer-container: dc-footer-bg
============================================================ */

.dc-footer-bg {
  position: relative !important;
  overflow: hidden !important;
  background: #00616d !important;
  isolation: isolate !important;
}

/* Gradientlaag */
.dc-footer-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    radial-gradient(
      60% 60% at 20% 20%,
      rgba(152, 227, 214, 0.55),
      transparent 60%
    ),
    radial-gradient(
      50% 50% at 85% 35%,
      rgba(253, 185, 170, 0.45),
      transparent 65%
    ),
    radial-gradient(
      70% 70% at 60% 90%,
      rgba(1, 90, 108, 0.35),
      transparent 70%
    ) !important;

  opacity: 0.55 !important;
}

/* Elementor overlay uitzetten */
.dc-footer-bg .elementor-background-overlay {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

/* Alle binnencontainers transparant maken, zodat ze de gradient niet afdekken */
.dc-footer-bg .e-con,
.dc-footer-bg .e-con-inner,
.dc-footer-bg .elementor-container,
.dc-footer-bg .elementor-column,
.dc-footer-bg .elementor-widget-wrap,
.dc-footer-bg .elementor-widget,
.dc-footer-bg .elementor-widget-container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Inhoud boven de gradient plaatsen */
.dc-footer-bg > *,
.dc-footer-bg .e-con,
.dc-footer-bg .e-con-inner,
.dc-footer-bg .elementor-container,
.dc-footer-bg .elementor-column,
.dc-footer-bg .elementor-widget-wrap,
.dc-footer-bg .elementor-widget,
.dc-footer-bg .elementor-widget-container {
  position: relative !important;
  z-index: 2 !important;
}

/* Logo en iconen zichtbaar houden */
.dc-footer-bg img,
.dc-footer-bg svg,
.dc-footer-bg i {
  position: relative !important;
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ============================================================
   DAILY CATCH FOOTER LOGO + TAGLINE FIX
============================================================ */

/* Logo wit maken */
.dc-footer__logo img,
.dc-footer__logo svg {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Als het logo als inline SVG met paths wordt geladen */
.dc-footer__logo svg,
.dc-footer__logo svg *,
.dc-footer__logo path,
.dc-footer__logo rect,
.dc-footer__logo polygon,
.dc-footer__logo circle {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Catch your story tekst */
.catch_your_story_ft {
  color: #ffffff !important;
  font-family: "Jost", "ITC Avant Garde Gothic Pro", system-ui, sans-serif !important;
  font-weight: 700 !important;
}

/* Alleen het woord story */
.catch_your_story_ft em,
.catch_your_story_ft i {
  font-family: inherit !important;
  font-style: italic !important;
  font-weight: 700 !important;
  color: #fdb9aa !important;
}

/* ============================================================
   DAILY CATCH LOGO CAROUSEL FIX
   Class op carousel-widget/container: dc-logo-carousel
============================================================ */

.dc-logo-carousel,
.dc-logo-carousel .elementor-widget-container,
.dc-logo-carousel .elementor-image-carousel-wrapper,
.dc-logo-carousel .swiper,
.dc-logo-carousel .swiper-wrapper {
  position: relative !important;
}

.dc-logo-carousel .swiper-slide,
.dc-logo-carousel .elementor-image-carousel-wrapper .swiper-slide,
.dc-logo-carousel .elementor-image-carousel .swiper-slide {
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Logo's gelijk trekken */
.dc-logo-carousel img,
.dc-logo-carousel .swiper-slide img,
.dc-logo-carousel .elementor-image-carousel img {
  max-width: 150px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 0.9 !important;

  filter: brightness(0) invert(1) !important;
}

/* Voorkomt dat Elementor afbeeldingen op 100% breedte forceert */
.dc-logo-carousel figure,
.dc-logo-carousel picture,
.dc-logo-carousel a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Eventuele link/image wrappers ook netjes centreren */
.dc-logo-carousel .swiper-slide-inner {
  width: 100% !important;
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* ============================================================
   DAILY CATCH — MOBILE MENU POPUP
   Class op de popup/container: dc-menu-card
============================================================ */

.dc-menu-card {
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
}

@media (max-width: 767px) {

  /* Popup wrapper van Elementor */
  .elementor-popup-modal .dialog-widget-content {
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* De daadwerkelijke menu-kaart */
  .dc-menu-card {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    border-radius: 42px !important;
    overflow: hidden !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    backdrop-filter: blur(24px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  }

  /* Binnenste Elementor-lagen dezelfde ronding geven */
  .dc-menu-card,
  .dc-menu-card > .e-con-inner,
  .dc-menu-card .e-con,
  .dc-menu-card .elementor-container,
  .dc-menu-card .elementor-widget-wrap,
  .dc-menu-card .elementor-widget-container {
    border-radius: 42px !important;

}

/* Animatie behouden */
@keyframes dc-menu-in {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(.96);
    filter: blur(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}/* End custom CSS */