/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }  

.uk-nav-navbar > .uk-parent > a:after {    
content: "\f107";    
font-family: "FontAwesome";    
display: block;    
float: right;    
}  

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub {     
display: block;    
background: #fff;/*none repeat scroll 0 0 padding-box #fff;*/
border: 1px solid rgba(0, 0, 0, 0.12);    
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);    
width: 200px;    
margin-top: -5px;    
padding: 15px;    
position: relative;    
left: 150px;
z-index: 9998;
pointer-events: auto !important; /* Impedisce l'interferenza di altri elementi sopra il menu */
white-space: nowrap; /* Evita il wrapping su due righe */
/*flex-wrap: nowrap;*/
}


.no-space {padding:0!important}

/* RokSprocket
 ========================================================================== */

/* Mosaic Overlay Image effect */
img.hover-effect { 
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
}
img.hover-effect:hover { 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

/*Rewrite the stupid bootstrap
 ------------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
	height: auto;
	line-height: 1.7!important;
	width: auto;
}
/* Full Size Image Background
 ========================================================================== */
.uk-cover-background {
	background-position: center top;
}

/* Headline with Border
 ========================================================================== */
span.border {
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	padding:10px 20px;
}
/* Slider
 ========================================================================== */
.slider {
	position:absolute;
	width:100%;
	max-width:100%;
	height:100%;
	top:0;
	right:0;
	left:0;
}

/* Headerbar
 ========================================================================== */

.headerbar .header-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
	z-index:10;
}
.headerbar {
	width:100%;
	height:100vh;
	overflow: hidden; /*visible;*/
	position:relative;
	background-position: center center !important;/*50% 50% !important;*/
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 10; /* Assicura che l'header sia sopra il video */
}

.video-file {overflow:hidden;position:absolute;top:0;right:0;width:100%; height:100%}

.headerbar video {
	object-fit: cover;
	width:100%;
	height:100%;
}
.headerbar video {
    /*display: block !important;
    visibility: visible !important;*/
    opacity: 1 !important;
    width: 100% !important;
    /*height: auto !important;*/
    /*max-height: 400px;*/
    object-fit: cover !important;
    /*position: relative !important;*/
    z-index: -1;
    pointer-events: none;
}
.headerbar video {
    height: 100%; /* Assicura che il video copra tutta l'area dell'header */
    position: absolute;
    top: 50%; /* Impedisce al video di spostarsi troppo in alto */
    left: 50%;
    transform: translate(-50%, -50%); /* Sposta il video al centro verticalmente */
}

video::-webkit-media-controls {
    display:none !important;
}
.headerbar-module {
	/*text-align:center;*/
	left: 0;
    right: 0;
    top: 20%;
	position: relative;/*absolute;*/
	width: 100%;
	/*max-width:100%;
	margin-top:10%;*/
	z-index: 1;
}
.headerbar-module {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.headerbar-module {
    max-width: 1200px; /* o quello che vuoi */
    padding: 10px 40px;
    margin: 0 auto;
}

.text-shadow {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
}
.headerbar h1 {
	font-size:60px;
	color:#fff;
}
.headerbar h2 {
	font-size:20px;
	color:#fff;
}

/* Video Style for Responsive Devices
 ========================================================================== */

@media screen and (max-width: 1024px) {
	#menu-outer { top:0!important}
}
@media screen and (max-width: 768px) {
	h1,h2,h3,h4,h5,h6 {font-size:180% !important;line-height:110% !important}
	#top-a, #top-b, #top-c, #top-d, #bottom-a, #bottom-b, #bottom-c, #bottom-d {padding:10px 0 !important;}
	.uk-container {padding:0 2%!important}
}

@media screen and (max-width: 768px) {
    .headerbar video {
        width: 100vw !important; /* Larghezza pari al viewport */
        height: 100vh !important; /* Altezza pari al viewport */
        object-fit: cover !important; /* Copre l'intera area senza distorsioni */
        min-height: 100vh !important; /* Garantisce che copra tutta l'altezza */
        display: block !important; /* Forza la visibilità */
        visibility: visible !important; /* Rende il video visibile */
    }
}
@media screen and (min-width: 769px) {
    .headerbar video {
        width: auto !important;
        height: auto !important;
        object-fit: initial !important;
        min-height: auto !important;
        display: block !important;  /* oppure 'none' se non desideri mostrare il video */
        visibility: visible !important;
    }
}
/* Mostra il video SOLO sulla homepage in mobile */
@media screen and (max-width: 768px) {
    .home .headerbar video { 
        display: block !important;
    }
    body:not(.home) .headerbar video { 
        display: none !important;
    }

/*@media screen (max-width: 480px) {
    body:not([data-itemid="101"]) .home. headerbar video {
        display: none !important;
    }
@media screen and (max-width: 768px) {
    body[data-itemid]:not([data-itemid="101"]) .home .headerbar video {
        display: none !important;
    }
}/*

/* Toolbar Outer 100%
 ========================================================================== */
.toolbar-outer {
	width:100%;
}
.tm-toolbar {
	margin:0!important;
	padding:10px 0;
}
.tm-toolbar ul {
	margin:0!important
}
.tm-toolbar ul li{
	border-color:white !important;
}

.tm-toolbar .uk-subnav > * {
	margin-top: 0;
}
/* Logo 
 ========================================================================== */
.logo {
	float:left;
	text-align:left;
}
.logo p {
	margin:0!important;
}
.tm-logo-small h1 {margin:0}

a.tm-logo:hover {
	color:none;
	text-decoration:none!important;
}
/* Mobile Logo 
 ========================================================================== */
.tm-logo-small {
	display: inline-block;
	letter-spacing: normal!important;
}

/* Absolute Module Position
 ========================================================================== */
.absolute {
	position: fixed;
	right:10px;
	top:20%;
	z-index:999;
}
.uk-dotnav li a {border:1px solid rgba(255, 255, 255, 0.5)}


/* Mainmenu 
 ========================================================================== */
.menu-inner {
	/*float:left;
	text-align:left;*/
    display: block; /*flex;*/
    /*align-items: center;*/
}

.uk-dropdown .uk-nav {
	text-align: left;
}
#menu-outer { 
	z-index: 20;
	left: 0;
	position:absolute;
    right: 0;
    top: 10%;
}
.uk-navbar-nav {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.uk-navbar-bg {
	box-shadow: 0 1px 0px 1px rgba(0, 0, 0, 0.09);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
  .uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
  .uk-navbar-bg {
  background-color: #ffffff; /* Sfondo bianco */
  padding: 0 20px;
  flex-wrap: nowrap;
  gap: 20px; /* spazio fra logo e menu */
  overflow: hidden; /* evita overflow brutto se non c'è spazio */  
}
  .uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap; /* <<< forza su una sola riga */
  gap: 20px; /* spazio fra logo e menu */
  overflow: hidden; /* evita overflow brutto se non c'è spazio */
}

.uk-navbar-bg .logo {
  text-align: left;
  margin-right: 20px; /* opzionale */
  flex: 0 0 auto;
  white-space: nowrap; /* evita che il testo vada a capo */
}
  
}

.uk-sticky-placeholder .uk-active .uk-navbar-bg {
	box-shadow: none;
	margin-top:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* Mainmenu Center
 ========================================================================== */
 .uk-navbar {
	float:none;
	text-align:center;
}
.uk-dropdown .uk-nav {
    text-align: left;
}

.uk-navbar-nav {
    /*.display: inline-block;*/
    /*float: none!important;*/
   /* list-style: outside none none;*/
    margin: 0;
    padding: 0;
    /*text-align: center!important;*/
    z-index: 9999;
}
    .uk-navbar-nav {
    display: flex; /* Cambia da inline-block a flex */
    justify-content: center; /* Centra gli elementi orizzontalmente */
    background-color: white; /* Imposta lo sfondo bianco */
    width: 100%; /* Assicura che il menu occupi tutta la larghezza disponibile */
    align-items: center;
    list-style: none
    flex:  1 1 100%; /*.1 1 auto; */
    flex-wrap: nowrap; /* forza su una sola riga */
    overflow-x: auto; /* scroll orizzontale se troppo lungo */
}

/* Sticky Menu
 ========================================================================== */
.tm-navbar {
	margin:0!important;
	padding:0!important;
}

/* Offcanvas Button
 ========================================================================== */

.uk-navbar-toggle {
	display: inline-block;
}
.uk-navbar-toggle {
    z-index: 9999 !important; /* Assicurati che il menu hamburger sia cliccabile sopra il video */
    pointer-events: auto !important; /* Impedisce l'interferenza di altri elementi sopra il menu */
}
.uk-navbar-toggle {
    touch-action: manipulation; /* Evita che il browser interpreti male il tocco */
    cursor: pointer; /* Garantisce che appaia come un elemento interattivo */
    position: relative;
}
.uk-navbar-dropdown {
    display: none; /* Nasconde il menu dropdown inizialmente */
    opacity: 0;
    visibility: hidden;
    z-index: 9990;
    transition: none !important; /*opacity 0.3s ease, visibility 0.3s ease;*/
}
.uk-navbar-nav > li:hover .uk-navbar-dropdown,
.uk-navbar-toggle:focus + .uk-navbar-dropdown {
    display: block;
    opacity: 1;
    visibility: visible;
}
.uk-navbar-dropdown {
    display: none !important; /* Nasconde il menu inizialmente */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.uk-navbar-toggle.open + .uk-navbar-dropdown {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.uk-navbar-dropdown {
    transition: none !important;
}

/*Center the Sub Menu
 ------------------------------------------------*/
.submenu .uk-subnav {
	display: inline-flex!important
}
.submenu .uk-subnav li a {
	color:#999;
	font-size:12px;
}
.submenu .uk-subnav li a:hover {
	color:#444;
	font-size:12px;
}

 
 /* Footer A Modules 
 ========================================================================== */
.footer-a-outer {
	background:#161616;
	color:#bbb; 
	font-size:12px;

}
.footer-a-outer a,
.footer-a-outer h1,
.footer-a-outer h2,
.footer-a-outer h3,
.footer-a-outer h4,
.footer-a-outer h5,
.footer-a-outer .title
 {
	color:#fff; 
}
.footer-a-outer a:hover
 {
	color:#fff;
	text-decoration:underline
}

/* Footer 
 ========================================================================== */
.tm-footer {
	background: #111!important;
	margin:0!important;
	padding:20px 0;
	font-size:12px;
	color:#999;
}
.tm-footer a:hover {
	color:#777!important;
}
.tm-footer a {
	color:#fff!important;
}

/*Center the Footer Menu
 ------------------------------------------------*/
.tm-footer .uk-subnav {
	display: inline-flex!important
}

/* Article Title
 ========================================================================== */
h3.uk-panel-title{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	padding-bottom: 10px;
	position:relative;
    color: #ff6600;  /* Arancione */
}

h3.uk-panel-title::after{
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 30px;
    color: #ff6600;  /* Arancione */
}

/* Module Title
 ========================================================================== */
h1.uk-article-title{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	position:relative;
    color: #ff6600 !important;  /* Arancione */
}

h1.uk-article-title::after{
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 30px;
    color: #ff6600!important;  /* Arancione */
}
/* Quotes
 ========================================================================== */
quote{
  display:block;
  padding: 15px 20px 15px 70px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
  font-style: italic;
}

quote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 80px;
  font-weight: bold;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

quote::after{
  /*Reset to make sure*/
  content: "";
}



/* Modern Font Face
----------------------------------------------------------------------------------------------------*/
span.ico {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding:10%;
	display: block;
	font-family: FontAwesome;
	font-size: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto 12px;
	width: 100px;
	text-align:center;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
}
span.ico:hover {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* Modern Font Face for Home Icons with suffix ico-home
----------------------------------------------------------------------------------------------------*/
.ico-home {
	padding:10%;
	display: block;
	font-family: FontAwesome;
	font-size: 500%;
	margin-top: 10px;
	text-align:center;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	color:#ccc;
	text-align:center
}
.ico-home:hover {
	color:#222
}
figure img {
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	background-color: rgba(0,0,0,0) 
}
figure img:hover {
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	background-color: rgba(0,0,0,0.5) 
}
.uk-overlay-panel {
	background-color: rgba(0,0,0,0.5) 

}
/* Panel Box Border
 ========================================================================== */

.uk-panel-box-border{
	background:none!important;
	border:1px solid #222;

}

/* Center Title with Border
----------------------------------------------------------------------------------------------------*/
.headline-border h3.uk-panel-title {
	overflow: hidden;
	text-align: center;
	font-size:250%;
	padding:20px 0;
	font-weight:100;
	border-bottom:none;
}
.headline-border h3.uk-panel-title:before,
.headline-border h3.uk-panel-title:after {
	background-color: #ccc;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.headline-border h3.uk-panel-title:before {
	right: 0.5em;
	margin-left: -50%;
}
.headline-border h3.uk-panel-title:after {
	left: 0.5em;
	margin-right: -50%;
}

/* Google Map
----------------------------------------------------------------------------------------------------*/
#map iframe {
	width:100%!important;
}
/* HR Styles
----------------------------------------------------------------------------------------------------*/
/*HR Margin
 ------------------------------------------------*/
.uk-grid-divider:empty {
	margin-bottom: 35px !important;
	margin-top: 35px !important;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

hr.style-one { 
	border: 0; 
	height: 1px; 
	margin:40px 0;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));
}

hr.style-two { 
	padding: 0; 
	border: none; 
	border-top: medium double #ededed; 
	color: #ddd;
	text-align: center; 
	margin:40px 0;
} 
hr.style-two:after { 
	content: "v"; 
	display: inline-block; 
	position: relative; 
	top: -0.7em; 
	font-size: 1.5em; 
	padding: 0 0.25em; 
	background: white;
 }
 
hr.style-three {
	padding: 5px 0;
	border:none;
	border-bottom: solid 3px pink;
	font-weight: bold;
	position: relative;
	margin-bottom: 8px;
	width:200px;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:30px;
}

hr.style-three:after {
	content: '';
	border-bottom: solid 3px blue;
	width: 100px;
	position: absolute;
	bottom: -20px;
	left: 0;
	right:0;
	margin:0 auto;
}
/* Image Styles
 ========================================================================== */

.shadow {
	box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
	border:1px solid #fff;
}
.shadow-img {
	box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);
}


.tm-totop-scroller {
	background: #555 url("../images/backtotop.png") no-repeat scroll center center;
	border-radius: 100px;
	display: block;
	height: 40px!important;
	text-indent: -9999px;
	transition: all 0.2s linear 0s;
	width: 40px !important;
}
.tm-totop-scroller:hover {
	background: #ccc url("../images/backtotop.png") no-repeat scroll center center;
	border-radius: 100px;
	display: block;
	height: 40px!important;
	text-indent: -9999px;
	transition: all 0.2s linear 0s;
	width: 40px !important;
}
/* Contenitore navbar con logo e menu sulla stessa riga */
  .uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap;
  gap: 20px;
  z-index: 9999; /* Assicura che stia sopra il video */
  position: relative; /* Permette z-index */
}

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
    display: flex;
    justify-content: center;
    background-color: white;
    width: 100%;
    align-items: center;
    list-style: none;
    flex: 1 1 auto;
    flex-wrap: wrap; /* consente al menu di andare a capo se serve */
    overflow-x: visible; /* evita la barra di scorrimento */
}

.uk-navbar-nav > li > a {
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap;
}
.uk-navbar-nav {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap; /* Evita che il menu vada a capo */
  gap: 20px;
  z-index: 9999; /* Assicura che stia sopra il video */
  position: relative; /* Permette z-index */
}*/

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: center;
  background-color: white;
  width: 100%;
  align-items: center;
  list-style: none;
  flex: 1 1 auto;
  flex-wrap: nowrap; /* Assicurati che il menu non vada a capo */
  overflow-x: hidden; /* Nasconde la barra di scorrimento orizzontale */
}

/* Padding e spaziatura per le voci del menu */
.uk-navbar-nav > li > a {
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap; /* Evita che il testo vada a capo */
}

/* Se il menu è troppo largo, utilizziamo ellissi per evitare strabordare */
.uk-navbar-nav {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap; /* Evita che il menu vada a capo */
  gap: 20px;
  z-index: 9999; /* Assicura che stia sopra il video */
  position: relative; /* Permette z-index */
  width: 100%; /* Assicura che la navbar prenda tutta la larghezza */
  box-sizing: border-box; /* Inclusi padding e margini nella larghezza totale */
}

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: center;
  background-color: white;
  width: 100%;
  align-items: center;
  list-style: none;
  flex: 1 1 auto;
  flex-wrap: nowrap; /* Assicurati che il menu non vada a capo */
  overflow-x: hidden; /* Nasconde la barra di scorrimento orizzontale */
  text-align: center; /* Aggiunto per centrare il testo all'interno */
}

/* Padding e spaziatura per le voci del menu */
.uk-navbar-nav > li > a {
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap; /* Evita che il testo vada a capo */
  text-overflow: ellipsis; /* Gestisce il testo lungo */
  overflow: hidden; /* Nasconde il testo che straborda */
}

/* Se il menu è troppo largo, aggiunge ellissi per evitare troncamenti */
.uk-navbar-nav {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Aggiungi spaziatura tra le voci di menu per evitare troncamenti */
.uk-navbar-nav > li {
  padding: 0 10px; /* Spazio tra le voci del menu */
}

/* Evita che il menu strabordi su dispositivi mobili */
@media screen and (max-width: 768px) {
  .uk-navbar-nav {
    overflow-x: auto; /* Consente lo scorrimento orizzontale su schermi piccoli */
  }
  .uk-navbar-nav > li {
    min-width: 100px; /* Limita la larghezza minima degli elementi */
  }
}

/* Modifica per il menu di contatti */
.uk-navbar-nav .contact-menu {
  position: relative; /* Posizionamento relativo per la finestra di contatti */
  z-index: 10000; /* Assicura che il menu dei contatti sia in primo piano */
}

/* Se vuoi evitare che la finestra dei contatti si apra centrata, gestisci lo stile del popup */
.uk-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap; /* Evita che il menu vada a capo */
  gap: 20px;
  z-index: 9999; /* Assicura che stia sopra il video */
  position: relative; /* Permette z-index */
  width: 100%; /* Assicura che la navbar prenda tutta la larghezza */
  box-sizing: border-box; /* Inclusi padding e margini nella larghezza totale */
  overflow: hidden; /* Nasconde eventuale strabordamento orizzontale */
}

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: center;
  background-color: white;
  align-items: center;
  list-style: none;
  flex: 1 1 auto;
  flex-wrap: nowrap; /* Assicurati che il menu non vada a capo */
  overflow-x: hidden; /* Nasconde la barra di scorrimento orizzontale */
  text-align: center; /* Aggiunto per centrare il testo all'interno */
  max-width: 100%; /* Assicura che il menu non superi la larghezza del contenitore */
}

/* Padding e spaziatura per le voci del menu */
.uk-navbar-nav > li > a {
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap; /* Evita che il testo vada a capo */
  text-overflow: ellipsis; /* Gestisce il testo lungo */
  overflow: hidden; /* Nasconde il testo che straborda */
}

/* Evita che il menu strabordi su dispositivi mobili */
@media screen and (max-width: 768px) {
  .uk-navbar-nav {
    overflow-x: auto; /* Consente lo scorrimento orizzontale su schermi piccoli */
  }
  .uk-navbar-nav > li {
    min-width: 100px; /* Limita la larghezza minima degli elementi */
  }
}

/* Modifica per il menu di contatti */
.uk-navbar-nav .contact-menu {
  position: relative; /* Posizionamento relativo per la finestra di contatti */
  z-index: 10000; /* Assicura che il menu dei contatti sia in primo piano */
}

/* Se vuoi evitare che la finestra dei contatti si apra centrata, gestisci lo stile del popup */
.uk-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  flex-wrap: nowrap; /* Evita che il menu vada a capo */
  gap: 20px;
  z-index: 9999; /* Assicura che stia sopra il video */
  position: relative; /* Permette z-index */
  width: 100%; /* Assicura che la navbar prenda tutta la larghezza */
  box-sizing: border-box; /* Inclusi padding e margini nella larghezza totale */
  overflow: hidden; /* Nasconde eventuale strabordamento orizzontale */
}

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: center;
  background-color: white;
  align-items: center;
  list-style: none;
  flex: 1 1 auto;
  flex-wrap: nowrap; /* Assicurati che il menu non vada a capo */
  overflow-x: hidden; /* Nasconde la barra di scorrimento orizzontale */
  text-align: center; /* Aggiunto per centrare il testo all'interno */
  max-width: 100%; /* Assicura che il menu non superi la larghezza del contenitore */
}

/* Padding e spaziatura per le voci del menu */
.uk-navbar-nav > li > a {
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap; /* Evita che il testo vada a capo */
  text-overflow: ellipsis; /* Gestisce il testo lungo */
  overflow: hidden; /* Nasconde il testo che straborda */
  min-width: 120px; /* Impedisce che le voci del menu siano troppo strette */
}

/* Evita che il menu strabordi su dispositivi mobili */
@media screen and (max-width: 768px) {
  .uk-navbar-nav {
    overflow-x: auto; /* Consente lo scorrimento orizzontale su schermi piccoli */
  }
  .uk-navbar-nav > li {
    min-width: 100px; /* Limita la larghezza minima degli elementi */
  }
}

/* Modifica per il menu di contatti */
.uk-navbar-nav .contact-menu {
  position: relative; /* Posizionamento relativo per la finestra di contatti */
  z-index: 10000; /* Assicura che il menu dei contatti sia in primo piano */
}

/* Se vuoi evitare che la finestra dei contatti si apra centrata, gestisci lo stile del popup */
.uk-dropdown {
  position: absolute;
  top: 100%; /* Sposta la finestra verso il basso */
  left: 0;
  width: 100%;
  margin-top: 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  max-width: none; /* Permette alla finestra di espandersi completamente */
}
/* Ridurre la dimensione del font delle voci di menu */
.uk-navbar-nav > li > a {
  font-size: 14px; /* Puoi abbassarlo ulteriormente se necessario */
  padding: 15px 18px;
  color: #000;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 40px; /* Aumento del padding per allargare la barra */
  flex-wrap: nowrap;
  gap: 20px;
  z-index: 9999;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
/* Finestra dei contatti */
.uk-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: auto; /* Ridurre la larghezza automatica */
  max-width: 500px; /* Imposta una larghezza massima per evitare che strabordi */
  margin-top: 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
/* Ridurre la grandezza del font delle voci di menu */
.uk-navbar-nav > li > a {
  font-size: 12px; /* Ridurre la dimensione del testo per farlo stare meglio */
  padding: 10px 12px; /* Ridurre il padding per le voci del menù */
  color: #000;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Contenitore navbar con logo e menu sulla stessa riga */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px; /* Ridurre il padding per guadagnare spazio */
  flex-wrap: nowrap;
  gap: 10px; /* Distanza tra il logo e il menù */
  z-index: 9999;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; /* Nasconde qualsiasi overflow */
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: center;
  background-color: white;
  align-items: center;
  list-style: none;
  flex: 1 1 auto;
  flex-wrap: nowrap; /* Assicura che il menu non vada a capo */
  overflow-x: hidden; /* Nasconde la barra di scorrimento orizzontale */
  text-align: center;
  white-space: nowrap; /* Impedisce che il testo vada a capo */
  max-width: 100%;
}

/* Assicurati che le voci siano ben distanziate */
.uk-navbar-nav > li {
  padding: 0 8px; /* Spazio tra le voci del menu */
}

/* Ridurre la dimensione delle voci quando schermo è piccolo */
@media screen and (max-width: 768px) {
  .uk-navbar-nav > li > a {
    font-size: 10px; /* Ancora più piccolo su schermi piccoli */
    padding: 8px 10px;
  }
}
/* Ridurre la dimensione del testo del menù */
.uk-navbar-nav > li > a {
  padding: 10px 15px; /* Riduce il padding per far stare più voci nella barra */
  font-size: 12px; /* Riduce la dimensione del font */
  color: #000;
  display: block;
  white-space: nowrap; /* Evita che il testo vada a capo */
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Impostare una larghezza minima per ogni voce del menù */
.uk-navbar-nav > li {
  min-width: 80px; /* Riduce la larghezza minima per ogni voce */
}

/* Ridurre la dimensione del testo del logo */
.uk-navbar-bg .logo {
  font-size: 16px; /* Riduce la dimensione del font del logo */
}

/* Centrare il logo su mobile */
@media (max-width: 768px) {
  .uk-navbar-bg .logo {
    text-align: center; /* Centra il logo */
    flex: 1; /* Fa sì che il logo occupi lo spazio disponibile */
    margin-right: 0; /* Rimuove il margine destro */
    margin-left: 0; /* Rimuove il margine sinistro */
  }
}
/* Navbar Contenitore */
.uk-navbar-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 0 20px;
  gap: 20px;
  z-index: 9999;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Logo a sinistra */
.uk-navbar-bg .logo {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 20px;
  z-index: 9999;
}

/* Menu centrato e su una sola riga */
.uk-navbar-nav {
  display: flex;
  justify-content: space-between;  /* Spaziatura uniforme tra le voci */
  background-color: white;
  width: 100%;
  align-items: center;
  list-style: none;
  flex-wrap: nowrap;
  overflow-x: hidden; /* Nasconde la barra di scorrimento */
  text-align: center; /* Aggiunto per centrare il testo all'interno */
}

/* Ridurre la dimensione delle voci per occupare meno spazio */
.uk-navbar-nav > li > a {
  padding: 10px 12px;
  font-size: 12px;  /* Font più piccolo */
  color: #000;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Aggiungere un overflow nascosto per il menù, evitando troncamenti */
.uk-navbar-nav {
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
}

/* Aggiungere spaziatura tra le voci del menu */
.uk-navbar-nav > li {
  min-width: 90px; /* Definisci una larghezza minima per ogni voce */
}

/* Ridurre lo spazio per la voce "Contatti" che è troppo larga */
.uk-navbar-nav .contact-menu {
  margin-left: auto; /* Sposta "Contatti" a destra */
}

/* Adatta la finestra dei contatti che si apre verso il basso */
.uk-dropdown {
  position: absolute;
  top: 100%; /* Sposta la finestra sotto il menù */
  left: 0;
  width: 100%;
  margin-top: 5px;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

/* Adatta il logo su dispositivi più piccoli */
@media screen and (max-width: 768px) {
  .uk-navbar-bg .logo {
    text-align: center; /* Centra il logo su mobile */
    flex: 1;  /* Occupare tutto lo spazio disponibile */
    margin-right: 0;
    margin-left: 0;
  }

  /* Adatta la larghezza del menù in caso di schermi piccoli */
  .uk-navbar-nav {
    overflow-x: auto; /* Aggiungi la possibilità di scorrere orizzontalmente se necessario */
  }

  /* Aggiungere uno spazio tra le voci su mobile */
  .uk-navbar-nav > li {
    min-width: 80px;
  }
}
/* Modifica per i sottomenù: forzare l'apertura sotto la voce principale */
.uk-navbar-nav > li > .uk-dropdown {
  position: absolute;  /* Posiziona il sottomenù in modo assoluto rispetto alla voce */
  top: 100%;  /* Posiziona il sottomenù sotto la voce del menù principale */
  left: 0;  /* Allinea il sottomenù alla sinistra della voce principale */
  width: auto;  /* Imposta la larghezza automatica per il sottomenù */
  margin-top: 5px;  /* Spazio sopra al sottomenù */
  z-index: 9999;  /* Assicura che il sottomenù sia visibile sopra il menù principale */
  background-color: #fff;  /* Colore di sfondo del sottomenù */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);  /* Aggiunge un'ombra per maggiore visibilità */
}
/* Ridimensiona l'immagine dell'header nelle pagine articolo su desktop */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: cover; /* Fa sì che l'immagine copra tutto lo spazio disponibile senza deformarsi */
    background-position: center; /* Centra l'immagine */
    height: 300px; /* Imposta l'altezza fissa dell'header per i desktop */
  }
}

/* Mantieni l'immagine corretta su schermi più piccoli */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover; /* Copre tutto lo spazio */
    background-position: center; /* Mantiene il centro dell'immagine */
    height: 200px; /* Puoi regolare l'altezza per mobile se necessario */
  }
}
/* Forza l'immagine dell'header a mantenere la dimensione corretta su desktop */
.headerbar-background {
  background-size: cover !important; /* Forza l'immagine a coprire tutto lo spazio senza deformarsi */
  background-position: center center !important; /* Centra l'immagine */
  background-attachment: fixed !important; /* Fissa l'immagine durante lo scroll */
}

/* Adatta l'immagine su dispositivi mobili */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important;
    background-position: center center !important;
    height: 200px !important; /* Imposta un'altezza corretta su mobile */
  }
}

/* Imposta l'immagine per una visualizzazione corretta su desktop */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: cover !important;
    background-position: center center !important;
    height: 300px !important; /* Imposta l'altezza dell'immagine su desktop */
  }
}
/* Controllo dell'immagine dell'header su tutte le pagine (esclusa la home) */
.headerbar-background {
  background-size: contain !important;  /* Mantieni l'immagine proporzionata senza deformarla */
  background-position: center center !important;  /* Centra l'immagine */
  background-repeat: no-repeat !important;  /* Evita la ripetizione dell'immagine */
  width: 100% !important;  /* Assicurati che l'immagine occupi tutta la larghezza */
  max-height: 400px !important;  /* Limita l'altezza massima dell'immagine */
}

/* Regola per mobile (schermi sotto 768px) */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important;  /* Per mobile, manteniamo la copertura */
    background-position: center center !important;
    height: 200px !important;  /* Imposta una corretta altezza per mobile */
  }
}

/* Regola per desktop (larghezza superiore a 1024px) */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: cover !important;  /* Rende l'immagine a copertura completa */
    background-position: center center !important;
    height: 300px !important;  /* Imposta un'altezza adatta su desktop */
  }
/* Controllo dell'immagine dell'header su tutte le pagine (esclusa la home) */
.headerbar-background {
  background-size: contain !important;  /* Mantieni l'immagine proporzionata senza deformarla */
  background-position: center center !important;  /* Centra l'immagine */
  background-repeat: no-repeat !important;  /* Evita la ripetizione dell'immagine */
  width: 100% !important;  /* Assicurati che l'immagine occupi tutta la larghezza */
  max-height: 400px !important;  /* Limita l'altezza massima dell'immagine su desktop */
  height: auto !important;  /* Assicurati che l'altezza dell'immagine sia proporzionata */
}

/* Regola per mobile (schermi sotto 768px) */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important;  /* Per mobile, manteniamo la copertura */
    background-position: center center !important;
    height: 200px !important;  /* Imposta una corretta altezza per mobile */
  }
}

/* Regola per desktop (larghezza superiore a 1024px) */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: contain !important;  /* Mantieni l'immagine proporzionata */
    background-position: center center !important;
    height: 300px !important;  /* Imposta un'altezza adatta su desktop */
    max-height: 400px !important;  /* Limita l'altezza massima per evitare ingrandimento */
  }
}
  /* Forza la dimensione dell'immagine header su tutte le pagine, tranne la home */
.headerbar-background {
  background-size: contain !important;  /* Mantieni l'immagine proporzionata senza deformarla */
  background-position: center center !important;  /* Centra l'immagine */
  background-repeat: no-repeat !important;  /* Evita la ripetizione dell'immagine */
  width: 100% !important;  /* Assicurati che l'immagine occupi tutta la larghezza */
  max-height: 400px !important;  /* Limita l'altezza massima dell'immagine su desktop */
  height: auto !important;  /* Assicurati che l'altezza dell'immagine sia proporzionata */
  object-fit: contain !important;  /* Garantisce che l'immagine si adatti senza deformarsi */
}

/* Regola per mobile (schermi sotto 768px) */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important;  /* Per mobile, manteniamo la copertura */
    background-position: center center !important;
    height: 200px !important;  /* Imposta una corretta altezza per mobile */
  }
}

/* Regola per desktop (larghezza superiore a 1024px) */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: contain !important;  /* Mantieni l'immagine proporzionata */
    background-position: center center !important;
    height: 300px !important;  /* Imposta un'altezza adatta su desktop */
    max-height: 400px !important;  /* Limita l'altezza massima per evitare ingrandimento */
  }
}

/* Assicurati che l'immagine non venga modificata da script */
body.loaded .headerbar-background {
  background-size: contain !important;
  height: 300px !important;
  max-height: 400px !important;
}
  /* Impostazioni per l'immagine di header */
.headerbar-background {
  background-image: url('images/joomlaplates/NUOVOSFONDO2.png') !important; /* Forza l'immagine di background */
  background-size: contain !important; /* Adatta l'immagine alla larghezza mantenendo le proporzioni */
  background-position: center center !important; /* Centra l'immagine */
  background-repeat: no-repeat !important; /* Evita la ripetizione */
  width: 100% !important; /* Occupazione di tutta la larghezza */
  max-height: 400px !important; /* Limita l'altezza dell'immagine su desktop */
  height: auto !important; /* Altezza proporzionata */
  object-fit: contain !important; /* Assicurati che l'immagine non venga deformata */
  visibility: visible !important; /* Assicura che l'immagine sia visibile */
  opacity: 1 !important; /* Imposta opacità a 1 per rendere visibile subito */
}

/* Impostazioni per mobile */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important; /* Copri l'intera area su mobile */
    background-position: center center !important;
    height: 200px !important; /* Altezza specifica per mobile */
  }
}

/* Impostazioni per desktop */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: contain !important; /* Mantieni l'immagine proporzionata */
    background-position: center center !important;
    height: 300px !important; /* Imposta un'altezza adatta su desktop */
    max-height: 400px !important; /* Limita l'altezza per evitare sovrapposizione */
  }
}
  /* Assicurati che l'immagine venga caricata correttamente */
.headerbar-background {
  background-image: url('images/joomlaplates/NUOVOSFONDO2.png') !important;  /* Definisce l'immagine da caricare */
  background-size: contain !important;  /* Adatta l'immagine senza deformarla */
  background-position: center center !important; /* Centra l'immagine */
  background-repeat: no-repeat !important;  /* Evita la ripetizione dell'immagine */
  width: 100% !important;  /* Occupa tutta la larghezza disponibile */
  height: 300px !important;  /* Altezza fissa per evitare che venga troppo grande */
  max-height: 400px !important; /* Limita l'altezza massima per evitare l'ingrandimento */
  object-fit: contain !important; /* Mantieni le proporzioni senza deformare l'immagine */
}

/* Adatta l'immagine su dispositivi mobili */
@media screen and (max-width: 768px) {
  .headerbar-background {
    background-size: cover !important;  /* Copri tutto lo spazio su mobile */
    height: 200px !important;  /* Altezza più piccola su mobile */
  }
}

/* Per desktop, imposta un'altezza più grande */
@media screen and (min-width: 1024px) {
  .headerbar-background {
    background-size: contain !important; /* Mantieni proporzioni per desktop */
    height: 300px !important;  /* Limita l'altezza su desktop */
  }
/* Gestione dell'immagine nell'intestazione */
#top-c {
  background-image: url('images/joomlaplates/NUOVOSFONDO2.png') !important; /* Aggiungi l'immagine */
  background-size: contain !important;  /* Mantieni le proporzioni dell'immagine */
  background-position: center center !important; /* Centra l'immagine */
  background-repeat: no-repeat !important; /* Non ripetere l'immagine */
  width: 100% !important; /* Impostare la larghezza al 100% */
  height: 300px !important;  /* Impostare un'altezza fissa per desktop */
  max-height: 400px !important; /* Limita l'altezza per evitare sovrapposizioni */
}

/* Per dispositivi mobili */
@media screen and (max-width: 768px) {
  #top-c {
    background-size: cover !important;  /* Coprire tutto lo spazio */
    height: 300px !important;  /* Altezza ridotta su mobile */
  }
}

/* Per desktop (schermi più larghi) */
@media screen and (min-width: 1024px) {
  #top-c {
    background-size: contain !important; /* Mantieni le proporzioni */
    height: 300px !important; /* Altezza fissa su desktop */
  }
}
  /* Impostazione per l'immagine nella barra dell'intestazione, mirato per top-c-outer */
#top-c.uk-cover-background {
  background-image: url('images/joomlaplates/NUOVOSFONDO2.png') !important; /* Immagine di sfondo */
  background-size: contain !important;  /* Mantiene le proporzioni */
  background-position: center center !important; /* Centra l'immagine */
  background-repeat: no-repeat !important; /* Non ripetere l'immagine */
  width: 100% !important; /* Occupa tutta la larghezza */
  height: 300px !important;  /* Altezza di 300px per desktop */
  max-height: 400px !important; /* Limita l'altezza per evitare l'ingrandimento */
}

/* Per i dispositivi mobili, mantieni la copertura completa */
@media screen and (max-width: 768px) {
  #top-c.uk-cover-background {
    background-size: cover !important;  /* Coprire tutto lo spazio su mobile */
    height: 200px !important;  /* Altezza più piccola per mobile */
  }
}

/* Su desktop, riduci la dimensione e mantieni il corretto adattamento */
@media screen and (min-width: 1024px) {
  #top-c.uk-cover-background {
    background-size: contain !important;  /* Adatta l'immagine su desktop */
    height: 300px !important; /* Altezza fissa */
  }
}