:root {
	--ultralightcolor: hsl(195,100%,95%); 
	--mediumlightcolor: hsl(195,60%,50%); 
	--maincolor: hsl(195,100%,30%); 
	--darkcolor: hsl(195,100%,15%);
	--ultradark: hsl(195,100%,10%); 
	--complementarcolor: hsl(195,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-wrapper {min-height: 350px; border-bottom: 2px var(--mediumlightcolor) solid; box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.4); background: linear-gradient(rgb(255, 255, 255,1), rgba(255,255,255,0.2)), url(images/Villa_Mondragone_stampa_Matteo_Greuter_1620.jpg) top center no-repeat; background-size: cover}	

#header-container {display: flex; flex-wrap: wrap; text-shadow:0px 0px 4px rgba(255, 255, 255, 1);}
#header-container > a {flex: 1 0 100%; min-height: 300px;}
#header-container > h2 {flex: 1 0 100%; padding-top: 32px;}
#header-container  h3 {text-align: center; padding: 12px; color: #333;}
#header-container h1 {align-items: center; padding: 36px 12px 0 12px; text-align: center; font-size: 3.5rem; line-height: 3.5rem;}
#date {flex: 1 0 100%;  align-self: flex-end; padding: 0 0 18px 0; margin: 0; text-align: center; text-shadow:0px 0px 6px rgba(255, 255, 255, 0.9);}
#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;border-bottom: 1px solid #ccc; padding: 12px;}
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: #fff}
#copyr {padding: 15px 6px ; clear: both; font-size:85%; text-align: center;  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;}
#copyr span.logo {padding: 12px; background:#fff; width: 100%;}
.logo-ateneo { width: 180px; height: 60px; background: transparent url(images/logo-tor-vergata.svg) no-repeat center center; background-size: contain; display: inline-block;}
.logo-mur { width: 180px; height: 60px; background: transparent url(images/MUR-logo.svg.png) no-repeat center center; background-size: contain; display: inline-block;}
.copyright {margin-right: 6px; text-align: center; width: 100%;}
#boxinfouni {  text-align:center; margin:0 auto;  }
/*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 */

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

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


@media (min-width: 840px){ 
	#header-wrapper {min-height: 350px; background: linear-gradient(rgb(255, 255, 255,1), rgba(255,255,255,0.2)), url(images/Villa_Mondragone_stampa_Matteo_Greuter_1620.jpg)  50% 25% no-repeat; background-size: 100%}	
	#header-container {max-width: 1140px; margin: 0 auto; }
	/* #header-container h1 {min-height: 250px; } */
	#f_address {text-align: left; }
	#boxinfouni {text-align: right;}
	.footer-item {flex: 1 0 0; text-align:left; }
	#footer-box {flex: 1 0 0; text-align: right;}
	#footer-container {text-align: center; }
	footer {display: flex; flex-wrap: wrap; align-items: center; max-width: 1140px; margin: 0 auto;}
	#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 0; }
	#copyr span.logo, .copyright {width: auto;}
	#date {flex: 1 0 0;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;}