/* CSS Document */

/* COLORS 1 : VARIABILI *****************************************************************/
:root {
	--blu: #0c629a;
	--blu-chiaro: #56b0e2;
	--arancio: #eca400;
	--arancio-chiaro: #ecb500;
	
	--nero: #000000;
	--grigio-3: #333;
	--grigio-a: #aaa;
	--grigio-b: #bbb;
	--grigio-c: #ccc;
	--grigio-d: #ddd;
	--grigio-e: #eee;
	--bianco: #ffffff;
}

/* STILI GENERALI */
h1,h2,h3,h4,h5,h6 {color:var(--blu);}
a {color:var(--blu);}
a:hover {color:var(--blu-chiaro);}
::selection {color:var(--bianco); background-color:var(--arancio);}
#gotoTop:hover {background-color:var(--arancio)}
#wrapper {background-color:var(--bianco)}

/* PAGINA LOGIN ******************************************************************************************************* */
.login-sfondo {background-image: url("img/sfondo_login.jpg");}
.login-form-widget{background-color:var(--blu); color:var(--grigio-e);}
.login-btn {background-color:var(--arancio); color:var(--grigio-e);}
.login-btn:hover {background-color:var(--arancio-chiaro); color:var(--bianco);}
.login-msg{color:#ffffff;}

/* HOME PAGE -> HEADER-MENU ****************************************************************************************** */
.homepage #header-wrap {background-color:rgba(12,98,154,0.7);}
.homepage .sticky-header #header-wrap {background-color:rgba(12,98,154,1.0);}
.homepage .menu-link {background-color:transparent; color:var(--bianco); border-bottom:5px solid transparent;}
.homepage .menu-link:hover {background-color:transparent; color:var(--arancio); border-bottom:5px solid var(--arancio);}

/*
.homepage .sub-menu-container {background-color:rgba(12,98,154,0.7);}
.homepage .sub-menu-container .menu-item {}
.homepage .sub-menu-container .menu-item:hover {}
.homepage .sub-menu-container .menu-item .menu-link {color:var(--arancio);}
.homepage .sub-menu-container .menu-item .menu-link:hover {color:var(--arancio-chiaro);}
*/

/* ALTRE PAGINE SITO ==================================================================================================================== */

/* HEADER-MENU */
#header-wrap {background-color:var(--blu);}
.sticky-header #header-wrap {background-color:var(--blu);}
.menu-link {background-color:transparent; color:var(--bianco); border-bottom:5px solid transparent;}
.menu-link:hover {background-color:transparent; color:var(--arancio)!important; border-bottom:5px solid var(--arancio);}

/*
.sub-menu-container {background-color:var(--blu) border:0px; padding:0px!important;}
.sub-menu-container .menu-item {}
.sub-menu-container .menu-item:hover {}
.sub-menu-container .menu-item .menu-link {color:var(--arancio);}
.sub-menu-container .menu-item .menu-link:hover {color:var(--arancio-chiaro);}
*/

/* TITOLO HEAD *************************************************************/
/* sfondo barra titolo pagina */
.titolo-head {background-color:var(--blu-chiaro);}
.titolo-head {background-image:url('img/sfondo_header.jpg'); background-size: 100%;}
.titolo-head h1, .titolo-head .tipopagina {color:var(--bianco);}
.modulo-intro {background-color:var(--grigio-e);}

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

/* MININAV *****************************************************************/
/* barra sotto il titolo pagina nelle singole tipologie (link breaking-news, interviste etc)  */
.mininav {background-color:var(--blu);}
.mininav a {background-color:rgba(0,0,0,0.0); color:var(--bianco);}
.mininav a:hover {background-color:rgba(0,0,0,0.2); color:var(--arancio);}

/* TOPICS ********************/
/* elementi pagina breaking-news */
#section-topics h1 {}
#section-topics .item:not(:first-of-type) {border-top:1px solid rgba(0,0,0,0.1);}
#section-topics .item h2 {}
#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 ****************/
/* elementi pagina interviste */
.intervista .dottore .nome {color:var(--blu)} /* titolo e nome */
.intervista .dottore .affiliazione {}
.intervista .dottore .lingua {color:var(--bianco)} /* lingua intervista */
.intervista .dottore .domanda {background-color:rgba(0,0,0,0.01); border:0px solid rgba(0,0,0,0.2); border-left:5px solid var(--arancio);  }
.intervista .dottore .domanda:hover {background-color:rgba(0,0,0,0.04)} /* come domanda , meno schiarito */
/*.intervista .dottore .domandaincorso {background-color:var(--grigio-d); border-left:5px solid var(--arancio);} */
/*.intervista .dottore span.domandatime {color:var(--grigio-a);}*/

/* PODCASTS **************************************** */
.podcast {}
.podcast .bg-podcast { background-color:var(--grigio-e); border:1px solid var(--grigio-d); } /* div colonna singolo podcast */

/* SUMMARIES INDICE ***************************************************************/
/* elementi pagina summaries */
#section-summaries .item { border-top:1px solid var(--grigio-e); x-background-color:#dd5254; color:var(--bianco); }
#section-summaries h1 {}
#section-summaries h2 {}
#section-summaries a {color:var(--blu);}
#section-summaries a:hover {color:var(--blu-chiaro); text-decoration:underline!important;}
#section-summaries .item .sx {x-background:var(--grigio-d);}
#section-summaries .item .sx img {x-background-color:var(--grigio-d); border:2px solid var(--grigio-e);}
#section-summaries .item .sx .slidekits {x-background-color:var(--grigio-a); color:var(--bianco);}
#section-summaries .item .sx .slidekits .button {
	background-color:var(--arancio);
	color:var(--grigio-e);
	border-left:0px solid var(--blu);
}
#section-summaries .item .sx .slidekits .button:hover {background-color:var(--arancio-chiaro); color:var(--bianco)}
#section-summaries .item .dx {x-border-left:1px solid var(--arancio);}
#section-summaries .item .dx h3 {}
#section-summaries .item .dx div {color:var(--grigio-a);}
#section-summaries .item .nofiletto {}

/* SUMMARIES PAGINE SINGOLE ***************************************************************/
#section-summaries .postcontent h1 {}
#section-summaries .postcontent .toggle {}
#section-summaries .postcontent .toggle .toggle-header {background-color:var(--grigio-a); color:var(--bianco);}
#section-summaries .postcontent .toggle .toggle-header:hover {background-color:var(--grigio-b); color:var(--bianco)}
#section-summaries .postcontent .toggle .toggle-bg {}
#section-summaries .postcontent .toggle .toggle-content {background-color:var(--bianco);}

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

/* FOOTER ***************************************************************/
#footer { background-color:var(--blu-chiaro); color:var(--bianco); } /* come titolo-head o mininav */
#footer a {color:rgba(255,255,255,0.7); font-size:1rem;}
#footer a:hover { color:var(--bianco); }

/* MOBILE ******************************************************/
@media (max-width: 991.98px) { 
	#header-wrap {background-color:var(--blu); opacity:1!important;}
	#footer {background-color:var(--blu-chiaro); opacity:1!important;} /* colore sfondo header / footer */
	.mobile h3 {x-color:var(--blu)}
	.mobile h4 {x-color:var(--blu); border-bottom: 0px solid var(--grigio-3);}
}