/*
Theme Name: Nexto
Author: Marco Romano marco@studio-igs.com
Author URI: https://studio-igs.com
Description: By Marco Romano
Requires PHP: 7.3.9
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ER Bulding Service Theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This Theme use Bootstrap V5.0
*/

@import "css/bootstrap.css";

/** Here strat my code **/

html{scroll-behavior:smooth}

p{
    color: rgba(27, 52, 116, 0.53);
}
.rounded{
    border-radius:15px!important;
}
.extra-large{
    font-size:4.5rem
}

.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
}
.b-lazy.b-loaded {
               opacity: 1;
}
.translate-middle {
    transform: translateX(-50%) translateY(-50%)!important;
}
.left-50 {
    left: 50%!important;
}
.top-50 {
    top: 50%!important;
}
.bg-white{
    background-color: #ffffff;
}
.bg-panna{
    background: rgba(237, 240, 241, 0.4);
}
.filter-img{
    -webkit-filter: brightness(0.5);
    -moz-filter: brightness(0.5);
    -o-filter: brightness(0.5);
    -ms-filter: brightness(0.5);
    filter: brightness(0.5);
}
.bg-img-servizio{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12rem 0
}

.bg-img-servizio::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%; height: 100%;
    top: 0;left: 0;
    -webkit-backdrop-filter: brightness(0.5);
    backdrop-filter: brightness(0.5);
}

.nav .nav-link{
    border-bottom: none;
}
.current a{
    border-bottom: 1px solid !important;
}
.language_bar ul{
    list-style: none;
}
.language_bar ul li{
    margin: .5rem 0;
}
.language_bar a{
    text-decoration: none;
    border-bottom: none
}
.language_bar a:hover{
    text-decoration: none;
    border-bottom: 1px solid;
}
.language_bar .wpml-ls-current-language a{
    text-decoration: none;
    border-bottom: 1px solid;
}

.card{
    box-shadow: 2px 3px 6px 2px #e4e0e0;
    border: none;
}
.card-title{
    margin: 0;
    line-height: 1;
}
.card-text{
    width: 90%;
}

.icon-home{
    height: 100px;
}

.card-home{
    background-color: #ffffff;
    border: 1px solid rgba(170, 213, 255, 0.3);
    box-sizing: border-box;
    box-shadow: 2px 4px 5px rgba(170, 213, 255, 0.3);
    border-radius: 15px;
}

.card-servizi-text{
    padding: 3rem;
}

.bg-degra{
    position: absolute;
    width: 100%;
    height: 901px;
    left: 0px;
    top: 0px;
    background: linear-gradient(180deg, rgba(251, 252, 253, 0.973803) 18.75%, #FFFFFF 61.46%, rgba(112, 153, 170, 0.31) 100%);
}

.bg-degra-2{
    position: absolute;
    width: 100%;
    height: 1069px;
    left: 0px;
    background: linear-gradient(180deg, #FFFFFF 53.65%, rgba(241, 248, 255, 0.842697) 100%);
}

.bg-degra-3{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background: linear-gradient(180deg, rgba(251, 252, 253, 0.973803) 53.65%, rgba(241, 248, 255, 0.842697) 100%);
}

.bg-degra-4 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background: linear-gradient(180deg, rgba(251, 252, 253, 0.973803) 18.75%, #FFFFFF 61.46%, rgba(112, 153, 170, 0.31) 100%);
}

@media (max-width:1200px){
    .card-servizi-text{
        padding: 1rem 0rem 1rem 3rem;
    }
}


@media (max-width: 991.98px){
    .navbar-toggler{
        margin-left: -2rem;
    }
    .navbar-collapse .nav {
        position: absolute;
        background: white;
        width: 100%;
        height: 200vw;
        transform: translateX(calc(-100% + 45px));
        display: block;
        text-align: center;
        margin-top: 0.8rem;
    } 
    .nav-item{
        margin: 1rem 0;
    }
    .navbar .row{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .card-servizi-text{
        padding: 3rem;
    }
}

@media (max-width: 768px){
    h1, .h1{
        font-size: 1.6rem;
    } 
    h2, .h2{} 
    h3, .h3{
        font-size: 1rem;
    } 
    h4, .h4{
        font-size: 1rem;
    } 
    h5, .h5{
        font-size: 1rem;
    }
    h6, .h6 {
        font-size: 1rem;
    }
    .row{
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .container-xl{
        padding-right:0!important;
        padding-left:0!important;
    }
}

@media (max-width: 768px){
    .extra-large{
        font-size: calc(2rem + 1vw);
    }
    .m-5 {
        margin: 1rem !important;
    }
    .m-3{
        margin: 1rem !important; 
    }
    .row > *{
        margin: 0;
        padding: 0;
    }
    .bg-degra{
       height: 575px
    }
    .bg-degra-2{
        height: 1000px;
    }
    .how-home .m-3{
        margin: 0 !important; 
    }
    .video .text-box{
        width: 100%;
    }
    .banner-bottom p{
        margin: 1rem;
        font-size: 0.8rem !important;
        font-weight: 300;
    }
    .banner-bottom .mb-4{
        margin-bottom: 1rem !important;
    }
    footer{
        text-align: center;
    }
    .flip{
        flex-direction: column-reverse;
    }
    .bg-degra-4 {
        height: 150%;
    }
    .font-mob-small{
        font-size: 0.8rem;
    }
}