:root {
	--ultralightcolor: hsl(119, 18%, 54%); 
	--mediumlightcolor: hsl(117, 26%, 50%);
	--maincolor: hsl(117, 40%, 40%);
	--darkcolor: hsl(117, 40%, 25%);
	--ultradark: hsl(117, 30%, 10%);
	--complementarcolor: hsl(235,5%,55%);
}
*{font-family:'Arimo', sans-serif !important; line-height: 1.5rem;}
body {font-size: 106%;}
h1,h2,h3 {color: var(--darkcolor);} /*titoli*/

a {color: var(--maincolor);}  /*link*/
a[href]:hover {color: var(--darkcolor);}  /*hover link*/
a { text-decoration: underline; }
/***  HEADER   ***/
#top-wrapper {background:var(--ultralightcolor);}
#content-wrapper {background: #f5f5f5;}
#content-container a {color: var(--maincolor);}
#main-container {max-width: 100%; padding: 0}

#top-container { text-align: left;  padding:0 10px; max-width: 1440px; margin: 0 auto; }

#department-logo a {color: #fff; padding: 4px 12px; display: inline-block; }
#department-logo a:hover { color: #fff;}


#logo-prj a {  height: 100px; width: 320px; margin: 0 auto; display: block; background: transparent url(/layout/ecocdl/img/polaris_logo.svg) center center no-repeat; }
#logo-prj a .site-name {  display: none; }
/*** MENU HAMBURGHER ***/

.hamburgher-menu .menu-title { background: var(--maincolor);}
.hamburgher-menu a:hover { text-decoration: none;}
.responsive-menu { color: var(--maincolor); font-variant: all-small-caps;}

/*** MENU ***/
#menu-header { display: block;  line-height: 1.4em; font-variant: all-small-caps; font-weight: normal;  box-shadow: none; border-bottom:0; box-shadow: 0 0 20px #f0f0f0; }

#menu-header .menu-mf .flexwrapliv1 .itemliv1 > a,#menu-header .flexwrapliv1 .itemliv1 > span   { padding: 8px 20px; color: #333;}

#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a:hover,
#menu-header .flexwrapliv1 .itemliv1 span:hover  { background: var(--mediumlightcolor);   color: #fff;}
    
.menu-mf { color: #333; }
#menu-header .menu-mf-wrapper { background:#fff;}

#menu-wrapper .tab_millefoglie_wrapper a span {position: relative;}
#menu-wrapper .tab_millefoglie_wrapper a span:after {content: ""; height: 1px; width: 0; position: absolute; bottom:0; left:50%;transform: translate(0 -50%); background:#fff; transition:all .3s ease }
#menu-wrapper .tab_millefoglie_wrapper a span:hover:after { width: 100%; left: 0}

/*** MAIN ***/
legend { color: var(--maincolor)}

/***  FOOTER   ***/
#footer-wrapper{ border-top:1px solid var(--ultradark); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); background: var(--darkcolor); color:#fff; margin-top: 0; border-bottom: 20px solid var(--ultradark); }

#footer-container { max-width:1440px }
	
#footer-container a { color: var(--ultralightcolor);}
.socialicon {background-color: var(--darkcolor) !important;}

.accordion .elgenerico a.opening {background:#fff url(/layout/common/image/spoiler_open.png) center right no-repeat; border:none; border-bottom:1px solid var(--darkcolor); padding-left:0}

#content-container .accordion .elgenerico a.opening:hover {color:var(--maincolor);background:#fff url(/layout/common/image/spoiler_open.png) center right no-repeat; border:none; border-bottom:1px solid var(--darkcolor)}

.accordion.elgenerico .expanded {border:none;padding:0}
  .box-item-container h1:first-child,   .box-item-container h2:first-child,   .box-item-container h3:first-child,   .box-item-container h4:first-child,   .box-item-container h5:first-child,   .box-item-container h6:first-child,   .box-item-container p:first-child {margin: 0 !important; }
.box-item-container .titolo{ padding: 12px 14px}
.box-item-container { border-top: 0 !important; position: relative;}
.box-item-container .descrizione{ padding: 12px}

.mindform {
	margin: 20px auto;
	max-width: 1140px;
}


@media (min-width: 600px){
	#logo-prj a {width: 260px ;}
}


@media (min-width: 820px){
	#menu-wrapper .tab_millefoglie_wrapper { background:var(--maincolor) }
	#menu-wrapper .active{background:var(--maincolor) !important; color:#fff !important;	}
	#logo-prj a {width: 350px ;}
}
@media (min-width: 1350px){
	
}