/* COLORS 1 : VARIABILI *****************************************************************/
:root {
	--base: #878888;
	--link: #003569; 							/* come base */
	--link-hover: #0055AA; 						/* come base + chiaro */

	--login-fondo: #63C6BD; 					/* fondo pagina 						*/
	--login-testo: #EFEDED; 					/* fondo pagina 						*/
	--login-link: #EFEDED; 					/* fondo pagina 						*/
	--login-link-hover: #FFF; 					/* fondo pagina 						*/
	--btn-login-fondo: #B7B6B6;
	--btn-login-hover: #A09E9E;
	--gotoTop: #3A7180;
	--gotoTop-hover: #5FA3B6;
	--btn-slidekits-fondo: #B9B9B9;
	--btn-slidekits-hover: #CF96BF;

	--pagina-fondo: #ECECEC;					/* fondo pagina 						*/
	--pagina-testo: #878888;					/* testo pagina 						*/
	
	--header-fondo: #FFFFFF; 					/* fondo barra header 					*/
	--hamburger-menu: #595A5D; 					/* color HAMBURGER MENU					*/

	--menu-link: #012D75;						/* link del menu 						*/
	--menu-link-hover: #FFFFFF;					/* link hover del menu 					*/
	--menu-fondo: #FFFFFF; 						/* fondo tasti menu 					*/
	--menu-fondo-hover: #DDDDDD; 				/* fondo tasti menu hover 				*/

	--menu-bordo: #1FA5DB; 						/* fondo tasti menu hover 				*/
	--sub-menu-fondo: #758F9E;					/* fondo tasti menu 					*/
	--sub-menu-link: #FFFFFF;					/* link del menu 						*/
	--sub-menu-link-hover: #595A5D;				/* link hover del menu 					*/
	--titolo-head-fondo: rgb(197,32,63,0.0);				/* fondo barra titolo pag.interne		*/
	--titolo-head: #E1E4E6;						/* testo titolo pag.interne 	.titolo-head		*/
	--titolo-head-tipopagina: #C3C5CB;			/* testo titolo pag.interne 			*/

	--summaries-toggle-icon: #013176;			/* testo titolo pag.interne 			*/
	
	
	--mininav-fondo: #9F1D46;					/* fondo mininav 						*/
	--mininav-testo: #FAFAFA;					/* mininav testo						*/
	--mininav-link: #FAFAFA;					/* mininav link							*/
	--mininav-link-hover: #BFBFBF;				/* mininav link hover					*/
	
	--footer-fondo: #63C6BD;					/* fondo footer 						*/
	--footer-bordo: #757977;			        /* bordo superiore footer 						*/
	--footer-testo: #5F6361;					/* footer testo							*/
	--footer-link: #5F6361;						/* footer link							*/
	--footer-link-hover: #373938;				/* footer link hover					*/
	
	--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(249,249,249,0.9);

	--toggle-header-fondo: #E0E0E0;
	--toggle-content-fondo: #F2F2F2;

	--summaries-link: #839BB3;
    --summaries-link-hover: #5B7997;
	
    --section-topics-h2: #003569;
	
	/* 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);

    /* --- Side Areas Menu --- */
    --sa-bg: #7a8e9b;              /* grigio-azzurro del blocco */
    --sa-title: #1f3c6e;           /* blu titolo "AREE" */
    --sa-link: #ffffff;            /* testo voci */
    --sa-link-active-bg: #0e5f71;  /* teal evidenza */
    --sa-link-hover-bg: #015676;   /* stesso dell'attivo (puoi cambiare) */
    --sa-width: 195px;             /* come nel mockup */
    --sa-radius: 0;                /* bordo: 0 = squadrato */
    --sa-shadow: 0 2px 12px rgba(0,0,0,.18);
    --sa-z: 1030;                  /* sopra ai contenuti */
}
/*

@import url('https://fonts.googleapis.com/css2?family=RobotoCondensed:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&display=swap');

*/

body { 
	/*
	font-family: 'Neue Haas Display', 'Open Sans', helvetica, sans-serif, "Roboto Condensed", RobotoCondensed, "Roboto", Nunito; 
	*/
	font-family: 'Open Sans', "Roboto Condensed", RobotoCondensed, "Roboto", helvetica, sans-serif, Nunito; 
}

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; 
}

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

.indice {
    display: none;
}
#wrapper { 
	background-image: url('img/sfondo_pagina1.jpg');
	background-size: cover;
	background-color: var(--pagina-fondo); 
	color: var(--pagina-testo); 
} /* sfondo/testo pagine */

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

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

/* HEADER / MENU ***********************************************************/
#header { 
	border-bottom: 0px; 
/*
	background-color: #000;
*/	
}
#header-wrap { 

	background-color: var(--header-fondo) 
	/*	*/
/*	background: rgb(37,140,212);
	background: -webkit-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: -o-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: linear-gradient(to right, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#258cd4",endColorstr="#743766",GradientType=1);
	color: white;
*/}
.sticky-header #header-wrap { background-color: var(--header-fondo); }
#logo img {
	height: auto!important;
	max-width: 305px;
	max-height: 124px;
}
.menu-link {
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 12px;
	padding-right: 12px;
	font-weight: 500;
}
.sub-menu-link {    margin-left: 19px; }

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

  .menu-container > .menu-item:not(.mega-menu) .sub-menu-container {
    padding: 10px; }
	.menu-container {
	/*
		margin-right: 30px; 
		*/
	}
a.menu-link {
/*
	background-color: var(--menu-fondo);
*/	
	color: var(--menu-link)!important;
    font-size: 16px;
    letter-spacing: normal;
/*
	border-bottom: 8px solid var(--menu-bordo); /* var(--bianco-trasp-03); 
	*/
	transition: all 200ms ease-in;
	
}
a.menu-link:hover {
	background-color: var(--menu-fondo-hover);
	color: var(--menu-link-hover)!important;
/*	
 	border-bottom: 8px solid var(--menu-bordo);
   border-top:3px solid var(--menu-link)!important;
*/
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
	
    transition: background-color 300ms linear;	
}
a.sub-menu-link {
	background-color: var(--sub-menu-fondo);
	color: var(--sub-menu-link)!important;
    font-size: 21px;
    letter-spacing: normal;
	border-bottom: 8px solid var(--menu-bordo); /* var(--bianco-trasp-03); */
}
a.sub-menu-link:hover {
	background-color: var(--sub-menu-fondo-hover);
	color: var(--sub-menu-link)!important;
	border-bottom: 8px solid var(--menu-bordo);
	/*	
		border-top:3px solid var(--menu-link)!important;
	*/
}

/*
.menu-text::before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	background-color: #C16EBC;
	margin: 0 auto;
	border-radius: 30px;
	margin-bottom: 20px;
}
*/

.sub-menu-container { 
	background-color: var(--sub-menu-fondo); 
	border-top: none; 
	padding-left: 0px!important; 
	padding-right: 0px!important; 
}
.sub-menu-container .menu-item a.menu-link { background-color: transparent; font-size: 20px; border:0; color: var(--sub-menu-link)!important; border-top: 0px!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:0px!important;}
.sub-menu-container .menu-item a.menu-link.primo_piano {  
	background-color: #005390 !important; 
	color: #FFFFFF !important; 
}
.sub-menu-container .menu-item a.menu-link.primo_piano:hover {  
	background-color: #0065B0 !important; 
}

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


/* CUSTOM HOMEPAGE
.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 }
*/

.footer-home { 
	background-color: var(--footer-fondo)!important; 
	opacity:1.0; 
	border-top: 0px solid var(--footer-bordo)!important;
	text-align: left;
}
.footer-home img { 
	margin: 0;
	padding: 0;
}

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

/* TITOLO HEAD *************************************************************/
/*
.titolo-head { background-image:url('img/sfondo_header.jpg'); align-content: center;}
.titolo-head { background-color: var(--titolo-head-fondo); }

.titolo-head-box { background: rgba(255,255,255,0.65); min-height: 0.6rem; padding-left:0.4rem; padding-right:0.4rem;  padding-top:0.4rem; padding-bottom:0.4rem; width:fit-content; margin: 0 auto; min-width: 290px; }
.titolo-head .tipopagina { color: var(--titolo-head-tipopagina); font-size: 1.3rem; padding-bottom:0.9rem;  }
.titolo-head h1 { color: var(--titolo-head); font-weight:bold; line-height: 44px; }
*/

/* TITOLO HEAD *************************************************************/
.titolo-head { 
	/*
    background-image: url('img/sfondo_header.jpg'); 
    */
	height: 203px; 
	background-position: top center; 
	align-content: center; 
	padding: 60px 0px;
}
.titolo-head-box { 
	
	background: var(--titolo-head-fondo); 
	width: fit-content; 
	margin: 0 auto!important;
	/*padding: 7px 30px 23px 30px;*/
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.titolo-head .tipopagina { 
	
	color: var(--titolo-head-tipopagina);
	padding-top: 0px!important;
	padding-bottom: -10px!important;
	margin: 0px; 
/*	*/
	padding: 0px;
	opacity: 1!important; 
	font-weight: 300;
	text-align: center;
    opacity: 0;
}
.titolo-head-box p { 
	padding: 0!important;
/*	margin: 0!important;
*/	font-size: 21px;
	margin-top: -10px;
    opacity: 0;
	
}

.titolo-head h1 { 

    color: var(--titolo-head);
    line-height: normal;
    text-transform: uppercase;
    font-size: 47px;
    font-weight: 600; /* Usa Medium */
    text-shadow: 0.4px 0.4px 0 rgba(255, 255, 255, 1); /* Simula profondità */
	text-align: center; 
	/*margin: -12px 0px;
	*/
    opacity: 0;
}


/* VIDEO HIGHLIGHTS ********************************************************/
.mfp-bg { background: var(--nero); opacity: 0.85!important; }

/* MININAV *****************************************************************/
.mininav { 
	background-color: var(--mininav-fondo); 
	/*
	*/
	color: var(--mininav-testo); 
/*	background: rgb(37,140,212);
	background: -webkit-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: -o-linear-gradient(left, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	background: linear-gradient(to right, rgba(37,140,212,1) 0%, rgba(49,127,194,1) 25%, rgba(73,100,161,1) 50%, rgba(98,73,126,1) 75%, rgba(116,55,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#258cd4",endColorstr="#743766",GradientType=1);
*/
	border-bottom: 3px solid #99226C;
}
.mininav a { 
	/*
	background-color: var(--mininav-fondo); 
	*/
	color: var(--mininav-link); 
	border-bottom: 0px solid transparent; 
	font-size: 17px;
	text-decoration: none;
	transition: all 200ms ease-in;
	
}
.mininav a:hover { 
	/*background-color: var(--mininav-fondo); 
	*/
	color: var(--mininav-link-hover); 
	border-bottom: 0px solid #fff;
    
	-webkit-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
	transition: all 200ms linear;	
	text-decoration: none!important;
}

/* 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: 1.3rem; line-height: normal; color: var(--section-topics-h2); font-weight: 700; }
#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 .dottore .nome { color: var(--base) } /* titolo e nome */
.intervista .dottore .affiliazione { color: var(--pagina-testo:) }
.intervista .dottore .lingua { color: var(--grigio-4) } /* lingua intervista */
.intervista .dottore .domanda { 
	background-color: var(--domanda-fondo); 
	border-left: 0px solid #ccc; 
	border-top: 1px solid #ddd; 
	transition: all 200ms linear;	
}
.intervista .dottore .domanda:hover {
	background-color: var(--domanda-fondo-hover)

} /* come domanda , meno schiarito */
/*.intervista .dottore .domandaincorso { background-color: #ddd; border-left: 5px solid red; }*/
.intervista .dottore span.domandatime { color: var(--grigio-6) }

/* PODCASTS **************************************** */
.podcast {}
.podcast .bg-podcast { border: 1px solid #ddd; } /* div colonna singolo podcast */

/* SUMMARIES INDICE ***************************************************************/

#section-summaries .item { 
	border-top: 1px solid var(--grigio-e); 
	border-bottom: 0px solid var(--grigio-e); 
}
#section-summaries h3 { 
	font-size: .9rem;
    color: #667;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 .8rem;
}
#section-summaries h2 { 
	font-size: 1.3rem; 
	line-height: normal; 
	color: var(--base); 
	font-weight: 700; 
}
#section-summaries .item .sx {  }
#section-summaries .item .sx img {  }
#section-summaries .item .sx .slidekits { 
	/*x-background-color: var(--button_pdf_sfondo); */
	color: var(--button_pdf_testo);

}
#section-summaries .item .sx .slidekits .button {
	background-color: transparent !important;
	color: var(--grigio-f);
}

#section-summaries .item .sx .slidekits .button:hover {
	color: var(--grigio-f);
}
#section-summaries .item .dx { x-border-left: 1px solid #C00; }
#section-summaries .item .dx h3 {}
#section-summaries .item .dx div { color: var(--grigio-8); }
#section-summaries .item .nofiletto { border-left: 0px; }
#section-summaries .item a { color:var(--link); transition: all 200ms ease-in; }
#section-summaries .item a:hover { color:var(--link-hover);}

/* SUMMARIES PAGINE SINGOLE ***************************************************************/
#section-summaries .postcontent h1 { 
	color: var(--base); 
}
#section-summaries .postcontent .toggle .toggle-header { 
	
	background-color:var(--toggle-header-fondo);
	/*
	background: rgb(236,242,244);
	background: -moz-linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	background: linear-gradient(90deg, rgba(236,242,244,1) 0%, rgba(243,251,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf2f4",endColorstr="#f3fbfc",GradientType=1);
	*/
	font-size: 1.1rem;
}
#section-summaries .postcontent .toggle .accordion-header {
	font-size: 1.1rem;
}
#section-summaries .postcontent .toggle .toggle-icon {
	font-size: 1.1rem;
	color: var(--summaries-toggle-icon);
	font-size: 1.3rem;
	width: 2rem;
}
#section-summaries .postcontent .toggle .toggle-bg {}
#section-summaries .postcontent .toggle .toggle-content { background-color: var(--toggle-content-fondo); }

/* SUMMARIES SIDEBAR ********************** */
#section-summaries .sidebar h4 { line-height: 1.25;}
#section-summaries .sidebar .sidebar-post {	border-bottom: 1px solid var(--grigio-e); }
#section-summaries .sidebar h5 { color:var(--summaries-link); }
#section-summaries .sidebar .sidebar-post { 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); }


/* FOOTER ***************************************************************/
#content.section-intervista {
    max-width: 1100px;
    margin: 0 auto;
    background: none;
}
.section-intervista h2.blocco-label {
    border-top: 1px solid #cfd6dc;
    border-bottom: 1px solid #cfd6dc;
    padding-top: 0.51rem;
    padding-bottom: 0.51rem;
    font-size: 1.0rem;
    color: #667;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 15px .8rem 15px;
}

.section-intervista .patologia-label {
    display: inline-block;
    background: #e0e3e6;
    color: #333;
    font-weight: 700;
    padding: .25rem .6rem;
    margin: 0 15px 0 15px;
}

#content .interviste-list .content-wrap {
    padding-top: 0;
}
/* FOOTER ***************************************************************/
#footer {
	background-color: var(--footer-fondo);
	color: var(--footer-testo);
	padding: 20px 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: 0px solid var(--footer-bordo);
	border-bottom: 0px solid var(--footer-bordo);
    font-size: 12.5px;
    
}
#footer a { color: var(--footer-link); font-size: 1rem; text-transform: none; transition: all 200ms ease-in;}
#footer a:hover { color: var(--footer-link-hover); }

/* LOGIN ***************************************************************/
form {
	margin: 0;
}
#login-box{ 
	max-width: 523px;
	margin-top: 3%;
	margin-left: 9%;
	margin-right: 9%;
	
}
#login {
	height: 100%;
/*
    background-image: url("img/sfondo_login1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
*/    
	background-color: var(--login-fondo);

	padding: 0px 0px 0px 0px;
	margin: 0;
  
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding-top: 0%;	
	padding-left: 7.5%;	

}
#login .content { 

  padding-top: 0;

}
#login .logo { 
	padding: 0px 0px 0px 0px; 
	display: block; 
	text-align: left;
}
#login .form-widget{
	xbackground-color: rgb(224,224,224, 0.00);
	background-color: rgb(224,224,224, 0.00);
	border: 0px solid rgb( 0, 29, 64, 0.05);
	color: var(--grigio-b);
}

.form-widget .registrazione {
	background-color: #C5DFF8;
}

#login .larghezza { 
	max-width: 362px; 
}
#login .form-widget .col-12, #login .form-widget p {
	margin-left: -15px!important;
	margin-right: -15px!important;
	color: var(--login-testo);

}
#login .form-widget p a{
	color: var(--login-link);
    transition: color 0.3s ease;
}
#login .form-widget p a:hover {
	color: var(--login-link-hover);
}
/* larghezza logo + 100px + 16px*/
#login .larghezza label{
	color: var(--login-testo);
	/*
	*/
	text-transform: none;
	font-size: 16px;
	font-weight: 500;
	font-stretch: condensed;
	letter-spacing: 0px;
    text-transform: uppercase !important;
}
#login label{
	color: var(--login-testo);
	text-transform: none !important;
	font-size: 16px;
	font-weight: 500;
    cursor: default !important;
}
.login-pre {
    width: 1200px;
    max-width: 1200px;
    font-size: 36px;
    font-weight: bold;
    margin-left: -15px !important;
    margin-bottom: 64px;
    color: white;
    line-height: normal;
}
.login-testo {
    width: 1200px;
    max-width: 1200px;
    font-size: 15px;
    margin-left: -15px !important;
    color: white;
}
#login .msg {
    color: white;
	text-transform: none!important;
	font-size: 17px!important;
	font-weight: 500!important;
}
#login .btn-login {
	background-color: var(--btn-login-fondo);
	color: var(--grigio-f);
	border-radius: 0;
	font-size: 20px;
	margin-bottom: 5px;
}
#login .btn-login:hover {
	background-color: var(--btn-login-hover);
	color: var(--grigio-f);
}

/* modulo registrazione */
#login .registrazione {
	padding: 50px;
	padding-bottom: 10px;
	background-color: rgba(197,223,248,1.0);
	color: #515151;
	border: 0px solid var(--grigio-f);
	border-radius: 0px!important;
}
#login .registrazione h3 { color: #020202;}
#login .registrazione a { color: #020202;}
/* #login .registrazione input{background:#3a3e42; color:var(--grigio-f);}  */
#login .registrazione input:invalid {border-left:4px solid #cc0000!important;}
#login .registrazione input:invalid:required {border-left:4px solid #cc0000!important;}
#login .registrazione input:valid {border-left:4px solid #00cc00!important;}

.primary-menu {
    width: max-content; /* Adatta la larghezza al contenuto */
    margin: 0 auto; /* Centra orizzontalmente */
	margin-right: 31%;
}

.password-container {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.toggle-password i {
    font-size: 18px;
    color: #aaa;
}

.primo-piano, #section-altro, #section-summaries {
    margin: 2rem auto;
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px;
}


.primo-piano .blocco-data {
    text-transform: uppercase;
    border-top: 1px solid #cfd6dc;
    border-bottom: 1px solid #cfd6dc;

}
.primo-piano .blocco-data h2 {
    /*color: #022E77 !important;
    */
    font-size: .9rem;
    color: #667;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 .8rem;
}
.primo-piano .blocco-primo-piano {
    margin-top: 2rem;
    margin-bottom: 5rem;    
}

/* BOX LATERALE */
.side-areas {
  position: fixed;
  left: 0;
  top: 35%;
  transform: translateY(-50%);
  width: var(--sa-width);
  z-index: var(--sa-z);
  font-size: 19px;
}

/* LINK FUORI DAL BOX (trasparenti) */
.side-areas__outside {
  text-align: left;
  margin-bottom: 0px;
}
/* Effetto hover come le aree */
.side-areas__outside-link:hover {
  background-color: #0065B0; /* blu più chiaro */
  color: #fff !important;
  padding-left: 30px; /* spostamento verso destra */
  text-decoration: none; /* mantieni coerente con le altre */
  transition: background-color .25s ease, color .25s ease, padding-left .25s ease;

}

.side-areas__outside-link {
  display: block;
  background-color: #005390;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF !important; 
  font-weight: bold;
  padding: 7px 0px 7px 18px;
  line-height: 22px;
  margin-top: 10px;
  transition: background-color .25s ease, color .25s ease, padding-left .25s ease; /* <-- qui, sullo stato base */    
}

.side-areas__outside-link:hover {
  text-decoration: underline;
}

.side-areas__outside-link.is-active {
  text-decoration: underline;
  color: var(--accent-color);
}

/* BOX GRIGIO SOLO PER LE AREE */
.side-areas__inner {
  background: var(--sa-bg);
  border-radius: var(--sa-radius);
  box-shadow: var(--sa-shadow);
  overflow: hidden;
  padding-bottom: 6px;
}

/* TITOLO AREE */
.side-areas__title {
  color: var(--sa-title);
  padding: 5px 18px;
  text-transform: uppercase;
}

/* ELENCO AREE */
.side-areas__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-areas__link {
  display: block;
  padding: 5px 18px;
  text-transform: uppercase;
  color: var(--sa-link);
  font-weight: 700;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease, padding-left .25s ease;
}

.side-areas__link:hover {
  background: var(--sa-link-hover-bg);
  color: #fff;
  padding-left: 30px;
}

.side-areas__link.is-active {
  background: var(--sa-link-active-bg);
  color: #fff;
}






/* ========================
   ARCHIVIO PER DATA/SPECIALITÀ
   ======================== */

.archivio-articoli {
  margin: 2rem auto;
  max-width: 1100px;
}
.archivio-articoli h3 { 
	font-size: .9rem;
    color: #667;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 .8rem;
}


/* SEPARATORE DATA */
.blocco-data{
  border-top: 1px solid #cfd6dc;
  border-bottom: 1px solid #cfd6dc;
  padding-top: 1rem;
  margin-top: 2rem;
}
.blocco-data h2{
  font-size: .9rem;
  color: #667;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 .8rem;
}

/* --- opzionale:  mese sticky mentre scrolli ---
.blocco-data{
  position:  sticky;
  top:  calc(var(--header-height, 0px) + 8px);
  background:  #fff; /* evita trasparenze sotto */
  z-index:  2;
}
*/

/* BLOCCO SPECIALITÀ */
.blocco-specialita{
  margin-bottom: 2rem;
}
.specialita-label{
  display: inline-block;
  background: #e0e3e6;
  color: #333;
  font-weight: 700;
  padding: .25rem .6rem;
  border-radius: 2px;
  font-size: .8rem;
  margin-top: .8rem;
  margin-bottom: .8rem;
}

/* SOTTOSEZIONI (es. ITP / PNH) */
.sottosezione{
  font-weight: 700;
  margin: .8rem 0 .4rem;
  font-size: 1rem;
  color: #123a63;
}

/* LISTA ARTICOLI */
.lista-articoli{
  list-style: none;
  margin: 0;
  padding: 0;
}
.lista-articoli li{
  position: relative;
  margin: .8rem 0;
  padding-left: 2.2rem;   /* spazio per l'icona */
  line-height: 1.45;
  font-size: 1rem;
  text-transform: none;   /* lettere normali */
}

/* Icona personalizzata come bullet */
.lista-articoli li::before{
  content: "";
  position:  absolute;
  left: 0;
  top: -0.3rem;
  width:  24px;
  height:  27px;
  background: url("/img/icona-check.png") no-repeat center center;
  background-size: contain;
}

/* Link */
.lista-articoli a{
  color: #0b3d71;
  font-weight: 600;
  text-decoration: none;
}
.lista-articoli a: hover{
  text-decoration: underline;
}

/* Lista Summaries senza bullet CSS */
.lista-summaries li{ padding-left:0; }
.lista-summaries li::before{ content:none; }

/* Icona PDF a sinistra, esterna al titolo */
.lista-summaries .icona-pdf{
  display:inline-block;
  width:24px; height:27px;          /* riserva spazio fisso */
  margin-right:8px; vertical-align:middle;
}
.lista-summaries .icona-pdf img{
  display:block; width:18px; height:auto; margin:0 auto;
}

/* icona "spenta" (quando il PDF manca) con stesso ingombro */
.lista-summaries .icona-pdf--off{
  display:inline-block;
  width:24px; height:27px;
  margin-right:8px; vertical-align:middle; opacity:.4;
  background:url("/img/icona-summaries.png") no-repeat center/18px auto;
}

#menu_aree {
    display: none;
}

/* ========== INTESTAZIONE AREA (1000 × 180) ========== */
.area-intestazione{
  width: 100%;
  max-width: 1000px;
  aspect-ratio: 1000 / 180;  /* mantiene proporzione complessiva */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

/* immagine: 139 px desktop */
.area-header{
  position: relative;
  flex: 0 0 139px;           /* altezza fascia immagine */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.area-header__overlay{
  position: absolute;
  /*inset: 0;
    */
  background: rgba(0,0,0,0.0); /* se vuoi meno tinta, abbassa l'alpha */
}

/* titolo patologia: centrato orizzontalmente, top 24 px */
.area-header__title{
  position: absolute;
  top: 24px;
  left: 0; right: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;          /* light */
  color: #d8d8d9;
  letter-spacing: 0.04em;
}
.area-header__meta {
  position: absolute;
  top: 56px;
  left: 0; right: 0;
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;          /* light */
  color: #d8d8d9;
  letter-spacing: 0.04em;
}

/* === MINI-NAV trasparente === */
.mini-nav {
  background: transparent;          /* sfondo trasparente */
  border-top: 1px solid #eee;       /* linea di separazione superiore */
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Lista voci orizzontale con divisori */
.mini-nav__list {
  display: flex;
  gap: 0;                           /* i divisori gestiscono la spaziatura */
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

/* Ogni voce ha padding e divisore a destra */
.mini-nav__list > li {
  position: relative;
  padding: 0 14px;
}
.mini-nav__list > li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: rgba(0, 0, 0, 0.18);  /* colore del divisore */
}

/* Link: light + effetto fade + transizione morbida */
.mini-nav__link {
  position: relative;
  text-decoration: none;
  color: #0a3c75;
  font-weight: 300;                 /* LIGHT */
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-bottom: 3px;
  opacity: 0.9;
  transition: opacity 0.25s ease, transform 0.25s ease; /* fade + leggero scaling */
}

/* hover: fade-in */
.mini-nav__link:hover {
  opacity: 1;

}

/* stato attivo: "finto" bold con scaling */
.mini-nav__link.is-active {
  font-weight: 700;
  opacity: 1;
  transform: scale(1.05);           /* piccolissimo ingrandimento */
}

.mini-nav__link.is-active::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 3px;
  background: currentColor;
  border-radius: 2px;
}


@media (min-width: 1441.98px) { /* colore sfondo header/footer mobile */

    #content.section-intervista {
        max-width: 100%;
    }
    
}

@media (max-width: 1691.98px) { /* colore sfondo header/footer mobile */

    #content.section-intervista {
        max-width: 1100px;
    }
    
}


@media (max-width: 1441.98px) { /* colore sfondo header/footer mobile */

    #menu_aree {
        display: block;
    }
    .side-areas {
    display: none;
  }

    .primo-piano, #section-altro, #section-summaries {
        margin: 2rem auto;
        max-width: 1000px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #content.section-intervista {
        max-width: 100%;
    }
    .login-pre {
        width: 800px;
    }
    .login-testo {
        width: 800px;
    }

    
}
@media (max-width: 1301.98px) { /* colore sfondo header/footer mobile */

	.primary-menu {
		width: max-content; /* Adatta la larghezza al contenuto */
		margin: 0 auto; /* Centra orizzontalmente */
	}
	
}

/* Spazio al contenuto principale per non sovrapporre (opzionale) */
@media (min-width: 992px){
  body.has-side-areas {
    margin-left: calc(var(--sa-width) + 16px);
  }
}

@media (max-width: 991.98px) { /* colore sfondo header/footer mobile */
    .area-header__title {
        top: 2.4vw; /* 24px su 1000px = 2.4% */
        font-size: 2.1vw; /* 21px su 1000px */
    }
    .login-pre {
        width: 550px;
    }
    .login-testo {
        width: 500px;
    }


    .menu-link {  margin-left: 0px;}
/*	
	.menu-container	{
		margin-top: 0px!important;
		margin-bottom: 9px!important;
	}
	menu-item:first-child { 
		padding-bottom: -35px!important;
		background-color:#006633;
	}

*/
	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;}
	#header-wrap { /*background:var(--header-fondo)!important; */ opacity:1!important; }
	.footer-home { background: var(--footer-fondo)!important; 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.5rem!important; padding-top: 2rem; padding-bottom: 2rem;}

	#primary-menu-trigger { color: #FFFFFF!important; }
	
	.svg-trigger {
/*
		background-color:#FFFFFF;
*/
	}
	.svg-trigger path {
		stroke: var(--hamburger-menu)!important; 
		stroke-width: 7!important; 
		stroke-linecap: round;
	}
    
    
}


/* ========================
   RESPONSIVE
   ======================== */
@media (max-width:599px){
    
      .archivio-articoli{ padding: 0 1rem; }
      .lista-articoli li{ font-size: .98rem; }
      .lista-articoli li::before{ top: .15rem; width: 20px; height: 20px; }

    .login-pre {
        width: 100%;
    }
     .login-pre br {
        display: none;
    }
   .login-testo {
        width: 100%;
    }
    
}

@media (max-width: 500px) { /* colore sfondo header/footer mobile */
	
    #login {
        height: 100%;
        background-color: var(--login-fondo);
        padding: 0px 0px 0px 0px;
        margin: 0;
        align-items: flex-start;
        padding-left: 3%;
        padding-right: 1%;
    }
    #login .login-pre {
        font-size: 1.5em;
        margin-bottom: 20px;
    }
	#logo img {
		height: auto!important;
		max-width: 220px;
		max-height: 124px;
	}
	
	.mobile .mobile-text {padding: 10px; }
	.mobile h3, .mobile h4 { color:var(--base); line-height: 1.5rem!important; padding-top: 1rem; padding-bottom: 1rem;}

	#login .registrazione {
		padding: 30px;
		padding-bottom: 10px;
		border-radius: 30px!important;
	}
	#login .registrazione .form-row {
		margin-left: -15px;
		margin-right: -15px;
	}
	#login .content { 
		padding-top: 15px!important; 
	}

  .area-intestazione {
    aspect-ratio: auto;
  }
  .area-header {
    flex: none;
    height: 120px;
  }
  .area-header__title {
    top: 16px;
    font-size: 18px;
  }
  .mini-nav {
    padding: 6px 0;
  }
  .mini-nav__link {
    font-size: 14px;
  }

}

@media (max-width: 416px) { /* colore sfondo header/footer mobile */
	.titolo-head {
		padding: 0;
	}
	.titolo-head h1 {
		line-height: 55px;
	}
}