/*
Theme Name: Design Comuni Italia Child
Template: design-comuni-wordpress-theme-main
Author: Digival
Description: Design Comuni Italia è il tema di WordPress per i siti dei Comuni Italiani. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciate dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia.
Version: 1.7.4.1695890607
Updated: 2023-09-28 08:43:27

*/
.card-wrapper.card-teaser-block-3 {
	z-index: 1;
}

.icon-right.external-link {
	word-break: break-word;
}

.map-wrapper.map-column,
.map_luogo .map-wrapper.map-column {
    margin-left: 0px;
    margin-top: 0px !important;
}

.calendar-vertical {
    color: var(--colore-base);
}
.calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: var(--colore-base);
}
.calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: var(--colore-base);
}
.calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    background-color: var(--colore-base-10percento);
}
/* *************************************************** */
/* DIGIVAL Servizi esterni *************************** */
/* *************************************************** */
.icon-right.external-link .icon {
    margin-left: 8px;
    fill: currentcolor;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* *************************************************** */
/* DIGIVAL Lightbox ********************************** */
/* *************************************************** */
:root {
    --colore-overlay: #000000;
    --opacita-overlay: 0.85;
    --zindex: 1500;
    --zindex-plus: 1510;
    --font-family: "Titillium web";
    --colore-icone: #ffffff;
    --colore-testo: #ffffff;
    --dimensione-icone: 3rem;
    --peso-icone: 300;
    --peso-caption: 400;
}
.sl-overlay {
    background: var(--colore-overlay) !important;
    opacity: var(--opacita-overlay) !important;
    z-index: var(--zindex) !important;
}
.sl-wrapper {
    z-index: var(--zindex-plus) !important;
}
.sl-wrapper .sl-close {
    z-index: var(--zindex-plus) !important;
    font-family: var(--font-family) !important;
    font-weight: var(--peso-icone) !important;
    color: var(--colore-icone) !important;
    font-size: var(--dimensione-icone) !important;
}
.sl-wrapper .sl-counter {
    z-index: var(--zindex-plus) !important;
    color: var(--colore-icone) !important;
}
.sl-wrapper .sl-navigation button {
    z-index: var(--zindex-plus) !important;
    font-weight: var(--peso-icone) !important;
    font-family: var(--font-family) !important;
    color: var(--colore-icone) !important;
    font-size: var(--dimensione-icone) !important;
}
.sl-wrapper .sl-image .sl-caption {
    color: var(--colore-icone) !important;
    background: rgba(0, 0, 0, 0) !important;
    font-weight: var(--peso-caption) !important;
    font-family: var(--font-family) !important;
    text-align: center !important;
}
.sl-spinner {
    border: 5px solid rgba(255,255,255,0.6) !important;
    z-index: var(--zindex-plus) !important;
}
.it-list-wrapper .it-list a.list-item:hover {
    color: var(--colore-base-hover) !important;
}

/* *************************************************** */
/* DIGIVAL Sfondo evidenza home ********************** */
/* *************************************************** */
.home #notizie .container .row:first-of-type img {
    object-fit: cover;
    aspect-ratio: 4/3;
}
.evidence-section .list-item.active span, .useful-links-section .list-item.active span {
    color: var(--colore-base);
}
.row-calendar .it-calendar-wrapper .card .card-text a,
.evidence-section .list-item.active span, .useful-links-section .list-item.active span {
    color: var(--colore-base) !important;
}
.evidence-section .list-item.active:hover span, .useful-links-section .list-item.active:hover span {
    color: var(--colore-base-hover) !important;
}
.t-primary {
    color: var(--colore-base);
}
.cmp-accordion .accordion-header .accordion-button:not(.collapsed) {
    color: var(--colore-base);
}
.cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button {
    color: var(--colore-base);
}
aside .cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
    border-left: 2px solid var(--colore-base);
}
.it-page-section .card.card-teaser-info,
.card.card-teaser-info {
    border-left: 8px solid var(--colore-base-10percento);
}
.has-bg-grey {
    background-color: var(--colore-base-5percento);
}
.it-header-wrapper .navbar-collapsable .logo-hamburger {
    color: var(--colore-base);
}
.it-header-wrapper .navbar-collapsable .it-socials {
    color: unset;
}
.it-header-wrapper .navbar-collapsable .it-socials ul li a svg {
    fill: var(--colore-base) !important;
}

/* DIGIVAL Tabelle documenti ************************** */
.table table {
    width: 100%;
}

/* DIGIVAL Breadcrumbs ******************************* */
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: var(--colore-base);
}
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a:hover {
    color: var(--colore-base-hover);
}

/* DIGIVAL Chips ************************************* */
.chip .chip-label {
    color: var(--colore-base);
}
.chip:not(.chip-disabled) {
    border-color: var(--colore-base);
}
.chip:is(a):hover:not(.chip-disabled) {
    background-color: var(--colore-base);
    border-color: var(--colore-base);
}
.chip:is(div):hover:not(.chip-disabled) {
    border-color: var(--colore-base-hover);
}
.chip:is(div):hover:not(.chip-disabled) .chip-label {
    color: var(--colore-base-hover);
}
.chip .chip-label {
    line-height: 1.5;
}

/* DIGIVAL Ricerca *********************************** */
@media (min-width: 768px) {
    .it-header-wrapper .search-link svg {
        fill: var(--colore-base);
    }
}
.search-modal .modal-title .search-link svg {
    fill: var(--colore-base);
}
.search-modal .form-group .autocomplete-icon .icon, .search-modal .form-group .input-group-prepend svg {
    fill: var(--colore-base);
}
.search-modal .searches-list li a {
    color: var(--colore-base);
}

/* *************************************************** */
/* DIGIVAL Colore footer ***************************** */
/* *************************************************** */
.it-footer-main {
    background-color: #202a2e;
}

/* *************************************************** */
/* DIGIVAL Template part single gallery ************** */
/* *************************************************** */
.it-carousel-all a,
.it-carousel-all img {
    width: 100%;
    text-decoration: none;
    object-fit: cover;
}

/* *************************************************** */
/* DIGIVAL Altezza minima card *********************** */
/* *************************************************** */
.card-wrapper.card-teaser-wrapper>.card-teaser.card-teaser-image>.card-image-wrapper {
    min-height: 130px;
}

/* *************************************************** */
/* DIGIVAL Focus ring ******************************** */
/* *************************************************** */
.focus-ring:focus {
    border: 4px solid #000000 !important;
}


/* *************************************************** */
/* DIGIVAL Icona accordion *************************** */
/* *************************************************** */
.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='DarkGray' 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: rgb(69, 69, 69);
    transition: transform .3s;
    background-image: none;
    transform: scaleY(-1);
}
.accordion-personale .accordion {
    padding: 0px;
    border-top: 1px solid #c5c7c9;
    border-bottom: none;
}
.accordion-personale .accordion-item {
    border-bottom: 1px solid #c5c7c9;
    margin-top: 0px;
}
.accordion-personale .accordion-header .accordion-button {
    padding: 14px 24px;
    line-height: 1.2em;;
}
.accordion-personale .accordion-header .accordion-button:hover {
    text-decoration: none;
}
.accordion-personale .accordion .accordion-button span {
    color: var(--bs-accordion-color);
    font-weight: 300;
    font-size: 90%;
}
.area-personale-more {
    text-decoration: none;
    font-size: 90%;
}
.area-personale-more:hover {
    text-decoration: underline;
}

/* *************************************************** */
/* DIGIVAL Icona stato ******************************* */
/* *************************************************** */
.stato {
    align-items: center;
    gap: 10px;
}
.stato>div {
    font-size: 85%;
    text-align: right;
}
.stato svg {
    width: 24px;
    height: 48px;
}
.stato svg.positivo {
    fill: #007A52;
}
.stato svg.negativo {
    fill: #D9364F;
}
.stato svg.corso {
    fill: #A66300;
}
.stato svg.bozza-attesa {
    fill: #191919;
}

/* *************************************************** */
/* DIGIVAL SVG Spid workaround *********************** */
/* *************************************************** */
svg {
    fill: unset;
}

/* *************************************************** */
/* DIGIVAL home slide ******************************** */
/* *************************************************** */
.splide-full .splide__arrows svg {
    fill: #ffffff;
}
.splide-full .splide__arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    opacity: 0.5;
    transition: 0.3s;
}
.splide-full .splide__arrow:hover {
    opacity: 1;
}
.splide-full .splide__arrow--prev {
    left: 20px;
    transform: rotate(180deg);
}
.splide-full .splide__arrow--next {
    right: 20px;
}

.splide-full .splide__pagination {
    position: absolute;
    width: 100%;
    bottom: 10px;
    z-index: 10;

}
.splide-full .splide__pagination li {
    margin: 0px 5px;
}
.splide-full .splide__pagination li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;;
    background-color: #FFFFFF; 
    opacity: 0.5;
    transition: 0.3s;  
}
.splide-full .splide__pagination li button.is-active {
    opacity: 1;   
}

.splide-full .splide__slide img {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    object-position: center center;
}
.splide__slide img {
    object-fit: cover;
}

/* *************************************************** */
/* DIGIVAL Home Messages ***************************** */
/* *************************************************** */
.home-message-content .msg svg {
    flex-shrink: 0;
}
.home-message-content .msg {
    text-align: left;
}

/* *************************************************** */
/* DIGIVAL Form servizi online *********************** */
/* *************************************************** */
.table-responsive th,
.table-responsive td {
    white-space: nowrap;
}