:root {
	--color-a-400: hsl(197, 61%, 50%);
	--color-a-500: hsl(197, 61%, 40%);
	--color-a-600: hsl(210, 100%, 35%);
	--color-a-700: hsl(210, 100%, 25%);
	--color-a-800: hsl(210, 100%, 15%);
	--transition: all .1s ease-in-out 
}
*{font-family:'Nunito', sans-serif !important;}
h1,h2,h3 {color: var(--color-a-800);} /*titoli*/

a {color: var(--color-a-600);}  /*link*/
a[href]:hover {color: var(--color-a-800);}  /*hover link*/

/***  HEADER   ***/
#top-wrapper {background:var(--color-a-400);}
#content-wrapper {background: #fff;}
#content-container a {color: var(--color-a-600);}
#main-container {max-width: 100%; padding: 0}



/*text-shadow: #474747 3px 2px 2px;*/
#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 .logo-antic {background:transparent url(/layout/anticorruzione/img/logo.png) center center no-repeat; width: 250px; height: 130px; display:block;margin: 0 auto; background-size: contain; }

/*** MENU HAMBURGHER ***/

.hamburgher-menu .menu-title { background: var(--color-a-600);}
.hamburgher-menu a:hover { text-decoration: none;}
.responsive-menu { color: var(--color-a-600); 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: 7px 20px; color: #333;}

#menu-header .menu-mf-wrapper .flexwrapliv1 .itemliv1 a:hover,
#menu-header .flexwrapliv1 .itemliv1 span:hover  { background: var(--color-a-400);   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(--color-a-600)}

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

#footer-container { max-width:1440px }
	
#footer-container a { color: var(--color-a-400);}
.socialicon {background-color: var(--color-a-600) !important; transition: var(--transition);}
.socialicon:hover {background-color: var(--color-a-700) !important;}

#logo-prj h1 { font-size:3em; padding:16px 0}

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

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

.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 .logo-antic {margin: 0;}

}


@media (min-width: 850px){
	#menu-wrapper .tab_millefoglie_wrapper { background:var(--color-a-500) }
	#menu-wrapper .active{background:var(--color-a-500) !important; color:#fff !important;	}

}