@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Outfit:wght@100..900&display=swap');

body, p {
    font-family: "Outfit", sans-serif;
    font-weight:300;
}

strong {
    font-family: "Outfit", sans-serif;
    font-weight:600;

}

h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", sans-serif;
    font-weight:700 !important;

}



.sppb-addon-title {
    text-shadow:none !important;
}



.autore-sito, .modified, .published, .hits, .article-info {
    display:none;
}


body , .article-list .article .article-header h1 a, .article-list .article .article-header h2 a, .article-list .article .article-header h4 a{
    background:#212529;
    color:#fff;

}



.bg-custom-dark {
    background:#262728;
}

.offcanvas-menu {
    background:#212529;

}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span, .offcanvas-menu .offcanvas-inner a, .offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color:#fff;
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background:#fff;
}


.container.y-line {
    border-left: 1px solid #ffffff0e !important;
    border-right: 1px solid #ffffff0e !important;
    height: 100% !important;
    z-index: -1;
}

#preloader:before, .container.y-line {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    top: 0;
}

.container.y-line::before {
    left: 33.333333%;
}

.container.y-line::after, .container.y-line::before {
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ffffff0e !important;
    content: "";
}

.container.y-line::after {
    right: 33.333333%;
}
.container.y-line::after, .container.y-line::before {
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ffffff0e !important;
    content: "";
}


/*top bar */

#sp-menu ul.social-icons a {
    color:#fff;
}

.header-sticky #sp-menu ul.social-icons a {
    color:#2e2e2e;
}



/*header */


#sp-header {
    height: auto !important;
    box-shadow:none;
}

#sp-logo  .logo {
    line-height: 1;
    margin: 0;
    vertical-align: middle;


}


#sp-main-body {
    margin-top:-90px !important;
    padding: 0!important;


}


.com-igallery #sp-main-body {
    margin-top:0 !important;

}

#sp-header {
    background:rgba(0,0,0,.0);
    padding:0;
    border-radius: 0 0 40px 40px;


}


.logo-image {
    padding:10px;
}

/*
.itemid-191 #sp-header .logo img{
    height:0;
}*/





#sp-header.header-sticky  {
    background:#f1f1f1;
    border-radius: 0 0 40px 40px;

}






/*menu */











.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span, .sp-megamenu-parent>li:last-child>a {
    text-transform: uppercase;

    font-size: 18px;
    font-weight: 300;

    text-decoration: none;
    transition: all .4s cubic-bezier(0.09, 0.955, 0.45, 0.985);

    color: #fff;
    line-height: 100%;

}


.sp-megamenu-parent>li>a:after, .sp-megamenu-parent>li>span:after {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top:5px;
}


.sp-megamenu-parent>li {
    line-height: 80px;
}

.sp-megamenu-parent>li>a:hover:after {
    width: 100%;
    background: #fff;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li a:hover {
    color: #fff!important;
    font-weight:700;

}


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
    font-weight:700;
    color:#fff;
}



.header-sticky .sp-megamenu-parent>li.active>a,.header-sticky  .sp-megamenu-parent>li.active:hover>a,.header-sticky  .sp-megamenu-parent>li a:hover,
.header-sticky  .sp-megamenu-parent>li.active>a,

.header-sticky  .sp-megamenu-parent>li>a,.header-sticky  .sp-megamenu-parent>li>span, .header-sticky  .sp-megamenu-parent>li:last-child>a
{

    color:#212529 !important;
}



.offcanvas-menu .offcanvas-inner ul.menu li.active>a, .offcanvas-menu .offcanvas-inner ul.menu li.active>.nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active>.mod-menu__heading {
    color:#fff;
    font-weight:800;
}



/*bottoni*/


.btn-primary, .sppb-btn-primary {
    background:#c01d2e !important;
    border:1px solid #c01d2e !important;
    border-radius:0;

}

.btn-primary a, .sppb-btn-primary a{
    color:#fff !important;

}

.btn-primary:hover, .sppb-btn-primary:hover {
    background:#991825 !important;
    border:1px solid #991825 !important;
    border-radius:0;

}



.sppb-btn-primary.sppb-btn-outline {
    background:transparent !important;
    border:2px solid #c01d2e !important;
    color:#c01d2e;
}

.sppb-btn-primary.sppb-btn-outline a:hover, .sppb-btn-primary.sppb-btn-outline:hover{
    color:#fff !important;
    background:#c5a900 !important;
}






/*footer and bottom*/



#sp-footer {
    color:#fff;
    line-height:25px;
    background:#212529;
    padding:5px 0;

}

#sp-bottom {
    color:#fff;
    line-height:25px;
    padding:10px;
    background:#212529;

}

#sp-bottom .container {
    padding-top:20px;
    border-top:1px solid rgba(255, 255, 255, .1);
}


#sp-bottom .sp-module {
    margin-bottom:0;
}

#sp-bottom p {
    font-size:18px;
}




#sp-bottom a, #sp-bottom .sp-module .sp-module-title  {
    color:#fff;
}

#sp-footer a  {
    color:#fff;
}






/*home*/



.sppb-sp-slider-title {
    text-shadow:2px 2px 2px #000 !important;
    text-transform:uppercase !important;
}


#servizi-home .sppb-addon-overlayer:hover {
    background:rgba(192,29,46,.4);
}


/* CSS BOOTSTRAP SPECIFICI */

/* ------------------------------------------------------------------------------------ */

/* MOBILE */
@media (max-width: 767px){

    .com-sppagebuilder #sp-main-body {
        padding:0px 0;
    }



    #sp-header {
        height: 75px;

        background:#f1f1f1;
    }

    #sp-menu ul.social-icons a {
        color:#000;
    }


    #sp-main-body {
        margin-top: -50px !important;
        padding: 0 !important;
    }
    
      .logo-image-phone {
        height:100% !important;
    }


}

/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 1023px){
    .logo-image {
        height:90px !important;
        padding:10px;
    }

    #sp-main-body {
        margin-top: -50px !important;
        padding: 0 !important;
    }



    #sp-header .logo {
        height: 80px;
    }


    .offcanvas-menu li {
        padding:5px;
    }



    #sp-header {
        background:#f1f1f1;
        height: 90px;
    }


    #sp-menu ul.social-icons a {
        color:#000;
    }
    
    
    .logo-image-phone {
   height:100% !important;
    }



}

/* IPAD ORIZZONTALE e IPAD PRO VERTICALE */
@media (min-width: 1024px) and (max-width: 1365px){

    #sp-header {
        background:#f1f1f1;
        height: 90px;
    }


    #sp-menu ul.social-icons a {
        color:#000;
    }


    #sp-main-body {
        margin-top: -150px !important;
        padding: 0 !important;
    }


    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span, .sp-megamenu-parent>li:last-child>a {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 300;
        text-decoration: none;
        transition: all .4s cubic-bezier(0.09, 0.955, 0.45, 0.985);
        color: #000;
        line-height: 100%;
    }

    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
        padding: 0 5px;
    }

    .sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li a:hover {
        color: #000000 !important;
    }
    
     .logo-image {
   height:100% !important;
    }



}

/* IPAD PRO ORIZZONTALE */
@media (min-width: 1366px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .sppb-row-container {
        max-width: 1170px !important;
    }

  .logo-image {
   height:100% !important;
    }


}


@media (min-width: 1400px) and (max-width: 1679px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .sppb-row-container {
        max-width: 1320px !important;
    }

  .logo-image {
   height:100% !important;
    }


}



@media (min-width: 1680px){

    .container, .container-lg, .container-md, .container-sm, .container-xl, .sppb-row-container {
        max-width: 1600px !important;
    }
    
      .logo-image {
   height:100% !important;
    }

}




.com-content   #sp-main-body {
    padding:50px 0 !important;
    margin-top:0  !important;
}

.com-content #sp-header {
    background:#c5a900;
}

/*form*/