body {
	margin: 0;
	padding: 0;
	font-family: 'Exo 2', sans-serif; /*'Numans', sans-serif;*/
	/*font-size: 90%;*/
	line-height: 1.4em
}

h1 {line-height: 1.1em}

a {color: #0e566b; text-decoration: none; }
a:hover {color: #11784d ;}

/*100% height*/
html, body { height: 100%}
#body-wrapper {display:flex; flex-direction:column; height: 100%}
#content-wrapper { flex:1 1 0; }

/**/
/***  HEADER   ***/
.top-logo-facolta { display: block; position:absolute; top:7px; left:50%;  width: 40px; height: 40px; background: #000; margin:0 auto; transform: translateX(-50%);  background:transparent url(/layout/ecocdl/img/e.svg);
	background-size: contain; transition: all .2s ease-in-out;}/* box-shadow: 0px 0px 8px rgba(255,255,255,0.3);*/
	.top-logo-facolta span {display: none;}
	.top-logo-facolta:hover {width: 46px; height: 46px;top:0; }
	.top-bar {   min-height: 44px;}
	

/***  HEADER   ***/
#header-container {padding: 0 10px 13px 10px;  }
#footer-wrapper a {color: #f1d803;}
#header-wrapper .title {font-size: 120%;}
#title-box {margin: 10px 0 10px 20px; clear: both; color:#fff; line-height:1.3em; }

#logo-prj {background: transparent url(/layout/cesma/img/logo_cesma2020.svg) center center no-repeat;  width: 300px;	height: 130px;	display: block;	margin: 0 auto;}
#logo-prj h1.hidden {display: none;}
#logo-prj, #logo-ateneo {text-align: center;}
#logo-ateneo {background: #fff url(/layout/ecocdl/img/line.jpg) bottom center no-repeat;}

#department-logo {	display: none;}
#top-wrapper {background:#0c495b;}
#top-container { text-align: left;  padding:2px 10px; max-width: 1140px; margin: 0 auto; position: relative; }
.top-bar {	min-height: 44px;}
#profile_icon {top: 12px !important;}
#department-logo a {color: #fff; padding: 4px 12px; display: inline-block; }
#department-logo a:hover { color: #fff;}
.logo-ateneo img {	width: 100%;	max-width: 380px;}

/*** MENU HAMBURGHER ***/
.hamburgher-menu .menu-title { background: #0c495b url(/layout/cesma/img/bg-row.png) center center repeat-y;}
.hamburgher-menu a:hover{text-decoration: none;}
.menu-btn span { background:#fff !important; }
.responsive-menu {color: #0c495b }
.open-menu-link {text-shadow: none;}

/*** MENU ***/
#menu-header {display: block; border-bottom: 1px solid #ddd;box-shadow: 0px 0px 8px rgba(0,0,0,0.3); line-height: 1.6em}
#menu-header .menu-mf-wrapper {user-select: none;background: #98b614 url(/layout/cesma/img/bg-row.png) left center repeat-y; color: #eee; /*text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);*/}
#menu-header .menu-mf-wrapper a {color: white; text-decoration: none;  }
#menu-wrapper{display: none;}

#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 9px 12px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);}

#menu-header .menu-mf-wrapper a:hover,#menu-header .menu-mf-wrapper span:hover  {
    background: #fff;   color: #093341;text-shadow:none}
    
#menu-header .menu-mf-wrapper .active { text-shadow:none !important ;  color: #0C495B;}

#menuitem-110.itemliv1 {display: flex; align-items: center;}
#menuitem-110 .item-li1 span {display: none}
#menuitem-110 .item-li1 {width: 26px; height: 26px; display: inline-block; padding: 0 !important; margin: 0;background: transparent url('/layout/cesma/img/eng.svg') center center no-repeat; transition: all 0.3 ease-in-out;}
#menuitem-110 .item-li1:hover {background: transparent url('/layout/cesma/img/eng.svg') center center no-repeat !important; filter: brightness(1.1);}
/*** MENU a COMPARSA ***/



/*** MAIN ***/
#main-container { margin: 0 auto; padding: 20px; max-width: 1140px;}


/***  FOOTER   ***/
#footer-box{clear: both;}
#footer-wrapper{background: #0c495b; color:#fff; }
#footer-container{margin: 10px 20px 10px 20px; text-align: center; clear:none; max-width: 1140px;}
.footer-item  { padding: 0 0 10px 0}
#subfooter {background: #98b614 url(/plugins/slir/-w600/layout/cesma/img/bg-row.png)bottom left repeat-y; height: 30px; clear: both;}

#twittericon {background: url(/plugins/slir/-w130/layout/cesma/img/twitter.png)center center no-repeat; display: inline-block; height: 60px; width: 60px; }

#fbicon {background: url(/plugins/slir/-w130/layout/cesma/img/facebook.png)center center no-repeat; display: inline-block; height: 60px; width: 60px; } 

#lkicon {background: url(/plugins/slir/-w130/layout/cesma/img/linkedin.png)center center no-repeat; display: inline-block; height: 60px; width: 60px; } 
#inicon {background: url(/plugins/slir/-w33/layout/cesma/img/instagram.png)center center no-repeat; display: inline-block; height: 60px; width: 60px; } 

#twittericon span,#inicon span,#lkicon span,
#fbicon span {display: none;}

/* PERSONALIZZAZIONE ELSLIDER */
.ls-nav {display:none;}
.panel-wrapper h2 {display:none;}

/*FIX i in home*/
.oc-item-2447 {max-width: 150px; margin:0 auto; display:flex}

@media (min-width: 578px){
	#title-box {clear: none;} /* Titolo Logo */
	/*  PERSONALIZZARE DIMENSIONI BARRA LOGO PADDING  */ 
	.mind-oc-logobargallery div.slide-container {	padding: 0 40px; box-sizing: border-box;}
	#logos-box {	display: flex;	flex-wrap: no-wrap;	justify-content: center;	margin: 12px 0;	align-items: center;}
	#logo-ateneo {	flex: 0 0 290px;	background: transparent url(/layout/ecocdl/img/linew.jpg) center right no-repeat;	padding: 0;}
	#logo-prj, #logo-ateneo {text-align: left; margin: 0;}
	#logo-prj {width: 260px; height: 110px;}
}

@media (min-width: 770px){
	#header-container {padding: 0 10px 4px 10px;}
	#footer-container{clear: none;}
	#footer-container {text-align:right}
	#dep-address {float:left; text-align: left;}
	#segr-address {float:right; text-align: right;}
	.footer-item  { padding: 0}
	header { background: none;}
	#menu-mobile {display: none}
	#menu-wrapper{display: block;}
	#subfooter {background: #98b614 url(/layout/cesma/img/bg-row.png)bottom left repeat-y;}
	
	}
@media (min-width: 850px){
	#footer-container {text-align:center}	
	#logo-prj, #logo-ateneo {	flex: 0 0 404px;}
	#top-container {text-align: left !important;}
	#department-logo {	display: block;	position: absolute;	top:10px;right: 10px;font-variant: small-caps;	}
	.oc-item-2447 {max-width: 250px;} /*FIX i home*/
}

@media (min-width: 1180px){
	#footer-container{margin: 10px auto;}
	#header-container { max-width: 1140px; margin: 0 auto;}
   
}

.logo-overlay-uniroma { background: transparent url(/layout/cesma/img/uniroma2.png) center center no-repeat; background-size: 90%}