/**
 
 * @author AS WebAgency https://www.stefanato.com
 
 */
.logo-image {
    height: auto!important;
} 
.logo-image {
    width: 100%;
	max-width: 300px;
}
@media only screen and (max-width: 550px) {
.logo-image {
    width: 100%;
    max-width: 180px!important;
}}


.header-sticky .logo-image {
    height: auto!important;
   /* filter: brightness(0) invert(1);*/
} 

.predefined-header2 header#sp-header {
    background-color: #f8f9fa !important;
}
body.predefined-header2 header#sp-header.header-sticky {
    background-color: #f8f9fa !important;
   
}


.sp-page-builder .page-content #section-id-1587555262113 {
    margin-bottom: 0px!important;
} 
.sp-page-title-heading {
    margin-top:90px!important;
} 
@media only screen and (min-width: 999px) {
    .sp-page-title {
    padding-left: 60px;

}
    /*styky*/
    #sp-header.header-sticky  .logo {
    width:auto!important;
 
   
    position: relative!important;
    /*background-color: #111!important;*/
    z-index: 9999999999999999999999;
         padding-right: 0px;
    MARGIN-TOP: inherit!important;
     transition: all 1s ease 0s;
}
    .sp-page-title {
    padding-left: 60px;

}    
}
.article-details .article-full-image {
    background-color: #DE0000;
    background-blend-mode: luminosity;
}
.sp-megamenu-parent > li > a {
    color: #111;
}
/*.header-sticky .sp-megamenu-parent > li > a {
    color: #fff!important;
}*/
/*.sp-page-title {
    background-image: url(/images/header/istallazione1.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}*/
#sp-header  {
    backdrop-filter: blur(10px);
}
body.predefined-header2 header#sp-header {
    background-color: rgba(255,255,255,0) !important;
 
}

.logo-image-phone {
     filter: none!important;
} 
.header-sticky .logo-image-phone {
     filter: brightness(0) invert(1)!important;
}
.header-sticky #offcanvas-toggler > .fa {
    color: #ff0000 !important;
}
#offcanvas-toggler > .fa {
    color: #ff0000 !important;
}.su-portfolio-style2 .sup-title {
   
    color: #c80000!important;
   
}
#sp-bottom, #sp-footer {
    border-top: solid 1px #ccc;
}

#sp-title > div > div > div   {
    padding: 25% 0 40px 20px;
}
.article-details .article-full-image img {
    mix-blend-mode: inherit;
    width: 100%;
    /* max-height: 300px; */
}
.article-details .article-full-image {
   /* height: 300px;
    overflow: hidden;*/
	background-color: #fff!important;
}
/*mobile menu*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
 
    font-size: 1.2rem!important;
 
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 0.8rem!important;
}
.sp-page-title {
    padding: 30px 0;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    background-size: cover!important;
    background-attachment: scroll!important;
	background-color: rgba(0,0,0,0.34)!important;
}
.sp-page-title {
    /* 1. Aggiungi uno strato di colore nero alla proprietà background */
  
    
    /* 2. Scegli la modalità di fusione (darken o multiply sono le migliori) */
    background-blend-mode: multiply; 
    
    /* Mantieni le proprietà di sfondo originali */
    background-size: cover;
    background-position: center center;
}
.sppb-addon-clients .sppb-carousel-extended-item
 
 {
    padding: 15px 0;
    border: solid 1px #ddd;
}
.sppb-addon-clients .sppb-carousel-extended-item img {
 
    margin: auto;
}
.sp-megamenu-parent > li > span  {
    text-transform: uppercase;
}

.header-sticky .logo-image {
 
    filter: brightness(0) invert(1) !important;
	  transition: all 1s ease 0s;
}
.header-sticky .sp-megamenu-parent > li > a, .header-sticky .sp-megamenu-parent > li > span{
color: #FFFFFF!important;
}
/*======= header on scroll ==========*/
/* Stili per l'effetto di ridimensionamento e colorazione */
 
 
/*======= fine header on scroll ==========*/