/*!
 * Comune di Sant'angelo Lodigiano - Personalizzazioni
 *
 *
 * Version: 1.0.0
 * Author: Mirko Di Pasquale
 *
*/



/*************
**  THEMES  **
**************/

/* STILI SITO WEB */
body{
    font-family: Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif!important;
}
@media (min-width: 1200px){
    .container {
        max-width: 1440px;
    }
}
.bg-dark{
    background-color: #30373d!important;
    color:#fff!important;
}
#footer{

}

#footer.bg-dark{
    background-color:#222222!important;
}
#footer a {
    color: #65dcdf;
}
.Footer-blockTitle, .u-padding-bottom-xl {
    padding-bottom: 32px!important;
    border-bottom: .1em solid #5a6772!important;
}
@import url('https://fonts.googleapis.com/css?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&subset=latin,latin-ext&display=swap');
/* SKIN */
.id26,.id28{
    max-width: 1140px;
}
#testata-contenuto{
    /*background: #f8f9fa!important;*/
}
.block-top .card{
    border-radius: 0;
    background-color: var(--secondary-color) ;

}
.card{
    box-shadow: 1px 2px 5px rgba(0,0,0,0.20)!important;
    border-radius: 3px!important;
}
.block-top .card h3{
    padding: 0;
    margin: -1rem;
}
.block-top .card h3 a{
    display: block;
    color: var(--white-color);
    padding: 1rem;
}
.png-white{
    filter: brightness(0) invert(1);
}
.text-truncate.text-truncate--3{
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}
/* NUOVI FORMATI IMMAGINE */
.embed-responsive-21by9.vertical::before {
    padding-top: 233.2%;
}
.embed-responsive-16by9.vertical::before {
    padding-top: 178.67%;
}
.embed-responsive-4by3.vertical::before {
    padding-top: 133.335%;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

:root {
    --primary-color: #e2201c;
    --secondary-color: #004990;
    --third-color: #0066cc;
    --four-color: #b10100;
    --white-color: #fff;
    --primary-font: Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif!important;
    --secondary-font: Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif!important;
    --font-html:36px;
    --font-body:16px;
}
.bg-primary.after-triangle:after {
    bottom: -20px;
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    z-index: 100;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    height: 40px;
    width: 40px;
    background-color: var(--primary-color);
    content: "";
    -webkit-transform: rotate(
            -45deg
    );
    -ms-transform: rotate(-45deg);
    transform: rotate(
            -45deg
    );
}
a {
    color: var(--primary-color);
}
a:hover, a:focus, a:active {
    color: var(--third-color);
}
.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow:none;
}
.btn-tel, .btn-mail{
    color:var(--four-color)!important;
    text-transform: uppercase;
    transition: all 0.1s;
    padding: 0.3rem 1rem;
}
.btn-third{
    color:#fff;
    background-color: #1a76d1!important;
}
.btn-third:hover{
    color:#fff;
    background-color: var(--third-color)!important;
}
.btn-mail{
    border: 3px solid var(--four-color);
    border-radius:5rem ;
}
.btn{
    border-radius:5rem ;
}
.btn-mail:hover{
    background-color: var(--four-color)!important;
    color:#fff!important;
    border-radius:5rem ;
}
.nav-item .btn{
    margin-top: 0.2rem;
    text-transform: uppercase;
    font-weight: 700;
}
.nav-link{
    color: var(--secondary-color);
    text-transform: uppercase;
}
.nav-link:hover{
    color: #000;
}
.btn-outline-dark{
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.btn-outline-dark:hover{
    color: var(--white-color);
    background-color: var(--secondary-color);
}
.dropdown-menu .nav-link{
    color: rgba(255,255,255,0.75);
}
.dropdown-menu .nav-link:hover, .dropdown-menu .nav-link:active, .dropdown-menu .nav-link:focus{
    color: rgba(255,255,255,1);
    background: none!important;
}
.btn-primary.active, .btn-primary.active:link, .btn-primary.active:visited, a.btn-primary.active, a.btn-primary.active:link, a.btn-primary.active:visited{
    background: var(--four-color)!important ;
}
.swiper-pagination-bullet {
    width: 20px!important;
    height: 20px!important;
    margin: 10px!important;
    background:#fff!important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff!important;
}
.input-group-text .material-icons{
    font-size: 24px!important;
}
html{
     font-size:var(--font-html);
}
body{
    font-family: Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif!important;
    font-size:var(--font-body);
}
body div#tutto {
  /*background-image: url("../images/body.jpg");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bg-primary{
    background-color: var(--primary-color)!important;
}
.bg-secondary{
    background-color: var(--secondary-color)!important;
}
.bg-black{
    background: rgba(0,0,0,0.75);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.bg-third{
    background-color: var(--third-color)!important;
}
.primary-color{
    color: var(--white-color)!important;
}
.secondary-color{
    color: var(--secondary-color)!important;
}
.third-color{
    color: var(--primary-color)!important;
}
.navbar-nav{
    font-weight: 700;
}
.lead{
    font-size: 1.4em!important;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8em;
}

h1,h2,h3,h4,h5,h6{
}
.embed-responsive-2by35::before {
    padding-top: 25.94%;
}

.display-title {

    font-size: 4em!important;

    font-weight: 700!important;

}
.h1, h1, .display-1 {

    font-size: 2em!important;

    font-weight: 700!important;

}

.h2, .title-2, h2, .display-2 {

    font-size: 1.8em!important;

}

.h3, h3, .display-3 {

    font-size: 1.6em!important;

}

h4,.h4, .display-4 {

    font-size: 1.5em!important;

}

h5,.h5, .display-5 {

    font-size: 1em!important;

    font-weight: bolder;

}

hr{
    margin-top: .5rem;
    margin-bottom: .5rem;
    background-color: var(--primary-color)!important;
    height: 3px;
    width: 100px;

}
p {
    margin-top: 0;
    margin-bottom: .5rem;
}
p:last-child {
  margin-bottom: 0!important;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
/*HAMBURGER MENU*/
.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #B6B6B6;
    display: block;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler {
    border: none!important;
    background: transparent !important;
    margin-right: -0.55rem;
}
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/*BOTTONI*/

.btn {
    padding: 0.3rem 1rem;
    font-size: 1em;
}

.btn-sm{
    padding: 0.15rem 0.25rem;
    border-radius: 0.25rem;
}

.btn-rounded {

    font-size: 1.2em;

    line-height: 1.5;

    border-radius: 10rem;

}

.btn-rounded,.btn-rounded:link,.btn-rounded:visited, a.btn-rounded,a.btn-rounded:link,a.btn-rounded:visited{

    border-radius: 10rem;

}

.btn-outline-rounded,.btn-outline-rounded:link,.btn-outline-rounded:visited, a.btn-outline-rounded,a.btn-outline-rounded:link,a.btn-outline-rounded:visited{
    border-width: 2px;
    border-radius: 10rem;
    color: var(--white-color)!important;
    background-color: transparent!important;
    border-color: var(--white-color)!important;;
}

.btn-outline-rounded:hover,.btn-outline-rounded:focus,a.btn-outline-rounded:hover,a.btn-outline-rounded:focus{
    color: var(--white-color)!important;
    background-color: var(--third-color)!important;
    border-color: var(--third-color)!important;;
}

.btn-square,.btn-square:link,.btn-square:visited,a.btn-square, a.btn-square:link,a.btn-square:visited{
    border-radius: 0;
    color: var(--white-color)!important;
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
}

.btn-square:hover,.btn-square:focus,a.btn-square:hover, a.btn-square:focus{
    color: var(--white-color)!important;
    background-color: var(--third-color)!important;
    border-color: var(--third-color)!important;
}

.btn-outline-square,.btn-outline-square:link,.btn-outline-square:visited,a.btn-outline-square, a.btn-outline-square:link,a.btn-outline-square:visited{

    border-radius: 0;

    background-color: var(--white-color)!important;

    color: var(--primary-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-outline-square:hover,.btn-outline-square:focus,a.btn-outline-square:hover, a.btn-outline-square:focus {

    background-color: var(--third-color)!important;

    color: var(--white-color)!important;

    border-color: var(--third-color)!important;

}

.btn-primary,.btn-primary:link,.btn-primary:visited,a.btn-primary, a.btn-primary:link,a.btn-primary:visited{

    color: var(--white-color)!important;

    background-color: var(--primary-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-primary:hover,.btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus{

    color: var(--white-color)!important;

    background-color: var(--four-color)!important;

    border-color: var(--four-color)!important;

}

.btn-outline-primary,.btn-outline-primary:link,.btn-outline-primary:visited,a.btn-outline-primary,a.btn-outline-primary:link, a.btn-outline-primary:visited{

    color:var(--primary-color)!important;

    background-color:  var(--white-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-outline-primary:hover,.btn-outline-primary:focus, a.btn-outline-primary:hover, a.btn-outline-primary:focus{

    color: var(--white-color)!important;

    background-color: var(--third-color)!important;

    border-color: var(--third-color)!important;

}

/*-----FINE BOTTONI-----*/

.btn .material-icons {
    vertical-align: middle;
    line-height: 0 !important;
    position: relative;
    top: -1px;
    margin-right: -19px;
}

.img-height-fixed .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img-height-fixed .img-fluid{
    height: 550px!important;
    width: auto!important;
}
.img-height-fixed .embed-responsive{
    display: inline-block;
    height: 550px!important;
    width: auto!important;
}
.img-height-fixed .text-left{
    text-align: center!important;
}

.swiper-button-next, .swiper-button-prev {
    top: auto!important;
    bottom: -50px!important;
    background-color: none;
    border-radius: 500px;
    /*margin-top: -30px!important;*/
    padding: 25px 50px!important;
    background-size: 50px!important;
    box-shadow: none;
    transition: all 0.3s;
}
.swiper-button-prev:hover {
    margin-left: -15px;
}
.swiper-button-next:hover {
    margin-right: -15px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../images/icon/arrow-prev.svg')!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../images/icon/arrow-next.svg')!important;
}

/* ----------- */
/* VIDEO SOVRAPPOSTO */
.videoWrapper iframe {
    width: 100%;
    height: 100%;
}
.over{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index:1000000000000000;
    padding:7% 0;
    display:none;
}
.over.open{
    display:block;
}
.over .container{
    height:100%;
}
.btn-close span{
    position:absolute;
    top:15px;
    right:15px;
    width:36px;
    height:36px;
    font-size:36px;
    z-index:10000000000000;
}

/* FOOTER */


/*-----FOOTER-----*/

#footer .p-3{
    padding: 16px!important;
}

#footer .px-3{
    padding-left: 16px!important;
    padding-right: 16px!important;
}
#footer .py-3{
    padding-top: 16px!important;
    padding-bottom: 16px!important;
}

.footer-img{

    filter: brightness(0) invert(1);

}

.material-icons{

    font-size: 1rem!important;

}

p.number {

    font-size: 4.5em;

    font-weight: 900;

    background-color: var(--primary-color)!important;
    color:var(--white-color)!important;

}
#footer{
    color: #ffffff;
}
/*
.swiper-button-next, .swiper-button-prev {

    top: 50%!important;

    background-color: rgba(255,255,255,0.60);

    border-radius: 500px;

    margin-top: -30px!important;

    padding: 30px!important;

    background-size: 20px!important;

    box-shadow: 0 .25rem 0.65rem  rgba(0,0,0,.80)!important;

}*/
.navbar-brand {
    font-size: 0;
}

.navbar-toggler {
    padding: .25rem .55rem;
    font-size: 1.5em;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}/*
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    left: -15%;
}*/
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: 0;
    font-size: 1em;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
     background-color: var(--primary-color)!important;
}
.dropdown-menu a:focus{
    background-color: var(--primary-color)!important;
    color: #fff!important;
}
.dropdown-menu li{
    border-bottom: 1px solid #c80403;
}
.dropdown.show #dropdownMenu1{
    border-bottom: 1px solid #c80403;
    background-color: var(--primary-color)!important;
    color: #fff!important;
}
.material-icons {
    font-size: 1.2em!important;
}
.form-group {
    margin-bottom: 0.5rem;
}
.form-control {
    font-size: 1em;
    border-radius: 3px;
    padding: .375rem .5rem;
}
.bg-light-dark {
    background-color: rgba(0,0,0,0.45);
}
input[type=checkbox] {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    margin: 5px 0 0px -5px;
    float: left;
}
#ym_privacy {
    margin-top: .5em;
    margin-left: -1rem;
}
.limit-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.form-check-input {
    position: absolute;
    margin-top: .5em;
    margin-left: -1rem;
}
.video-nero {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.25);
}
.map{
    display: block;
    border: 3px solid #1f2328!important;
    transition: all 0.75s;
}
.map:hover{
    border: 3px solid var(--primary-color)!important;
}
.itembox a{
    display: block;
    transition: all 0.75s;
    border: 3px solid transparent!important;
}
.itembox a .card p{
    color:#212529;
}
.itembox a:hover{
    border: 3px solid var(--primary-color)!important;
}
.itembox a:hover .card{
    border: 1px solid var(--primary-color)!important;
}
.itembox a:hover{
    text-decoration: none!important;
}
ul, ol {
    padding-inline-start: 20px;
}
.navbar-brand img {
    height: 90px;
    transition: all 0.5s ease;
}

.swiper-slide { height: auto!important; }
.navbar {
    transition: top 0.5s ease;
    box-shadow: none;
}

.navbar-hide {
    top: -54px;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.20)!important;
}
.navbar-hide .navbar-brand img {
    height: 50px;
}
/* MODAL DOWNLOAD */
.modal-header, .modal-footer {
    padding: 1em 1em;
}
.modal-header .close {
    padding: 1em 1em!important;
    margin: -1em -1em -1em auto!important;
}
.close {
    font-size: 1.5em;
}
/* --MODAL DOWNLOAD */
#tutto{
    margin-top: 86px;
}
@media (min-width: 1200px) {
    .pre-scrollable{
        overflow-y: auto!important;
    }
    .dueColonne {
        /*Numero di colonne*/
        column-count: 3;
        /* Distanza tra le colonne*/
        column-gap: 0px;
        /*Stile per il bordo delle colonne*/
        column-rule: 1px solid #666;

        /*Amplifica il supporto alle vecchie versioni di Firefox e Chrome/Safari */
        -moz-column-count: 3;
        -moz-column-gap: 0px;
        -moz-column-rule: 1px solid #666;

        -webkit-column-count: 3;
        -webkit-column-gap: 0px;
        -webkit-column-rule: 1px solid #666;

    }
}


@media screen and (max-width: 800px){
    .event-container {
        width: 100%!important;
    }
    .calendar-sidebar > .month-list > .calendar-months > li {
        font-size:12px!important;
    }
    .event-indicator {
        top: 100%!important;
    }
    .nav-link {
        display: block;
        padding: .25rem .5rem;
    }
    #footer p{
        word-wrap: break-word;
    }

    .navbar li{
        line-height: 1;
    }
}