.beautyfriday_2023 {}

.beautyfriday_2023 #mainHeader #main-menu-container nav .navbar-collapse > ul > li.mega_menu > ul > li.generic_menu > ul > li > a.beautyfriday {
    padding: 10px 30px;
    background-color: rgb(55, 216, 148);
    color: #FFF;
    font: 600 18px/20px "Montserrat";
}

.beautyfriday_2023 li.beautyfriday_link .menu_icon .beauty {
    position: relative;
    z-index: 1;
    font: 500 30px/30px "ABC Prophet Trial";
    color: #E2FCEB;
    color: #37D894;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
    text-shadow: none;
    opacity: 0.4;
}

.beautyfriday_2023 li.beautyfriday_link.anim .menu_icon .beauty {
    animation-name: beauty_anim;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}

.beautyfriday_2023 li.beautyfriday_link .menu_icon .friday {
    position: relative;
    z-index: 2;
    font: 400 26px/26px "Montserrat";
    color: #FEF8E6;
    color: #FFBB00;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
    text-shadow: none;
    opacity: 0.4;
}

.beautyfriday_2023 li.beautyfriday_link.anim .menu_icon .friday {
    animation-name: friday_anim;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}

@keyframes beauty_anim {
    0% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    1% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    2% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    16% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    17% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    18% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    26% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    27% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    29% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    29% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    30% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    31% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    32% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    33% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    34% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    35% {
        text-shadow: none;
        color: #37D894;
        opacity: 0.4;
    }
    36% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
    100% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #37D894, 0 0 30px #37D894, 0 0 40px #37D894, 0 0 60px #37D894;
        color: #E2FCEB;
        opacity: 1;
    }
}

@keyframes friday_anim {
    0% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    5% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    6% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    7% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    11% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    12% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    13% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    19% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    20% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    21% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    24% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    25% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    26% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    29% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    30% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    31% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    32% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    33% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    34% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    35% {
        text-shadow: none;
        color: #FFBB00;
        opacity: 0.4;
    }
    36% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
    100% {
        text-shadow: 0 0 25px rgba(0, 0, 0, 0.5), 0 0 5px #FFBB00, 0 0 15px #FFBB00, 0 0 30px #FFBB00, 0 0 40px #FFBB00;
        color: #FEF8E6;
        opacity: 1;
    }
}

.beautyfriday_2023 li.beautyfriday_link .label {
    display: none !important;
}

.beautyfriday_2023 .beautyfriday_banner {
    position: relative;
    width: 100%;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
}

.beautyfriday_2023 .beautyfriday_banner a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.beautyfriday_2023 .beautyfriday_banner.customer {
    background-image: url("../images/beautyfriday-2024/BF_bandeau_site.jpeg");
}

.beautyfriday_2023 .beautyfriday_banner.manager {
    background-image: url("../images/beautyfriday-2024/BF_bandeau_site_d.jpeg");
}

@media (max-width: 991px) {
    .beautyfriday_2023 .beautyfriday_banner.customer {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_768x250.jpeg");
    }

    .beautyfriday_2023 .beautyfriday_banner.manager {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_768x250_d.jpeg");
    }
}

@media (max-width: 767px) {
    .beautyfriday_2023 .beautyfriday_banner {
        height: 187px;
    }

    .beautyfriday_2023 .beautyfriday_banner.customer {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_575x187px.jpeg");
    }

    .beautyfriday_2023 .beautyfriday_banner.manager {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_575x187px_d.jpeg");
    }
}

@media (max-width: 575px) {
    .beautyfriday_2023 .beautyfriday_banner {
        height: 156px;
    }

    .beautyfriday_2023 .beautyfriday_banner.customer {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_480x156px.jpeg");
    }

    .beautyfriday_2023 .beautyfriday_banner.manager {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_480x156px_d.jpeg");
    }
}

@media (max-width: 480px) {
    .beautyfriday_2023 .beautyfriday_banner {
        height: 210px;
    }

    .beautyfriday_2023 .beautyfriday_banner.customer {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_320x210.jpeg");
    }

    .beautyfriday_2023 .beautyfriday_banner.manager {
        background-image: url("../images/beautyfriday-2024/BF_bandeau_320x210_d.jpeg");
    }
}

@media (max-width: 991px) {
    .beautyfriday_2023 #mainHeader #main-menu-container nav .navbar-collapse > ul > li.beautyfriday_link > a.nav-link > .menu_icon {
        width: auto;
    }
}

@media (max-width: 575px) {
    .beautyfriday_2023 #mainHeader #main-menu-container nav .navbar-collapse > ul > li.beautyfriday_link > a.nav-link > .menu_icon {
        display: block;
    }
}