/*
Theme Name: Design Italia Cultura
Theme URI:
Author: DGCC; CityOpenSource
Author URI: https://www.cityopensource.com/
Description: CUSTOM css nella dir CSS che contiene override e customizzazioni
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: design-italia
Tags: custom

*/
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.table>:not(caption)>*>* {
    background-color: white;
}

p, ul, ol, dl {
    line-height: 1.555;
}
article ul, article ol, article dl {
    list-style-type: initial!important ;
    padding-left: 2rem!important;
}
.accordion-header .accordion-button:not(.collapsed):after {
    transform: scaleY(1);
}

.accordion-header .accordion-button:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='hsl(210deg, 100%, 40%)' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
    float: right;
    width: 1.5rem;
    height: auto;
    line-height: .1rem;
    color: #06c;
    transition: transform .3s;
    background-image: none;
    transform: scaleY(-1);
}
.tab-content {
    border-left: 1px solid #c5c7c9;
    border-right: 1px solid #c5c7c9;
}
#map { 
    height: 620px; 
    outline: none!important;
    box-shadow: 0 0 0 0 #000!important;
}

.link-list-wrapper ul li a {
    display: flex!important;
}

.nav-tabs { 
    background-color: transparent;
}
.tab-pane {
    background-color: white;
}


.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon,
.it-header-wrapper .it-brand-wrapper .icon image {
    width: 180px;
    height: 60px;
}

.chip.chip-simple{
    min-height: 24px!important;
    height: auto!important;
    display: inline-block;
}

canvas#treemap-1 {
    width: 100%!important;
    height: 100%!important;
}


.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0px;
}
.modal {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0px;
}

.modal .modal-dialog, .modal .modal-dialog .modal-content .modal-body {
    padding: 0!important;
    margin: 0!important;
}

.required {
    color: red;
}

#map:focus:not(.focus--mouse), #mapdettaglio:focus:not(.focus--mouse) {
    box-shadow: none!important;
    outline: none!important;
}


.navbar .navbar-collapsable .navbar-nav li a.nav-link.active {
    border-color: #87de49;
}

#search-modal { 
    z-index: 65535; 
}
#search-modal form {
    padding-top: 3rem
}

.chosen-container-multi .chosen-choices li.search-choice {
    min-height: 24px!important;
    height: auto!important;
}

.chosen-drop li {
    min-height:28px!important;
    height: auto!important;
    font-size: 0.9rem!important;
}
.select-wrapper select option {
    font-size: 0.9rem!important;
}
.table-primary {
    background-color: transparent!important;
}


.it-header-wrapper {
    z-index: 65535;
}

.it-header-wrapper .navbar-collapsable .logo-hamburger { 
    color: #191919; 
}
.it-header-wrapper .navbar-collapsable .it-socials ul li a svg {
    fill: #191919!important;
}
.it-header-wrapper .navbar-collapsable .it-socials {
    color: #191919;
}

.pagination li .page-numbers.next,.pagination li .page-numbers.prev {
    border-radius: 4px;
    border-color:#a6afb7;
    border-width: 1px;
    border-style: solid;
}
.pagination li .page-numbers.next::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210deg, 17%, 44%%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
}

.pagination li .page-numbers.prev::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210deg, 17%, 44%%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
}
/* ************* */

.navigation.pagination {
    margin: auto;
}
.pagination ul.page-numbers {
    display: flex;
}
.pagination li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 4px;
    border: none;
    font-size: 1rem;
    font-weight: 700;
    color: #5d7083;
    background-color: rgba(0,0,0,0);
    padding: 0 0.75rem;
}
.pagination li .page-numbers {
    height: 3rem;
    min-width: 3rem;
}

.pagination li .page-numbers[aria-current]  {
    border: 1px solid #323333;
    color: #323333;
    pointer-events: none;
}
/*SELETTORE MULTIPLO*/
.chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active input, .chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active li {
    outline: none!important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

  /*grandezza font e campo input in alto*/
  .chosen-container-multi .chosen-choices li.search-field input[type="text"], .chosen-choices>li {
    min-height: 10px!important;
    display: inline-block!important;
    font-size: 0.8rem!important;
    font-family: 'Titillium Web'!important;
    color: hwb(300 2% 98%);
    /* line-height: 0.7rem; */
    cursor: default;
    float: left;
    list-style: none;
   }
/*caratteristiche zona menu*/
.chosen-choices {
    border: 0px!important;
    background: none!important;
}

/*grandezze pulsanti scelti*/
.chosen-choices>li.search-choice {
    /* height: auto!important; */
    /* width: auto!important; */
    /* min-height: 10px!important; */
    /* display: inline-block!important; */
    /* font-size: 0.6rem!important; */
    /* background: none; */
    /* background-image: none!important; */
 }
/*grandezze menu tendina*/
.chosen-drop li {
    height: auto!important;
    /* min-height:20px!important; */
    font-size: 0.7rem!important;
   /* line-height: 0.5rem!important; */
    display: block!important;
}

   /*caratteristiche menu e fonttendina */
   .chosen-container .chosen-results li {
    display: auto;
    /* height: 10px!important; altezza singola linea */
    margin: 0;
    padding: 1px 1px;
    list-style: none;
    line-height: 1rem;
    /* word-wrap: break-word; */
    -webkit-touch-callout: none;
    background-color: hsla(262, 87%, 9%, 0.027);
    font-size: 0.7rem!important;
    color: hwb(249 0% 73%);
   
  }

  /* regola altezza menu tendina */
  .chosen-container .chosen-results {
   
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 500px;
    -webkit-overflow-scrolling: touch;
   
}

/************  REGOLAZIONI LEALEFT  ************/
.leaflet-popup-content {
    width: 200px;
}

.leaflet-popup-content img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center;
}

.leaflet-control-layers-selector {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}

/* override bootstrap */
.breadcrumb {
    width:max-content
}

/* Stile per le notifiche "Toast" sulla mappa */
.leaflet-toast-notification {
    position: absolute;
    top: 80px; /* Sotto i controlli di Leaflet */
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #333;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1001; /* Sopra la mappa ma sotto altri popup se necessario */
    font-family: sans-serif;
    font-size: 14px;
    text-align: center;
    max-width: 90%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
    pointer-events: none; /* Non intercettare i click */
}

.leaflet-toast-notification.show {
    opacity: 1;
    top: 90px;
}

.leaflet-toast-notification.error {
    border-left: 5px solid #dc3545; /* Rosso per errore */
}

.leaflet-toast-notification.warning {
    border-left: 5px solid #ffc107; /* Giallo per avviso */
}
/* Stile per il pulsante di geolocalizzazione personalizzato */
.leaflet-control-geolocate a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Aggiunge il colore blu quando il pulsante è attivo */
.leaflet-control-geolocate.active a {
  background-color: #007bff;
  color: rgb(68, 228, 116);
  border-color: #0069d9;
}

/* Animazione per lo spinner di caricamento */
@keyframes leaflet-control-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.leaflet-control-geolocate.loading a svg {
  animation: leaflet-control-spin 1s linear infinite;
}

/* Nasconde il pulsante di reset quando non serve */
.leaflet-control-reset-hidden {
  display: none !important;
}
/* Stile per il pulsante di reset personalizzato */
.leaflet-control-reset a {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*tentativo*/
.leaflet-control-locate-circle {
  stroke: #136AEC;
  stroke-opacity: 1;
  stroke-width: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: #136AEC;
  fill-opacity: 0.15;
  fill-rule: evenodd;
  pointer-events: none;
}
.leaflet-control-locate-circle:hover {
  fill-opacity: 0.3;
}


/* ******************** */

.cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button,
.card-title a {
    color: #191919;
}

/*** BOOTSTRAP ITALIA OVERRIDE ****/

.card .card-body .card-text {
    font-family: "Titillium web", Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1a1a1a;
    text-rendering: optimizeLegibility;
}
.card-text:last-child {
    margin-bottom: 0;
}

.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text
{
    /* display: flex;
    align-items: center;
    position: absolute;
    top: -24px;
    z-index: 4;
    left: -8px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; */
    background: #00660c;
    border-radius: 4px;
    font-family: "Roboto Mono", monospace;
    font-size: 2rem;
}
.it-timeline-wrapper .row:after {
    content: "";
    width: 4px;
    /* background: linear-gradient(0deg, hsl(210deg, 0.5025125628%, 19.9%) 0%, hsl(210deg, 100%, 20%) 100%); */
      background: #00660c;
    position: absolute;
    left: 40px;
    top: -16px;
    bottom: -16px;
}