body{ font-family: 'DM Sans', sans-serif; font-size: 100%; color: #000; /*background-color: #F7F7F2;*/} 
/*header{background-color: #fff; border-bottom: 2px solid #0066A4;}*/
.subtitlehead{font-family: 'Cinzel', serif; color: #333; text-transform: uppercase; font-size: 12px; }
.titlehead{font-family: 'DM Sans', sans-serif;  color: #00436A; font-size: 26px; font-weight: 600;}


.wrap-logo{}
.nav-link{color: #000 !important; font-size: 16px; font-weight: 600; padding-right:10px !important; padding-left: 10px !important;}
.nav-link:hover{color: #00436A;}
.nav-link.active{color: #00436A !important; border-bottom: 1px solid;} 
.bg-beige{background-color: #F7F7F2;}
.bg-red{background-color: #eb5b27;}

.input-group-lg>.form-control{font-size: 22px; height: 80px; border-color: #00436A;}
.input-group-lg>.btn, .input-group-lg>.form-select, .input-group-lg>.input-group-text{border-color:#dee2e6 !important;  font-size: 22px; background-color: #00436A; color: #fff;}
.input-group-lg>.btn.my-btn{border: 2px solid #00436A; background-color: rgba(0,0,0,0); color: #00436A;}
.input-group-lg>.btn.my-btn:hover{color: #dee2e6;}

/*main a{color: #669BBC; text-decoration: none;transition: 0.3s;}*/
main a:hover{color: #000;transition: 0.3s;}
main a.btn-link-big{font-size: 24px; font-weight: 700; color: #00436A; display: block; text-decoration: none;}
main a.btn-link-big.bg-beige:hover{background-color: #00436A; color: #F7F7F2;}
.wrap-btn-years .btn{width: -webkit-fill-available;}
.mar-t-100{margin-top: 100px;} 
.wrap-btn-years .my-collapse-link{color: #eb5b27; text-decoration: none; display: block;}
.wrap-btn-years .row{margin-bottom: 30px;}
.wrap-list-results{list-style: none; margin: 0; padding: 0;}
.wrap-list-results li{ border-bottom: 1px solid #dee2e6;}
.wrap-list-results li:first-child{border-top: 1px solid #dee2e6;}
header h1{color: #fff;font-size: 28px;}
main{margin-top: 118px; min-height: calc(100vh - 166px - 118px - 59px);}
.body-index main{margin-top:118px; }
main .wrap-list-results li a{margin: 0; padding: 1rem 0;color: #000; text-decoration: none;transition: 0.3s; font-size: 22px; font-weight: 400; display: block;}
main .wrap-list-results li a:hover{color: #eb5b27; transition: 0.3s; }
main .wrap-list-results li a span.data-result{font-family: 'Source Serif 4', serif;font-size: 14px; font-weight: 300; display: block;}


.txt-serif{font-family: 'Source Serif 4', serif; font-weight: 300; font-size: 26px;}
.btn-link-med{color: #00436A; font-size: 26px; text-decoration: none;}
.border-no{border: 0 !important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){padding-left: 30px; padding-right: 30px;}
a.my-btn{line-height: 60px;}
.border-top-grey{border-top: 1px solid #669BBC;}
.btn-year{font-family: 'Source Serif 4', serif; padding:25px 15px; margin-bottom: 30px; border: 2px solid #00436A; color: #00436A; font-size: 30px; font-weight: 500; width: -webkit-fill-available; background-color: #fff; border-radius: 10px;transition: 0.3s; display: inline-block; text-decoration:  none;}
.btn-year.disabled{opacity: 0.5; pointer-events: none; cursor: default; color: white; background-color: #00436a60;}
.btn-year:hover{background-color: #00436A; border: 2px solid #00436A; color: #fff;transition: 0.3s; } 
.display-4{font-weight: 700; color: #000;}
.pad-80{padding-top: 80px; padding-bottom: 80px;}
.pad-b-40{padding-bottom: 40px;}
.table-responsive td{padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 0; font-size: 22px; font-weight: 400; line-height: 36px;font-family: 'Source Serif 4', serif;}
.table-responsive tr:first-child td{padding-top: 0 !important;}
.table-responsive td.label{width: 280px; font-size: 14px; font-weight: 400; font-family: 'DM Sans', sans-serif; text-transform: uppercase; padding-left: .5rem;}
.table-responsive td.label.wrap-oggetti{padding: 30px 0 0 0; border: 0; background-color: #F7F7F2; font-weight: bold;} 


.table-responsive td a.my-collapse-link{color: #eb5b27; text-decoration: none; display: block;}
.table-responsive td a{color: #eb5b27; text-decoration: none;}
.table-responsive td a:hover{color: #000;}
.table-responsive td ul.list-multi-scheda {list-style: none; margin: 0; padding: 0;}
.table-responsive td ul.list-multi-scheda li{margin: 0 0 10px 0;}
.table-responsive td ul.list-multi-scheda li a{display: inline;}
/* ELIMINARE BLOCK O ALTERNATIVA */
/* .table-responsive td ul.list-multi-scheda li span{display: block;}  */
.table-responsive td ul.list-multi-scheda li .bi{font-size: 16px;}
.collapse-link{margin: 10px 0; text-transform: uppercase; font-family: 'DM Sans', sans-serif; font-size: 16px;}
.collapse-link::after{content: '\2193';}
.collapse-link[aria-expanded="true"]::after{content: '\2191';}
.table-responsive td ul.list-multi-scheda.list-beni{list-style:square; margin-left: 25px;}
.table-responsive td div{margin-bottom: 0;}
span.my-capitalizied{text-transform: uppercase;}

.table-responsive td small{font-size: 14px;font-weight: 400;font-family: 'DM Sans', sans-serif;text-transform: uppercase;}



.link-back{color: #eb5b27; text-decoration: none;font-size: 16px;}
.wrap-carousel-scheda {margin: 80px 0;}
.wrap-carousel-scheda .container-fluid {padding-right: 0;padding-left: 0;}
.carousel {background: #F7F7F2 !important;}
.carousel-image {display: block;height: 400px;min-width: 150px;max-width: 100%;margin-right: 10px;}

.text-page h2{font-size: 36px; margin-top: 0; color: #00436A; margin-bottom: 20px;}
.text-page p{font-size: 20px; line-height: 34px;} 
.text-page a{text-decoration: none; color: #eb5b27; font-weight: 400;}
.wrap-results{padding-top: 40px;}
.txt-22-b{font-size: 22px; font-weight: 600;}
.txt-22-b-a{font-size: 22px; color: #eb5b27; text-decoration: none;}
.txt-22-b-a i{font-size: 16px;}
.card-body{margin-top: -2px;}
.card-title{color: #000; font-size: 18px;}
a:hover .card-title{color: #003049;}
small{}
.wrap-filter{}
.wrap-filter h3{text-transform: uppercase; font-size: 14px;font-weight: 400;}
/*.filter{background-color: #669BBC;}*/ 
.wrap-filter ul{list-style: none; margin:20px 0; padding: 0; max-height: 200px; overflow-y: scroll;}
.wrap-filter ul li a{color: #000; font-size: 16px; line-height: 24px; text-decoration: none;margin-bottom: 10px; display: inline-block; }
.wrap-filter ul li a:hover{color: #eb5b27;}
.wrap-btn-years .row {border-bottom: 1px solid #F7F7F2;}
.element-esito{background-color:#F7F7F2;    margin: 0 !important;}
.element-esito a{padding: 1rem;display: block;}



.wrap-filter ul::-webkit-scrollbar {
    width: 15px;
    background-color: #fff;
}

.wrap-filter ul::-webkit-scrollbar-thumb {
    border-radius: 0px; 
    background-color: #6C757D;
}

.wrap-filter ul::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #fff;
}
.link-open-list-filter{font-size: 16px; font-weight: 600; color: #000; text-decoration: none; display: block;}
.link-open-list-filter:hover{color: #eb5b27; text-decoration: none;}
.link-open-list-filter i{float: right;}

div.dropdown ul.suggestions.my-scrollable-list {max-height: 200px; overflow-y: scroll;}

.wrap-breadcrumb{margin: 40px 0 0 0;}
.label-1{text-transform: uppercase; color: #00436A; font-size: 12px;}
.my-archivists-label{color: #00436A; font-size: 12px; font-style: italic;}
.wrap-breadcrumb .breadcrumb{display: inline-flex; margin-left: 20px;}
.breadcrumb-item{color: #000;}
.breadcrumb-item a{color: #000; text-decoration: none;}
.breadcrumb-item a:hover{color: #eb5b27; text-decoration: none;}
.breadcrumb-item+.breadcrumb-item::before{font-size: 12px; line-height: 24px;}
.badge{color: #6C757D;font-size: 14px; font-weight: 400;}
.wrap-filter p{margin: 0; padding: 0; text-align: right;}
.wrap-filter p a{font-size: 16px;}
.wrap-filter p a[aria-expanded="false"]::after{content: '\002B'; padding-left: 5px;} 
.wrap-filter p a[aria-expanded="true"]::after{content: '\2212'; padding-left: 5px;} 
.navbar img{margin-top: -40px;}
.d-ib{display: inline-block;}
.ml-15{margin-left: 15px;}
.text-page{}

.bio-menu{}
.bio-menu a{display: block; font-size: 14px; line-height: 22px; color: #6C757D; margin-bottom: 25px; text-transform: uppercase;}
.bio-menu a:focus{color: #000;}
.bd-toc {grid-area: toc;}

.carousel-cell{background-color: #F7F7F2 !important;}

.fancytree-expander.fa.fa-angle-double-right{display: none;}
.fancytree-expander.fa.fa-angle-double-down{display: none;}
span.fancytree-title{margin: 0 !important; border: 0 !important;}
.fancytree-node{display: flex;}
.fancytree-icon{padding-top: 5px; padding-right: 3px;}

.table.fancytree-container{--bs-table-hover-bg: rgba(0, 0, 0, 0) !important; }
tr.fancytree-active{background-color: rgba(0, 0, 0, 0) !important;}
.table.fancytree-container tr:hover{color: #669BBC;}
.itemTreeview{color: #000 !important;}

.table.fancytree-container tr td:last-child{display: none;}
.table.fancytree-container tr td{border: 0 !important;}
.btn:hover{background-color: #669BBC !important;}

.form-control:focus{border-color:#00436A;box-shadow: 0 0 0 ;}
.pagination{margin-top: 3rem;}
.pagination .page-link{border: 0; color: #00436A; font-size: 22px; background-color: transparent;}
.page-link:hover{color: #eb5b27;}
.page-item.disabled{opacity: .5;}
.active>.page-link{font-weight: 700;color: #669BBC;}
h2{font-size: 24px; line-height: 38px; font-weight: 700; margin-top: 2rem;}
h2.accordion-header{margin-top: 0; line-height: 1rem;}
.text-page .fs-3{font-size: 24px !important; font-weight: 700;}
.navbar-light{background-color: #fff;border-bottom: 2px solid #0066A4; padding-top: 20px; padding-bottom: 20px;}
.mt-50{margin-top: 50px;}

.text-page h4{scroll-margin-top: 180px; scroll-margin-bottom: 100px;}
.text-page ul{font-size:20px; line-height: 34px;list-style-type: circle; font-family: 'Source Serif 4', serif; font-weight: 300;}
#carouselExampleAutoplaying.carousel{margin-top:100px;}
.carousel-caption{bottom: 0; left: 0;right: 0;width: 100%;padding-bottom:5rem;background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(102,102,102,0.7735688025210083) 0%, rgba(255,255,255,0.22454919467787116) 100%);}
.carousel-caption h5{ font-size: 36px; color: #fff;}
.font-20{font-size: 20px; line-height: 40px;} 

.panel-img-big-home{position: relative;min-height: 800px;height: 800px;}
.bg-img-carousel {
    background-repeat: no-repeat;
    background-size: cover;
    background-position:50%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

footer{margin-top: 100px !important; padding: 50px 0; background-color: #333;} 
footer p{color: #fff;}
footer a{color: #fff;}

.pad-120{padding-top: 120px; padding-bottom: 120px;}
.border-blu{border:1px solid #00436A;}

.wrap-bg-img-registri{position: relative; min-height: 240px; height: 240px;}
.wrap-bg-img-registri .bg-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.results-grid a{color: #000; text-decoration: none;}
.results-grid a:hover{color: #eb5b27;}
.results-grid .card{border-color: #00436A;;}
.results-grid .card-footer{background-color: #F7F7F2; border-top: 1px solid #00436A;}
.card-title{color: #00436A; font-size: 22px; font-weight: 700;}
.results-grid a:hover .card-title{color: #eb5b27;}
.results-grid .text-body-secondary{text-transform: uppercase; color: #000 !important;}
.results-grid .card-text{font-family: 'Source Serif 4', serif; }

.results-grid .card-body{padding: 30px 15px;}

.registro-data{ font-family: 'Source Serif 4', serif; font-size: 26px; font-weight: 300;}
.element-esito a{color: #000; text-decoration: none; font-size: 18px;}
.element-esito a:hover{color: #00436A;}
.element-esito a strong{display: block;}
.element-esito { margin-bottom: 30px;}

.my-atto-type {font-size: 1rem}
.my-atto-position{font-size: 20px}


.text-page a.btn-back{color: #00436A;}

.leaflet-popup-content-wrapper, .leaflet-popup-tip{background: #F7F7F2 !important;}
.leaflet-container h6{font-family: 'DM Sans', sans-serif !important;}
.leaflet-container a {color: #00436A;font-family: 'DM Sans', sans-serif !important; text-transform: uppercase; text-decoration: none;}
 
.btn-adv-search{font-size: 16px;background-color: #00436A;color: #fff;padding: 1em 4em;}
.btn-adv-search:hover{color:#fff;}

.btn-info-box{font-size: 16px;background-color: #00436A;color: #fff;padding: 0.25em 0.5em;}
.btn-info-box:hover{color:#fff;}
button.btn-info-box.btn-info-box-empty{padding: 0.25em 0.5em; color: #00436A; background-color: #00436A00;}


#adv-search{}
#adv-search h4{color: #003049; margin-left: 1rem;}
#adv-search label{color: #003049;}
#adv-search .form-control{border-color: #003049;}
#adv-search .row.row-cols-2{--bs-gutter-y: 2rem;--bs-gutter-x: 4rem;}
#adv-search .form-select{border-color: #003049;}
.btn-simple{margin-top: 2rem; border: 1px solid #669BBC; width: 100%; text-align: left; background-color: #669BBC; color: #fff;}
.btn.btn-simple:hover{background-color: #fff !important;border: 1px solid #0066A4; } 
.btn-search-adv{color: #00436A;margin: 10px auto;display: block;text-decoration: none; background-color: #F7F7F2; border: 1px solid #00436A; padding: 0.5em 3rem; text-transform: uppercase;}
.btn-search-adv-noB{color: #00436A;margin: 10px auto;display: block;text-decoration: none; background-color: transparent; border: 0px solid #00436A; padding: 0.5em 3rem;text-transform: uppercase;} 

/*FRECCE NEXT E PREV*/
/* Wrapper generale - non interferisce con la pagina */
.my-arrow-wrapper {
    position: relative; /* Rende il wrapper un contenitore semplice */
    pointer-events: none; /* Non blocca altri clic della pagina */
}

/* Freccia sinistra */
.my-arrow.my-arrow-left {
    position: fixed; /* Posizionamento fisso rispetto alla pagina */
    left: 20px; /* Sposta dal bordo sinistro */
    top: 50%; /* Centro verticale */
    transform: translateY(-50%); /* Corregge il posizionamento */
    pointer-events: auto; /* Rende cliccabile la freccia */
}

/* Freccia destra */
.my-arrow.my-arrow-right {
    position: fixed; /* Posizionamento fisso rispetto alla pagina */
    right: 20px; /* Sposta dal bordo destro */
    top: 50%; /* Centro verticale */
    transform: translateY(-50%); /* Corregge il posizionamento */
    pointer-events: auto; /* Rende cliccabile la freccia */
}

/* Bande trasparenti */
.my-arrow-wrapper::before,
.my-arrow-wrapper::after {
    content: "";
    position: fixed; /* Bande fissate ai lati dello schermo */
    top: 0;
    bottom: 0;
    width: 50px; /* Larghezza delle bande */
    background-color: rgba(0, 0, 0, 0); /* Trasparenza */
    pointer-events: none; /* Le bande non bloccano clic */
}

.my-arrow-wrapper::before {
    left: 0;
}

.my-arrow-wrapper::after {
    right: 0;
}

/* Stile delle frecce */
.my-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #00436A;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}
.my-arrow:hover {
    color: #000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
}

/* Classe disabled */
.my-arrow.disabled {
    display: none;
}



#map .marker-cluster.marker-cluster-small,
#map .marker-cluster.marker-cluster-medium,
#map .marker-cluster.marker-cluster-large {
    background-color: #00436A;
    border-radius: 50%; /* Rende il marker rotondo */
    display: flex;
    justify-content: center;
    align-items: center;
}

#map .marker-cluster.marker-cluster-small {
    background-color: rgba(0, 67, 106, 0.6); /* Colore #00436A più chiaro */
    width: 40px;  /* Dimensione del cerchio esterno */
    height: 40px; /* Dimensione del cerchio esterno */
}

#map .marker-cluster.marker-cluster-medium {
    background-color: rgba(0, 67, 106, 0.8); /* Colore #00436A più scuro */
    width: 40px;  /* Dimensione del cerchio esterno */
    height: 40px; /* Dimensione del cerchio esterno */
}

#map .marker-cluster.marker-cluster-large {
    background-color: rgba(0, 67, 106, 1); /* Colore #00436A pieno */
    width: 40px;  /* Dimensione del cerchio esterno */
    height: 40px; /* Dimensione del cerchio esterno */
}

#map .marker-cluster.marker-cluster-small div,
#map .marker-cluster.marker-cluster-medium div,
#map .marker-cluster.marker-cluster-large div {
    background-color: rgba(0, 67, 106, 1);  /* Colore del cerchio interno */
    border-radius: 50%; /* Rende il cerchio interno rotondo */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;  /* Dimensione del cerchio interno */
    height: 20px; /* Dimensione del cerchio interno */
}

#map .marker-cluster.marker-cluster-small div span,
#map .marker-cluster.marker-cluster-medium div span,
#map .marker-cluster.marker-cluster-large div span {
    color: white; /* Colore del testo, a contrasto con il cerchio bianco */
}

/*MAP SEARCH CONTROL*/


.geosearch.leaflet-bar.leaflet-control.leaflet-control-geosearch.leaflet-geosearch-button {
	position: absolute;
	left: 100%;
}
.leaflet-control-geosearch a.leaflet-bar-part:after {
    content: '\f002'; /* Sostituisci questo con il codice dell'icona FontAwesome desiderata */
    font-family: 'FontAwesome'; /* Assicurati che il font FontAwesome sia incluso nel progetto */
    font-size: 16px; /* Dimensione dell'icona */
    color: rgba(0, 67, 106, 1); /* Colore dell'icona */
    display: inline-block;
    width: auto; /* Rimuove la larghezza fissa in modo che tutto si ridimensioni correttamente */
    height: auto;
    position: relative;
    top: 0; /* Modifica in base alle necessità per allineamento verticale */
    left: 0; /* Modifica in base alle necessità per allineamento orizzontale */
border: 0;
}
.leaflet-control-geosearch a.leaflet-bar-part:before{
	display: none;
}
.reset {
    font-family: 'FontAwesome'; /* Specifica FontAwesome come il font */
    font-size: 16px; /* Personalizza la dimensione dell'icona */
    color: #555; /* Colore del testo/icona */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: #fff;
}


.wrap-top-title-head{display: inline-table;width: 40%;height: 100px;}
.wrap-top-title-head h3{font-size: .7rem;text-transform: uppercase;text-align: center;font-weight: 600;}
.wrap-loghi-head{display: inline-flex;margin-top: 2rem;}
.text-21{ font-size: 21px;}
.footer-top{background-color: #fff; border-top: 5px solid #003049;    padding: 50px 0 0 0;}
.footer-top p{color: #003049; font-size: 11px;}
.footer-top p a{color: #003049; text-decoration: underline;}
.footer-top p a:hover{color: #003049; text-decoration: none;}
.btn-info-box{font-size: 12px;text-transform: uppercase;letter-spacing: 1px;}
.modal-header{    background-color: #F7F7F2;}
.modal-title{text-transform: uppercase; color: #003049;}
.modal-body.txt-serif{font-size: 16px; font-weight: 400;}
.text-page .modal-body p{font-size: 16px; font-weight: 400;}
.text-page .modal-body ul{font-size: 16px; font-weight: 400;}

/* --------  media queries --------*/
 
@media screen and (max-width:768px) {
td{width: 100%; display: block;}
.table-responsive td{padding-bottom:0.5rem !important;padding-top: 0.5rem !important;}
.table-responsive td.label{padding-bottom: 0 !important;border-bottom: 0;}
#carouselExampleAutoplaying.carousel {margin-top: 165px;}
.panel-img-big-home {min-height: 400px;height: 400px;}
.table.fancytree-container tr td{display: revert;}
.table-responsive td span.fancytree-title{font-size: 16px; line-height: 26px;}
.border.rounded.bg-white.p-3.mb-5{padding-left: 0px !important;}
.bd-toc{position: fixed; top: 165px; overflow: auto; white-space: nowrap; width: auto; background-color: #fff;padding: 1rem 1rem 0.5rem 1rem;}
.bio-menu a{display: inline-block;margin-right: 20px; margin-bottom: 15px;}
/*.text-page {margin-top: 70px;}*/
.text-page h2{margin-top: 3rem;}
main{margin-top: 100px;}
.navbar img{height: 50px;}
.subtitlehead{font-size: 10px;}
.titlehead{font-size: 20px;}
}

@media (min-width: 992px) {
    .bd-toc {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        right: 0;
        z-index: 2;
        height: calc(100vh - 7rem);
        overflow-y: auto
    }
}