/* Personalizzazioni Rossignoli recuperate da preset1__.css */

.top1m {padding-top: 4px;}
.logo-dx {padding-top: 18px; }
.fa.fab {font-family: "Font Awesome 5 Brands";}
#sp-section-2 { border-bottom: solid 4px #e1001a;}
#sp-header { border-bottom: solid 4px #e1001a;}
#sp-header-m { border-bottom: solid 2px #e1001a;}
div#sp-search {padding: 30px 0px 0px 0px; }

.center1 {text-align: center; color: #00519e; font-size: 14px; border: solid 2px #eeeeee;  background-color: #fff; margin-bottom: 6px;}
.divfw {width: 100%; background-color: #00519e; padding: 6px 0px 1px 4px; margin-bottom: 4px; font-size: 14pt; color: #fff; font-weight: 600;}
.divbgw {width: 100%; background-color: #ffffff; padding: 8px 0px 0px 0px; margin-bottom: 6px;  border: solid 1px #00519e;}
.divcenter {text-align: center; margin: 0 auto; width: 80%;}
.divcenterv {text-align: center; margin: 0 auto; width: 75%;}

.homecenter {text-align: center; margin: 0 auto; width: 60%;}


#sp-main-body {background-color: #f6f6f6; }

.divbgi {width: 100%; background-color: #ccc;  margin-bottom: 6px;   }


.grid-2 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));
}

.grid-3 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}
.grid-4 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(2, minmax(min(90px, 100%), 1fr));
}

.grid-5 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
}

.grid-6 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
}

/*einzeilig*/
/* grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr)); */
/*grid-template-columns: repeat(2, minmax(0,1fr)) !important; */
/*mehrzeilig, 3 Spalten*/
/*grid-template-columns: repeat(3, 1fr);*/
/*grid-auto-rows: minmax(100px, auto);*/




/* mehrzeilig, 2 Zeilen*/
/* .row1 {grid-row: 1;}*/
/* .row2 {grid-row: 2;}*/

.grid-7 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
}

.grid-8 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
}

.grid-9 {
display: grid;
gap: 10px 5px; /*Zeile Spalte*/
grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr));
}

.hot_joomla_carousel_slides {height: 70px !important; display: block;} 
.flickity-viewport {height: 70px !important;}

.elenco a {color:#ffffff;}
.elenco a:hover {color:#909090;}

///* .mark, mark {display: none;}
.tags {display: none;} 



/* Eliminazione padding sezione principale */
#sp-main-body {
    padding: 0;
}

/* Eliminazione padding sezione principale */
#sp-main-body {
    padding: 0;
}

/* Hamburger menu offcanvas */
.burger-icon > span {
    height: 5px;
    background-color: #00519e;
}

#offcanvas-toggler > .fa,
#offcanvas-toggler > .fas,
#offcanvas-toggler > .far {
    color: #00519e;
}

#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fas:hover,
#offcanvas-toggler > .far:hover {
    color: #00519e;
}

/* Contatti nel menu offcanvas */
.offcanvas-menu .offcanvas-inner .sp-contact-info {
    font-size: 20px;
}

/* Testo menu offcanvas */
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
    color: #00519e;
    opacity: 1;
    font-size: 14px;
}

/* Griglia a 4 colonne responsive */
.grid-4 {
    display: grid;
    gap: 10px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 767px) {
    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Griglia a 10 colonne */
.grid-10 {
    display: grid;
    gap: 10px 5px;
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

@media (max-width: 991px) {
    .grid-10 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .grid-10 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Griglia a 10 colonne */
.grid-10 {
    display: grid;
    gap: 10px 5px;
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

@media (max-width: 991px) {
    .grid-10 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .grid-10 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}