:root {
	--color-a-300:#04455D;
	--color-a-200:#006b75;
	--color-a-100:#12996A;
	--color-b-200:#AFCA0B;
	--color-b-100:#F1DD00;
}

body { font-family: 'Roboto', sans-serif; margin:0; padding:0; color:#333;letter-spacing:0.02em; line-height:1.4em }

/*100% height*/
html, body { min-height: 100%; width: 100%; }
#body-wrapper {display:flex; flex-direction:column; height: 100%;font-family: 'Inter', sans-serif; background:#fff; min-height:100vh}
#content-wrapper { flex:1 1 0; }
/**/

.tab-div { display: none} /* CHIUDO TAB MENU PRINCIPALE */
#content-container { display:flex; flex-direction:column }	
.title-container {max-width:1440px; margin:0 auto; 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(--color-a-300) }
a:hover { color:var(--color-a-300) }
#header-wrapper {line-height: 1.2em}
#header-container {position: relative;}
#footer-wrapper a { text-decoration: none; color:var(--color-a-300) }

ul { list-style-type: square; }
a img { border:0}
h1,h2,h3,h4,h5,h6 { letter-spacing:0.05em;line-height: 1.3em; margin:0; color:var(--color-a-300);font-family: 'Bebas Neue', cursive; }
h1 {font-size:1.5rem; margin: 5px 0}
h2 {font-size:1.3rem;}
h3 {font-size:1.1rem;}
h4 {font-size:1rem;}
h5 {font-size:0.9rem; font-family: 'Inter', sans-serif;}
h6 {font-size:0.9rem; font-family: 'Inter', sans-serif;}

.d-box-taxo {display:none;}
/*LOGHI*/
#logos-box {align-items:center; max-width: 900px; margin:30px auto 0 auto;}
#logo-ateneo {	flex: 1 0 290px;text-align: center; display: inline-block; width: 100%;}
#logo-ateneo img {max-width: 330px; width:100%}
#logo-prj img { width:100%}
#logo-prj {display: none;}
#logo-prj-mobile { flex: 1 0 150px; padding:0;  width:100%;   text-align: center; max-width: 240px;  }
#logo-prj-mobile img{display: block;width: 100%; padding: 8px 12px; box-sizing: border-box;}
#logo-prj-mobile a {display: block; width: 100%;}
.logo-acum {display:none; }
#logo-prj a  {  width: 100%; }
#logouniroma { width: 250px; height: 120px; display: inline-block; background: transparent url(/layout/acumaster/img/logo-tor-vergata-en-white.svg) center center no-repeat;background-size: 100%; }
#logouniroma span { display: none;}
#logo-economia img { width:290px; display: inline-block;  }
/*TITOLI*/
.titolopagina {font-weight: normal;}
.titolopagina2 { font-weight: normal;}
.titlebar { font-size:200%; color:#444; padding:16px 8px 8px 8px; border-bottom:1px dotted   #ccc }
.titlebar a { float:right;font-size:70%; }

/**/

/* MENU */
.menu-btn span {background: var(--color-a-300) !important;}
.menu-btn a {color: #fff;}
#menu-header-container { display: none}
	/*colori dropdown menu*/
	#menu-header .dropdown .dropdown-menu {background:var(--color-a-100) !important;}
	#menu-header .nav-item .dropdown-menu.active .arrow { border-bottom: 15px solid var(--color-a-100) !important;}
	#menu-header .dropdown .dropdown-menu .dropdown-item {color: #fff !important;}
	#menu-header .dropdown .dropdown-menu .dropdown-item:hover {    background: var(--color-a-300);  }
	#menu-header .dropdown .dropdown-menu .dropdown-item.dropdown-item-liv2:hover {background: var(--color-b-100);}
	#menu-header .dropdown .dropdown-menu .dropdown-item.open {background: var(--color-a-200);}
	#menu-header .dropdown .dropdown-menu .dropdown-item.dropdown-item-liv2.open { background: var(--color-a-200);}
	#menu-header .dropdown-menu .box-liv2 { background: var(--color-a-200); }
	#menu-header .btn-toggle-liv2 i { color: #fff;}


/*menu-mobile*/
#mobile .circleburger  .menu {	background: var(--color-a-100); box-shadow: 0 0 0 0 var(--color-a-100), 0 0 0 0 var(--color-a-100);  }
#mobile .circleburger .menu-container {	background:var(--color-a-100);   }
#mobile .circleburger .open-menu-link {	background: var(--color-a-300);  }
#mobile .circleburger .menu.open {    box-shadow: 0 0 0 100vw var(--color-a-100), 0 0 0 100vh var(--color-a-100);}  
#mobile .circleburger .open-menu-link {background: var(--color-a-300);}
/**/

/* FINE MENU */

#formsearch { margin:0;padding: 0}
#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(--color-a-300); text-decoration:none; padding:6px 0 6px 15px; cursor:pointer;background:#f3f3ef;color:var(--color-a-300); 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(--color-a-300) !important; color: #fff;text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.2);}
aside .menu li a.selected span:hover {background-color:var(--color-a-300) !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(--color-a-300);  font-size: 105%}
#footer-wrapper{ box-shadow: 0 -4px 5px 0 rgba(0,0,0,0.2); margin-top: 12px;}
#footer-container { font-size: 90%;  position:relative; text-align:center; min-height:150px;  }
footer {margin: 0 auto}
#footer-box, #subfooter  { padding: 20px 0 0 0;  background: rgb(241,221,0); background: linear-gradient(150deg, rgba(241,221,0,1) 0%, rgba(175,202,11,1) 25%, rgba(18,153,106,1) 50%, rgba(0,107,117,1) 75%, rgba(4,69,93,1) 100%);  }
.footer-item {padding: 10px 0; color: #333;}
#boxinfo {background: #fff; text-align:center; margin:0 auto; display: grid; grid-template-columns: 1fr ;  grid-template-areas: "a1" "a2" "b1" "b2";}
#boxinfo img{width: 100%; max-width: 300px;}
.crui-copy {grid-area: a1;}
.crui-logo {grid-area: a2;}
.asvis-copy {grid-area: b1;}
.asvis-logo {grid-area: b2;}


footer h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif;letter-spacing:0.05em;line-height: 1.3em; margin:0; color:var(--color-a-300) }
.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}
#top .topleft, #top .topright { display: none}
#top { background:var(--color-a-200); height: 44px}
#menu-header { background:var(--color-a-300); height: 2px}

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

/*.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: 1440px}
.tab-div:before, .tab-div:after { content: ""; display: table; clear: both;  }

#topbar { background: #903 !important; color: #fff}

/*SOCIAL*/
	.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}
	.lang-icon-it { background: url(/layout/common/Social/color/it.svg) center center no-repeat;background-size: contain;}
	.lang-icon-en { background: url(/layout/common/Social/color/eng.svg) center center no-repeat;background-size: contain;}

	#facebookicon {	background: url(/layout/rus/img/facebook.svg) center center no-repeat;background-size: contain;}
	#twittericon {	background: url(/layout/rus/img/tw.svg) center center no-repeat;background-size: contain;}
	#youtubeicon {	background: url(/layout/rus/img/yt.svg) center center no-repeat;background-size: contain;}
	.social-wrapper {text-align: center}
	.social-wrapper-foo {margin-top: 12px;}
	.d-body .d-box-descrizione {font-style: italic;}

/**/

/*modifiche boxhp*/
.box-item-container .descrizione {	padding: 12px;}
.box-item-container .titolo {	padding: 12px 14px;}

#oc-246 {background:#eee}

/*MEDIAQUERIES*/
@media (min-width: 600px){
	/*	AFFIANCAMENTO LOGO ATENEO - PRJ */
	#logos-box { margin:15px auto ;}
	#logos-box { display:flex; flex-wrap:no-wrap;}
	#logo-prj { display: block; flex: 1 0 200px; padding:0; background: transparent  no-repeat center center; width:100%;  background-size: 100%; text-align: center; max-width: 200px;  }
	#logo-prj  img {padding-left: 16px;box-sizing: border-box;}
	#logo-prj-mobile { display:none;  }
	#logo-ateneo {flex: 1 0 290px; text-align: right; }
	#logo-prj a { display: inline-block;}
	#boxinfo {grid-template-columns: 1fr 1fr;  column-gap: 12px; grid-template-areas: "a1 b1" "a2 b2";}
	.social-wrapper {margin: 12px auto; position: absolute;top: 30px; right: 15%;text-align: right;}

}
@media (min-width: 810px) {
	
	#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(--color-a-300); 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;}



}

@media (min-width: 850px) {
	#boxinfouni { margin: 0; padding: 0 0 20px 20px; max-width: 280px;  }
}

@media (min-width: 950px) {
	/*test ele menu affiancato*/
#header-container {	display: flex;	 align-items: flex-end; margin: 24px auto; justify-content: space-between;	max-width: 1440px; padding: 0 12px; box-sizing: border-box;	   }
.tab_millefoglie_wrapper {	position: absolute;	left: 0;	right: 0;   }
#menu-header-container {	position: relative;   }
#menu-header-container .navbar-nav {padding: 0; margin: 0;}
/**/

#menu-header-container { display: block}
#menu-header { height: auto; background: transparent;font-family: 'Oswald', sans-serif; margin: 0 6px;flex: 0 0 75%; }
#logos-box {margin: 0; flex: 0 0 25%; }
#mobile { display: none}
.social-wrapper {top: -10px; right: 12px; margin: 0;}
.socialicon {height: 26px; width: 26px; margin: 0;}

}


/*.card-container {position: relative;}
.item-card .oc-item-text {text-align: center;}
.item-card .oc-item-title {position: absolute; top: 50%; width: 100%; margin: 0 auto; font-size: 1.8em; padding: 0 20px; box-sizing: border-box; }
.item-card .oc-item-title span { color: #fff; }
.item-card .oc-item-boximg:hover { filter: brightness(50%) }
*/