/*   body {
        background-color: red !important;
    }*/
/*
 

/* 2. Regole per il modulo a sinistra */
.modulo-topbar-sinistra {
    /* Assicurati che non prenda spazio extra */
    flex-shrink: 0; 
    text-align: left;
}

/* 3. Regole per il modulo a destra */
.modulo-topbar-destra {
    /* Assicurati che non prenda spazio extra */
    flex-shrink: 0; 
    text-align: right;
}

/* 4. Regola per correggere l'eventuale comportamento del wrapper interno di Cassiopeia */
.grid-child.topbar > .mod-wrapper {
    /* Rimuove eventuali restrizioni sulla larghezza che potrebbero impedire l'allineamento */
    width: auto;
    max-width: none;
}

/*Modulo dove inserire la scritta a destra del logo*/


.logo-right-antonio { 
 margin-left: 15px;    
display: inline-block;
    vertical-align: middle;}

/*Nuova posizione presente in index.php del template child  \templates\cassiopeia_cassiopeia_child_by_antonio\index.php */
.footer-top {
  display: flex;
  flex-wrap: wrap;       /* permette di andare a capo su schermi piccoli */
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.footer-top > div {
  flex: 1;
  min-width: 220px;  /* per gestire bene il mobile */
}

/*Nuova posizione presente in index.php del template child  \templates\cassiopeia_cassiopeia_child_by_antonio\index.php */
 .footer-bottom {
  display: flex;
  flex-wrap: wrap;       /* permette di andare a capo su schermi piccoli */
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.footer-bottom > div {
  flex: 1;
  min-width: 220px;  /* per gestire bene il mobile */
}

 
/* REGOLA MASSIMA PRIORITÀ (Metodo inline-block) */

/* 1. Forza la lista UL a rimuovere margini e padding */
.footer-bottom .mod-menu.nav {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important; /* Aggiunge un po' di margine verticale per distacco */
    text-align: center; /* Centra il testo all'interno del blocco */
}

/* 2. Forza gli elementi LI (singole voci) ad essere in linea (soluzione non-flexbox) */
.footer-bottom .mod-menu.nav > li {
    /* Il segreto: usare inline-block per forzare l'allineamento orizzontale */
    display: inline-block !important; 
    
    float: none !important; /* Molto importante per rimuovere eventuali float */
    
    margin: 0 10px !important; /* Spazio orizzontale tra le voci */
    padding: 0 !important;
}

/* 3. Pulizia sui link (A) */
.footer-bottom .mod-menu.nav a {
    text-decoration: none;
    white-space: nowrap; 
}


/* carattere Titillium Web */
@font-face{font-family:'Titillium Web';src:url('fonts/TitilliumWeb.woff2')format('woff2'),url('fonts/TitilliumWeb.woff')format("woff");font-display:block}
:root{--cassiopeia-font-family-body:'Titillium Web',sans-serif;--cassiopeia-font-family-headings:'Titillium Web',sans-serif}
h1{font-size:2em;margin-bottom:1rem}
/* accessibilità */
a{text-decoration:underline}
a:focus,.navbar-toggler:focus{text-decoration:none;outline:thin dotted}
a:hover,a:active{text-decoration:none;outline:0}
.sidebar-left .mod-menu a:focus,.sidebar-left .mod-menu button:focus
,.pagination a:focus,.btn-group input:focus,.btn-group button:focus,.input-group input:focus,.input-group button:focus{outline:1px solid!important;outline-offset:0!important;outline-color:#224FAA!important}
.com-content-category__navigation,.com-tags-tag-list__pagination{display:flex;flex-direction:column}
ul.pagination{flex-flow:row wrap;justify-content:center}
.btn-group{display:flex;flex-flow:row wrap}
.btn-group input{padding:.5em}
.btn-group button{padding:.5em;max-width:4em}
form.com-content-category__articles>div{display:flex}
/* no sfumatura sfondo header e footer */
.container-header,.footer{background-image:none;background-color:#112855}
/* per immagini float */
.mw45{max-width:45%!important}
/* spezza indirizzi mail nel mobile */
joomla-hidden-mail{word-break:break-word}

/* HEADER */
.container-topbar{font-weight:bold;background-color:#02437D;padding:.5rem 0}
.container-topbar .topb{max-width:1320px;margin:0 auto;padding:0.5rem}
.container-topbar .topb div{display:flex;justify-content:space-between}
.container-topbar .topb i{margin-left:.8rem}
.brand-logo{font-size:2rem}
.container-topbar a,.container-header .navbar-brand a{text-decoration:none}
.container-below-top{position:relative}

/* LOGO */
.logo{position:absolute;top:2em}
.navbar-brand{margin-left:150px}
body.error_site .navbar-brand{margin-left:0}
.container-header .container-nav{position:relative;}
.container-header .container-search{position:absolute;top:-5.5em;right:0;}

/* CERCA header */
.cerca-header{color:#fff;margin-right:.3em}
.cerca-header i{padding:1rem;background-color:#fff;color:var(--cassiopeia-color-primary);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;margin-left:0.8rem}

/* ASL COMUNICA + MODULO con categoria e data el_c */
.aslcomunica ul{--grid-layout-gap:1rem}
.aslcomunica li{position:relative;border:1px solid #dfe3e7;padding-top:175px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:1px 1px 4px #0000001a}
.aslcomunica .mod-articles-title{font-size:1.4rem;font-weight:bold}
.aslcomunica li .mod-articles-item{padding:0 1rem 2rem 1rem}
.aslcomunica li figure{position:absolute;left:0;top:0;height:165px;width:100%}
.aslcomunica li figure img{height:165px;width:100%;object-position:0 0;object-fit:cover;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;object-fit:cover}
.aslcomunica dl,.el_c dl{position:absolute;width:100%;bottom:0;margin-bottom:0}
.aslcomunica dd.mod-articles-category,.el_c dd.mod-articles-category{font-size:.8rem;font-weight:bold;text-transform:uppercase}
.aslcomunica dd.mod-articles-date,.el_c dd.mod-articles-date{position:absolute;bottom:0;right:2rem;font-size:.9rem}
.aslcomunica .icon-fw,.el_c .icon-fw{display:none}
.aslcomunica strong,.evidenza-l strong,.evidenza-s strong{font-weight:normal}
.el_c h3{font-size:1.1rem;font-weight:bold;padding-bottom:1.2rem;}
.el_c ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.el_c li{position:relative;padding:1em;margin-bottom:1em;border:1px solid #ededed;-webkit-box-shadow:-1px 3px 5px 0px #e7e7e7;-moz-box-shadow:-1px 3px 5px 0px #e7e7e7;box-shadow:-1px 3px 5px 0px #e7e7e7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:49.4%}

/* EVIDENZA */
.evidenza-l h3.mod-articles-title,.evidenza-s h3.mod-articles-title{font-size:1.4rem;font-weight:bold}
.evidenza-l div.mod-articles-item-content,.evidenza-s ul.mod-articles-items li{position:relative;min-height:180px;padding:1rem 51% 0 1rem;margin-bottom:1.5em;border:1px solid #ededed;-webkit-box-shadow:-3px 5px 8px 0px #e7e7e7;-moz-box-shadow:-3px 5px 8px 0px #e7e7e7;box-shadow:-3px 5px 8px 0px #e7e7e7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff}
.cat-data-l div.mod-articles-item-content{padding-bottom:1.5rem}
.evidenza-l li{padding:0}
.evidenza-l div.mod-articles-item-content figure,.evidenza-s div.mod-articles-item-content figure{position:absolute;top:0;right:0;width:50%;margin:0;height:100%}
.evidenza-l div.mod-articles-item-content figure img,.evidenza-s div.mod-articles-item-content figure img{height:100%;width:100%;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;object-fit:cover}
.evidenza-l dl,.evidenza-s dl{position:absolute;width:100%;bottom:0;margin-bottom:0}
.evidenza-l dd.mod-articles-category,.evidenza-s dd.mod-articles-category{font-size:.8rem;font-weight:bold;text-transform:uppercase}
.evidenza-l dd.mod-articles-date{position:absolute;bottom:0;right:53%;font-size:.9rem}
.evidenza-l .icon-fw,.evidenza-s .icon-fw{display:none}
.evidenza-l strong,.evidenza-s strong{font-weight:normal}
.evidenza-l em,.evidenza-s em{font-style:normal}
.evidenza-l ul,.evidenza-s ul{margin-bottom:0}
.evidenza-s ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.evidenza-s ul.mod-articles-items li{width:49%;padding-right:18%}
.cat-data-s div.mod-articles-item-content{padding-bottom:2rem}
.evidenza-s div.mod-articles-item-content figure{width:35%}
.evidenza-s dd.mod-articles-date{position:absolute;bottom:0;right:40%;font-size:.9rem}

/* posizioni immagini */
.i-all img{object-fit:contain!important}
.i-ca img{object-position:center top!important}
.i-cc img{object-position:center center!important}
.i-cb img{object-position:center bottom!important}
.i-da img{object-position:right top!important}
.i-dc img{object-position:right center!important}
.i-db img{object-position:right bottom!important}
.i-sa img{object-position:left top!important}
.i-sc img{object-position:left center!important}
.i-sb img{object-position:left bottom!important}

/* EVIDENZA BANNER */
.evidenza .mod-banners{display:flex;flex-direction:row;justify-content:space-between}
.evidenza .mod-banners .banneritem{width:49%}
.evidenza .mod-banners .banneritem img{width:100%;-webkit-box-shadow:-3px 5px 8px 0px #e7e7e7;-moz-box-shadow:-3px 5px 8px 0px #e7e7e7;box-shadow:-3px 5px 8px 0px #e7e7e7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

/* MODULO + ELENCO CATEGORIA box stretti */
.el_a ul,.cat_a tbody{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.el_a li,.cat_a tr{background-color:#fff;font-size:1.1em;font-weight:bold;padding:1em;margin-bottom:1em;border:1px solid #ededed;-webkit-box-shadow:-1px 3px 5px 0px #e7e7e7;-moz-box-shadow:-1px 3px 5px 0px #e7e7e7;box-shadow:-1px 3px 5px 0px #e7e7e7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;width:49.4%}
.el_a li:after,.cat_a tr:after{font-family:"Font Awesome 6 Free";content:"\f02e";color:#9C0769;margin-left:1em;font-weight:normal}
.cat_a th{padding:0;--table-bg-type:var(--table-bg)!important;border:0}
.cat_a .table-hover>tbody>tr:hover>*{--table-bg-state:--table-bg-type:var(--table-bg)}
.cat_a tr{padding:.5em 1em}
.cat_a tr a{text-decoration:none}
.cat_a tr a:hover{text-decoration:underline}

/* MODULO box larghi el_b */
.el_b ul{display: flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}
.el_b li{background-color:#fff;font-size:1.1em;font-weight:bold;padding:1em;margin-bottom:1em;margin-right:1%;box-shadow:-1px 3px 5px 0px #e7e7e7;border-radius:3px;display:flex;justify-content:space-between;width:24%;min-height:120px;line-height:1.3em;align-items:center;border-style:solid;border-width:1px 1px 10px 1px;border-color:#CDE9EE}
.el_b li:after{font-family:"Font Awesome 6 Free";content:"\f02e";color:#9C0769;margin-left:1em;font-weight:600}

/* SEZIONI personalizzato */
.el_sez{display:grid;grid-gap:2em;grid-template-columns:repeat(3, 1fr);margin-top:1em}
.el_sez > div{padding-bottom:.8em;border-bottom:1px solid #c7c7c7}
.el_sez .titlelink{font-size:1.6em;font-weight:bold;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.3em}
.el_sez div.titlelink{color:#4c4c4c}
.el_sez .titlelink span{font-size:.7em;color:#9C0769;margin-left:1em}
.el_sez a{text-decoration:none;line-height:1.2em}
.el_sez a:hover,.el_sez a:focus{text-decoration:underline}
.el_sez ul{padding-left:1.2rem}
.el_sez li::marker{font-family:"Font Awesome 6 Free";content:"\f47e";color:#9C0769;font-weight:600}
.el_sez li a{margin-left:.5em}

/* MENU elenco puntato */
.el_d ul{list-style:disc;padding-left:2rem}
.el_d li{padding:0}

/* MENU LATERALE */
.sidebar-left ul.mod-menu{font-size:1.1em;font-weight:bold;margin-right:1em}
.sidebar-left ul.mod-menu li{padding-left:1em;margin-left:1px}
.sidebar-left ul.mod-menu li a{font-weight:bold}
.sidebar-left ul.mod-menu li.current{border-left:1px solid var(--link-color);margin-left:0}
.metismenu.mod-menu .mm-toggler:after{font-family:"Font Awesome 6 Free";content:"\f107";font-size:1.1em;font-weight:600;margin-right:1em;border:0;width:auto;height:auto;color:var(--link-color)}
.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>button:hover{text-decoration:none!important}

/* modulo articoli lista tag */
.listatag ul{list-style:disc;padding-left:2em}
.listatag li{padding:0}

/* liste - paginazione */
table th{white-space:normal!important}
.counter,.search-pages-counter{float:none!important;text-align:center}

/* FOOTER MODULI */
.footer .footer-brand a{text-decoration:none}
.footer li a{text-decoration:underline}
.footer li a:hover{text-decoration:none}
.footer .grid-child {flex-direction:column;align-items:flex-start;padding:0 0.5em 1rem 0.5em}
.footer .grid-child .custom{display:flex}
.footer .grid-child .no-card{width:100%;padding-bottom:1em;border-bottom:1px solid #394d72}
.footer .grid-child .ftdiv{width:33%}
.footer .grid-child .ftdiv i{font-size:1rem;padding-right:.2rem}
.footer .grid-child .twobox .ftdiv:first-child{width:66%;padding-right:.6em}
.footer .grid-child li{padding:0;margin-right:1em;font-size:.9em}
.footer .grid-child span{font-size:1.2rem;margin-left:1rem}
.footer .grid-child > ul{display:flex;flex-direction:row;margin-top:1em}

/* plugin accordion */
.ssl-title{color:var(--link-color)!important;font-weight:bold}
.ssl-title:before{font-family:"Font Awesome 6 Free";content:"\f107";font-size:1.1em;font-weight:600;margin-right:1em}
.ssl-title-open:before{content:"\f106"}

/* banner cookies */
#cookieChoiceInfo,#cookieChoiceInfo a{color:#fff}
#cookieChoiceInfo a:hover{text-decoration:none}

/* plugin accessibility*/
i._access-icon{display:inline-flex;flex-direction:column;bottom:4px!important;height:52px!important;width:52px!important;transform:none!important;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;box-shadow:1px 1px 5px rgba(0,0,0,.5);background-color:#4054B2!important;transition-duration:.2s;}
i._access-icon:before{font-family:"Font Awesome 6 Free";font-weight:600;content:"\f29a";font-size:40px;margin-bottom:50px;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;transform:skewX(15deg);line-height:52px;text-indent:0;}
i._access-icon:hover:before{background-color:transparent!important}
i._access-icon:hover{background-color:#b83535!important}
._access-menu{font-family:'Titillium Web',sans-serif!important;width:auto!important;min-width:0!important}
._access-menu div._text-center{font-weight:bold;font-size:1.2em;margin:.3em 0}
._access-menu p._text-center{margin:.4em 0;font-size:1rem}
._access-menu ul li:before,._access-menu i{font-family:"Font Awesome 6 Free"!important;font-weight:600}
._access-menu i._menu-close-btn{left:-50px;padding-right:5px;transform:skewX(14deg);overflow:hidden}
._access-menu i._menu-close-btn:hover{color:#000;transform:skewX(14deg)}
._access-menu i._menu-close-btn:after{margin-left:38px;content:"\f00d"!important}
._access-menu i._menu-reset-btn{top:0;right:0;transform:skewX(14deg);width:30px;overflow:hidden}
._access-menu i._menu-reset-btn:hover{transform:skewX(14deg)}
._access-menu i._menu-reset-btn:before{color:#4054b2;font-size:20px;margin-right:38px;content:"\f021"!important}
._access-menu i._menu-reset-btn:hover:before{color:#000}
._access-menu ul li{color:#000!important;padding:6px 6px 6px 36px!important;margin:3px!important}
._access-menu ul li[data-access-action="increaseText"]:before{content:"\f00e"!important}
._access-menu ul li[data-access-action="decreaseText"]:before{content:"\f010"!important}
._access-menu ul li[data-access-action="increaseTextSpacing"]:before{content:"\f104 \f105"!important;transform:none!important}
._access-menu ul li[data-access-action="decreaseTextSpacing"]:before{content:"\f105 \f104"!important;transform:none!important}
._access-menu ul li[data-access-action="invertColors"]:before{content:"\f042"!important}
._access-menu ul li[data-access-action="grayHues"]:before{content:"\f043"!important}
._access-menu ul li[data-access-action="underlineLinks"]:before{content:"\f0cd"!important}
._access-menu svg{display:none}._access-menu ul li[data-access-action="bigCursor"]:before{content:"\f245"!important}
._access-menu ul li[data-access-action="readingGuide"]:before{content:"\f146"!important}
._access-menu ul li[data-access-action="textToSpeech"]:before{content:"\f028"!important}
._access-menu ul li[data-access-action="speechToText"]:before{content:"\f130"!important}

@media (width < 992px)
{
/* LOGO */
.navbar-brand{line-height:1em}
.brand-logo{font-size:1.7rem}
.container-header .container-search{top:-.5em}
/* MODULO box larghi el_b */
.el_b li{width:49%;height:auto;flex-direction:column-reverse;justify-content:center;}
.el_b li:after{margin-left:0;margin-bottom:1em}
/* SEZIONI */
.el_sez{display	:block}
.el_sez > div{width:100%;margin-bottom:1em}
.el_sez > div:last-child{margin-bottom:0;padding-bottom:0;border:0}
/* EVIDENZA */
.evidenza-s dd.mod-articles-date{bottom:1rem}
/* MENU LATERALE */
.sidebar-left{border-top:1px solid #afafaf;padding-top:1.5em}
.sidebar-left ul.mod-menu{margin-right:0}
}

@media (width < 832px)
{
/* ASL Comunica */
.aslcomunica ul{grid-template-columns:1fr;max-width:490px;margin:0 auto}
}

@media (width < 768px)
{
/* EVIDENZA */
.evidenza-l div.mod-articles-item-content{padding-top:180px;padding-right:1rem}
.evidenza-l div.mod-articles-item-content figure{width:100%;height:170px}
.evidenza-l div.mod-articles-item-content figure img{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.evidenza-l dd.mod-articles-date{right:2rem}
.evidenza-s ul.mod-articles-items li{width:100%;padding-right:37%}
/* EVIDENZA BANNER */
.evidenza .mod-banners{flex-wrap:wrap}
.evidenza .mod-banners .banneritem{width:100%;margin-bottom:1.5em}
.evidenza .mod-banners .banneritem:last-child{margin-bottom:0!important}
}

@media (width < 576px)
{
/* LOGO */
.logo{left:.5em;}
.logo img{max-width:110px}
.navbar-brand{margin-left:120px;line-height:.8em;white-space:normal}
.brand-logo{font-size:1.4rem;line-height:.6em}
/* MODULO box stretti */
.el_a ul,.cat_a tbody{display:block}
.el_a li,.cat_a tr{width:100%}
/* FOOTER MODULI */
.footer .grid-child .custom{flex-direction:column;word-wrap:break-word}
.footer .grid-child .ftdiv,.footer .grid-child .twobox .ftdiv:first-child{width:100%;margin:.5em 0}
/* MODULO con categoria e data */
.el_c li{width:100%}
}

@media (width < 450px)
{
/* EVIDENZA */
.evidenza-s ul.mod-articles-items li{width:100%;padding:180px 1rem 2.5rem 1rem}
.evidenza-s div.mod-articles-item-content figure{width:100%;height:170px}
.evidenza-s div.mod-articles-item-content figure img{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.evidenza-s dd.mod-articles-date{right:2rem}
}

@media (width < 350px)
{
.site-grid{grid-gap:0 .5em}
/* HEADER */
.container-topbar .topb span{display:none}
/* LOGO */
.logo{position:relative;top:0;left:0}
.navbar-brand{margin-left:0;padding:0!important}
/* CERCA */
.container-header .container-search{top:0}
.cerca-header i{padding:.7rem}
.result__title-url{word-break:break-word}
/* SEZIONI */
.el_sez .titlelink{font-size:1.4em}
.el_sez .titlelink span{margin-left:.5em}
/* ASL COMUNICA + EVIDENZA*/
.aslcomunica li .mod-articles-item{padding-bottom:3rem}
.aslcomunica dd.mod-articles-date,.evidenza-l dd.mod-articles-date,.el_c dd.mod-articles-date{bottom:1rem}
th#categorylist_header_date{word-break:break-word}
/* MODULO box stretti */
.el_a li{word-break:break-word}
/* MODULO box larghi el_b */
.el_b li{width:100%}
}


/* Riduzione altezza topbar */
.container-topbar {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.2 !important;
}

/* Elimina eventuali margini verticali interni */
.container-topbar .moduletable.topb,
.container-topbar p,
.container-topbar ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Riduci eventuale spazio fra testo e icone */
.container-topbar ul.list-inline {
  gap: 4px; /* opzionale */
}