/*!
Theme Name: Design Comuni Italia
Template: design-comuni-wordpress-theme-main
Author:
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.11.2
License: AGPL 3.0 or later
Text Domain: design_comuni_italia
*/

@import "assets/css/comuni.custom.css";
@import "assets/css/bootstrap-italia.custom.css";

/* Personalizzazione colore */
/*:root {
    
    --main-primary: #0359B0;
    --bs-primary-rgb: 0, 102, 204;
    --main-shadow: #06c;
    --main-shadow-rgba: rgba(0, 102, 204, 0.5);

   
    --main-dark: #03407D;

   
    --main-hover: #02264B;
}*/

/* Pagina evidenza background-image */
#evidenza .section-background-header {
    background-image: url(assets/imgs/evidenza-header-blu.png) !important;
}


/* Altro CSS */

#menu-amministrazione .menu-list, #menu-unita-organizzative .menu-list,
#menu-notizie .menu-list, #menu-incarichi .menu-list, #menu-luoghi .menu-list {
    padding-left: 16px;
    text-transform: uppercase;
}
#menu-unita-organizzative .menu-sub-item, #menu-notizie .menu-sub-item,
#menu-incarichi .menu-sub-item, #menu-luoghi .menu-sub-item {
    padding-left: 32px;
}

.wpcf7-list-item input {
    -webkit-appearance: checkbox !important;
}

/*siti tematici nella home: tolta la foto rotonda*/

.home.blog .avatar img{
    border-radius: 0% !important;
}

.home.blog .avatar {
    border-radius: 0% !important;
}

/*icone nella home: modifica style*/
.icona-home-news{
    margin-right: 5px;
}

.icona-home-news-argomenti {
    width: 20px;
    margin-right: 5px;
}

.icona-home-argomento{
    width:50px;
    border-radius: 50%;
    background: #eaf2ec;
    text-align: center;
    vertical-align: middle;
    padding: 12px;
}

/*.home.blog .category.title-xsmall-semi-bold.fw-semibold {
    background-image: url(assets/imgs/home-news-icon.png) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
}*/

.home.blog div.card.card-teaser.no-after.rounded.shadow-sm.border.border-light .text-underline.text-success {
    background-image: url(assets/imgs/home-news-icon.png) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
}


.page-template-novita .category.cmp-list-card-img__body-heading-title {
    background-image: url(assets/imgs/home-news-icon.png) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.page-template-servizi .text-decoration-none.title-xsmall-bold.mb-2.category.text-uppercase {
    background-image: url(assets/imgs/servizi-icon.PNG) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.page-template-eventi .text-decoration-none.fw-bold.cmp-list-card-img__body-heading-title {
    background-image: url(assets/imgs/home-event-icon.PNG) !important;
    background-repeat: no-repeat;
    padding-left: 30px;
}

/*centro tag altri argomenti nella home*/
@media (min-width: 992px) {
    .home.blog .d-lg-inline-flex {
        display: block !important;
    }
}

/** Gallery immagini + modal contenente carousel per le Gallerie Fotografiche */
#photogalleryContainer .item-immagine {
    margin: 10px;
}

.modalPhotogallery {
    background: rgba(0, 0, 0, 0.75) !important;
}

.modalPhotogallery .div-chiudi {
    padding-bottom: 24px;
}

.modalPhotogallery .img-completa {
    margin-bottom: 24px;
}

.modalPhotogallery .photogallery-steppers .steppers-dots {
    display: flex !important;
}

.modalPhotogallery .photogallery-steppers {
    margin-bottom: 12px;
}

.modalPhotogallery .image-description {
    margin-bottom: 24px;
}

/*fix padding per lista argomenti post*/

/*#div-carica-altre-notizie, 
#div-carica-altri-servizi, 
#div-carica-altri-documenti, 
#div-carica-altro-amministrazione, 
.card-wrapper {
    padding-bottom: 24px !important;
}*/


/*avendo nascondo le sezioni amministrazione/novità/servizi/documenti se sono vuote negli argomenti
aumento il margin del box "valutazione", altrimenti se non ci sono sezioni, rimane attaccato al titolo*/

@media (min-width: 992px) {
    .cmp-rating .card {
    margin-top: 20px;
}
}

/*home page calendario personalizzato*/
@media (min-width: 600px) { 
.home.blog div.giorni-list {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (min-width: 900px) {
.home.blog div.giorni-list{
    grid-template-columns: auto auto auto auto auto;
}
}

.home.blog div.giorni-list {
    display: grid;
    gap: 5px;
}
.home.blog div.calendario-body{
    padding-bottom: 0px !important;
}

.home.blog p.calendario-data{
 margin-bottom: 0px !important
}

.home.blog p.calendario-data span{
    font-family: Roboto Mono, monospace;
    font-weight: 100;
}

.home.blog p.calendario-border {
border-bottom: 1px solid #b1b1b3;
}

/*aggiusto dimensione img*/
.card-wrapper.card-teaser-wrapper .card-flex .card-image img {
    object-fit: contain !important;
}

/*Social, mostrare il nome del social inserito nell'header e nel footer*/

header.it-header-wrapper .it-header-center-content-wrapper span.visually-hidden {
    color: #ffff;
    display: contents;
}

footer.it-footer span.visually-hidden {
    color: #ffff;
    display: contents;
}
/*Home, notizia in evidenza, aumento margine inferiore*/

.row-notizia-evidenza {
    margin-bottom: 50px
}

@media screen and (max-width: 1280px) {
    .row-notizia-evidenza {
        margin-bottom: 10px
    }
}

/*modifica link tag <a> per i documenti pubblici. Viene visualizzato come pulsante con icona*/
.button-allegati a {
    border-radius: 4px;
    padding: 24px;
    border-color: #e9e6f2;
    border: 1px solid #e9e6f2;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    color: #0359B0;
    font: 18px "Titillium Web";
    font-weight: 700;
    text-decoration: none;
}

.button-allegati a {
    border-radius: 4px;
    padding: 24px;
    border-color: #e9e6f2;
    border: 1px solid #e9e6f2;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    color: #0359B0;
    font: 18px "Titillium Web";
    font-weight: 700;
    text-decoration: none;
}

.button-allegati a::before {
    content: '🔗';
}



.button-allegati-doc a {
    border-radius: 4px;
    padding: 24px;
    border-color: #e9e6f2;
    border: 1px solid #e9e6f2;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    color: #0359B0;
    font: 18px "Titillium Web";
    font-weight: 700;
    text-decoration: none;
}
/*.button-allegati-doc a{
    display: grid !Important;
    grid-template-columns:1fr 19fr !important;
    margin-bottom:10px;
}*/
/*homepage link sotto la ricerca della parola chiave,
suddivisi in 2 colonne*/

@media (min-width: 600px) {

ul.link-list.custom-ricerca {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

/*Link utili Homepage*/
/*modifiche link utili Homepage*/

.link-list .text-button-normal {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff !important;
    padding: 6px 6px;
    margin: 0 16px 24px 0;
    border-radius: 3px;
    margin-bottom: 0px !Important;
}

.link-list .text-button-normal::before {
    
    content: url(assets/imgs/icona-link.png) !important;;
    padding-right: 15px;
    font-size: 25px;

}

.link-list .text-button-normal:hover {
    background: #02264B;
}

.useful-links-section.list-item.active span {
    color: #ffffff !Important;
    text-decoration: none !Important;
}

.useful-links-section .list-item.active span:hover {
    color: #ffffff !Important;
    text-decoration: underline;
}


.useful-links-section .list-item.active span {
    color: #ffff !Important;
    text-decoration: none;
}

.useful-links-section .list-item.active span:hover {
    color: #ffffff !Important;
    text-decoration: underline;
}

.evidence-section .list-item.active span,
.useful-links-section .list-item.active span {
    color: #ffffff !Important
}


.evidence-section .list-item.active:hover span,
.useful-links-section .list-item.active:hover span {
    color: #ffffff !important
}

@media (min-width: 576px){
.cmp-list-card-img__body-description {
    margin-bottom: 25px !important;
}
}


@media only screen and (max-width: 600px) {
    .home.blog #novita .section.section-muted.p-0.py-5 {
         content-visibility: auto;
         padding: 30px !important;
         background-image: unset !important;
    
}
.home.blog #evidenza .section-background-header{
    content-visibility: auto;
    background-image: unset !important;
}

.home.blog .row-notizia-evidenza img {
    height: 100% !important;
    width: 100% !important;
}
}


/*fix single_unita_organizzativa che non mostra la grafica delle liste per il campo competenze e in generale per le pagine*/

.single.single-unita_organizzativa #competenze ul, .page-template-default.page .article-wrapper ul {
    list-style: inherit !important;
}

/*nella versione mobile nascondo le immagini del calendario per velocizzare sito*/

@media only screen and (max-width: 600px) {
    .home.blog .row-calendar img{
     display: none;
    }
}

.home.blog .category.title-xsmall-semi-bold.fw-semibold {
    color: #30475f;
}

/*spazio button tutti gli eventi in homepage*/
.home.blog #head-section button {
margin-bottom: 20px !important;
}

.card .categoryicon-top .icon {
    fill: var(--main-primary) !important;
}

/* Fix comuni.css sovrapposizione immagine in home*/
.card-wrapper.card-overlapping {
	z-index: 1;
}

/*nasconde alcuni campi nel form delle segnalazioni*/
.hide-segnalazione-field {
	display: none !important;
}

/*modifiche colori siti tematici Homepage*/
.card-bg-warning {
    background-color:#0A8754 !Important
}

.card.card-bg-dark {
    background-color:#d1344c !Important
}

.useful-links-section .link-list-heading.text-uppercase.mt-2.mt-lg-4.mb-3.ps-0{
    font-size:26px;
    font-weight:800;
    color:white;
}

/*modifiche immagine persone pubbliche*/ 
.figure.img-full img{ 
    object-fit:contain !important; 
}


/*design link pagina siti tematici*/
.container-st a{
    color: #0359B0;
    font: 18px "Titillium Web";
    font-weight: 700;
    text-decoration:none;
    margin-bottom:10px;
}
.container-st a::before{
    content:"🡆";
    padding-right: 10px;
    }
.container-st a:hover{
    text-decoration: underline;
}

/*modifiche link nelle card di anteprima dei contenuti + nella pagina interna*/
.text-secondary.mb-0 a{
font-weight:700;
color:#0359b0
}
.text-secondary.mb-0 a::before{
content:"🡆";
padding-right: 10px;
}
.hero-text a::before{
content:"🡆";
padding-right: 10px;
}
.hero-text a{
font-weight:700;
color:#0359b0
}

.record-cons-comunali-template-default .callout.note {
    display: none;
}

/*modifiche al font del testo*/
p {font-family: Titillium Web }

ul {font-family: Titillium Web }
ol {font-family: Titillium Web }
ul {font-family: Titillium Web }
ol {font-family: Titillium Web }

/*Visualizzazione barra social header*/
.it-right-zone a{
display: flex !important;
}

/*Modifica avvisi in Home - icona per avvisi: togliere il colore di sfondo all'icona*/ 
.home-message-content #alert
{ 
    background-color: rgba(0, 0, 0, 0.0) 
}

/*togliere uppercase a testo menu*/ 
#menu-incarichi .menu-item a { 
    text-transform: capitalize !important 
}

/* Sistemare design allegati in generale */
.it-page-section:not(#documenti):not(#allegati) p [href$=".pdf"]:before, .article-wrapper p [href$=".pdf"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".p7m"]:before, .article-wrapper p [href$=".p7m"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".docx"]:before, .article-wrapper p [href$=".docx"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".jpg"]:before, .article-wrapper p [href$=".jpg"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".jpeg"]:before, .article-wrapper p [href$=".jpeg"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".webp"]:before, .article-wrapper p [href$=".webp"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".doc"]:before, .article-wrapper p [href$=".doc"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".xls"]:before, .article-wrapper p [href$=".xls"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".xlsx"]:before, .article-wrapper p [href$=".xlsx"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".rtf"]:before, .article-wrapper p [href$=".rtf"]:before,
.it-page-section:not(#documenti):not(#allegati) p [href$=".zip"]:before, .article-wrapper p [href$=".zip"]:before {
    content: url(https://comune.siziano.pv.it/wp-content/uploads/2025/01/graffetta-allegati__.webp);
    margin-right: 15px;
    vertical-align: middle;
    max-width: 13px;
    max-height: 27px;
}

.it-page-section:not(#documenti):not(#allegati) a[href$=".pdf"], .article-wrapper a[href$=".pdf"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".p7m"], .article-wrapper a[href$=".p7m"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".doc"], .article-wrapper a[href$=".doc"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".docx"], .article-wrapper a[href$=".docx"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".jpg"], .article-wrapper a[href$=".jpg"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".jpeg"], .article-wrapper a[href$=".jpeg"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".webp"], .article-wrapper a[href$=".webp"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".xlsx"], .article-wrapper a[href$=".xlsx"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".xls"], .article-wrapper a[href$=".xls"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".rtf"], .article-wrapper a[href$=".rtf"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".zip"], .article-wrapper a[href$=".zip"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".odt"], .article-wrapper a[href$=".odt"],
.it-page-section:not(#documenti):not(#allegati) a[href$=".ods"], .article-wrapper a[href$=".ods"] {
    display: block;
    border-radius: 4px;
    padding: 24px;
    border: 1px solid #e9e6f2;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    color: #035b90;
    font: 18px "Titillium Web", sans-serif;
    font-weight: 700;
    text-decoration: none;
    width: fit-content;
    margin-bottom: 10px;
}