/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2025 | 21:37:29 */
/* Container linguaggi in orizzontale */
.dsm-menu-container ul.dsm-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#vedifigli .ctdqb-item {
	background-color:#fff;
	border-radius:8px;
	border: 1px solid #e2e8f0;
	padding:15px;
	overflow:hidden;
}
#vedifigli .ctdqb-item h4 {
	font-size: 1.25rem;
		margin-top:20px;
		margin-bottom:25px;
}

.labeldifficolta {
	    font-weight: 600;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
}

#vedifigli .ctdqb-item .ctdqb-post-link {
	background-color: #15803d;
    color: #fff;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    border-radius: 5px;
    opacity: 0.8;
}

#vedifigli .ctdqb-item .ctdqb-post-link:hover {
    opacity: 1;
}


#vedifigli .ctdqb-item .ctdqb-post-feature-image {
	margin-top:-15px;
	margin-left:-15px;
	margin-right:-15px;
}

.size-altricontenuti_top {
  width: 100%; 
  aspect-ratio: 2 / 1; 
  object-fit: cover;
  display: block;
}


/* Aggiunge il globo prima del primo elemento */
.dsm-menu li.lang-item-first::before {
  content: "\f0ac"; /* FontAwesome globe */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: #fff; /* Cambia colore se necessario */
}

/* Rimuove i bullet del tipo 'disc' impostati da DSM */
.dsm-menu-style-type-disc > li::before {
  display: none;
}

/* Separatori tra le lingue */
.dsm-menu li.lang-item:not(:last-child)::after {
  content: "|";
  margin-left: 8px;
  margin-right: 5px;
  color: #ccc;
}

/* Link */
.dsm-menu li.lang-item a {
  text-decoration: none;
  color: #fff; /* Cambia in base al tuo design */
  font-weight: bold;
}

/* Lingua attiva */
.dsm-menu li.current-lang a {
  text-decoration: underline;
}

@media (max-width: 981px) {

    #menutoppe .et_pb_column {
        width: 100% !important;
    }
	
	#carouselintestazione .owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: 55vh;
		object-fit: cover;
	}
	
	#menutoppe > .et_pb_row > .et_pb_column {
        width: 100% !important;
    }
	.dsm-menu-container ul.dsm-menu {
	  	display: flex;
		flex-direction:column;
		gap: 0px;
	}
	
	
	.dsm-menu-container ul#menu-menu-lingue {
	  	display: flex;
		flex-direction:row;
		gap: 0px;
	}
	.dsm_menu_1_tb_header ul.dsm-menu-submenu-collapse li a .et-pb-icon {
    	color: #333333 !important;
	}
	.dsm-menu a {
    	color: #333333;
	}
	
}