/*
Theme Name: Webecom
Theme URI: https://webecom.fr
Description: Thème pour Proactive Signs.
Author: Webecom
Author URI: https://webecom.fr
Template: gixus
Version: 1.0.0
*/


#wpadminbar {
    /* display: none !important; */
}

/* Theme Variables */
:root {
    --wb-color-blue: #36aaff;
    --wb-color-blue-light-old: #d8e7ef;
    --wb-color-blue-light: #e6f4ff;
    --wb-color-blue-lighter: #eff8fe;
    --wb-color-blue-dark: #2b4169;
    --wb-color-blue-darker: #223454;

    
    /* Typography Variables */
    --font-size-h1: 2.5rem;
    --font-size-h2: 2.2rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.250rem;
    --font-size-h6: 1.125rem;

}

@media screen and (max-width: 768px) {
    :root {
        --font-size-h1: 2rem;
        --font-size-h2: 1.75rem;
        --font-size-h3: 1.5rem;
        --font-size-h4: 1.25rem;
        --font-size-h5: 1.125rem;
        --font-size-h6: 1rem;
    }

    .pt-md-2 {
        padding-top: 16px;
    }
}



.bdf {
    backdrop-filter: saturate(180%) blur(20px);
}

svg[role=img] {
    width: 2rem;
    margin-right: 0.250rem;
}


body {

    .navbar-sticky {
        box-shadow: none !important;

        .container {
            transition: background .3s ease-in;
            border-radius: 15px;
        }

        &.sticked {
            animation: none !important;
            background-color: transparent !important;
            top: 1rem !important;

            .container {
                background-color: rgba(166, 166, 166, 0.21) !important;
                backdrop-filter: saturate(180%) blur(20px);
            }

        }
    }

    p {
        font-weight: 300;
    }

    ul {
        padding-left: 1.250rem;
    }

    li {
        color: #2d2d2d;
        font-weight: 300;

        + li {
            margin-top: 0.5rem;
        }
    }

    .bg-blue-lighter {
        background-color: var(--wb-color-blue-lighter);
    }

    .wb-bg-dark {
        background-color: var(--wb-color-blue-dark);
    }

    .menu-item svg {
        width: 1.5rem;
    }

    select * {
        font-family: var(--font-default);
    }

}


/* breadcrumb */
.breadcrumbs{
    ol{
        display:flex;
        align-items:center;
        flex-wrap:nowrap;
        padding-left:0px;
        overflow-x:auto;
        overflow-y:hidden;
        li {
            list-style:none;
            white-space:nowrap;
            margin-top: 0;
            + li {
                :before {
                    content:">";
                    margin:0px 5px
                }
            }
        }
    }
    .breadcrumb-home-link svg{
        height:1em;
        vertical-align:baseline;
        margin-right:5px
    }
}

nav.navbar ul.nav > li > a {
    text-transform: none !important;
}

.elementor-widget-wtb-blog {
    display: none !important;
}