:root {
	--ultralightcolor: hsl(160,100%,95%); 
	--mediumlightcolor: hsl(160,60%,50%); 
	--maincolor: hsl(160,100%,30%); 
	--darkcolor: hsl(160,100%,15%);
	--ultradark: hsl(160,100%,10%); 
	--complementarcolor: hsl(160,0%,50%);
}


html,body {margin:0;padding:0; font-size: 100%; line-height: 1.4em;}
body { font-family: Arial, sans;}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
h1,h2,h3,h4 {color: var(--ultradark); font-family:'Spinnaker', sans-serif;}
h1 {font-size:1.6rem; }
h2 {font-size:1.6rem; }
h3 {font-size:1.2rem; }
h4 {font-size:1.1rem;}
h5 {font-size:1rem;}
h6 {font-size:0.9rem;}
q:before,q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
a {text-decoration: none; color:var(--maincolor)}
a:hover { color:var(--mediumlightcolor) }

/* *********************************************************** */
/* sticky footer 												 */
/* *********************************************************** */
#body-wrapper { display: flex; min-height: 100vh;  flex-direction: column;}
#content-wrapper {   flex: 1; }
#body-wrapper { position: relative; margin:0; padding:0; }

/*HEADER*/
#header-container {display: flex; flex-wrap: wrap; max-width: 1140px; margin:0 auto}
#logo {flex: 1 0 100%; background: transparent url(/layout/gfw/images/gfw2025.svg) center center no-repeat; background-size: 90%; width: 250px; height: 250px; margin: 0 }
#date {flex: 1 0 100%;  align-self: flex-end; padding: 0 0 18px 0; margin: 0; text-align: center; border-bottom: 2px var(--mediumlightcolor) solid; box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.4);}
#header-container nav {flex: 1 0 100%}
/*FINE HEADER*/
.title-container {max-width: 1140px; margin: 0 auto;}
.titolopagina { margin: 18px 12px 8px 0; background: var(--mediumlightcolor); color: #fff; padding: 16px; text-align: center; border-radius: 25px 0; text-shadow: 1px 1px 5px #333; box-shadow: 1px 1px 5px #666;}
.menu-btn span {background: #000 !important;}
.menu-btn a {color: #555;}



/*MENU MILLEFOGLIE*/
#menu-header { display: none; background: var(--mediumlightcolor); height: auto; padding: 4px 0}
#menu-header ul li { list-style-type: none; display: inline; }
#menu-header ul .itemliv1 a{ color: #fff; }
#menu-header ul .itemliv1 { color: #fff;  height: auto; margin: 0 4px; padding:10px 8px; white-space: nowrap;  display: block;font-variant: small-caps; }
#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 16px 20px; }
#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a, #menu-header .flexwrapliv1 .itemliv1 span   { transition: all 0.1s ease-in;  }
#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a:hover, #menu-header .flexwrapliv1 .itemliv1 span:hover { background: #fff; color: var(--darkcolor); }	
#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a:hover {box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); }
#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a .active {background: #fff; color: var(--darkcolor);  }						
#menu-header ul.liv1 { display:flex; justify-content:space-around; align-items:center }


/*MENU HMB*/
.menu-title {background:var(--mediumlightcolor) !important; }
.responsive-menu {background:#fff !important; box-shadow: -1px 1px 12px rgba(0,0,0,0.2) !important; }
.responsive-menu li {background:#fff !important; text-transform: uppercase; color: var(--maincolor) }
.responsive-menu li a { color: var(--darkcolor);  }
/*FINE MENU HMB*/


/*FOOTER*/

#footer-wrapper { box-shadow: 0 -4px 5px 0 rgba(0,0,0,0.2); border-top: 2px solid  var(--maincolor); }
#footer-box { flex-direction: column; align-items: center; max-width: 1140px; margin: 0 auto; }
.footer-item { color: var(--darkcolor)}
footer {   font-size: 90%; font-weight: normal; clear: both; margin: 20px 0;}
footer a { text-decoration: none; }
footer a:hover { color:var(--maincolor); }
footer .email { display: block; padding: 10px;  clear: both;}
#f_address {display: block; padding: 12px;}
#footer-container { margin: 0 auto; line-height: 1.8em;  text-align:center; }
#copyr-wrapper {background: var(--maincolor)}
#copyr {padding: 15px 6px ; clear: both; font-size:85%; color:#fff; text-align: center; background: var(--maincolor); width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: border-box;max-width: 1140px; margin: 0 auto;}
.logoceis { width: 180px; height: 50px; background: transparent url(/layout/gfw/images/logo-ceis.svg) no-repeat center center; background-size: contain; display: inline-block;}
.copyright {margin-right: 6px;}
#boxinfouni { max-width: 250px;   text-align:center; margin:0 auto;  }
.footer-box span { color: #ccc; margin-left:24px}
/*FINE FOOTER*/

/*NIVO HEADER */
.mind-oc-111 .nivo-caption {box-shadow: none !important; background: transparent !important; top: 50% !important;   transform: translateY(-50%) !important; bottom: 0 !important; left: 0 !important ; color: #00394d !important; font-size: 1.2em !important; line-height: 1.6em !important; text-align: center; text-shadow: 1px 1px #ccc; width: 100% !important; }
.mind-oc-111 .nivo-main-image {opacity: 0.3;}
/*FINE NIVO HEADER */

/* togli ombra*/
#confpanel-wrapper {
  box-shadow: 0 0 0 0 #000;
}

@media (min-width: 500px){
	.titolopagina { max-width: 40%}
	}

@media (min-width: 640px){ /* circa 640 GS4 LANDSCAPE*/	
	#centerbox { margin-top:30px;} 
}


@media (min-width: 840px){ 
	#f_address {text-align: left; }
	#boxinfouni { max-width: 280px;}
	.footer-item {flex: 1 0 35%; text-align:left; }
	.footer-box {flex: 1 0 25%; text-align: left;}
	
	#footer-container {text-align: center; }
	footer {display: flex; flex-wrap: wrap; align-items: center; max-width: 1140px; margin: 0 auto;}

}


@media (min-width: 810px) {
	#header-container {background: linear-gradient(rgb(255, 255, 255,1), rgba(255,255,255,0.2)), url(images/qfin_ponte.svg) right bottom no-repeat; background-size: 65%}	
	#menu-header { display: block}
	#menu-header ul { display: block; text-align: center;margin:0 auto; padding:0;max-width: 1140px;}
	#mobile { display: none}
	#logo {flex: 1 0 50%; }
	#date {flex: 1 0 50%;border-bottom: 0; box-shadow: none; text-align: center; }
	.titolopagina { margin: 18px 0 8px 0;}
}


/*personalizzazione timeline*/
.timeline-wrapper .timeline-card .oc-item-text p, .timeline-wrapper .timeline-card .oc-item-text h3  {padding: 0; font-size: 90%;}
.timeline-wrapper .timeline-card {padding: 0 0 10px 0 !important}
.mind-oc-176 .timeline-item {margin-bottom: 20px;}

.mind-oc-176 .timeline-item .timeline-content .date {background: #65bedf; color: #fff; font-weight: 600;}