/* COLORS 1 : VARIABILI *****************************************************************/
:root {
	--base: #1D325F;
	--pagina-fondo: #f8fdff;					/* fondo pagina 						*/
	--pagina-testo: #195789;					/* testo pagina 						*/
	--header-fondo: #E6F2F9; 					/* fondo barra header 					*/
	--menu-fondo: #E6F2F9; 						/* fondo tasti menu 					*/
	--menu-fondo-hover: #E4E4E4; 				/* fondo tasti menu hover 				*/
	--menu-bordo: #1FA5DB; 						/* fondo tasti menu hover 				*/
	--sub-menu-fondo: #143564;					/* fondo tasti menu 					*/
	--sub-menu-link: #FFFFFF;					/* link del menu 						*/
	--sub-menu-link-hover: #FFFFFF;				/* link hover del menu 					*/
	--menu-link: #1F81B1;						/* link del menu 						*/
	--menu-link-hover: #6C8C91;					/* link hover del menu 					*/
	--titolo-head-fondo: #EFEFEF;				/* fondo barra titolo pag.interne		*/
	--titolo-head: #0F618B;						/* testo titolo pag.interne 			*/
	--titolo-head-tipopagina: #7E9C9F;			/* testo titolo pag.interne 			*/
	--mininav-fondo: #74A5CC;					/* fondo mininav 						*/
	--mininav-testo: #FFFFFF;					/* mininav testo						*/
	--mininav-link: #FFFFFF;					/* mininav link							*/
	--mininav-link-hover: #A8C9E5;				/* mininav link hover					*/
	--footer-bordo: #AD2367;			        /* bordo superiore footer 						*/
	--footer-fondo: #BCD7E8;					/* fondo footer 						*/
	--footer-testo: #13356D;					/* footer testo							*/
	--footer-link: #13356D;						/* footer link							*/
	--footer-link-hover: #17A5DD;				/* footer link hover					*/
	--btn-chiaro-fondo: #xxx;
	--btn-chiaro-hover: #xxx;
	--btn-scuro-fondo: #D7AE29;
	--btn-scuro-hover: #E1C564;
	--btn-login-fondo: #0F618C;
	--btn-login-hover: #1484C0;
	--domanda-fondo: rgba(255,255,255,0.5);
	--domanda-fondo-hover: rgba(255,255,255,1.0);
	--toggle-header-fondo: #F1F2F6;
	--toggle-content-fondo: #FFFFFF;
	--gotoTop: #3A6CB6;
	--gotoTop-hover: #3A6CB6;
/*	--link: #e36c14; /* come base */
/*	--link-hover: #ff750f; /* come base + chiaro */
	
	/* 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);

}
@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('http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&display=swap');*/
body { font-family: "Roboto Condensed", RobotoCondensed, "Roboto", Nunito, 'Open Sans', helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .menu-link, .sub-menu-link, .sub-menu-container .menu-item .menu-link { font-family: "Roboto Condensed", RobotoCondensed, Nunito, 'Open Sans', helvetica, sans-serif; margin: 0px; }
h1, h2, h3, h4, h5, h6 {color:var(--pagina-testo);}


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

#gotoTop:hover {
    background-color: var(--gotoTop-hover);
}

/* HEADER / MENU ***********************************************************/
#header { border-bottom: 0px; background-color: transparent;
}
#header-wrap { background-color: var(--header-fondo) }
.sticky-header #header-wrap { background-color:var(--header-fondo); }
.menu-link {
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 12px;
	padding-right: 12px;
}
.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: 21px;
    letter-spacing: normal;
	border-bottom: 8px solid var(--menu-bordo); /* var(--bianco-trasp-03); */

}
a.menu-link:hover {
	background-color: var(--menu-fondo-hover);
	color: var(--menu-link)!important;
	border-bottom: 8px solid var(--menu-bordo);
/*	
    border-top:3px solid var(--menu-link)!important;
*/
}
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;
*/
}

.sub-menu-container { background-color: var(--menu-fondo); border-top: none; border-bottom: none; padding-left: 0px!important; padding-right: 0px!important; }
.sub-menu-container .menu-item .menu-link {background-color: transparent; font-size: 15px; border:0; color: var(--menu-link); border-top: 0px!important;}
.sub-menu-container .menu-item .menu-link:hover {background-color: var(--menu-fondo-hover); color: var(--menu-link); border-top:0px!important;}
.xsub-menu-container .menu-item:hover {background-color: var(--menu-fondo-hover); color: var(--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; }
/* 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');  align-content: center; }
.titolo-head-box { background: rgba(255,255,255,0.7); width: fit-content; margin: 10px auto; min-width: 30%;  }
.titolo-head .tipopagina { color: var(--titolo-head-tipopagina); padding-top: 1.4rem; padding-bottom: 1.4rem;  opacity: 1!important; }
.titolo-head h1 { color: var(--titolo-head); line-height: normal; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px; font-weight:normal;}



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

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

/* TOPICS ********************/
#section-topics .item:not(:first-of-type) { border-top: 2px solid #fff; }
#section-topics .item h2 { color: var(--base); }
#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(--grigio-4) }
.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; }
.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 { background-color: var(--xxx); border: 1px solid #ddd; } /* div colonna singolo podcast */

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

#section-summaries .item { border-top: 1px solid var(--grigio-e); x-background-color: var(--xxx); color: var(--xxx); }
#section-summaries h2 {}
#section-summaries .item .sx { x-background: var(--xxx); }
#section-summaries .item .sx img { x-background-color: var(--xxx); border: 2px solid var(--xxx); }
#section-summaries .item .sx .slidekits { x-background-color: var(--xxx); color: var(--xxx); }
#section-summaries .item .sx .slidekits .button {
	background-color: var(--btn-scuro-fondo);
	color: var(--grigio-f);
	border-left:0px solid var(--base);
}
#section-summaries .item .sx .slidekits .button:hover {
	background-color: var(--btn-scuro-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);}
#section-summaries .item a:hover { color:var(--link-hover);}

/* SUMMARIES PAGINE SINGOLE ***************************************************************/
#section-summaries .postcontent h1 { color: var(--base); }
#section-summaries .postcontent .toggle {}
#section-summaries .postcontent .toggle .toggle-header { background-color:var(--toggle-header-fondo); }
#section-summaries .postcontent .toggle .toggle-bg {}
#section-summaries .postcontent .toggle .toggle-content { background-color: var(--toggle-content-fondo); }

/* SUMMARIES SIDEBAR ********************** */
#section-summaries .sidebar h4 {}
#section-summaries .sidebar .sidebar-post {	border-bottom: 1px solid var(--grigio-e); }
#section-summaries .sidebar a { color:var(--link);}
#section-summaries .sidebar a:hover { color:var(--link-hover);}

/* 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 #C6C6C6;
    font-size: 12.5px;
    text-transform: uppercase;
    
}
#footer a { color: var(--footer-link); font-size: 1rem; text-transform: none; }
#footer a:hover { color: var(--footer-link-hover); }

/* LOGIN ***************************************************************/
#login {
	height: 100%;
	background-image: url("img/sfondo_login1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#login .content{padding-top:10%;}
#login .larghezza{max-width:380px;} /* larghezza logo + 100px + 16px*/
#login .logo {padding:0px 8px 0px 8px;}
#login .form-widget{
	padding: 50px;
	padding-bottom: 10px;
	xbackground-color: rgba(0, 100, 170, 0.5);
	color: var(--grigio-f);
	border: 4px solid #A98511;
	background-color: #1C69AB;
	background-color: rgba(215, 174, 41, 0.9);
	
}
#login label{color:var(--grigio-f);}
#login .msg{color:var(--grigio-f);}
#login .btn-login {
	background-color: var(--btn-login-fondo);
	color: var(--grigio-f);
}
#login .btn-login:hover {
	background-color: var(--btn-login-hover);
	color: var(--grigio-f);
}

@media (max-width: 991.98px) { /* colore sfondo header/footer mobile */
	.menu-link { margin-left: 0px;}
	.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;}
}