:root {
	--lightblue: hsl(205, 40%, 70%); /* #35bbdc*/
	--mediumblue: hsl(203, 14%, 49%); /* #1797cf*/
	--darkblue: hsl(198, 100%, 20%);
	--yellow: hsl(47, 99%, 49%);
	--green: hsl(102, 53%, 40%);
	--red: hsl(351, 80%, 43%);
	--magento: hsl(332, 100%, 43%);
}

body { font-family: 'Barlow Condensed', sans-serif; font-size:114%;  margin:0; padding:0; color:#111;}

/*100% height*/
html, body { height: 100%; width: 100%;}
#body-wrapper {display:flex; flex-direction:column; height: 100%}
#content-wrapper { flex:1 1 0; line-height:1.4em  }
.is_page #content-wrapper {line-height:1.5em; font-size:118%; }
/**/

#body-wrapper { margin: 0 auto;background:#fff; min-height:100vh }
.tab-div { display: none} /* CHIUDO TAB MENU PRINCIPALE */
#content-container { display:flex; flex-direction:column; }	
.title-container {max-width:1140px; margin:0 auto}	
#header-wrapper {background: transparent url(/layout/futuranetwork/img/header_grigio.jpg) center center repeat-x; border-bottom: 2px solid #6b818f; font-family: 'Barlow Condensed', sans-serif;}
.titolopagina {padding:0 12px}

aside {flex-grow: 1; order: 1;padding-top:20px  }
main {flex-grow: 1;order: 2; }

/*TIPOGRAFIA*/
a { text-decoration: none; color:var(--mediumblue) }
a:hover { color:var(--darkblue) }
#header-container {position: relative;}
#footer-wrapper a { text-decoration: none; color:var(--darkblue) }

#oc-469 .title-col1::before { content: 'Promosso da:'; }
/* #oc-469 .title-col4::before { content: 'Media partner:'; }
#oc-469 .title-col3::before { content: 'Con la collaborazione di:'; } */
#oc-469 .title-col2::before { content: "Nell'ambito dell’iniziativa:"; }
.mind-oc-469 .width-container {  margin: 0 auto; }

/*sistemazione elenco per lettera autori tag*/
#mind-rel-articolipersone-title.titoletto { margin-top: 36px; margin-bottom: 36px;}
#mind-rel-articolipersone-title.titoletto::before {content:"Contributi da questo autore"; font-size: 110%; font-weight: 600; }
/* #oc-2602 .backlink {display: none;} */

.mind-oc-item.elpersone	.intestazione, .mind-oc-item.elpersone	.contenuto {text-align: center; max-width: 1000px; margin: 0 auto;}

.circleburger .menu {

background: #6b818f !important;
box-shadow: 0 0 0 0 #6b818f, 0 0 0 0 #6b818f !important;
}
.circleburger .menu.open {
box-shadow: 0 0 0 100vw #6b818f, 0 0 0 100vh #6b818f !important;
}
.circleburger .menu-container {
background: #6b818f !important;
}




ul { list-style-type: square; }
a img { border:0}
h1,h2,h3,h4,h5,h6 { font-family: 'Barlow Condensed', sans-serif; line-height: 1.3em; margin:0; color:var(--darkblue) }
h1 {font-size:190%; margin: 5px 0}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:120%;}

/*LOGHI*/

#logos-box { max-width: 1140px; margin:0 auto 0 auto; padding: 20px; position: relative;}

#logo-prj, #logo-claim { width:100%;   text-align: center; margin: 0 auto;  }
#logo-claim {text-align: right; font-style: italic; color: #666; }
#logo-prj img {display: block;width: 210px; box-sizing: border-box; }
#logo-prj a {  width: 100%;display: block; }


/*TITOLI*/
.titlebar { font-size:200%; color:#444; padding:16px 8px 8px 8px; border-bottom:1px dotted   #ccc }
.titlebar a { float:right;font-size:70%; }
/* TOPPA TOGLI grafiche cornicette articoli*/
.d-grid .d-box-foto::before { background:transparent}
/**/

/* MENU */
.menu-btn span {background: var(--mediumblue) !important;}
.menu-btn a {color: #fff;}

#menu-header { display: none}
.tab_millefoglie_wrapper {background: var(--lightblue)}
#menu-header .tab_millefoglie_wrapper a {color: #fff; text-shadow: none; margin:0 2px }
.tab_millefoglie_wrapper .flexwrapliv1 .itemliv1 > a {padding: 10px 20px;	color: #fff;}
#menu-header ul li { list-style-type: none; display: inline; }
#menu-header ul .itemliv1 { color: #fff;  height: auto; margin: 0 4px; padding:10px 8px; white-space: nowrap; text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.2); display: block;}
#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 10px 20px;  transition: all .15s ease-in;}
#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a:hover,
#menu-header .flexwrapliv1 .itemliv1 > span:hover { background:hsl(205, 77%, 35%); color:#fff;text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.2);  }	
#menu-header ul .itemliv1 a{ color: #fff;}
#menu-header .link_item a{transition: all .15s ease-in;}
#menu-header .link_item a:hover{ background: hsl(205, 77%, 40%); color: #fff;}
#menu-header ul .active {background:var(--lightblue); color:#fff;text-shadow: 2px 1px 1px rgba(250, 250, 250, 0.2); transition: all .15s ease-in; }						
#menu-header .flexwrapliv1 .itemliv1 .active:hover {color: #fff; background: hsl(205, 77%, 40%)}
#menu-header ul.liv1 { display:flex; justify-content:space-around; align-items:center }
/* FINE MENU */

#formsearch { margin:-1px 0 0 0 ;padding: 0}
#searchicon input[type="text"] {  height: 28px !important;}

#formsearch div { margin:0;}
#search input[type="text"] {
    background: url(/layout/common/image/search-dark.png) no-repeat 8px 3px #fff;
    border: 1px solid #d1d1d1;    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;    width: 120px;    padding: 5px 15px 5px 35px;    border-radius: 10px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;  transition: all 0.7s ease 0s;  }

#search input[type="text"]:focus {  width: 160px;  }
.buttonsearch { display:none}

/* MENU livello 2  */
aside .menu {margin:0 10px; }
aside .menu {margin-bottom:20px;} /*marx*/
aside .menu li span.group-menu { background:#f3f3ef url(/layout/econ/img/treline-black.png) center right no-repeat }
aside .menu li span.group-menu-opened { background:#f3f3ef url(/layout/econ/img/treline-black.png) center right no-repeat }
aside .menu ul, aside .menu ul li { margin:0; padding:0; list-style-type:none}
aside .menu a, aside .menu span.group-menu, aside .menu span.menu-group {display:block; border-bottom:1px solid var(--mediumblue); text-decoration:none; padding:6px 0 6px 15px; cursor:pointer;background:#f3f3ef;color:var(--mediumblue); margin-bottom:5px; }
aside .menu span.menu-group { display:block;  }
aside .menu ul.liv2 a {margin:0 0 5px 15px; background:#f3f3ef;}
aside .menu li a:hover, aside .menu ul.liv2 li a:hover, aside .menu li span:hover  { background-color:#e9e9e5;}
aside .menu li a.selected {background-color:var(--mediumblue) !important; color: #fff;text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.2);}
aside .menu li a.selected span:hover {background-color:var(--darkblue) !important;}
aside .menu span {  cursor:pointer; }
aside fieldset { border: none; }
aside legend { display: none} 	
/**/

/* GRAFICA FOOTER GENERALE */
#infosito { text-align:center; background: #ebebe4 ; padding:9px 0; color: #FFF;  height: auto; text-shadow: 1px 2px 2px rgb(30, 30, 30);border-bottom:1px solid var(--mediumblue);  font-size: 105%}
#footer-wrapper { box-shadow: 0 -4px 5px 0 rgba(0,0,0,0.2); border-top: 18px solid var(--mediumblue) ; margin-top: 12px; font-family: 'Barlow Condensed', sans-serif;}
#footer-container { font-size: 90%;  position:relative; text-align:center; min-height:150px;  }
footer {margin: 0 auto}
#footer-box {  max-width: 1140px; margin: 0 auto; padding: 5px 0 0 0; }
.footer-item {padding: 20px 0 10px 0; background: var(--mediumblue); color: #fff;}
#boxinfouni {background: #fff; max-width: 250px;   text-align:center; margin:0 auto }
footer h1,h2,h3,h4,h5,h6 { line-height: 1.3em; margin:0; color:var(--darkblue) }
.footer-item img {margin: 12px 0;}


#boxlinks a {color: #444;display: block;text-align:right; padding:0 20px 3px 0}
#boxlinks a:hover { text-decoration: underline; color: #000}
#menu-header ul { display: none}
#top .topleft, #top .topright { display: none}
#top { background:var(--mediumblue); height: 44px}
#menu-header { background:var(--mediumblue); height: 2px;  }

.hamburgher-menu{display:block; z-index:1000;}
.hamburgher-menu { font-size: 90%}
.hamburgher-menu .selected { color:var(--mediumblue)}
.hamburgher-menu .menuitem { border-bottom:1px dotted #ccc;  }
.hamburgher-menu .menu-title { background: var(--mediumblue); height:44px }
.hamburgher-menu a, .hamburgher-menu span{ color:var(--darkblue)}
.hamburgher-menu a:hover{ color:var(--mediumblue)}

/*.top-container,#footer-container,#tab { max-width: 1140px; margin: 0 auto}*/
#tab-wrapper {background: var(--lightblue); box-shadow: 0 2px 4px rgba(120, 120, 120, 0.5); }
.tab-div { margin:0;   padding: 10px}
.tab-div .container  { margin:0 auto; max-width: 1140px}
.tab-div:before, .tab-div:after { content: ""; display: table; clear: both;  }

#topbar { background: #903 !important; color: #fff}
#boxinfouni h3 { display: block;  margin:5px 0 3px 0 }
#boxinfouni h4 { display: block;   color:#666 ; margin:0 0 8px 0}

/*SOCIAL*/
#social-nav {display:none;}
.social {flex: 0 0 100%; display: flex; justify-content: flex-end; margin: 4px 8px}
#socialicon_rss, #socialicon_tw, #socialicon_yt, #socialicon_fb, #socialicon_in, #socialicon_li , #english_pres {display:block;	width: 30px; height: 30px;  filter: grayscale(0);  margin: 0 5px 0 0; transition: all .20s ease-in-out;}
.socialicon_tw {background: transparent url(/layout/futuranetwork/img/social/tw.svg) center center no-repeat;background-size: contain; }
.socialicon_in {background: transparent url(/layout/futuranetwork/img/social/insta.svg) center center no-repeat;background-size: contain;}
.socialicon_li {background: transparent url(/layout/futuranetwork/img/social/in.svg) center center no-repeat;background-size: contain;}
.socialicon_fb {background: transparent url(/layout/futuranetwork/img/social/fb.svg) center center no-repeat;background-size: contain; }
.socialicon_yt {background: transparent url(/layout/futuranetwork/img/social/yt.svg) center center no-repeat;background-size: contain; }
#socialicon_fb:hover, #socialicon_tw:hover, #socialicon_yt:hover, #socialicon_in:hover, #socialicon_li:hover, #english_pres:hover {filter: grayscale(100%); }

/* social footer*/
.socialicon {height: 40px;width: 40px;border-radius: 50%;display: inline-block;background-color: rgba(0,0,0,0.1);margin: 10px 5px; transition: all .15s ease-in; }
.socialicon:hover {	background-color: rgba(255,255,255,0.4) !important;box-shadow: 0px 0px 8px rgba(0,0,0,0.3);}
.socialicon span {display:none}
#facebookicon {	background: url(/layout/futuranetwork/img/facebook.svg) center center no-repeat;background-size: contain;}
#twittericon {	background: url(/layout/futuranetwork/img/tw.svg) center center no-repeat;background-size: contain;}
#youtubeicon {	background: url(/layout/futuranetwork/img/yt.svg) center center no-repeat;background-size: contain;}
.social-wrapper {text-align: center; padding:12px 0}

.d-body .d-box-descrizione {font-style: italic;}
/*search*/
#search { text-align: center; width: 150px; margin: 0 auto;}
#search input { background:transparent; border:1px solid #eee; color:#fff; padding:5px; width:100px;  float:left}
#search .buttonsearch  { border:0; background: transparent url(/layout/futuranetwork/img/social/search.svg) center center no-repeat; width:30px; height:20px; float:left}
#search .buttonsearch span, #search label { display:none}

.credits {flex:0 0 100%; padding: 12px;}

.social-wrapper {display: flex; flex-wrap: wrap;justify-content: center;}

/* fix homepage slider */
.mind-oc-729 .width-container {max-width:100vw; overflow:hidden}
.mind-oc-729 .nivoslidegallery   { min-width: 800px !important;}
 .theme-default a.nivo-nextNav {left: calc(100vw - 45px);} 

.theme-default .nivo-directionNav a {
	 opacity: 1; 
}

/* modifica per ul home */
.mind-oc-792 ul { padding: 0 24px;}

/*footer {background: transparent url(/layout/futuranetwork/img/header_grigio.jpg) center center repeat-x;}*/
#footer-box { display:flex; flex-wrap: wrap;}
#footer-logoinfo {  flex: 1 0 360px}
#footer-boxinfo { flex: 1 0 360px}
#subfooter { height: 8px; background: #6b818e;}
#oc-469 .title-cols::before { font-weight: bold;}
  
/*MEDIAQUERIES*/

@media (min-width: 516px){
	#logos-box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
	#logo-prj, #logo-claim { margin: 0 ; flex: 1 0 50% }

}
@media (min-width: 720px){
	#footer-boxinfo { text-align: right;}
	.social-wrapper {justify-content: flex-end;}
}

@media (min-width: 760px){
	.main-carousel-580 .carousel-cell {  height: 400px !important; }
	#logo-claim {font-size: 130%;}
}

@media (min-width: 980px) {
	.theme-default .nivo-directionNav a {
		opacity: 0; 
   }
   
	#header-wrapper {border-bottom: 0;}
	

	#logo { height:150px; width:500px; background:#fff url(/plugins/slir/-w500/layout/economia/img/economia-logo/logo-economia-uniroma2.png) center center no-repeat;  }
	
	#menu-header { display: block;width:100%;}
	#menu-header {background:hsl(205, 77%, 30%); height: auto; font-size: 120%;}
	#menu-header ul { display: block; text-align: center;margin:0 auto; padding:0;max-width: 1140px;}

	#mobile { display: none}
	#social-nav {display: flex; flex: 0 0 100%;   justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; padding: 0 0 6px 0; position: absolute; top: 8px; right: 5px;}

	#boxlinks { flex: 1 0 44%;}
	#boxinfouni {  line-height: 1.4em;   box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);  padding: 10px; }
	#boxinfouni div {color: var(--darkblue); text-align: center; }
	#boxlinks a { text-align: left; margin-left:6%	}
	#footer-container {text-align: center; }
	footer {margin: 0; }
	#copyr {flex: 1 0 100%;}
	
	/* GESTIONE COLONNA SX*/
	#content-container { flex-direction:row }
	#body-wrapper {display:flex; flex-direction:column}	
	#content-wrapper {flex:1 1 0; }
	aside {flex-grow: 0;flex-basis: 285px; order: 1;padding-top:50px }
	main {flex-grow: 1;flex-basis: 0;order: 2; }
	.mind-toggle-menu { display: none}
	.h0 { color: #fff; text-align: center; text-shadow: 2px 2px 1px rgb(50, 50, 50); display: block;}

	#menu-header ul a {  padding:10px 15px; }
	
	.mind-oc-469 .width-container { margin:0} /* loghi footer a sinistra*/
	.mind-oc-469 { justify-content:flex-start !important}
	
	#footer-box {max-width: 1440px; margin: 0 auto; position: relative;}
	#boxinfouni { margin: 0; padding: 0 0 20px 20px; max-width: 280px;  }
}

/*  CALENDARIETTI CAL */
.mind-oc-calendar .cal_evento {font-size: 100% !important;}
.mind-oc-calendar .cal_evento {line-height: 1.2em;}
.mind-oc-responsivecalendar .event_date_day {font-size: 180% !important;}

@media (min-width: 1140px) {
	.main-carousel-580 .carousel-cell {  height: 440px !important; }
	#logo-claim {font-size: 145%;}
	
	/*fix freccia slider home*/
	div#oc-729.mind-oc.mind-oc-nivoslidegallery.mind-oc-729.slider-wrapper.theme-default.clearfix div.width-container div.nivoslidegallery.nivoSlider div.nivo-directionNav a.nivo-nextNav {left: calc(100% - 45px);}

}
@media (min-width: 1164px){
	.titolopagina {padding:0}
}

@media (min-width: 1480px) {
	#logos-box {padding: 20px 0}
	.social {margin: 4px 0;}
	#social-nav {right: -8px;}
}