.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}.sections-widget-wrapper-sezione , .sections-widget-wrapper-componenti,
.sections-widget-wrapper-gruppo , .sections-widget-wrapper-gruppo-componenti{
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto;
gap: 1rem;
}
@media screen and (max-width:1024px) {
.widget-sezione-informazioni , .widget-sezione-address , .widget-sottosezioni , .widget-mappa-sottosezioni {
grid-column: span 3 !important;
}
.widget-componenti,
.widget-sottosezioni ,
.widget-mappa-sottosezioni {
grid-column: span 6 !important;
}
.widget-sezione-elenco{
grid-column: span 6 !important;
}
.widget-sezione-results,
.widget-gruppi-results{
grid-template-columns: 1fr !important;
}
.widget-sottosezioni-has-map .widget-sottosezioni-goto-map{ }
.widget-sottosezioni-has-map .widget-sottosezioni-header{
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.widget-sottosezioni-controls{
flex-direction: column !important;
}
.widget-sottosezioni-form{
width: 100%;
}
.widget-componenti .sottosezione-list,
.widget-gruppo-componenti .sottosezione-list{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem 1rem;
}
}
@media screen and (max-width:768px) {
.widget-sezione-informazioni , .widget-sezione-address , .widget-componenti , .widget-sottosezioni , .widget-mappa-sottosezioni {
grid-column: span 6 !important;
}
.widget-sottosezioni , .widget-mappa-sottosezioni {
grid-column: span 6 !important;
}
.widget-componenti .sottosezione-list,
.widget-gruppo-componenti .sottosezione-list{
display: flex;
flex-direction: column;
}
.widget-sezione-results,
.widget-gruppi-results{
grid-template-columns: 1fr !important;
}
.widget-sottosezioni-header{
flex-direction: column !important;
}
.widget-sezione-search-form,
.widget-gruppi-search-form{
display: flex;
align-items: center;
flex: 1 !important;
width: 100% !important;
}
.widget-sezione-search-field,
.widget-gruppi-search-field{
max-width: 100% !important;
}
}
.widget-title{
font-size: 1.6rem !important;
}
.widget-sezione-informazioni , .widget-sezione-address , .widget-componenti , .widget-sottosezioni , .widget-mappa-sottosezioni,
.widget-gruppo-informazioni , .widget-gruppo-address , .widget-gruppo-componenti {
grid-column: span 2;
padding-top: 0.8rem;
padding-bottom: 1.2rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
background: var(--grigio_chiaro);
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1rem;
display: inline-flex"
}
.widget-sottosezioni , .widget-mappa-sottosezioni {
grid-column: span 3;
}
.widget-sezione-elenco,
.widget-gruppi-elenco{
grid-column: span 6;
}
.widget-sezione-search-block,
.widget-gruppi-search-block{
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.widget-sezione-search-actions,
.widget-gruppi-search-actions{
display: flex;
flex-direction: row-reverse;
justify-content: end;
gap: 0.75rem;
align-items: center;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.widget-sezione-search-form,
.widget-gruppi-search-form{
display: flex;
align-items: center; }
.widget-sezione-search-field,
.widget-gruppi-search-field{
display: flex;
align-items: center;
gap: 0.5rem;
flex: 1;
border-radius: 999px;
background: #fff;
border: 1px solid #7B7B7B;
height: 2.8rem;
max-width: 320px;
overflow: hidden;
}
.widget-sezione-search-field input,
.widget-gruppi-search-field input{
flex: 1;
border: none;
outline: none;
background: transparent;
padding: 0.75rem 1rem;
font-size: 0.95rem;
}
@media screen and (max-width:1024px) {
.widget-sezione-search-field input,
.widget-gruppi-search-field input{
width: 100%;
}
}
.widget-sezione-search-button,
.widget-gruppi-search-button{
display: inline-flex;
align-items: center;
gap: 0.25rem;
background: var(--blu_elettrico);
border: none;
color: #fff;
font-size: 0.9rem;
font-weight: 600;
padding: 0.75rem 1rem;
border-radius: 0;
cursor: pointer;
height: 100%;
}
.widget-sezione-title{
color: var(--blu_elettrico);
font-size: 2rem;
font-weight: 700;
margin: 0;
}
.widget-sezione-results,
.widget-gruppi-results{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.sezione-card, article.sezione-card,
.gruppo-card, article.gruppo-card{
transition: all 0.3s 0s ease-in-out;
font-size: 1rem;
width: 100%;
height: 100%;
padding: 1.4rem !important;
background: white;
box-shadow: 0px 4px 24px rgba(135, 169, 213, 0.16);
border-radius: 24px;
border: 1px var(--azzurro) solid;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 2rem;
display: inline-flex;
}
.sezione-card.sezione-card-popup{
max-width: 360px;
min-width: 280px;
width: 100%;
padding: 1.2rem !important;
}
.sezione-card-body,
.gruppo-card-body{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1.5rem;
display: flex;
width: 100%;
height: auto;
}
.sezione-card-header,
.gruppo-card-header{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.sezione-card-title,
.gruppo-card-title{
font-weight: 700;
color: var(--blu_elettrico);
margin: 0;
text-transform: uppercase;
}
.sezione-card-title a,
.gruppo-card-title a{
color: inherit;
text-decoration: none;
}
.sezione-card-row,
.gruppo-card-row{
display: flex;
gap: 0.75rem;
align-items: center;
}
.sezione-card-row-icon,
.gruppo-card-row-icon{
font-size: 1.5rem;
color: var(--blu_elettrico);
}
.sezione-card-row-content,
.gruppo-card-row-content{
font-size: 0.95rem;
}
.sezione-card-cta,
.gruppo-card-cta{
margin-top: auto;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0.5rem 1rem;
background: var(--blu_elettrico);
color: #fff;
font-weight: 600;
border-radius: 0.75rem;
text-decoration: none;
width: 100%;
}
.sezione-card-cta:hover , .sezione-card-cta:active,
.gruppo-card-cta:hover , .gruppo-card-cta:active{
background: var(--blu_scuro) !important;
color: #fff !important;
}
.sezione-list-empty,
.gruppo-list-empty{
margin: 0;
}
.widget-sezione-clear,
.widget-gruppi-clear{
display: none;
border: 1px solid var(--blu_elettrico);
background: transparent;
color: var(--blu_elettrico);
font-size: 0.9rem;
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 999px;
cursor: pointer;
}
.widget-sottosezioni-top{
align-self: stretch;
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.widget-sottosezioni-controls{
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
gap: 1.2rem;
}
.widget-sottosezioni-header{
flex: 1 1 40%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
}
.widget-sottosezioni-title{
color: #0E60C6;
font-size: 32px;
font-family: Titillium Web;
font-weight: 700;
line-height: 1.1;
display: flex;
flex-direction: column;
justify-content: center;
}
.widget-sottosezioni-goto-map{
display: none;
border: 1px solid var(--blu_elettrico);
background: var(--blu_elettrico);
color: #ffffff;
font-size: 0.9rem;
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 999px;
cursor: pointer;
align-items: center;
justify-content: center;
gap: 0.35rem;
width: 100%;
}
.widget-sottosezioni-goto-map .icon{
font-size: 1rem;
}
.widget-sottosezioni-form{
flex: 1 1 60%;
display: inline-flex;
justify-content: flex-start;
align-items: center;
gap: 64px;
flex-wrap: wrap;
}
.sottosezione-titolo{
align-self: stretch; color: var(--blu_elettrico); font-size: 1.2rem; font-weight: 600; word-wrap: break-word
}
#widget-sottosezioni-search-input{
flex: 1 1 auto; border:none; outline:none; background:transparent; color: black; font-size: 0.85rem; font-weight: 300; padding: 0.85rem 0.5rem 0.85rem 1rem;
}
#widget-sottosezioni-search-button{
height: 100%; 
padding: 0.85rem 0.5rem 0.85rem 1rem; background: var(--blu_elettrico); border:none; cursor:pointer; justify-content: flex-start; align-items: center; gap: 0.5rem; display: flex; border-radius: 0 0 0 0;
}
#widget-sottosezioni-search-label{ }
#widget-sottosezioni-results{
max-height: 80vh;
overflow-y: scroll;
overflow-x: clip;
margin-right: -0.8rem;
}
.widget-sottosezioni-search-container{
flex: 1 1 0; padding-left: 0.25rem; background: white; overflow: hidden; border-radius: 999px; outline: 1px #7B7B7B solid; outline-offset: -1px; justify-content: space-between; align-items: center; display: flex; overflow: hidden;
}
.sottosezione-wrapper{
align-self: stretch; 
padding-top: 1rem;
padding-bottom: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 0.5rem;
display: flex;
}
.sezione-itemlist-icon-wrapper{
justify-content: flex-start; align-items: center; gap: 0.2rem; display: flex; flex-direction: row;
}
.sottosezione-list , .sezione-list, .gruppo-list{
align-self: stretch;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0.5rem;
display: flex;
list-style: none;
margin:0; 
padding:0;
}
.sottosezione-itemlist , .sezione-itemlist, .gruppo-itemlist{
align-self: stretch;
justify-content: space-between;
align-items: flex-start;
display: inline-flex;
padding: 0 !important;
}
.sezione-timesheet-itemlist{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.sottosezione-wrapper{
margin-right: 0.8rem;
}
#widget-sottosezioni-clear-button ,#widget-gruppi-clear-button{
margin-top: 1rem;
padding: 0.5rem 1rem;
background: transparent;
border: 1px solid var(--blu_elettrico);
border-radius: 999px;
color: #ffffff !important;
font-size: 0.75rem;
font-weight: 400;
cursor: pointer;
display: none;
width:100% !important;
text-align: center !important;
background: var(--blu_elettrico);
}
.sezione-disclaimer,
.gruppo-disclaimer{
margin-top: 1rem;
margin-bottom: 0rem;
font-size: 0.75rem;
}
.sections-widget-wrapper-mappa-cta{
position: sticky;
left: 0;
bottom: 0;
width: 100%;
}
.widget-sezione-mapcta{
position: sticky;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(to top, white 40%, rgba(255, 255, 255, 0) 100%);
display: flex;
justify-content: center;
padding: 1rem 0;
}
#widget-sezioni-clear-button{
background-color: var(--blu_elettrico);
color: #ffffff;
height: 100%;
}
.sezione-card-info,
.gruppo-card-info{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1rem;
display: flex
}
.widget-mappa-sezioni{
position: relative;
width: 100%;
min-height: 75vh;
}
.widget-mappa-sezioni-map{
width: 100%;
min-height: 75vh;
border-radius: 1rem;
overflow: hidden;
}
.widget-mappa-sezioni-button{
position: absolute;
top: 5rem;
padding: 0.6rem 1rem;
border-radius: 999px;
border: none;
display: inline-flex;
gap: 0.4rem;
align-items: center;
background: #ffffff;
color: var(--blu_elettrico);
font-weight: 600;
text-decoration: none;
box-shadow: 0px 4px 24px rgba(135, 169, 213, 0.25);
z-index: 900;
height: 2.4rem;
}
.widget-mappa-sezioni-button-left{
left: 1rem;
}
.widget-mappa-sezioni-button-right{
right: 1rem;
cursor: pointer;
}
.widget-mappa-sezioni-button-right.loading{
opacity: 0.6;
cursor: progress;
}
.sezioni-popup-content{
padding: 1rem 1.25rem;
background: #fff;
border-radius: 1rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.sezione-popup-title{
margin: 0;
font-size: 1.1rem;
color: var(--blu_elettrico);
}
.sezione-popup-row{
display: flex;
gap: 0.6rem;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
.widget-mappa-sezioni-message{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
padding: 0.75rem 1.5rem;
border-radius: 999px;
font-weight: 600;
color: var(--blu_elettrico);
box-shadow: 0 4px 24px rgba(0,0,0,0.15);
z-index: 910;
} #leaflet-map-mappa-sottosezioni{
min-height: 70vh;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
background: rgba(0, 0, 0, 0) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0) !important;
border-radius: 0px !important;
padding: 0px !important;
}
.leaflet-popup-content{
margin: 0px !important;
padding: 0px !important;
}
.leaflet-container a.leaflet-popup-close-button{
top: 0.25rem !important;
right: 0.25rem !important;
}
.sottosezioni-popup-content{
padding: 16px 20px; background: var(--Grey-50, #F4F4F4); border-radius: 24px; display: flex; flex-direction: column; gap: 10px; min-width: 260px; max-width: 380px;
}
.sottosezione-popup-titolo{
align-self: stretch; color: var(--blu_elettrico); font-size: 1.2rem; font-weight: 600; word-wrap: break-word
}
.sottosezione-popup-itemlist{
align-self: stretch; justify-content: space-between; align-items: flex-start; display: inline-flex; gap:1.2rem;
}
.sottosezione-itemlist *:first-child{
justify-content: flex-start; align-items: center; gap: 8px; display: flex
}
.sottosezione-itemlist *:last-child{
text-align: right; color: black; font-size: 16px; font-weight: 300; word-wrap: break-word
}
.sottosezione-wrapper-itemlist{
gap:1.2rem; align-self: stretch; justify-content: space-between; align-items: flex-start; display: inline-flex
}
.sottosezione-itemlist-heading-text{
}
.sottosezione-itemlist-heading .icon{
color: #5E6069;
}
.sottosezione-itemlist-heading{
justify-content: flex-start; align-items: center; gap: 8px; display: flex
}
.sottosezione-itemlist-value{
text-align: right; color: black; font-size: 16px; font-weight: 300;
}
@media screen and (max-width:1024px) {
.sottosezione-wrapper-itemlist{
gap:0rem !important;
align-self: stretch;
justify-content: space-between;
align-items: flex-start;
display: inline-flex;
flex-direction: column !important;
}
.sottosezione-itemlist-heading{
font-weight: 600 !important;
}
.sottosezione-itemlist-value{
text-align: left !important; 
}
} article:has(#leaflet-map-sezioni-mappa-sezioni) 
, article:has(.sections-widget-wrapper-mappa-sezioni) 
, .entry-content:has(#leaflet-map-sezioni-mappa-sezioni)
, .entry-content:has(.sections-widget-wrapper-mappa-sezioni)  {
padding: 0;
margin: 0;
}
main.site-main:has(#leaflet-map-sezioni-mappa-sezioni) , main.site-main:has(.sections-widget-wrapper-mappa-sezioni) {
position: relative;
margin: 0px !important;
margin-top: 30px !important;
max-width: 100% !important;
padding: 0px !important;
}
main.site-main:has(#leaflet-map-sezioni-mappa-sezioni) .entry-header
, main.site-main:has(.sections-widget-wrapper-mappa-sezioni) .entry-header{
display: none;
}
main.site-main:has(#leaflet-map-sezioni-mappa-sezioni) #breadcrumbs
, main.site-main:has(.sections-widget-wrapper-mappa-sezioni) #breadcrumbs {
display: none;
}
main.site-main:has(#leaflet-map-sezioni-mappa-sezioni) .entry-footer
, main.site-main:has(.sections-widget-wrapper-mappa-sezioni) .entry-footer {
display: none;
}
.shortcode-sections-wrapper:has(#leaflet-map-sezioni-mappa-sezioni)
, .shortcode-sections-wrapper:has(.sections-widget-wrapper-mappa-sezioni){
margin: 0 !important;
}
.entry-content
, article.post:has(#leaflet-map-sezioni-mappa-sezioni)
, article.post:has(.sections-widget-wrapper-mappa-sezioni){
width: 100%;
}
#leaflet-map-sezioni-mappa-sezioni{
min-height: 60vh;
min-height: 60svh;
position: absolute;
left: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
.marker-cluster-small {
background-color:rgb(146, 186, 255, 0.8) !important;
}
.marker-cluster-small div {
z-index: 999 !important;
background-color:rgb(14, 97, 199, 0.8) !important;
color: white !important;
width: 30px !important;
height: 30px !important;
border-radius: 99999px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-weight: 600 !important;
font-size: 0.8rem !important;
}
.marker-cluster-medium {
background-color:rgb(146, 186, 255, 0.8) !important;
border-radius: 99999px !important;
}
.marker-cluster-medium div {
z-index: 999 !important;
background-color:rgb(14, 97, 199, 0.8) !important;
color: white !important;
width: 40px !important;
height: 40px !important;
border-radius: 99999px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-weight: 600 !important;
font-size: 0.8rem !important;
}
.marker-cluster-large {
background-color:rgb(146, 186, 255, 0.8) !important;
border-radius: 99999px !important;
}
.marker-cluster-large div {
z-index: 999 !important;
background-color:rgb(14, 97, 199, 0.8) !important;
color: white !important;
width: 50px !important;
height: 50px !important;
border-radius: 99999px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
font-weight: 600 !important;
font-size: 0.8rem !important;
}
.sezione-popup-row .sezione-card-row-content a{
color: var(--blu_elettrico) !important;
}
.widget-sezione-mapcta-link{
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: var(--blu_elettrico);
color: #fff;
font-weight: 600;
border-radius: 999px;
padding: 0.6rem 1.4rem;
text-decoration: none;
}
.widget-sezione-mapcta-link .icon{
color: inherit;
}
.shortcode-sections-spinner{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 2rem 0;
}
.shortcode-sections-spinner-content{
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.shortcode-sections-spinner-icon{
animation: shortcode-spinner-rotate 1.2s linear infinite;
}
@keyframes shortcode-spinner-rotate{
from{transform: rotate(360deg);}
to{transform: rotate(0deg);}
} .shortcode-sections-spinner{
grid-column: span 6 !important;
}
.shortcode-sections-footer-notice{
grid-column: span 6;
width: 100%;
}