/* COLORS 1 : VARIABILI *****************************************************************/
:root {
	--base: #504D4D;
	--link: #504D4D; 							/* come base */
	--link-hover: #BA68A3; 						/* come base + chiaro */

	--login-testo: #696868; 					/* fondo pagina 						*/
	--btn-login-fondo: #B7B6B6;
	--btn-login-hover: #CDCDCD;
	--gotoTop: #BA68A3;
	--gotoTop-hover: #CF96BF;
	--btn-slidekits-fondo: #B9B9B9;
	--btn-slidekits-hover: #CF96BF;

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

	--menu-link: #8D8989;						/* 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: #C5203F;					/* 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: #BEA6B7;						/* testo titolo pag.interne 	.titolo-head		*/
	--titolo-head-tipopagina: #B967A3;			/* testo titolo pag.interne 			*/
	
	--mininav-fondo: #BA68A3;					/* fondo mininav 						*/
	--mininav-testo: #C1B0C3;					/* mininav testo						*/
	--mininav-link: #FFFFFF;					/* mininav link							*/
	--mininav-link-hover: #C1B0C3;				/* mininav link hover					*/
	
	--footer-fondo: #DFDFDF;					/* fondo footer 						*/
	--footer-bordo: #757977;			        /* bordo superiore footer 						*/
	--footer-testo: #757977;					/* footer testo							*/
	--footer-link: #6F7170;						/* footer link							*/
	--footer-link-hover: #B7B9B8;				/* footer link hover					*/
	
	--btn-chiaro-fondo: #xxx;
	--btn-chiaro-hover: #xxx;
	--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: #E9E9E9;
	--toggle-content-fondo: #F2F2F2;

	--summaries-link: #918B8B;
    --summaries-link-hover: #B4B1B1;
	
	
	
	/* 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('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: "Roboto Condensed", RobotoCondensed, "Roboto", 'Open Sans', helvetica, sans-serif, Nunito; 
}

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

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


#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: 20px;
    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;}
.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;
}
.titolo-head-box p { 
	padding: 0!important;
/*	margin: 0!important;
*/	font-size: 21px;
	margin-top: -10px;
	
}

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


/* 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.5rem; line-height: normal; 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; 
	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 { background-color: var(--xxx); 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); x-background-color: var(--xxx); color: var(--xxx); }
#section-summaries h2 { font-size: 1.5rem; line-height: normal; color: var(--base); }
#section-summaries .item .sx { x-background: var(--xxx); }
#section-summaries .item .sx img { x-background-color: var(--xxx); border: 1px solid var(--xxx); }
#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: var(--btn-slidekits-fondo);
	color: var(--grigio-f);
	border-left:0px solid var(--base);
}
#section-summaries .item .sx .slidekits .button:hover {
	background-color: var(--btn-slidekits-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 {}
#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);
	*/
	
}
#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 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 ***************************************************************/
#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;
    text-transform: uppercase;
    
}
#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: 5.5%;
	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;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
#login .content { 
	padding-top: 7%; 
}
#login .logo { 
	padding: 0px 0px 0px 0px; 
	display: block; 
	text-align: center; 
}
#login .form-widget{
	padding: 30px;
	padding-bottom: 0px;
	margin: 0;
	xbackground-color: rgb(224,224,224, 	0.0);
	background-color: rgb(224,224,224, 0.8);
	border: 0px solid rgb( 0, 29, 64, 0.05);
	color: var(--grigio-7);
	max-width: 400px;
}

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

#login .larghezza { 
	max-width: 360px; 
}
#login .form-widget .col-12, #login .form-widget p {
	margin-left: -15px!important;
	margin-right: -15px!important;
}
/* 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;
}
#login .msg {

	color:var(--login-testo);
	
	/*	*/
}
#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: 40px!important;
}
#login .registrazione h3 { 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%;
}

@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 */
		margin-right: 8%;
	}
	
}

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

/*	.menu-text::before {
		content: "";
		display: block;
		width: 11px;
		height: 11px;
		background-color: #C16EBC;
		margin: 0 auto;
		position:relative;
		top: 15px;
		text-align: center;
		left: 43%;
	
	}
*/
}




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

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