/* CSS Document */

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

body {
	margin: 0;
	font-family: 'Mulish', sans-serif!important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {font-family: 'Mulish', sans-serif!important;}

ul, ol { 
	padding-left: 20px;
	font-family: 'Mulish', sans-serif!important;
	font-size: .9rem;
}

a.disabled {
    color: currentColor;
    /*cursor: not-allowed;*/
	pointer-events: none;
    opacity: 0.5;
    text-decoration: none;
}

#wrapper {} /* colors-css */
/* .container {max-width: 1170px!important;} */

/* HEADER / MENU ******************************************************************************************************* */
#logo {border-right: 0px!important;} /* bordo separatore, a destra del logo */
.menu-container {border-right: 0px!important;} /* bordino a destra (dopo la bandiera..) */
.menu-link {
	font-family: 'Mulish', sans-serif!important;
	font-size: 1.0rem;
	font-weight: 600;
}

/* PAGINA LOGIN ******************************************************************************************************* */
.login-sfondo {
	font-family: 'Mulish', sans-serif;
	background-image: url("img/sfondo_login.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#login-box{max-width:350px; margin-left:8%;}
.login-logo img {max-width: 250px;}
.login-form-widget{padding:20px 50px 30px 50px;}
.login-btn {}
.login-btn:hover {}
.login-msg{padding-top: 20px;}

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

@media (max-width: 991.98px) { /* colore sfondo header/footer mobile */
	#header-wrap {}
	#footer {position:relative;}
	#slider {display: none!important;}
	.mobile {display: block!important;}
	.mobile .mobile-text {padding: 20px;}
	.mobile h3 {}
	.mobile h4 {line-height:1.2rem!important; padding-bottom:20px;}
}

/* ********************************************************************************************************************** */
/* PAGINE INTERNE ******************************************************************************************************* */
/* ********************************************************************************************************************** */

/* TITOLO HEAD ********************************************************************************************************** */
.titolo-head { padding: 60px 0px; }
.titolo-head .tipopagina { margin: 0px; padding: 0px; text-align: center; font-size: 1.2rem; }
.titolo-head h1 { margin: -10px 0px; text-align: center; font-size: 2.8rem; }
.modulo-intro {padding-top:2.5rem; padding-bottom:1.2rem;}
.modulo-intro h3 {margin:0px;}

/* VIDEO HIGHLIGHTS ********************************************************/
/* videohighlights misure finestra modale (mpf: magnific popup) */
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 80vw; }
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
}

/* MININAV *****************************************************************/
.mininav {
	padding: 20px 10px;
	border-bottom: 0px solid #eee; 
	margin-bottom: 0px;
	font-size: .9rem;
	text-align: center;
}
.mininav a { margin: 0px 30px; font-weight: bold; padding:0.4rem;}
.mininav a:hover {}

/* *************************** SEZIONI *************************************************************************** */
#section-topics, #section-interviste, #section-podcasts, #section-summaries, #section-altro { padding-top: 3rem; }

/* TOPICS ******************************************* */
#section-topics .item:not(:first-of-type) {padding-top: 20px;}
#section-topics .item:last-of-type {padding-bottom: 20px;}
#section-topics .item h2 {font-size: 1.4rem; line-height: normal; } 
#section-topics .argomento {padding-top: 12px;}
#section-topics .argomento img {}

/* INTERVISTE ************************************** */
.intervista .dottore .nome { font-size: 1.3rem; font-weight:600; margin: 10px 0px 10px 0px; } /* titolo e nome */
.intervista .dottore .affiliazione { font-size: 0.8rem; font-weight: 300; line-height: 1.2rem; padding-bottom: 0px; margin-bottom: 14px; }
.intervista .dottore .lingua { font-size: 0.8rem; margin: 10px 0px 0px 0px; } /* lingua intervista */
.intervista .dottore .miniabstract {font-size: 0.9rem; margin-bottom: 10px; padding-left: 20px; border-left: 10px solid #cc0000;}
/* tasti domanda */
.intervista .dottore .domanda { font-size: 1.0rem; padding: 10px; margin-bottom: 5px; font-style: italic; }
.intervista .dottore .domanda:hover { cursor: pointer; }
.intervista .dottore .domandaincorso {}
.intervista .dottore span.domandatime { font-size: 0.6rem; }

/* PODCASTS **************************************** */
.podcast { margin-bottom:2rem; }
.podcast .bg-podcast { } /* div colonna singolo podcast */

/* SUMMARIES INDICE ******************************** */
#section-summaries .item { padding: 10px; margin: 0px; padding-bottom: 20px; }
#section-summaries .item h2 { font-size: 1.3rem; line-height: normal; }
#section-summaries .item .sx { text-align: left; }
#section-summaries .item .sx img { text-align: left; }
#section-summaries .item .sx .slidekits { padding: 0px 8px; }
#section-summaries .item .sx .slidekits a { margin:0px 2px!important;  }
#section-summaries .item .sx .slidekits .button { margin-top: .3rem!important; padding:6px 10px!important; }
#section-summaries .item .sx .slidekits .button:hover {}
#section-summaries .item .dx {}
#section-summaries .item .dx h4 { font-weight: 400; }
#section-summaries .item .dx div { font-size: 1rem;}
#section-summaries .item .nofiletto {}

/* SUMMARIES PAGINE SINGOLE ********************** */
#section-summaries .postcontent h1 { margin: 0px; font-size: 1.3rem; line-height: normal; }
#section-summaries .postcontent .toggle { margin-bottom: 5px; }
#section-summaries .postcontent .toggle .toggle-header {}
#section-summaries .postcontent .toggle .toggle-bg {}
#section-summaries .postcontent .toggle .toggle-content { padding: 12px 0px 10px 36px; font-size: .9rem; }
#section-summaries .postcontent .toggle-content ul { margin-bottom: 0px; }

/* SUMMARIES SIDEBAR ********************** */
#section-summaries .sidebar h4 {margin: 0px; font-size: .9rem; line-height: normal; }
#section-summaries .sidebar .sidebar-post {
	padding-top: 15px; 
	padding-bottom: 15px; 
	font-size: .9rem;
}

/* FOOTER ******************************************************************************************************* */
#footer { font-size: 1rem; padding: 10px; border-top: 0px;}
/*#footer .homepage {position: fixed; left: 0; bottom: 0; width: 100%;}*/
#footer span, #footer a { padding: 0 0.5em; }
#footer a { font-size: 1rem;}
#footer a:hover {}
#footer .sx { text-align: left; }
#footer .dx { text-align: right; }
#footer .logosponsor { max-width: 200px; height: auto; }
#footer .logopowered { max-width: 180px; height: auto; }

/* BREAKPOINT RESPONSIVE ******************************************************************************************************* */
@media all and (max-width: 1200px) {
	#footer .sx, #footer .dx { text-align: center; }
	#footer .sx { xmargin: 0px; }
	#footer .dx { xmargin: 20px 0px; }
	#footer .logosponsor { max-width: 150px; height: auto;}
	#footer .logopowered { max-width: 80px; height: auto;}
	}

@media all and (max-width: 992px) {
	#footer .sx, #footer .dx { text-align: center; }
	#footer .sx { xmargin: 0px; }
	#footer .dx { xmargin: 20px 0px; }
	.item .sx {text-align: left; padding-left: 0px;}
	.item .dx {padding-left: 0px; }
	/*#footer .logosponsor { max-width: 50%; height: auto;}*/
	}

@media all and (max-width: 768px) {
	#footer .sx, #footer .dx { text-align: center; }
	#footer .sx { xmargin: 0px; }
	#footer .dx { xmargin: 20px 0px; }
	#section-topics {padding-left:20px; padding-right:20px;}
	.item .sx { text-align: left; padding-left:0px; }
	.item .dx { padding-left: 0px; }
	/*#footer .logosponsor { max-width: 50%; height: auto;}*/
	}