/* Foglio di stile con la personalizzazione del nuovo layout */

body {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.section.section-background-header::before {
    background-color: transparent;
    min-height: 550px;
}





/* Personalizzazione simil sito comunale*/
.it-header-slim-wrapper {
    background-color: white;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content a {
    color: #cc2737;
}
.d-none.d-lg-block.navbar-brand {
    color: #cc2737;
}
.it-header-center-wrapper {
    background-color: white;
    margin-bottom: 5px;
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone {
    color: #363637;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content {
    border-bottom: solid 1px #bfbbbb;
}
.it-footer-main {
    background-color: #eff3f3;
    color: #4d4d4d;
}
.it-footer-main h4 a {
    color: #2f2f2f;
}
.it-footer-main .link-list-wrapper ul li a {
    color: #4d4d4d;
}
.it-footer-main .it-brand-wrapper a {
    color: #2f2f2f;
}
.it-footer-small-prints {
    background-color: #eff3f3;
}
.it-footer-small-prints a, .it-footer-small-prints a:hover:not(.disabled) {
    color: #2f2f2f;
}

.it-footer-small-prints ul.it-footer-small-prints-list {
    float: right;
}
.custom-navbar-toggler svg, svg {
    fill: #d12839;
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    fill: #cc2737;
}
.it-brand-text h2 {
    color: #363637;
}

.navbar-logo-comune {
    max-width: 120px;
}
footer .icon.icon-sm.align-top {
    fill: #999;
}

.it-footer-main {
    padding-top: 50px;
}
/*Per farlo simile al logo del comune ma responsive*/
.navbar-logo-comune {
    border-right: solid 1px #4a97cf;
    margin-right: 10px;
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone .it-socials ul .icon {
    fill: #cc2737;
}
/*Per tenere lo sfondo bianco dietro al logo anche con lo sticky header*/
.it-brand-wrapper.cloned {
    background-color: white;
}
.it-brand-wrapper.cloned .navbar-logo-comune {
    border-right: none;
    margin-right: 0px;
    height: 60px;
}
/*Schermi piccolo medi*/
@media only screen and (max-width: 1000px) {
    .navbar-logo-comune {
        max-width: 80px; /*95px;*/
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
        fill: #cc2737;
    }
}

#menu-principale .link-list {
    font-size: 12px;
}
#menu-principale .link-list a {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
}

/* Fine personalizzazione simil sito comunale*/



/* Menu con icone*/
.expanded .navbar-nav {
    margin-left: 10px;
}
.it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-search-wrapper.cloned{
    display: none;
}

.navbar .navbar-collapsable .navbar-nav li.nav-item {
    display: inline-block;
}
.nav-link {
    display: inline-block;
}

/*Le metto solo per schermi grandi*/
@media only screen and (min-width: 992px) {
    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        display: block;
    }

    .fa.fa-fw.nav-bar-menu-item-icon {
        color: white;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        padding-top: 7px;
        padding-bottom: 4px;
    }
    /*    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        min-width: 170px;
    }*/
    .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav {
        width: 100%;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        width: 16.65%;
        /*width: 16.6%;*/
    }


    .navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link {
        /* width: 100%; */
        font-size: 16px;
        padding-left: 0px;
        padding-right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        /*Link full button*/
        padding-top: 25px;
        margin-top: -25px;
        /*Fine link full button*/
    }
}
/* Fine Menu con icone*/


/* Fix pagina argomento elenco servizi*/
@media (min-width: 768px) {
    .card-wrapper.card-teaser-wrapper.card-teaser-start .card-teaser + .card-teaser {
        margin-left: 0px;
    }

    .card-wrapper.card-teaser-wrapper.card-teaser-start .card-teaser {
        margin-right: 1%; /*1.35rem*/
    }

    .card-wrapper.card-teaser-wrapper.card-teaser-block-3 > .card-teaser {
        flex: 0 0 31%;
    }
}

/* Fine fix pagina argomento*/

.card .read-more.card-read-more {
    margin-top: 10px;
    padding-top: 10px;
    position: initial;
}

.card-read-more-btn {
    color: black;
    text-decoration: none;
}
.card-read-more-btn:hover {
    color: black;
    text-decoration: none;
}
.card .card-body .card-read-more-btn .card-title {
    color: #17324d;
}
.card.card-teaser .icon.link-icon {
    height: 30px;
}

.it-hero-wrapper.it-wrapped-container {
    background-color: #e3e4e6;
}

/* Main logo svg*/
.icon-comune {
    vertical-align: middle;
    flex-shrink: 0;
    display: flex;
    /* width: 195px; */
    height: 117px;
}
/*@media (min-width: 700px) and (max-width: 971px) {
    .icon-comune {
        height: 92px;
    }
}
@media (min-width: 972px) and (max-width: 991px) {
    .icon-comune {
        height: 75px;
    }
}*/

@media (max-width: 991px) {
    .icon-comune {
        height: 75px;
    }
}
/*@media (max-width: 991px) {
    .icon-comune {

        height: 75px;
    }
}*/

@media (min-width: 992px) {
    /*    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    width: 195px;
    height: 170px;
    margin-right: 16px;
}*/

    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned a .icon-comune {
        height: 75px;
        margin-right: 5px;
        margin-left: 5px;
        /*        margin-right: 16px;
    flex-shrink: 0;*/
    }
}
/*Fine main logo svg*/

.footer-logo-comune {
    max-height: 150px;
}

.navbar .navbar-collapsable .navbar-nav li.nav-item {
    text-align: center;
}
.navbar .navbar-collapsable.expanded .navbar-nav li.nav-item {
    text-align: left;
}

/*
    Close lateral menu button
*/
.sr-only {

    width: inherit;
    height: inherit;
    clip:unset;

}

.navbar .navbar-collapsable.expanded .close-div.sr-only {
    position: relative;
    width: 50px;
    float: right;
    padding-right: 10px;
    padding-top:25px;
    padding-bottom: 25px;

}
.navbar .close-div .close-menu {
    font-size: 1.5em;
}
/*
    Fine Close lateral menu button
*/

/* Menu dettaglio Servizio: Funziona ma crea un'altro bug che è peggio di quello che risolve.*/
/*.sticky-wrapper.navbar-wrapper.is-sticky.at-bottom {
    position: fixed;
    bottom: 0px;
    width: 100% !important;
    top: unset !important;
}*/
/*Fine menu dettaglio servizio*/

.it-header-slim-wrapper .it-header-slim-wrapper-content a .icon {
    fill: #cc2737;
}

/*
    Menu superiore per schermi piccoli
*/
.it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
    color: #cc2737;
}
.d-lg-none {
    display: none !important;
}
/*
    Fine Menu superiore per schermi piccoli
*/

/*
    Navbar con bande verticali bianche tra le voci di menu
*/



/*.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
    padding-left: 0px;
    padding-right: 0px;
}*/
@media (min-width: 992px) {
    .fa.fa-fw.nav-bar-menu-item-icon {
        color: white;
        text-align: center;
    }
    .navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link {
        font-size: 16px;
    }
}
@media (min-width: 1200px) {
    .nav-item {
        border-right: solid 1px white;
        border-left: solid 1px white;
    }

    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned a .icon-comune {
        height: 67px;
    }
}
/*
Fine navbar con bande verticali bianche tra le voci di menu
*/

/*
    Fix resize height navbar
*/

@media (min-width: 992px) {
    .navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link {
        font-size: 13.2px;
        font-weight: bold;
    }
    .container, .container-sm, .container-md, .container-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        padding-top: 11px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 990px;
    }
}

/*
Fine fix resize height navabar
*/

/*FIX auto width navbar items*/
@media (min-width: 992px) {
    .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav {
        display: contents;
    }

    .navbar .navbar-collapsable .navbar-nav li.nav-item {
        width: inherit;
    }
}

.dati-ente {
    font-size: 15px;
}

/* Fix freccia apertura sottomenu*/
.dropdown-menu::before {
    left: 45%;
}

a.nofocus:focus {
    outline: none;
    border: 0;
}