/* HEADER */
#header.header-sito {background: #013366;}
#header.header-sito .navbar-section {
    display: flex;
    align-items: center;
}
#header.header-sito .desktop-menu {
    margin-left: auto;
}
#header.header-sito ul li a {
	color: rgba(255,255,255,.9);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#header.header-sito ul li a.active {	color: #fff;}
#header.header-sito ul li a:focus,
#header.header-sito ul li a:hover  {
	color: #fff;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* SOTTOMENU */
#header.header-sito ul ul {
    background: white;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 8px 0;
    position: absolute;
    min-width: 200px;
    z-index: 1000;
}
#header.header-sito ul ul li a {
    color: #013366 !important;
    padding: 8px 16px;
    font-weight: 500;
    transform: none;
    transition: background-color 0.3s ease;
}
#header.header-sito ul ul li a:hover,
#header.header-sito ul ul li a:focus {
    color: #fff !important;
    background-color: #013366;
    transform: none;
}


.navigation li a {
	background-position: left center;
	background-repeat: no-repeat;
}
/* Rimuovo le icone vecchie del COVID */
.navigation li a {
    padding-left: 10px;
    background-image: none;
}

h2 img {vertical-align: sub;}

/* MODULI PAGINA */
.modular-text {
    padding-top: 0; 
    padding-bottom: 0;
}
#di-cosa-si-tratta + .modular-text {padding-top:4rem;}
#segnala + .modular-text {padding-bottom:4rem;}

/* CARDS PROGETTI */
.card {
    border: 0;
    box-shadow: 0 0.25rem 1rem rgba(48,55,66,.15);
    height: 100%;
}

.column {padding: .4rem;}

/* FOOTER */
.footer {background:#013366;}
.footer a, 
.footer a.active, 
.footer a:active, 
.footer a:focus,
.footer  a:hover,
.footer a:visited {color:#fff;text-decoration: none;font-weight:400;}
i.fa.fa-heart-o.pulse, i.fa.fa-heart.pulse {color:#fff;}

/* BACK TO TOP */

#back-top {position: fixed; display:none; bottom:10px; right:10px; width: 50px;height:45px;}
#back-top i {display: inline;}

/* MENU MOBILE */
.mobile-menu .button_container span {background:#fff;}
.mobile-logo img, .mobile-logo svg {margin-left: initial;}
.overlay {background: #013366;}
.overlay-menu ul.navigation {list-style: none;margin-top:4rem;}
.overlay-menu ul.navigation li {margin-top: 1rem;text-align: left;}
.overlay-menu ul.navigation  li a {
	color: #fff;
	font-size:2.3rem;
	padding-left: 60px;
}
.overlay-menu a.active, 
.overlay-menu a:active, 
.overlay-menu a:focus, 
.overlay-menu a:hover {
    text-decoration: none;
    font-weight:700;
}

.overlay-menu .navigation li a {background-size:contain;}
/* Rimuovo le icone vecchie del COVID dal menu mobile */
.overlay-menu .navigation li a {
    background-image: none;
    padding-left: 20px;
}



/* ##### MEDIA QUERIES ##### */

/* Piccoli dispositivi (telefoni) */
@media (max-width: 768px) {
	body, .h5 {font-size:1.2rem;}
	.footer {z-index: 9999999999;}
}

@media (min-width: 769px) {
	/* SCROLLBAR */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background: #f8f9fa ;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #013366;
	  border-radius: 4px;
	  border: solid 2px #f8f9fa;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #1372e7; 
	}
}