/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 21 2023 | 15:41:40 */
/*
 * VARIABILI
 */
:root {
    --my-blue: #4054A1;
    --my-light-blue: #C5D5E7;
    --my-yellow: #D6B232;
    --my-light-yellow: #E1D3B4;
    --my-grey: #6B6A6B;
    --my-light-grey: #CCCCCC;
}
/*
 * Focus
 */
*:focus, a:focus, button:focus, input:focus, form:focus {
	box-shadow: 0 0 10px var(--my-blue);
	box-shadow: 0 0 5px #D6B232, 0 0 5px #D6B232;
	outline: 3px solid #D6B232 !important
}
/*
 * Barra di ricerca
 */
.form-check [type=checkbox]:focus+label, .form-check [type=radio]:focus+label, .toggles label input[type=checkbox]:focus+.lever, :focus {
	border-color: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#container {
	border-top: 1px solid var(--my-light-blue);
	margin-top: 10px;
}
.menu-main .nav a {
    color: var(--my-blue);
}
/*
 * Menù principale
 */
ul#menu-primary-menu > li:hover, 
ul#menu-primary-menu-inglese > li:hover,
ul#menu-primary-menu-francese > li:hover {
	background-color: transparent!important;
}
ul#menu-primary-menu > li:hover::after,
ul#menu-primary-menu-inglese > li:hover::after,
ul#menu-primary-menu-francese > li:hover::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background-color: var(--my-blue);
	z-index: -1;	
}
ul#menu-primary-menu > li.current-menu-item::after,
ul#menu-primary-menu-inglese > li.current-menu-item::after,
ul#menu-primary-menu-francese > li.current-menu-item::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background-color: var(--my-blue);
	z-index: -1;	
}
ul#menu-primary-menu > li:hover a, ul#menu-primary-menu-inglese > li:hover a, ul#menu-primary-menu-francese > li:hover a {
	color: var(--my-blue);
}
/* Distribuisco le voci del menù, <li>, per tutto lo spazio occupato da <ul>  */
ul#menu-primary-menu > li, ul#menu-primary-menu-inglese > li, ul#menu-primary-menu-francese > li {
	flex-grow: 1;
}
ul.sub-menu > li.current-menu-item::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	width: calc(100% - 20px);
	height: 2px;
	background-color: var(--my-blue);
	z-index: -1;	
}
ul.sub-menu > li:hover::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	width: calc(100% - 20px);
	height: 2px;
	background-color: var(--my-blue);
	z-index: -1;	
}
.menu-main .nav li ul a:hover, .menu-main .nav li ul a:active {
	text-decoration: none;	
}
div.it-header-slim-wrapper {
	background: white;
}

/*
 * Menù a tendina
 */
.menu-main .nav li ul, .menu-main .nav li ul:before, .menu-main .nav li li:hover {
	background-color: #e8e8e8!important;
}
.scopri-la-citta a {
    color: var(--my-blue)!important;
}
.menu-main .nav .current-menu-item, .menu-main .nav .current-menu-ancestor {
	box-shadow: none!important;
}
/*
 * Voci del menù selezionate
 */
.menu-main .nav .current-menu-item a, .menu-main .nav .current-menu-ancestor a {
    color: var(--my-blue);
}
/*
 * Barra di ricerca
 */
.searchform input[type="text"] {
    color: #4054A1 !important;
    box-shadow: inset 0 -1px 0px #C5D5E7 !important;
}
.searchform input[type="text"]:hover {
    background: #C5D5E7 !important;
}
/*
 * Hamburger menù
 */
@media (max-width: 767px) {
	label[for="show-menu-main"].show-menu-main {
		content: ""; /* Create a pseudo-element for the background image */
		display: block;
		background-image: url('/wp-content/uploads/2023/09/burger-menu-svgrepo-com-1.svg'); /* Specify the image source */
		background-size: contain; /* Adjust the background size as needed */
		background-repeat: no-repeat; /* Prevent the background image from repeating */
		width: 40px; /* Adjust the width of the image */
		height: 40px; /* Adjust the height of the image */
		margin: auto; /* Center the image horizontally */
		z-index: 50000000; /* Ensure the image appears above the label */
	}	
}

.show-menu-main:after {
    display: none!important;
}

#show-menu-main[type="checkbox"]:checked ~ .show-menu-main:after {
	display: block!important;
}

/* VERSIONE BETA: metti 'none' per nasconderla */
#header > div > div.it-header-slim-wrapper > div > div > div > div > img {
	max-width: 500px;
    max-height: 40px;
}

@media (max-width: 768px) {
	.it-header-slim-wrapper {
		display: block;
	}
}
/*
 * Sticky Menu
 */
#header {
	z-index: 999;
}