/*
Theme Name: Baogioielli
Theme URI: https://www.waboot.io
Author: Waga team
Author URI: https://www.waga.it
Description: A WordPress general-purpose theme with a modular structure.
Version: 4.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Details URI: https://github.com/wagaweb/waboot
Tags: modular, guntenberg, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: baogioielli

Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.header__inner { position: relative }
#las { position: absolute; right: -20px; top: 100px;}
#las img { width: 110px; }
.grecaptcha-badge {
    visibility: hidden;
}
#banner-express {
    display: flex; justify-content: flex-start; align-items: center; background-color: #705d4c;
    background-image: url("https://www.baogioielli.com/wp-content/uploads/2025/11/banner-express.webp");
    background-repeat: no-repeat; background-size: cover;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 76%;
}
.express-box1 { width: 45%; background-color: rgba(0,0,0,.4); padding: 40px 30px;  }
.express-logo { width: 100%; }
.express-logo img { width: 380px; display: unset; mix-blend-mode: unset; }
.express-text { font-family: 'Nunito',Helvetica,Arial,sans-serif; font-size: 24px; font-weight: 700; color: #ffffff; width: 70%; margin-left: 15%; margin-top: 30px; }
.express-cta { text-align: center; width: 100%; margin-top: 60px; margin-bottom: 20px; }
.express-cta a {
    border-radius: 30px; background-color: #ffffff; color: #705d4c; font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
    font-size: 1.5em; border: 1px solid #ffffff; padding: 12px 30px 7px 30px; transition: all .3s;
}
.express-cta a:hover {
    border-radius: 30px; background-color: #705d4c; color: #ffffff; font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
    font-size: 1.5em; border: 1px solid #ffffff; padding: 12px 30px 7px 30px;
}
.express-box2 { width: 55%; }
.express-claim { width: 90%; margin-right: 5%; color: #ffffff; font-family: 'Philosopher',Helvetica,Arial,sans-serif; font-size: 40px; text-align: right; text-shadow: 2px 2px 1px rgba(0,0,0,0.6);  }

.brand-item { padding: 0 !important; }

@media screen and (min-width: 1001px) and (max-width: 1350px){
    .express-logo img { width: 300px; display: unset; mix-blend-mode: unset; }
    .express-text { font-size: 20px; }
}
@media screen and (max-width: 1000px){
    #banner-express { flex-wrap: wrap; background-position-x: -840px; width: 90%; }
    .express-logo img { width: 300px; display: unset; mix-blend-mode: unset; }
    .express-text { margin-left: 0; width: 100%; }
    .express-box1 { width: 100%; background-color: rgba(0,0,0,.5); padding: 40px 30px;  }
    .express-box2 { width: 100%; }
    .express-claim { width: 100%; text-align: center; padding: 30px 20px; }
}
@media screen and (min-width: 992px) and (max-width: 1360px){
    #las {
        position: absolute;
        right: 50px;
        top: 5px;
    }
    #las img { width: 90px; margin-top: 10px; }
}
@media screen and (max-width: 991px){
    #las {
        position: relative;
        right: 0;
        top: -40px;
    }
}
@media screen and (max-width: 600px){
    #banner-express { flex-wrap: wrap; background-position-x: -1030px; }
}

