.elementor-91728 .elementor-element.elementor-element-e9b289{padding:0px 0px 0px 0px;}.elementor-91728 .elementor-element.elementor-element-39fbe000{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-91728:not(.elementor-motion-effects-element-type-background), body.elementor-page-91728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS */body.page-id-91728 .elementor-location-header > .e-con {
  background-color: #000000 !important;
  background-image: none !important;
}

/* Voci di menu: bianche */
body.page-id-91728 .elementor-location-header .elementor-item,
body.page-id-91728 .elementor-location-header .elementor-sub-item {
  color: #FFFFFF !important;
}

/* Voci di PRIMO livello — hover / focus / attiva: testo giallo */
body.page-id-91728 .elementor-location-header .elementor-item:hover,
body.page-id-91728 .elementor-location-header .elementor-item:focus,
body.page-id-91728 .elementor-location-header .elementor-item.elementor-item-active {
  color: #FFE600 !important;
}

/* SOTTOMENU — hover / focus / attiva: sfondo GIALLO + testo NERO
   (prima era sfondo bianco + testo giallo, poco leggibile) */
body.page-id-91728 .elementor-location-header .elementor-sub-item:hover,
body.page-id-91728 .elementor-location-header .elementor-sub-item:focus,
body.page-id-91728 .elementor-location-header .elementor-sub-item.elementor-item-active {
  background-color: #FFE600 !important;
  color: #000000 !important;
}

/* Underline animata del menu (pointer "underline") → gialla in hover */
body.page-id-91728 .elementor-location-header .elementor-item:before,
body.page-id-91728 .elementor-location-header .elementor-item:after {
  background-color: #FFE600 !important;
}

/* Menu mobile (burger): icona bianca + tendina nera */
body.page-id-91728 .elementor-location-header .elementor-menu-toggle {
  color: #FFFFFF !important;
}
body.page-id-91728 .elementor-location-header .elementor-nav-menu--dropdown,
body.page-id-91728 .elementor-location-header nav.elementor-nav-menu--dropdown {
  background-color: #000000 !important;
}

/* ── BOTTONE "ACCEDI" / "ENTRA" — bianco con testo nero, hover giallo con testo nero.
   Copre: widget Button desktop (.elementor-button), voce-menu mobile (li.ld-button > a),
   e l'eventuale shortcode LearnDash (a.ld-login-button). ── */
body.page-id-91728 .elementor-location-header .elementor-button,
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item,
body.page-id-91728 .elementor-location-header a.ld-login-button {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border-color: #FFFFFF !important;
}
/* il testo/icona dentro il bottone eredita il nero */
body.page-id-91728 .elementor-location-header .elementor-button .elementor-button-text,
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item,
body.page-id-91728 .elementor-location-header a.ld-login-button,
body.page-id-91728 .elementor-location-header a.ld-login-button .ld-icon {
  color: #000000 !important;
}
/* hover / focus → sfondo giallo, testo nero */
body.page-id-91728 .elementor-location-header .elementor-button:hover,
body.page-id-91728 .elementor-location-header .elementor-button:focus,
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item:hover,
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item:focus,
body.page-id-91728 .elementor-location-header a.ld-login-button:hover,
body.page-id-91728 .elementor-location-header a.ld-login-button:focus {
  background-color: #FFE600 !important;
  color: #000000 !important;
  border-color: #FFE600 !important;
}
body.page-id-91728 .elementor-location-header .elementor-button:hover .elementor-button-text,
body.page-id-91728 .elementor-location-header a.ld-login-button:hover .ld-icon {
  color: #000000 !important;
}
/* l'underline animata del menu NON deve comparire sotto la voce-bottone "Entra" */
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item:before,
body.page-id-91728 .elementor-location-header li.ld-button > a.elementor-item:after {
  display: none !important;
}

/* LOGO header → uso il logo del footer (versione chiara, ok su nero) SOLO qui.
   `content:` sostituisce l'immagine mostrata mantenendo il widget "Site Logo" intatto
   altrove; object-fit:contain evita deformazioni se le proporzioni differiscono. */
body.page-id-91728 .elementor-location-header .elementor-widget-theme-site-logo img {
  content: url("https://staging-b.scuoladeicampioni.it/wp-content/uploads/2026/06/logo-footer.png") !important;
  object-fit: contain !important;
}

/* ──────────────── FOOTER ──────────────── */

/* Footer NASCOSTO solo su questa pagina (page-id-91728).
   display:none lo toglie dalla vista e dal flusso; sulle altre pagine resta invariato. */
body.page-id-91728 .elementor-location-footer {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   HEADER MOBILE — elemento con CSS ID `mobile-header`
   ══════════════════════════════════════════════════════════════════════════
   In Elementor: seleziona il container dell'header mobile (quello visibile solo
   su telefono/tablet) → Avanzate → CSS ID: mobile-header
   Stesso stile dell'header desktop. Resta scopato a body.page-id-91728 così,
   anche se l'header mobile è un template GLOBALE, lo stile vale SOLO su questa pagina.
   ══════════════════════════════════════════════════════════════════════════ */

/* sfondo nero (container con l'ID + eventuali container interni) */
body.page-id-91728 #mobile-header,
body.page-id-91728 #mobile-header > .e-con,
body.page-id-91728 #mobile-header .e-con-inner {
  background-color: #000000 !important;
  background-image: none !important;
}

/* LOGO header mobile → logo del footer (chiaro, ok su nero) */
body.page-id-91728 #mobile-header .elementor-widget-theme-site-logo img {
  content: url("https://staging-b.scuoladeicampioni.it/wp-content/uploads/2026/06/logo-footer.png") !important;
  object-fit: contain !important;
}

/* HAMBURGER (e X di chiusura): bianco. È un SVG → serve sia color sia fill.
   Sovrascrive il toggle_color del widget (#BA0731). */
body.page-id-91728 #mobile-header .elementor-menu-toggle,
body.page-id-91728 #mobile-header .elementor-menu-toggle i,
body.page-id-91728 #mobile-header .elementor-menu-toggle svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* LISTA ICONE (utente "Accedi" + telefono): bianche, hover gialle.
   Erano rosse perché l'icon-list non era coperto. */
body.page-id-91728 #mobile-header .elementor-icon-list-icon i,
body.page-id-91728 #mobile-header .elementor-icon-list-icon svg,
body.page-id-91728 #mobile-header .elementor-icon-list-item a {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
body.page-id-91728 #mobile-header .elementor-icon-list-item:hover .elementor-icon-list-icon i,
body.page-id-91728 #mobile-header .elementor-icon-list-item:hover .elementor-icon-list-icon svg,
body.page-id-91728 #mobile-header .elementor-icon-list-item:hover a {
  color: #FFE600 !important;
  fill: #FFE600 !important;
}

/* ───────── MENU A TENDINA (burger aperto) ─────────
   Il Custom CSS del widget forza le voci in ROSSO con !important e sfondo BIANCO.
   Servono selettori con l'ID #mobile-header (specificità più alta) per vincere. */

/* pannello + righe: sfondo nero */
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown,
body.page-id-91728 #mobile-header nav.elementor-nav-menu--dropdown,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown ul,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown li.menu-item {
  background-color: #000000 !important;
}

/* voci (primo livello e sottovoci): sfondo trasparente, testo bianco */
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-item,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-sub-item {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

/* hover / focus / attiva: sfondo giallo, testo nero */
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-item:hover,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-item:focus,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown a.elementor-sub-item:focus {
  background-color: #FFE600 !important;
  color: #000000 !important;
}

/* indicatore +/× delle voci con sottomenu: bianco (nero in hover/aperto, su sfondo giallo) */
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item::after {
  color: #FFFFFF !important;
}
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item:hover::after,
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown li.menu-item-has-children.elementor-active > a.elementor-item::after {
  color: #000000 !important;
}

/* separatori tra le voci: sottili e chiari (erano rosso translucido) */
body.page-id-91728 #mobile-header .elementor-nav-menu--dropdown > ul > li.menu-item {
  border-bottom-color: rgba(255, 255, 255, 0.18) !important;
}/* End custom CSS */