/**
Theme Name: Comune Campofiorito
Author: Coffice & Pandemia
Template:  design-comuni-wordpress-theme
Theme URI:		 http://www.cofficegroup.com/
Author URI:		 http://www.cofficegroup.com/
Description:     Tema personalizzato per il <strong>Comune di Campofiorito</strong>, basato sui temi utilizzabili per i siti della Pubblica Amministrazione, utilizza i componenti del web toolkit delle linee guida di design dell'Agenzia per l'Italia digitale rilasciare dal Team per la trasformazione digitale e le caratteristiche per i servizi web della Pubblica Amministrazione contenute nel Piano triennale per l'informatica nella Pubblica Amministrazione 2017/2019.
Version:		 1.0.0
Text Domain:     design-comuni-wordpress-theme
Tags: agid, one-column, two-columns, grid-layout, custom-colors, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, accessibility-ready, footer-widgets, sticky-post, theme-options, comune

*/

/** Colore primario: background: #CC3251; */
/** Primario dark: background: #65192B; */
/** background: #FF6997;*/
/** background: #CC32510F;*/

:root {
    --bs-primary: #CC3251;
    --bs-secondary: hsl(210deg, 17%, 44%);
    --bs-success: hsl(160deg, 100%, 25%);
    --bs-link-color: #CC3251;
    --bs-link-hover-color: #65192B;
    --bs-primary-rgb: 204, 50, 81;
    /*--bs-primary-rgb:#CC3251;*/
}

.it-header-slim-right-zone {
    display: none !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

a.read-more {
    justify-content: center;
}

a.read-more,
a.read-more .text {
    color: var(--bs-primary) !important;
}

a.read-more button {
    color: white !important;
    background: var(--bs-primary) !important;
}

a.read-more button:hover {
    color: var(--bs-primary) !important;
    background: white !important;
}

a.read-more button:hover .icon {
    fill: var(--bs-primary) !important;
}

a.read-more .icon {
    fill: var(--bs-primary) !important;
}

a.read-more button .icon {
    fill: white !important;
}

.rating:not(:checked)>label:hover svg,
.rating:not(:checked)>label:hover~label svg,
.rating>input:checked~label svg {
    fill: darkorange;
}

.form-check [type=radio]:checked+label::after {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.form-check [type=radio]:checked+label::before {
    border-color: var(--bs-primary);
}


.btn-outline-primary {
    color: var(--bs-primary);
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: inset 0 0 0 2px var(--bs-primary) !important;
}

.btn-outline-primary:hover {
    color: var(--bs-primary) !important;
    box-shadow: inset 0 0 0 2px var(--bs-primary) !important;
}

.evidence-section .list-item.active:hover span, .useful-links-section .list-item.active:hover span {
    color: var(--bs-link-hover-color) !important;
}

.row-calendar .it-calendar-wrapper .card .card-text a:hover {
    color: var(--bs-link-hover-color) !important;
}

.bg-cfpink-card,
.section.section-muted {
    background: #D1344C0F;
}


.it-header-center-wrapper {
    background: var(--bs-primary);
}

.navbar,
.it-header-navbar-wrapper {
    background-color: transparent;
}

.t-primary {
    color: var(--bs-link-hover-color);
}

.it-header-slim-wrapper {
    background: var(--bs-link-hover-color);
}

.btn-primary {
    background: var(--bs-primary);;
    border-color: var(--bs-primary);;
}

.chip:not(.chip-disabled) {
    border-color: var(--bs-primary);
}
.chip .chip-label {
    color: var(--bs-primary);
}
.chip:is(a):hover:not(.chip-disabled) {
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}
.chip:is(a):hover:not(.chip-disabled) .chip-label {
    color:#FFF;
}

.it-calendar-wrapper .it-header-block-title {
    background-color: var(--bs-primary);
}

.evidence-section .list-item.active span, .useful-links-section .list-item.active span {
    color: var(--bs-primary) !important;
}

.link-list-wrapper ul li a.active span {
    color: var(--bs-link-hover-color);
}

.link-list-wrapper ul li a span {
    color: var(--bs-primary);
}

.it-hero-wrapper {
    background-color: var(--bs-link-hover-color);
}

.it-nav-wrapper {
    background: var(--bs-primary);
}
.it-nav-wrapper:before {
    content:'\a';
    display: block;
    position: absolute;
    z-index: 0;
    top:0px;
    bottom:0px;
    left:0px;
    width: 20%;
    background-image: url("./images/overlay_header.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

/* component card link istituzionali */
.cmp-card-simple-link.card-wrapper .card {
    background: #2079D4;
}

.cmp-card-simple-link.card-wrapper .card .card-body .card-title,
.cmp-card-simple-link.card-wrapper .card .card-body a:hover {
    color: #fff;
}

.cmp-card-simple-link.card-wrapper .card .card-body .text-paragraph {
    color: #fff;
}

.cmp-card-simple-link.card-wrapper .card .card-body .card-title-icon {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.cmp-card-simple-link.card-wrapper .card .card-body .card-title-icon .card-title-icon-img {
    height: 40px;
}

.cmp-card-simple-link.card-wrapper .card .card-body .has-icon {
    vertical-align: text-bottom;
}

/* menu barra in home */
.menu-barra-home {
    min-height: 95px;
    background: #D1344C0F;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-barra-home .menu-barra-home-content {
    width: 100%;
}

#menu-barra {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#menu-barra li a {
    font-family: Titillium Web;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase;
    margin-right: 20px;
}

@media screen and (max-width: 991px) {
    #menu-barra {
        display: block;
    }

    #menu-barra li {
        padding: 16px 0;
    }
}

/* link utili section */
.useful-links-section .section {
    background: #D1344C0F;
}

.useful-links-section .section .link-list-wrapper .link-list-heading {
    font-size: 0.8em;
    line-height: 2em;
}

.useful-links-section .section .link-list-wrapper ul li a {
    font-size: 1em;
    line-height: 2em;
    font-weight: 600;
    text-align: left;
}

.useful-links-section .section .link-list-wrapper ul li a span {
    text-decoration: none;
    font-size: 1em;
    line-height: 2em;
    font-weight: 600;
    text-align: left;
}

/* Input search - .cmp-input-search */
.cmp-input-search input[type=search] {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    border: 1px solid #D1CFCF;
}

.cmp-input-search .autocomplete-icon {
    left: 1px;
}

/* fix calendar */
.row-calendar .it-calendar-wrapper .card .card-text img {
    /*object-fit: contain;*/
    object-fit: cover;
    min-height: 56px;
    min-width: 56px;
}
.row-calendar .it-calendar-wrapper .card .card-text a {
    color: var(--bs-primary);
}



#calendario .splide__slide .card-title span,
#calendario .splide__slide .card-title {
    color: #455A64 !important;
}

#calendario .splide__slide:first-child .card-title {
    color: var(--bs-primary) !important;
}

.it-carousel-wrapper .splide__pagination button.is-active {
    background: var(--bs-primary);
}


/* sezione notizia in evidenza */

#notizia_in_evidenza .card-evidenza {
    padding-left: 0;
}

#notizia_in_evidenza .evidenza-img {
    max-height: 430px;
    width: 100%;
    object-fit: cover;
}

.card .card-text {
    font-family: Lora !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 28px !important;
    text-align: left;

}

@media screen and (max-width: 991px) {
    #notizia_in_evidenza .row-evidenza {
        flex-direction: column-reverse;
    }

    #notizia_in_evidenza .evidenza-img {
        max-height: 240px;
    }

    #notizia_in_evidenza .evidenza-col-img {
        padding: 0;
    }
}


/* avviso del sindaco */
/* sezione notizia in evidenza */

#avviso_del_sindaco .card-avviso-sindaco {
    padding-left: 0;
}

#avviso_del_sindaco .avviso-sindaco-col-img {
    align-items: center;
    display: flex;
}

#avviso_del_sindaco .avviso-sindaco-img {
    max-height: 430px;
    width: 100%;
    object-fit: cover;
}

#avviso_del_sindaco .avviso-sindaco-text {
    font-family: Lora !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 28px !important;
    text-align: left;
}

#avviso_del_sindaco .avviso-sindaco-text em {
    font-style: italic;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    #avviso_del_sindaco .row-avviso-sindaco {
        flex-direction: column-reverse;
    }

    #avviso_del_sindaco .avviso-sindaco-img {
        max-height: 240px;
    }

    #avviso_del_sindaco .avviso-sindaco-col-img {
        padding: 0;
    }
}

.richtext-wrapper.font-serif {
    font-family: "Titillium Web" !important;
}

.richtext-wrapper h2 {
    margin-top: 48px !important;
    margin-bottom: 16px !important;
}

.richtext-wrapper table {
    margin-bottom: 48px !important;
}

table.cftable {
    border: 2px solid #65192B;
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
table.cftable td, table.cftable th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}
table.cftable tbody td {
    font-size: 16px;
}
table.cftable tr:nth-child(even) {
    background: #FFE5E6;
}
table.cftable thead {
    background: #CC3251;
}
table.cftable thead th,
table.cftable thead td{
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 2px solid #CC3251;
}
table.cftable thead th:first-child,
table.cftable thead td:first-child {
    border-left: none;
}

table.cftable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #CC3251;
}
table.cftable tfoot td {
    font-size: 14px;
}
table.cftable tfoot .links {
    text-align: right;
}
table.cftable tfoot .links a{
    display: inline-block;
    background: #FFFFFF;
    color: #CC3251;
    padding: 2px 8px;
    border-radius: 5px;
}