@charset "UTF-8";
/*
0    - 600px:       smartphone
600  - 900px:       Tablet Portrait
900  - 1200px:      Tablet Landscape
[1200  - 1800px]    Dove si applicano gli stili normali
1800px + :          Big Desktop
*/
/*

$breakpoint argomenti da passare:
- smartphone
- tablet-landscape
- tablet-portrait
- big-desktop

ORDINE DI APPLICAZIONE: 
    > base + typography 
    > layout generale + grid 
    > layout pagina 
    > componenti

    1em = 16px - indipendentemente dal font del sito e dalle preferenze utente
    Le em sono oggi lo standard professionale nei breakpoints:
    > non cambia se modifico il font
    > non cambia se l’utente usa zoom del testo
    > non cambia su Safari o Firefox
    > non viene influenzato da html { font-size: 62.5%; }
    👉 È una unità stabile e affidabile per breakpoints.

    */
/*

    1rem = dimensione del font del root (html).

    Normalmente il browser usa:
    16px come base → quindi 1rem = 16px

    Ma se l’utente:
    > cambia la dimensione del testo nelle impostazioni del browser
    > attiva modalità accessibilità
    > usa uno zoom del testo
    > usa Safari iOS con scaling dinamico
    > allora 1rem cambia, e le media query basate su rem non scattano più correttamente.

    👉 REM NON È “STABILE” nelle media query.

*/
@media (hover: none) { /* per dispositivi TOUCH: evita che su mobile rimangano attivi gli stati :hover dopo il tap (cosa fastidiosa) */ }
@media (hover: hover) { /* per dispositivi con MOUSE */ }
@media (any-hover: hover) { /* stili se qualsiasi dispositivo di input è in grado di eseguire l'hover */ }
@media (any-pointer: coarse) { /* stili da applicare se il puntatore collegato è grossolano */ }
@media (prefers-reduced-motion: reduce) { /* Rileva se l’utente ha chiesto meno animazioni (es. per problemi vestibolari)  */
  * {
    animation: none !important;
    transition: none !important;
  }
}
@media (prefers-color-scheme: dark) { /* Utile per dark mode automatica. */
  body {
    background: #121212;
    color: #ddd;
  }
}
/********************************************************
  01 - VARIABILI
********************************************************/
:root {
  /* Colore base */
  --base: #003569;
  --link: #003569; /* come base */
  --link-hover: #5887A7; /* come base + chiaro */
  --pagina-fondo: #fff; /* fondo pagina 						*/
  --pagina-testo: #8A93A4; /* testo pagina 						*/
  /* Login */
  --login-testo: #8A859A; /* fondo pagina 						*/
  --btn-login-testo: #8B91A4; /* fondo pagina 						*/
  --btn-login-testo-hover: #bfc7e2; /* fondo pagina 						*/
  --btn-login-fondo: #273453;
  --btn-login-hover: #3F5485;
  /* Go to TOP */
  --gotoTop: #8A93A4;
  --gotoTop-hover: #a7b2c7;
  --btn-slidekits-fondo: #B9B9B9;
  --btn-slidekits-hover: #CF96BF;
  /* Header */
  --header-fondo: #E8E9EA; /* fondo barra header 					*/
  --menu-link: #8B8D91; /* link del menu 						*/
  --menu-link-hover: #8B8D91; /* link hover del menu 					*/
  --menu-fondo: #FFFFFF; /* fondo tasti menu 					*/
  --menu-fondo-hover: #DDDDDD; /* fondo tasti menu hover 				*/
  --menu-bordo: #8B8D91; /* fondo tasti menu hover 				*/
  --menu-divisore-mobile: #D7D9DB;
  /* Menu */
  --hamburger-menu: #8B8D91; /* color HAMBURGER MENU					*/
  /* Sotto Menu */
  --sub-menu-fondo: #293968; /* fondo tasti menu 					*/
  --sub-menu-fondo-hover: #384b86; /* fondo tasti menu 					*/
  --sub-menu-link: #fff; /* link del menu 						*/
  --sub-menu-link-hover: #fff; /* link hover del menu 					*/
  --sub-menu-freccia-trigger: #8B8D91;
  --sub-menu-divisore: #3561A8;
  /* Intestazione */
  --titolo-head-fondo: rgb(197,32,63,0.0); /* fondo barra titolo pag.interne		*/
  --titolo-head: #DDE9F2; /* 										*/
  --titolo-head-tipopagina: #F8F8FC; /* testo titolo pag.interne 			*/
  --titolo-head: #F9F9FA; /* 										*/
  /* Breaking News */
  --breaking-news-indice-colore: #8B91A4;
  --breaking-news-indice-sfondo: #e9f0f0;
  --breaking-news-indice-link: #8B8D91;
  --breaking-news-indice-link-hover: #3f2063;
  /* Summaries */
  --summaries-toggle-icon: #839FB7; /* testo titolo pag.interne 			*/
  --toggle-header-fondo: #F0F6FA;
  --toggle-content-fondo: #FFFFFF;
  --summaries-link: #9999B7;
  --summaries-link-hover: #bebee0;
  --scritta-pdf: #84899E;
  --mininav-fondo: rgba(#fff , .0); /* fondo mininav 						*/
  --mininav-testo: #3D53A5; /* mininav testo						*/
  --mininav-link: #3D53A5; /* mininav link							*/
  --mininav-link-hover:#5971C9; /* mininav link hover					*/
  /* Footer */
  --footer-fondo: #CDD6E5; /* fondo footer 						*/
  --footer-bordo: #757977; /* bordo superiore footer 				*/
  --footer-testo: #6C6565; /* footer testo							*/
  --footer-link: #5C5F5E; /* footer link							*/
  --footer-link-hover: #9D9999; /* footer link hover					*/
  --footer-sponsor: #6C6565;
  --footer-poweredBy: #7D7979;
  --footer-poweredBy-hover: #9D9999;
  --footer-privacy: #6C6868;
  --footer-privacy-hover: #9D9999;
  --btn-chiaro-fondo: #D1D1D1;
  --btn-chiaro-hover: #D1D1D1;
  --btn-scuro-fondo: #D1D1D1;
  --btn-scuro-hover: #C5203F;
  --domanda-fondo: rgba(242,242,242,0.5);
  --domanda-fondo-hover: rgba(239, 239, 239, 0.9);
  /* da nero a bianco */
  --grigio-0: #000000;
  --grigio-1: #101010;
  --grigio-2: #202020;
  --grigio-3: #303030;
  --grigio-4: #404040;
  --grigio-5: #505050;
  --grigio-6: #606060;
  --grigio-7: #707070;
  --grigio-8: #808080;
  --grigio-9: #909090;
  --grigio-a: #aaa;
  --grigio-b: #bbb;
  --grigio-c: #ccc;
  --grigio-d: #ddd;
  --grigio-e: #eee;
  --grigio-f: #fff;
  --bianco-trasp-01: rgba(255,255,255,0.1);
  --bianco-trasp-02: rgba(255,255,255,0.2);
  --bianco-trasp-03: rgba(255,255,255,0.3);
  --bianco-trasp-04: rgba(255,255,255,0.4);
  --bianco-trasp-05: rgba(255,255,255,0.5);
  --bianco-trasp-06: rgba(255,255,255,0.6);
  --bianco-trasp-07: rgba(255,255,255,0.7);
  --bianco-trasp-08: rgba(255,255,255,0.8);
  --bianco-trasp-09: rgba(255,255,255,0.9);
  --bianco-trasp-10: rgba(255,255,255,1.0);
  --nero-trasp-01: rgba(0,0,0,0.1);
  --nero-trasp-02: rgba(0,0,0,0.2);
  --nero-trasp-03: rgba(0,0,0,0.3);
  --nero-trasp-04: rgba(0,0,0,0.4);
  --nero-trasp-05: rgba(0,0,0,0.5);
}

/* FONT STARTER MULTIPIATTAFORMA */
/*	font-family: system-ui, lato, sans-serif;	*/
/*	font-family: system-ui, lato, sans-serif;	*/
/* ===========================
   MYRIAD PRO - Completo
   =========================== */
/* LIGHT */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* LIGHT ITALIC */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-LightIt.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* REGULAR */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* ITALIC */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-It.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* SEMIBOLD (≈ 600) */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* SEMIBOLD ITALIC */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-SemiboldIt.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/* BOLD (≈ 700) */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* BOLD ITALIC */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-BoldIt.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* BLACK (≈ 800) */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* BLACK ITALIC */
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/Text/MyriadPro/MyriadPro-BlackIt.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* CONDENSED REGULAR */
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/Text/MyriadPro/MyriadPro-Cond.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* CONDENSED ITALIC */
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/Text/MyriadPro/MyriadPro-CondIt.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* CONDENSED BOLD */
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/Text/MyriadPro/MyriadPro-BoldCond.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* CONDENSED BOLD ITALIC */
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/Text/MyriadPro/MyriadPro-BoldCondIt.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   HELVETICA
   =========================== */
/* REGULAR */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Text/Helvetica/Helvetica.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* REGULAR OBLIQUE */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Text/Helvetica/Helvetica-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* LIGHT */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Text/Helvetica/Helvetica-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* BOLD */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Text/Helvetica/Helvetica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* BOLD OBLIQUE */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Text/Helvetica/Helvetica-BoldOblique.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   LATO
   =========================== */
/* HAIRLINE (100) */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Hairline.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-HairlineItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* LIGHT (300) */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* REGULAR (400) */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* BOLD (700) */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* BLACK (900) */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Text/Lato/Lato-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   NEUE HAAS DISPLAY
   =========================== */
/* XXTHIN (100) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-XXThin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-XXThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* XTHIN (200) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-XThin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-XThinItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
/* THIN (300) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-ThinItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* LIGHT (350 – peso intermedio) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Light.woff2") format("woff2");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-LightItalic.woff2") format("woff2");
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}
/* ROMAN (400) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Roman.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-RomanItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* MEDIUM (500) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* BOLD (700) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* BLACK (900) */
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neue Haas Display";
  src: url("../fonts/Text/NeueHaasDisplay/NeueHaasDisplay-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   ROBOTO
   =========================== */
/* THIN (100) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* LIGHT (300) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* REGULAR (400) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* MEDIUM (500) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* BOLD (700) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* BLACK (900) */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Text/Roboto/Roboto-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   ROBOTO CONDENSED
   =========================== */
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-ExtraBoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("RobotoCondensed-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* ===========================
   SEGOE UI
   =========================== */
/* REGULAR (400) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* ITALIC (400) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* LIGHT (300) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* SEMIBOLD (600) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* BOLD (700) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* BOLD ITALIC (700) */
@font-face {
  font-family: "Segoe UI";
  src: url("../fonts/Text/SegoeUI/SegoeUI-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@keyframes appari_da_sopra_PDF {
  0% {
    transform: translateX(-50%) translateY(-16px) scale(0.15);
  }
  100% {
    transform: translateX(-50%) translateY(-4px) scale(1);
  }
}
@keyframes appari_da_sotto_PDF {
  0% {
    transform: translateX(-50%) translateY(6px) scale(0.55);
  }
  100% {
    transform: translateX(-50%) translateY(-6px) scale(1);
  }
}
@keyframes bouncePDF {
  0% {
    transform: translateX(-50%) translateY(6px) scale(0.85);
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
  }
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%; /* 1rem = 10px */
}

body {
  box-sizing: border-box;
  font-size: 1.8rem;
  font-family: "Roboto Condensed", "Myriad Pro", "Open Sans", "Neue Haas Display", "Segoe UI", "Lato", "Nunito", -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", helvetica, Arial, sans-serif;
  font-family: "Roboto Condensed", "Myriad Pro", "Open Sans", "Neue Haas Display", "Segoe UI", "Lato", "Nunito", -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", helvetica, Arial, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: var(--pagina-testo);
  background-color: var(--pagina-fondo);
}

input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
}

::selection {
  background: #b1b1b1;
  color: #fff;
  text-shadow: none;
}

/* @import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@400;700&display=swap');  colors1 */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');  colors2 */
ul,
ol {
  padding-left: 0px;
}

.pt-3,
.py-3 {
  font-size: 1.8rem;
  line-height: 1.3;
}

blockquote {
  font-size: inherit;
}

h4 {
  font-size: inherit;
}

h1, h2, h3, h4, h5, h6, .menu-link, .sub-menu-link, .sub-menu-container .menu-item .menu-link, em {
  /*	font-family: 'Open Sans', "Roboto Condensed", RobotoCondensed, "Roboto", helvetica, sans-serif, Nunito; margin: 0px;  */
}

#cookiePopup #cookieBox button {
  font-size: 1.6rem !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pagina-testo);
  font-family: inherit;
}

strong, em, i, b {
  font-family: inherit;
}

.heading-4, .heading-3, .heading-2, .heading-1 {
  font-family: "Roboto Condensed", "Josefin Sans", "Neue Haas Display", "Lato", "Neue Haas Display", "Segoe UI", "Roboto", "Myriad Pro", -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
}

.heading-1 {
  font-size: 4.5rem;
  color: #f9f7f6;
  line-height: 1;
}

.heading-2 {
  font-size: 4rem;
  font-style: italic;
  line-height: 1;
}
.heading-2--light {
  color: #f9f7f6;
}
.heading-2--dark {
  color: #54483A;
}

.heading-3 {
  font-size: 1.6rem;
  color: #c69963;
  text-transform: uppercase;
}

.heading-4 {
  font-size: 1.9rem;
}
.heading-4--light {
  color: #f9f7f6;
}
.heading-4--dark {
  color: #54483A;
}

/* TITOLO HEAD *************************************************************/
.titolo-head * {
  margin: 0;
  padding: 0;
}

.titolo-head {
  background-image: url("../img/sfondo_header.webp");
  background-position: top center;
  display: flex;
  height: 203px;
  align-items: center;
  justify-content: center;
}

.titolo-head-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.titolo-head .tipopagina {
  color: var(--titolo-head-tipopagina);
  font-size: 2.1rem;
  text-transform: uppercase;
}

.titolo-head h1 {
  color: var(--titolo-head);
  font-weight: 400;
  font-size: 4rem;
  line-height: 1;
}

/* TITOLO HEAD *************************************************************/
/*.titolo-head { 
	background-image: url('../img/sfondo_header.webp'); 
	background-position: top center;
	background-repeat: repeat-x;

}
.titolo-head-box { 
	background: var(--titolo-head-fondo); 
	height: 205px; 
	display: flex;
	align-items: center;
	justify-content: center;
}
.titolo-head p.tipopagina { 
	color: var(--titolo-head-tipopagina);
    font-size: 2rem;
	padding: 0;
	margin: 0;
	text-transform: uppercase
}

.titolo-head h1 { 
	position: absolute;
	left: 3%;
	top: 50%;
	transform: translateY(-50%);
	display: none;

}

*/
/* MININAV *****************************************************************/
.mininav {
  padding: 1.3rem 1rem 0.8rem 1rem;
  border-bottom: 0px solid #D7AE29;
  text-align: center;
  color: var(--mininav-testo);
}

.mininav a {
  font-size: 1.7rem;
  background-color: var(--mininav-fondo);
  color: var(--mininav-link);
  margin: 0 1rem;
  border-bottom: 0px solid transparent;
  text-decoration: none;
  transition: color 200ms ease-in;
}

.mininav a:hover {
  /*background-color: var(--mininav-fondo); 
  */
  color: var(--mininav-link-hover);
  border-bottom: 0px solid #fff;
}

#gotoTop {
  background-color: var(--gotoTop);
  border-radius: 50px;
  display: none;
  z-index: 599;
  position: fixed;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  right: 30px;
  bottom: 50px;
}

#gotoTop:hover {
  background-color: var(--gotoTop-hover);
  border-radius: 50px;
}

.btn, .btn:link, .btn:visited {
  background-color: var(--btn-login-fondo);
  color: var(--btn-login-testo);
  padding: 1rem 2rem;
  transition: background-color 0.2s, color 0.2s;
  font-size: 2rem;
}
.btn:hover {
  background-color: var(--btn-login-hover);
  color: var(--btn-login-testo-hover);
}
#wrapper {
  background-image: url("../img/sfondo_pagina1.webp");
  background-size: cover;
  background-color: var(--pagina-fondo);
  /*    background: -webkit-linear-gradient(180deg, rgba(229, 246, 255, 1) 0%, rgba(229, 246, 255, 1) 25%, rgba(229, 246, 255, 1) 50%, rgba(227, 244, 254, 1) 75%, rgba(222, 240, 250, 1) 100%);
      background: -moz-linear-gradient(180deg, rgba(229, 246, 255, 1) 0%, rgba(229, 246, 255, 1) 25%, rgba(229, 246, 255, 1) 50%, rgba(227, 244, 254, 1) 75%, rgba(222, 240, 250, 1) 100%);
      background: linear-gradient(180deg, rgba(229, 246, 255, 1) 0%, rgba(229, 246, 255, 1) 25%, rgba(229, 246, 255, 1) 50%, rgba(227, 244, 254, 1) 75%, rgba(222, 240, 250, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5F6FF", endColorstr="#DEF0FA", GradientType=0);
  */
  color: var(--pagina-testo);
} /* sfondo/testo pagine */
/* =========================================================
   HEADER / MENU
   ========================================================= */
/* Logo + separatori */
#logo {
  border-right: 0 !important;
  padding: 0.7rem 1rem;
}

/* bordo separatore, a destra del logo (legacy)
#logo .standard-logo { padding: 0 8px 8px 8px !important; max-width: 100% !important; }
#logo .retina-logo   { padding: 0 8px 8px 8px !important; max-width: 100% !important; }
*/
.menu-container {
  border-right: 0 !important;
}

.menu-logo-oncohema {
  margin: 0;
  padding: 0;
}

/* Bandiera scelta lingua */
.bandiera {
  max-width: 20px;
  height: auto;
}

.submenu li {
  font-style: italic;
}

/* Header wrapper */
#header {
  border-bottom: 0;
  /* background-color: #000; */
}

#header-wrap {
  background-color: var(--header-fondo);
}

/* #header-wrap::after (placeholder)
#header-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	background-color: red;
	z-index: 10;
}
*/
/* Sticky */
.sticky-header #header-wrap {
  background-color: var(--header-fondo);
}

.sticky-header #logo img {
  min-height: 100%;
}

/* Logo image */
#logo img {
  max-height: 8.5rem;
  transition: all 0.2s;
}

/* Menu base */
.menu-link {
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.9rem;
  padding-right: 1.9rem;
  font-weight: 400;
  font-size: 2.2rem;
}

.primary-menu * {
  font-weight: 400;
}

.primary-menu {
  width: max-content; /* adatta la larghezza al contenuto */
}

/* evidenziazione 3° item (stile attuale) */
.sub-menu-link {
  margin-left: 1.9rem;
}

.menu-container > .menu-item:not(:first-child) {
  margin-left: 0;
}

.menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
  padding: 1rem;
}

/* link principali */
a.menu-link {
  font-family: "Roboto Condensed", "Myriad Pro", "Open Sans", "Neue Haas Display", "Segoe UI", "Lato", "Nunito", -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", helvetica, Arial, sans-serif;
  color: var(--menu-link) !important;
  letter-spacing: normal;
  transition: all 200ms ease-in;
  /* background-color: var(--menu-fondo); */
  /* border-bottom: 8px solid var(--menu-bordo); */
}

a.menu-link:hover {
  background-color: var(--menu-fondo-hover);
  color: var(--menu-link-hover) !important;
  transition: background-color 300ms linear;
}

/* Submenu */
.sub-menu-container {
  background-color: var(--sub-menu-fondo);
  border-top: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* link submenu (prima versione: specifica) */
.sub-menu-container > li.menu-item > a.menu-link {
  font-size: 2.2rem;
  font-family: "Roboto Condensed", "Myriad Pro", "Open Sans", "Neue Haas Display", "Segoe UI", "Lato", "Nunito", -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", helvetica, Arial, sans-serif;
  background-color: var(--sub-menu-fondo);
  color: var(--sub-menu-link);
  transition-property: background-color, padding;
  transition-duration: 300ms, 200ms;
  transition-timing-function: linear, ease-in-out;
}

.sub-menu-container > li.menu-item > a.menu-link:hover {
  background-color: var(--sub-menu-fondo-hover);
  color: var(--sub-menu-link) !important;
  padding-left: 2.3rem;
}

/* link submenu (tua versione "globale" mantenuta, ma ripulita) */
.sub-menu-container .menu-item a.menu-link {
  background-color: transparent;
  font-size: 1.8rem;
  border: 0;
  border-top: 0 !important;
  color: var(--sub-menu-link) !important;
}

.sub-menu-container .menu-item a.menu-link:hover {
  background-color: var(--menu-fondo-hover);
  color: var(--sub-menu-link-hover) !important;
  border-top: 0 !important;
}

/* NB: questo selector aveva la X, lo lascio perché magari è voluto */
.xsub-menu-container .menu-item:hover {
  background-color: var(--menu-fondo-hover);
  color: var(--sub-menu-link);
  border-top: 0;
}

.primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container,
.primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
  margin-top: 0px;
  border-top: none;
}

/* CUSTOM HOMEPAGE (legacy)
.homepage #header-wrap { background-color: var(--header-fondo); opacity: 0.8; }
.homepage .sticky-header #header-wrap { background-color: var(--header-fondo); opacity: 0.8; }
.homepage a.menu-link { background-color: transparent; }
*/
/* <= 1301.98px */
@media (min-width: 1100.01px) and (max-width: 1301.98px) {
  .primary-menu * {
    font-size: 2rem;
  }
  .primary-menu * img {
    max-width: 90%;
    text-align: center;
  }
  .menu-link {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
/* <= 1100px */
@media (min-width: 992.01px) and (max-width: 1100px) {
  .primary-menu * {
    font-size: 1.8rem;
  }
  .primary-menu * img {
    max-width: 90%;
    text-align: center;
  }
  .menu-link {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }
}
/* <= 992px */
@media (max-width: 992px) {
  .menu-link {
    margin-left: 0px;
  }
  .menu-item:first-child {
    margin-top: 2rem;
  }
  .menu-item:not(:first-child) {
    border-top: 1px solid var(--menu-divisore-mobile);
  }
  .menu-item .sub-menu-trigger {
    color: var(--sub-menu-freccia-trigger);
  }
  .sub-menu-container .menu-item:not(:first-child) {
    border-top: 1px solid var(--sub-menu-divisore);
  }
  .sub-menu-container .menu-item:first-child {
    margin-top: 0rem;
  }
  .sub-menu-container .menu-item > .menu-link {
    padding-left: 2.8rem;
  }
  .sub-menu-container > li.menu-item > a.menu-link:hover {
    padding-left: 3.5rem;
  }
  .primary-menu {
    margin-right: 0;
  }
  .menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
    padding: 0;
  }
  a.menu-link {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }
  .sub-menu-link {
    margin-left: 0px;
  }
  #logo img {
    max-height: 6rem;
  }
}
/* *************************** SEZIONI *************************************************************************** */
#section-download, #section-topics, #section-interviste, #section-podcasts, #section-summaries, #section-altro {
  padding-top: 3rem;
  font-size: 1.8rem;
  line-height: 1.6;
}

#download_testo {
  color: #0D6F96;
  font-size: 3.3rem;
  transition: background ease-in-out 0.3s, padding ease-in-out 0.3s;
  text-transform: uppercase;
  font-weight: 500;
}

#download_btn button {
  float: none;
  border: none;
  cursor: pointer;
  /* Arrotondo */
  /*border-radius: 0px 50px 50px 0px; 
  -moz-border-radius: 0px 50px 50px 0px; /* firefox 
  -webkit-border-radius: 0px 50px 50px 0px; /* safari, chrome */
  background: #17A5DD;
  color: #FFFFFF;
  font-size: 1.8rem;
  transition: background ease-in-out 0.3s, padding ease-in-out 0.3s;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-left: 11px;
  padding-right: 11px;
}

#download_btn button:hover {
  background: #3DBBEB;
  color: #FFFE72;
  padding-left: 20px;
  padding-right: 20px;
}

/* TOPICS ********************/
#section-topics .item:not(:first-of-type) {
  padding-top: 20px;
}

#section-topics .item:last-of-type {
  padding-bottom: 20px;
}

#section-topics .item h2 {
  line-height: normal;
  margin-bottom: 1rem;
}

#section-topics .argomento {
  padding-top: 1.2rem;
}

/* =====================================================
   LAYOUT BASE (sticky footer)
   ===================================================== */
html,
body {
  height: 100%;
  margin: 0;
}

#wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

#footer {
  margin-top: auto; /* spinge il footer in fondo */
}

/* =====================================================
   FOOTER – BASE
   ===================================================== */
#footer {
  background-color: var(--footer-fondo);
  color: var(--footer-testo);
  padding: 20px 0;
  font-size: 1.6rem;
  border-top: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* =====================================================
   LINK E TESTI GENERALI
   ===================================================== */
#footer span,
#footer a {
  padding: 0 0.5rem;
}

#footer a {
  color: var(--footer-link);
  text-transform: none;
  transition: color 200ms ease-in;
}

#footer a:hover {
  color: var(--footer-link-hover);
}

/* =====================================================
   ALLINEAMENTI
   ===================================================== */
#footer .sx {
  text-align: left;
}

#footer .dx {
  text-align: right;
}

/* =====================================================
   SPONSOR
   ===================================================== */
#footer .logosponsor {
  max-height: 80px;
  width: auto;
}

/* Testo sponsor → Neue Haas Grotesk Display Pro */
#footer .logosponsor_label {
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  color: var(--footer-sponsor);
}

/* =====================================================
   POWERED BY
   ===================================================== */
#footer .footer__poweredBy,
#footer .footer__poweredBy a {
  color: var(--footer-poweredBy);
  font-weight: 400;
}

#footer .footer__poweredBy a:hover {
  color: var(--footer-poweredBy-hover);
}

/* =====================================================
   PRIVACY / COOKIE
   ===================================================== */
#footer .footer__privacy,
#footer .footer__privacy a {
  color: var(--footer-privacy);
  text-decoration: none;
  font-size: 1.8rem;
}

#footer .footer__privacy a:hover {
  color: var(--footer-privacy-hover);
}

/* =====================================================
   FOOTER HOME
   ===================================================== */
.footer-home {
  opacity: 1;
  border-top: 0 !important;
  text-align: left;
}

.footer-home img {
  margin: 0;
  padding: 0;
}

.login {
  background-image: url("../../img/Login_Sfondo.webp");
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

form {
  margin-left: 10vw;
  margin-right: 10vw;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3rem;
}
form__password-group {
  display: flex;
  justify-content: space-between;
}
form__group--actions {
  display: flex;
  gap: 3rem;
}
form__messaggio, form__countdown, form__msg {
  color: #fff;
}

/* video: nasconde slider e sostituisce div , solo per mobile */
#slider {
  display: block !important;
}

.mobile {
  display: none !important;
}

/* BREAKING NEWS ***************************************************************/
/* stile1
.indice {padding-bottom: 20px;}
.indice h1 {font-size: 1.1rem;}
.indice a {color: #333;}
.indice a:hover {color: #c61f42;}
.indice ul li {border-bottom: 1px solid #ccc; padding-top:10px; padding-bottom:10px;}
.ancora {padding-top: 70px;}
#section-topics {padding-top: 0px; text-align: justify;}
#section-topics .item:not(:first-of-type) { padding-top:2rem; padding-bottom:1rem;}
.item {padding-top:2rem; padding-bottom:2rem; border-bottom: 1px solid #888;}
*/
/* stile2 */
#section-indice-breaking-news {
  background-color: var(--breaking-news-indice-sfondo);
}

#section-indice-breaking-news .indice ul li a {
  color: var(--breaking-news-indice-link);
  transition: all 0.2s;
}
#section-indice-breaking-news .indice ul li a:hover {
  color: var(--breaking-news-indice-link-hover) !important;
}

.indice {
  padding-bottom: 15px;
}

.indice h1 {
  font-size: 1.6rem;
  font-weight: 400;
}

.indice ul,
.indice h1 {
  margin-bottom: 0px !important;
}

.indice ul li {
  padding-top: 10px;
}
.indice ul li:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.xindice a {
  color: #003355;
}

.xindice a:hover {
  color: #fb5005;
}

.ancora {
  padding-top: 70px;
}

#section-topics p {
  font-family: "Roboto", "Myriad Pro";
  padding-top: 0px;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.6;
}

#section-topics .item:not(:first-of-type) {
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.item {
  padding-bottom: 1rem;
}

.item:last-child {
  border-bottom: 0;
}

[class^=breaking_news__bibliografia] * {
  font-size: 1.4rem !important;
}

p.breaking_news__bibliografia--titolo {
  font-size: 1.8rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

breaking_news__bibliografia--testo {
  line-height: 1.6;
  opacity: 0.9;
}

.breaking_news__bibliografia--testo p {
  margin: 0.25rem 0;
}

/* ==========================================================================
   SUMMARIES
   ========================================================================== */
/* ------------------------------
   INDICE (lista summaries)
   ------------------------------ */
/* item base */
#section-summaries .item {
  padding: 1rem;
  margin: 0;
  padding-bottom: 2rem;
  border-top: 1px solid var(--grigio-e);
  border-bottom: 0 solid var(--grigio-e);
}

/* titoli */
#section-summaries h2 {
  color: var(--base);
  line-height: normal;
  /* nel tuo codice c’erano 1.5rem e poi 1.3rem: vince l’ultima -> 1.3rem */
  font-size: 2rem;
  font-weight: 400;
}

/* link */
#section-summaries .item a {
  color: var(--link);
  transition: all 200ms ease-in;
}

#section-summaries .item a:hover {
  color: var(--link-hover);
}

/* colonna sinistra */
#section-summaries .item .sx {
  text-align: left;
}

#section-summaries .item .sx img {
  text-align: left;
}

/* slidekits */
#section-summaries .item .sx .slidekits {
  padding: 0 0.8rem;
  color: var(--button_pdf_testo);
}

#section-summaries .item .sx .slidekits a {
  margin: 0 0.2rem !important;
}

/* bottone PDF (unificato) */
#section-summaries .item .sx .slidekits .button {
  margin-top: 0.3rem !important;
  padding: 0.6rem 1rem !important;
  display: inline-block;
  /* fondamentale per ::after */
  position: relative;
  background-color: transparent !important;
  color: var(--grigio-f);
  transform: rotate(10deg);
  transition: transform 200ms ease-out;
  /* transition: transform 180ms cubic-bezier(.18,.89,.32,1.28); */
}

#section-summaries .item .sx .slidekits .button:hover {
  color: var(--grigio-f);
  transform: rotate(0deg) scale(1.2);
}

/* badge "PDF" */
#section-summaries .item .sx .slidekits .button::after {
  content: "PDF";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) translateY(2px) scale(0.75);
  background: var(--scritta-pdf);
  color: #fff;
  font-weight: 400;
  /* nel tuo codice: 700 e poi 600 -> vince 600 */
  letter-spacing: 0;
  line-height: 1;
  padding: 0.4rem 0.4rem 0.2rem;
  border-radius: 0.3rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

#section-summaries .item .sx .slidekits .button:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-4px) scale(1);
  animation-name: appari_da_sopra_PDF;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  /* animation: bouncePDF 500ms ease-out 1; */
}

/* colonna destra */
#section-summaries .item .dx {
  /* border-left: 1px solid #C00; */
}

#section-summaries .item .dx div {
  color: var(--grigio-8);
}

#section-summaries .item .nofiletto {
  border-left: 0;
}

/* toggle title (indice e pagine) */
#section-summaries .toggle-title {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.9rem;
}

/* font speciali titoli */
#section-summaries h2 a,
#section-topics .item h2 {
  font-size: 2.6rem;
  font-weight: 400;
  margin-bottom: 5rem;
}

/* autori */
#section-summaries .summary-authors,
#section-summaries .summary-authors * {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  font-size: 1.76rem;
  line-height: 1.45;
  font-weight: 400;
}

/* ------------------------------
   PAGINE SINGOLE (postcontent)
   ------------------------------ */
#section-summaries .postcontent {
  color: var(--base);
}

#section-summaries .postcontent h1 {
  margin: 0;
  font-size: 2.6rem;
  line-height: normal;
  color: var(--base);
  font-weight: 400;
}

#section-summaries .postcontent .toggle {
  margin-bottom: 0.7rem;
}

#section-summaries .postcontent .toggle .toggle-header {
  color: var(--base);
  background-color: var(--toggle-header-fondo);
}

#section-summaries .postcontent .toggle .toggle-icon {
  color: var(--summaries-toggle-icon);
  font-size: 2.1rem;
  width: 4.2rem;
}

#section-summaries .postcontent .toggle .toggle-content {
  padding: 1.2rem 3.6rem;
  color: var(--pagina-testo);
  background-color: var(--toggle-content-fondo);
  font-size: 1.8rem;
  line-height: 1.6;
  font-family: "Roboto", "Myriad Pro";
}

#section-summaries .postcontent .toggle-content ul {
  margin-bottom: 0;
}

.toggle-bg .toggle-header {
  background-color: #eeeeee;
  margin: 0;
  padding: 1.3rem 0 0.8rem 0;
  border-radius: 2px;
}

/* ------------------------------
   SIDEBAR
   ------------------------------ */
#section-summaries .sidebar * {
  font-size: 1.6rem;
  font-weight: 400;
}

#section-summaries .sidebar h4 {
  color: var(--summaries-link);
  line-height: 1.2;
  margin: 0;
}

#section-summaries .sidebar .sidebar-post {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--grigio-e);
  color: var(--summaries-link);
}

#section-summaries .sidebar h5 {
  color: var(--summaries-link);
}

#section-summaries .sidebar a {
  color: var(--summaries-link);
  transition: all 200ms ease-in;
}

#section-summaries .sidebar a:hover {
  color: var(--summaries-link-hover);
}

/* TOPICS ********************/
#section-topics .item:not(:first-of-type) {
  border-top: 2px solid #F6F4F5;
}

#section-topics .item:not(:last-of-type) {
  border-bottom: 1px solid #BBBBBB;
}

#section-topics .item h2 {
  font-size: 2.6rem;
  line-height: normal;
  color: var(--base);
  font-weight: 400;
}

#section-topics .argomento {
  text-align: center;
}

/* solo per le icone check */
#section-topics .argomento img {
  border: 0px solid rgba(0, 0, 0, 0.1);
}

/* =========================================================
   INTERVISTE
   ========================================================= */
.intervista * {
  color: #55719D;
}

/* nome dottore */
.intervista .dottore .nome {
  font-size: 2rem;
  font-family: "Roboto", "Myriad Pro";
  font-weight: 600;
  margin: 1.2rem 0 0 0;
  color: var(--intervista-nome);
  text-transform: uppercase;
}

/* affiliazione / titolo */
.intervista .dottore .affiliazione {
  font-size: 1.5rem;
  font-family: "Roboto", "Myriad Pro";
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.6rem;
  padding-bottom: 0;
  color: var(--intervista-affiliazione);
}

/* lingua intervista */
.intervista .dottore .lingua {
  font-size: 1.3rem;
  margin: 1.2rem 0 0 0;
  color: var(--grigio-4);
}

/* domanda */
.intervista .dottore .domanda {
  padding: 1rem;
  margin-bottom: 0.6rem;
  color: var(--base);
  border-top: 1px solid #ddd;
  border-left: 0 solid #ccc;
  transition: all 200ms linear;
  line-height: 1.3;
  font-size: 1.6rem;
}

.intervista .dottore .domanda:hover {
  cursor: pointer;
  background-color: var(--domanda-fondo-hover);
}

/* liste interne alla domanda */
.domanda ul,
.domanda ol {
  margin-bottom: 0.6rem;
  padding-left: 1.8rem;
  padding-top: 1.2rem;
}

/* tempo domanda */
.intervista .dottore span.domandatime {
  font-size: 1.2rem;
  color: var(--grigio-6);
}

/* =========================================================
   PODCAST
   ========================================================= */
.podcast {
  margin-bottom: 2rem;
}

/* PODCASTS **************************************** */
.podcast .bg-podcast {
  border: 1px solid #ddd;
} /* div colonna singolo podcast */
/*
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
*/
/* BREAKPOINT RESPONSIVE */
/* <= 1200px */
@media (max-width: 1200px) {
  #footer .sx,
  #footer .dx {
    text-align: center;
  }
  /* #footer .sx { margin: 0px; } */
  /* #footer .dx { margin: 20px 0px; } */
  #footer .logosponsor {
    max-width: 290px;
    height: auto;
  }
  #footer .logodx {
    max-width: 156px;
    height: auto;
  }
}
/* <= 992px */
@media (max-width: 992px) {
  #footer .sx,
  #footer .dx {
    text-align: center;
  }
  /* #footer .sx { margin: 0px; } */
  /* #footer .dx { margin: 20px 0px; } */
  #footer .logosponsor {
    max-width: 200px;
    height: auto;
  }
  #footer .logodx {
    max-width: 100px;
    height: auto;
  }
  .item .sx {
    text-align: left;
    padding-left: 0px;
  }
  .item .dx {
    padding-left: 0px;
  }
  .footer-home {
    background: var(--footer-fondo);
    opacity: 1 !important;
  }
  .footer-home-div {
    position: relative;
  }
  #slider {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .mobile .mobile-text {
    padding: 20px;
  }
  .mobile h3,
  .mobile h4 {
    color: var(--base);
    line-height: 1.6;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.8rem;
  }
  .svg-trigger {
    /* background-color: #ffffff; */
  }
  .svg-trigger path {
    stroke: var(--hamburger-menu) !important;
    stroke-width: 7 !important;
    stroke-linecap: round;
  }
}
/* <= 768px */
@media (max-width: 768px) {
  #footer .sx,
  #footer .dx {
    text-align: center;
  }
  /* #footer .sx { margin: 0px; } */
  #footer .sx {
    margin-bottom: 15px;
  }
  /* #footer .dx { margin: 20px 0px; } */
  #section-topics {
    padding-left: 20px;
    padding-right: 20px;
  }
  .item .sx {
    text-align: left;
    padding-left: 0px;
  }
  .item .dx {
    padding-left: 0px;
  }
}
/* <= 500px */
@media (max-width: 500px) {
  #login .msg {
    /* sfoco lo sfondo per facilitare lettura del testo */
    /* background-color: rgba(255 255 255 / .1); */
    /* backdrop-filter: blur(2px); */
  }
  label[for=os] {
    /* backdrop-filter: blur(2px); */
  }
  #logo img {
    height: auto !important;
    max-width: 220px;
    max-height: 60px;
  }
  .mobile .mobile-text {
    padding: 10px;
  }
  .mobile h3,
  .mobile h4 {
    color: var(--base);
    line-height: 1.5 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #login .registrazione {
    padding: 30px;
    padding-bottom: 10px;
    border-radius: 30px !important;
  }
  #login {
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    height: auto;
  }
  #login::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/sfondo_login1.webp");
    /* background-image: url("../img/sfondo_login1.jpg"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0;
    filter: blur(5px);
    z-index: -1;
    /* sta dietro al contenuto */
  }
  #login img {
    max-width: 100%;
    margin: 0 auto 10px;
  }
  #login .registrazione .form-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  #login .content {
    padding-top: 15px !important;
  }
  #login .form-widget .col-12,
  #login .form-widget p,
  #login .form-widget .testo {
    margin-left: 0 !important;
    padding-right: 0px !important;
  }
}
/* <= 416px */
/* <= 384px */
@media (max-width: 384px) {
  #footer .logosponsor_label {
    text-align: center;
  }
}

/*# sourceMappingURL=style.css.map */