/* ************ */
/* HEADER STYLE */
/* ************ */

.fixed {
    position: fixed;
    width: 100%;
    box-shadow: 0px 0px 20px 0px #0000006e;
    z-index: 99999;
    transition: all .4s ease-in-out;
    animation: showtop .4s linear;
}

header nav #primary-menu li a {
    color: #233C70;
    text-transform: uppercase;
    position: relative;
    background: linear-gradient(
            to top,
            #233C70 0%,
            #233C70 10%,
            transparent 10.01%
        )
        no-repeat center bottom / 0 50%;
        height: 4em;
        transition: all .3s ease-in-out;
}

header nav #primary-menu li:nth-child(1) a {
    color: #233C70;
    background: linear-gradient(
        to top,
        #233C70 0%,
        #233C70 10%,
        transparent 10.01%
    )
    no-repeat center bottom / 0 50%;
    padding: 0 1em 0 2em !important;
}
header nav #primary-menu li:nth-child(2) a {
    color: #DA662C;
    background: linear-gradient(
        to top,
        #DA662C 0%,
        #DA662C 10%,
        transparent 10.01%
    )
    no-repeat center bottom / 0 50%;
    padding: 0 1em 0 2em !important;
}
header nav #primary-menu li:nth-child(3) a {
    color: #83B9B6;
    background: linear-gradient(
        to top,
        #83B9B6 0%,
        #83B9B6 10%,
        transparent 10.01%
    )
    no-repeat center bottom / 0 50%;
    padding: 0 1em 0 2em !important;
}

header nav #primary-menu li a:hover {
    background-size: 30% 50%;
}

header nav #primary-menu li:nth-child(1) a::before {
    content: "";
    position: absolute;
    left: .5em;
    top: 1.3em;
    background: url(/wp-content/uploads/2021/09/drimm-recyclage.png);
    width: 20px;
    background-size: cover;
    height: 20px;
    background-position: center center;
}
header nav #primary-menu li:nth-child(2) a::before {
    content: "";
    position: absolute;
    left: .5em;
    top: 1.3em;
    background: url(/wp-content/uploads/2021/09/drimm-eclair.png);
    width: 20px;
    background-size: cover;
    height: 20px;
    background-position: center center;
}
header nav #primary-menu li:nth-child(3) a::before {
    content: "";
    position: absolute;
    left: .5em;
    top: 1.3em;
    background: url(/wp-content/uploads/2021/09/drimm-engrenage.png);
    width: 20px;
    background-size: cover;
    height: 20px;
    background-position: center center;
}

header nav #primary-menu li:nth-child(1) a::after,
header nav #primary-menu li:nth-child(2) a::after,
header nav #primary-menu li:nth-child(3) a::after {
    content: "|";
    position: absolute;
    color: #233C70;
    right: 0;
    top: 0;
}

@media (min-width: 922px) {
    .main-header-bar .ast-container {
        max-width: 1300px !important;
    }
}

/* RESPONSIVE */
@media screen and (max-width: 1130px) {
    header nav #primary-menu li a::before {
        top: .9em !important;
    }

    header nav #primary-menu li a::after {
        display: none;
    }

    header nav #primary-menu li a:hover {
        background-size: 100% 50%;
    }
}
/* @media screen and (max-width: 600px) {

} */