/*
 * CreditDevice site styles.
 * Migrated verbatim from WPCode CSS snippets, kept in their original output order (snippet ID descending).
 * Do not reorder: later blocks intentionally override earlier ones.
 */

/* ==== WPCode #67070: Gradients ==== */
.cd-dark-bg {
  position: relative;
  background: linear-gradient(135deg, #0A2347 0%, #041531 100%);
  overflow: hidden;
  color: #fff;
}

.cd-dark-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 50%, rgba(255,90,31,0.18), transparent 55%);
  pointer-events: none;
}

.cd-hero-bg {
  background:
    radial-gradient(circle at 20% 20%, rgba(240, 128, 19, 0.15), transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(91, 155, 255, 0.08), transparent 50%),
    linear-gradient(135deg, #050a18 0%, #0A2347 100%) !important;
}

.cd-card-polis {
  position: relative;
  background: linear-gradient(135deg, #F08013 0%, #D6700A 100%);
  overflow: hidden;
  color: #fff;
}
.cd-card-polis::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 50%, rgba(255,220,150,0.22), transparent 55%);
  pointer-events: none;
}

/* ==== WPCode #67002: WPML Taalswitcher - Nieuw ==== */
/* ============================================================ */
/* CD-LANG-SWITCH — WPML-taalkiezer in de stijl van het menu     */
/* Zet de class cd-lang-switch op de container of widget waar    */
/* de WPML language switcher in staat.                           */
/* ============================================================ */

/* ─── De hele dropdown ────────────────────────────────── */
.cd-lang-switch .wpml-ls-legacy-dropdown,
.cd-lang-switch .wpml-ls-legacy-dropdown-click {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    background: transparent !important;
}

.cd-lang-switch .wpml-ls-legacy-dropdown > ul,
.cd-lang-switch .wpml-ls-legacy-dropdown ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ─── De knop ─────────────────────────────────────────── */
.cd-lang-switch .wpml-ls-item-toggle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 6px 24px 6px 9px !important;   /* rechts ruimte voor het pijltje */
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    background-color: transparent !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.cd-lang-switch .wpml-ls-item-toggle:hover {
    background: rgba(11,15,20,0.045) !important;
    color: #041531 !important;
}

/* Vlag */
.cd-lang-switch .wpml-ls-flag {
    width: 17px !important;
    height: auto !important;
    display: block !important;
    border-radius: 2px !important;
    margin: 0 !important;
}

/* De taalnaam naast de vlag verbergen — alleen de vlag, zoals in het menu.
   Wil je de naam wél tonen, zet dan cd-lang-switch-text op de container. */
.cd-lang-switch .wpml-ls-item-toggle .wpml-ls-native,
.cd-lang-switch .wpml-ls-item-toggle .wpml-ls-display {
    display: none !important;
}

.cd-lang-switch-text .wpml-ls-item-toggle .wpml-ls-native,
.cd-lang-switch-text .wpml-ls-item-toggle .wpml-ls-display {
    display: inline !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
}

/* ─── Het pijltje ─────────────────────────────────────── */
.cd-lang-switch .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '' !important;
    display: none !important;
}

.cd-lang-switch .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
    content: '\f107' !important;                 /* angle-down */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 9px !important;
    color: #9AA1AC !important;
    position: absolute !important;
    right: 9px !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
}

.cd-lang-switch .wpml-ls-legacy-dropdown:hover a.wpml-ls-item-toggle:before,
.cd-lang-switch .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle[aria-expanded="true"]:before {
    color: #DB7512 !important;
    transform: translateY(-50%) rotate(180deg) !important;
}

/* ─── Het uitklapmenu ─────────────────────────────────────
   width:max-content houdt hem zo breed als de inhoud; WPML
   geeft hem anders de breedte van de knop of een vaste maat.
   right:0 lijnt hem uit op de rechterkant, zodat hij bij een
   switcher rechts in de balk niet buiten beeld valt.        */
.cd-lang-switch .wpml-ls-sub-menu {
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    left: auto !important;
    right: 0 !important;
    margin-top: 6px !important;
    padding: 6px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(11,15,20,0.07) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(4,21,49,0.14), 0 2px 6px rgba(4,21,49,0.05) !important;
    overflow: hidden !important;
    z-index: 200 !important;
}

.cd-lang-switch .wpml-ls-sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.cd-lang-switch .wpml-ls-sub-menu .wpml-ls-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    background-color: transparent !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #2A3646 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.cd-lang-switch .wpml-ls-sub-menu .wpml-ls-link:hover {
    background: #FAF8F4 !important;
    color: #041531 !important;
    font-weight: 600 !important;
}

/* ─── Niets mag het uitklapmenu afknippen ─────────────── */
.cd-lang-switch,
.cd-lang-switch .elementor-widget-container,
.cd-lang-switch .wpml-ls,
.cd-lang-switch .wpml-ls-statics-shortcode_actions {
    overflow: visible !important;
}

/* ============================================================ */
/* OP EEN DONKERE ACHTERGROND                                    */
/* Zet naast cd-lang-switch ook cd-lang-switch-dark.             */
/* ============================================================ */
.cd-lang-switch-dark .wpml-ls-item-toggle {
    color: rgba(255,255,255,0.72) !important;
}

.cd-lang-switch-dark .wpml-ls-item-toggle:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

.cd-lang-switch-dark .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
    color: rgba(255,255,255,0.55) !important;
}

.cd-lang-switch-dark .wpml-ls-legacy-dropdown:hover a.wpml-ls-item-toggle:before {
    color: #FF7A47 !important;
}

/* ==== WPCode #63851: Witte container ==== */

.cd-lift.cd-lift.cd-lift {
  border: 1px solid #0B0F1412 !important;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.3s ease,
    box-shadow 0.3s ease !important;
}
.cd-lift.cd-lift.cd-lift:hover {
  transform: translateY(-4px) !important;
  border-color: #F0801340 !important;
  box-shadow: 0 18px 40px 0 rgba(11, 15, 20, 0.08) !important;
}

/* ==== WPCode #63542: Logoloop ==== */
.cd-logoloop {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

.cd-logoloop .cd-logoloop__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  animation: cd-logoloop-scroll 40s linear infinite !important;
  will-change: transform;
}

@keyframes cd-logoloop-scroll {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

/* REVERSE — vangt elke positie van de --reverse class */
.cd-logoloop--reverse .cd-logoloop__track,
.cd-logoloop.cd-logoloop--reverse .cd-logoloop__track,
.cd-logoloop--reverse > .cd-logoloop__track,
.cd-logoloop .cd-logoloop--reverse .cd-logoloop__track {
  animation: cd-logoloop-scroll-reverse 40s linear infinite !important;
}

@keyframes cd-logoloop-scroll-reverse {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.cd-logoloop .cd-logoloop__item {
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  width: auto !important;
}

.cd-logoloop .cd-logoloop__item img {
  max-height: 75px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.35))
          drop-shadow(0 0 1px rgba(255, 255, 255, 0.06));
  transition: filter 0.3s ease;
}

.cd-logoloop .cd-logoloop__item:hover img {
  filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.5))
          drop-shadow(0 0 2px rgba(255, 255, 255, 0.1));
}

.cd-logoloop:hover .cd-logoloop__track {
  animation-play-state: paused !important;
}

/* ==== WPCode #63072: Buttons ==== */
/* ============================================================ */
/* CREDITDEVICE BUTTON SYSTEM                                    */
/* ============================================================ */
/* Gedeelde basis */
.elementor-widget.cd-btn-primary .elementor-button,
.elementor-widget.cd-btn-primary-bold .elementor-button,
.elementor-widget.cd-btn-primary-down .elementor-button,
.elementor-widget.cd-btn-ghost .elementor-button,
.elementor-widget.cd-btn-ghost-light .elementor-button,
.elementor-widget.cd-btn-ghost-down .elementor-button,
.elementor-widget.cd-btn-dark .elementor-button,
.elementor-widget.cd-btn-link .elementor-button {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  border-radius: 999px !important;
  padding: 20px 24px !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  background-image: none !important;
}
/* ─── 1. PRIMARY ──────────────────────────────────────── */
.elementor-widget.cd-btn-primary .elementor-button {
  background: linear-gradient(135deg, #FF9C3E 0%, #F08013 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(240, 128, 19, 0.20) !important;
}
.elementor-widget.cd-btn-primary .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(240, 128, 19, 0.28) !important;
}
/* ─── PRIMARY COMPACT (menu) ──────────────────────────────── */
.elementor-widget.cd-btn-primary-compact .elementor-button {
  background: linear-gradient(135deg, #FF9C3E 0%, #F08013 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(240, 128, 19, 0.20) !important;
  padding: 13px 24px !important;
}
.elementor-widget.cd-btn-primary-compact .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(240, 128, 19, 0.28) !important;
}
/* ─── 2. PRIMARY BOLD ─────────────────────────────────── */
.elementor-widget.cd-btn-primary-bold .elementor-button {
  background: linear-gradient(135deg, #F08013 0%, #C76505 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(240, 128, 19, 0.25) !important;
}
.elementor-widget.cd-btn-primary-bold .elementor-button:hover {
  background: linear-gradient(135deg, #FF8D1C 0%, #D87108 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(240, 128, 19, 0.35) !important;
}
/* ─── 3. PRIMARY DOWN ─────────────────────────────────── */
.elementor-widget.cd-btn-primary-down .elementor-button {
  background: linear-gradient(135deg, #FF9C3E 0%, #F08013 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(240, 128, 19, 0.20) !important;
}
.elementor-widget.cd-btn-primary-down .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(240, 128, 19, 0.28) !important;
}
/* ─── 4. GHOST ────────────────────────────────────────── */
.elementor-widget.cd-btn-ghost .elementor-button {
  background: #ffffff !important;
  color: #041531 !important;
  box-shadow: none !important;
}
.elementor-widget.cd-btn-ghost .elementor-button:hover {
  background: #fff !important;
  color: #041531 !important;
}
/* ─── 5. GHOST LIGHT ──────────────────────────────────── */
.elementor-widget.cd-btn-ghost-light .elementor-button {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #FFFFFF1A !important;
}
.elementor-widget.cd-btn-ghost-light .elementor-button:hover {
  background: #fff !important;
  color: #041531 !important;
}
/* ─── 6. GHOST DOWN ───────────────────────────────────── */
.elementor-widget.cd-btn-ghost-down .elementor-button {
  background: #ffffff !important;
  color: #041531 !important;
  box-shadow: none !important;
}
.elementor-widget.cd-btn-ghost-down .elementor-button:hover {
  background: #fff !important;
  color: #041531 !important;
}
/* ─── 7. DARK ─────────────────────────────────────────── */
.elementor-widget.cd-btn-dark .elementor-button {
  background: #041531 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(11, 15, 20, 0.15) !important;
}
.elementor-widget.cd-btn-dark .elementor-button:hover {
  background: linear-gradient(135deg, #FF9C3E, #F08013) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(240, 128, 19, 0.30) !important;
}
/* ─── 8. LINK ─────────────────────────────────────────── */
.elementor-widget.cd-btn-link .elementor-button {
  background: transparent !important;
  color: #F08013 !important;
  padding: 8px 0px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.elementor-widget.cd-btn-link .elementor-button:hover {
  color: #C76505 !important;
  background: transparent !important;
  transform: none !important;
}
/* ============================================================ */
/* ARROW HOVER                                                   */
/* ============================================================ */
.elementor-widget.cd-btn-primary .elementor-button-text,
.elementor-widget.cd-btn-primary-bold .elementor-button-text,
.elementor-widget.cd-btn-primary-down .elementor-button-text,
.elementor-widget.cd-btn-ghost .elementor-button-text,
.elementor-widget.cd-btn-ghost-light .elementor-button-text,
.elementor-widget.cd-btn-ghost-down .elementor-button-text,
.elementor-widget.cd-btn-dark .elementor-button-text,
.elementor-widget.cd-btn-link .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
}
.elementor-widget.cd-btn-primary .elementor-button-icon,
.elementor-widget.cd-btn-primary-bold .elementor-button-icon,
.elementor-widget.cd-btn-primary-down .elementor-button-icon,
.elementor-widget.cd-btn-ghost .elementor-button-icon,
.elementor-widget.cd-btn-ghost-light .elementor-button-icon,
.elementor-widget.cd-btn-ghost-down .elementor-button-icon,
.elementor-widget.cd-btn-dark .elementor-button-icon,
.elementor-widget.cd-btn-link .elementor-button-icon {
  display: none !important;
}
/* Pijl rechts — standaard */
.elementor-widget.cd-btn-primary .elementor-button-text::after,
.elementor-widget.cd-btn-primary-bold .elementor-button-text::after,
.elementor-widget.cd-btn-ghost .elementor-button-text::after,
.elementor-widget.cd-btn-ghost-light .elementor-button-text::after,
.elementor-widget.cd-btn-dark .elementor-button-text::after,
.elementor-widget.cd-btn-link .elementor-button-text::after {
  content: "→";
  display: inline-block;
  max-width: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  margin-left: 0;
  color: inherit;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  transition: max-width 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              width 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.25s ease,
              margin-left 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Pijl omlaag */
.elementor-widget.cd-btn-primary-down .elementor-button-text::after,
.elementor-widget.cd-btn-ghost-down .elementor-button-text::after {
  content: "↓";
  display: inline-block;
  max-width: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  margin-left: 0;
  color: inherit;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  transition: max-width 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              width 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.25s ease,
              margin-left 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Hover — pijl verschijnt */
.elementor-widget.cd-btn-primary .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-primary-bold .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-primary-down .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-ghost .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-ghost-light .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-ghost-down .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-dark .elementor-button:hover .elementor-button-text::after,
.elementor-widget.cd-btn-link .elementor-button:hover .elementor-button-text::after {
  max-width: 2em;
  width: auto;
  opacity: 1;
  margin-left: 8px;
}

/* ============================================================ */
/* BREADCRUMB PILL — Variant 1 look                             */
/* ============================================================ */
.elementor-widget.cd-eyebrow-white-link {
  margin-bottom: 0 !important;
}
.elementor-widget.cd-eyebrow-white-link .elementor-heading-title {
  display: inline-block !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  font-weight: normal !important;
}
.elementor-widget.cd-eyebrow-white-link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px 8px 10px !important;
  border-radius: 999px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  background: rgba(255,255,255,0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.20) !important;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
  line-height: 1 !important;
}
/* Circle met oranje chevron erin */
.elementor-widget.cd-eyebrow-white-link a::before {
  content: "" !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background-color: rgba(255,255,255,0.08) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF7A47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
  flex-shrink: 0 !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}
/* Parent (muted uppercase) */
.elementor-widget.cd-eyebrow-white-link a .cd-crumb__parent {
  color: rgba(255,255,255,0.55) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: color 0.25s ease !important;
}
/* Separator (vertikaal gecentreerd) */
.elementor-widget.cd-eyebrow-white-link a .cd-crumb__sep {
  color: rgba(255,255,255,0.30) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  margin: 0 -3px !important;
  text-transform: none !important;
  transition: color 0.25s ease !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  transform: translateY(-1px) !important;
}
/* Current (bold white uppercase) */
.elementor-widget.cd-eyebrow-white-link a .cd-crumb__current {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}
/* Hover */
.elementor-widget.cd-eyebrow-white-link a:hover {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.24) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.28) !important;
}
.elementor-widget.cd-eyebrow-white-link a:hover::before {
  background-color: rgba(255,122,71,0.14) !important;
  transform: translateX(-2px) !important;
}
.elementor-widget.cd-eyebrow-white-link a:hover .cd-crumb__parent,
.elementor-widget.cd-eyebrow-white-link a:hover .cd-crumb__sep {
  color: #FFFFFF !important;
}

/* ============================================================ */
/* EYEBROW LABEL — GREY (#F3F3F3)                               */
/* Statisch label, geen link, geen hover                         */
/* ============================================================ */
.elementor-widget.cd-eyebrow-grey {
  margin-bottom: 0 !important;
}
.elementor-widget.cd-eyebrow-grey .elementor-heading-title,
.elementor-widget.cd-eyebrow-grey .elementor-widget-container > p {
  display: inline-block !important;
  margin: 0 !important;
  padding: 7px 15px !important;
  border-radius: 999px !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  color: #041531 !important;
  background: #F3F3F3 !important;
  background-image: none !important;
  border: 1px solid rgba(11,15,20,0.08) !important;
}

/* ==== WPCode #47350: DSO CSS ==== */
#dso-calculator {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  font-family: sans-serif;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#dso-calculator input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 8px 0 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#dso-calculator button {
  padding: 10px 20px;
  background-color: #0073aa;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#dso-calculator button:hover {
  background-color: #005177;
}

/* ==== WPCode #36803: wpml lang switcher in mobiele pop-up menu ==== */
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
border-radius: 10px !important;
}

/* ==== WPCode #36579: Elementor Video's - oplossing van rand die wordt getoond ==== */
.elementor-video {
  height: auto !important;  
}

@media only screen and (max-width: 767px) {
	.elementor-video {
  height: auto !important;  
}
}

/* ==== WPCode #36023: WPML Taalswitcher ==== */
.wpml-ls-item-toggle {
width: 70px !important;    
    background-color: white !important;
    border-radius: 5px !important;
    padding: 10px !important;

}

.wpml-ls-legacy-dropdown {
width: 70px !important;
}

.wpml-ls-sub-menu {
background-color: white !important;   
    border-radius: 5px 5px 5px 5px !important;
}

.wpml-ls-link {
 border: none !important;   
}

.wpml-ls-item-toggle {
width: 70px !important;    
    background-color: rgb(255,255,255) !important;
    border-radius: 5px !important;
    padding: 10px !important;
    border-color: rgb(233,233,233) !important;

}

.wpml-ls-legacy-dropdown {
width: 70px !important;
}

.wpml-ls-sub-menu {
background-color: white !important;   
    border-radius: 0px 0px 5px 5px !important;
        border-color: rgb(243,243,243) !important;
    padding: 5px !important;
}

.wpml-ls-link {
 border: none !important;   
}

/* Verberg de oude icon volledig */
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: ''; /* Verwijder de oude inhoud */
    display: none; /* Verberg de oude dropdown icon */
}

/* Voeg de nieuwe Font Awesome "angle down" icon toe */
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    position: relative;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
    content: '\f107'; /* Unicode voor Font Awesome's angle down */
    font-family: "Font Awesome 6 Free"; /* Font Awesome */
    font-weight: 900; /* Zorgt voor de juiste stijl */
    font-size: 12px; /* Pas de grootte van de icon aan */
    color: #333; /* Pas de kleur van de icon aan */
    position: absolute;
    right: 0; /* Plaats de icon helemaal rechts */
    margin-right: 10px !important;
    top: 50%; /* Verticaal gecentreerd */
    transform: translateY(-50%); /* Zorg ervoor dat de icon gecentreerd is */
}

/* ==== WPCode #25155: WP - Admin topbar width ==== */
.hover .ab-submenu {
    width: 350px !important;
}

#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
    width: 300px !important;
}

/* ==== WPCode #23800: Homepage/TabModule/ ==== */
.cd-hp-tabmodule .jet-tabs__label-text {
    text-align: center !important;
}

#bgsec {
 height: 775px !important;
}

/* ==== WPCode #23158: CD-dot colors ==== */
.cddot1 {
	color: #041531;
}

.cddot2 {
	color: #F08013;
}