/* CSS PERSONNALISE E-SHOP GROUPE-MO SITE */

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Fira Sans";
    src: url(../css/FiraSans/FiraSans-Regular.woff2) format("woff2"), /* Modern browsers */ url(../css/FiraSans/FiraSans-Regular.woff) format("woff"), /* Legacy browsers */ url(../css/FiraSans/FiraSans-Regular.otf) format("truetype"); /* Android, iOS */
    font-style: normal;
    font-weight: 200;
}

body, html {
    font-family: "Fira Sans", sans-serif;
}

* {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard */
}

/* CSS BOUTONS SITE */
#header .header-nav .cart-preview .shopping-cart {
    fill: white !important;
    color: white !important;
}

.btn, #header .header-nav .blockcart {
    background-color: #079e39;
    color: white;
    text-transform: uppercase;
}

.btn .btn-touchspin {
    background-color: unset !important;
}

#header .header-nav .cart-preview.active {
    background-color: #079e39 !important;
    color: white;
    text-transform: uppercase;
}

#header .header-nav .blockcart a, .account-list a, .products-selection .title, #header .header-nav .blockcart a:hover {
    color: white;
}

.btn:hover, #header .header-nav .blockcart:hover {
    background-color: #757575;
    color: white;
}

/* CSS HEADER */

#header .header-top > .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#header .logo {
    margin-bottom: 20px;
}

#header .top-menu .category a:hover, #header a:hover, #header .top-menu .link a:hover {
    color: #079e39;
}

.searchbar-autocomplete, .ui-menu-item {
    background-color: #f5f5f5;
}

.top-menu[data-depth="0"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.top-menu a[data-depth="0"] {
    padding: 0.3rem;
}

/*.sub-menu > ul {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

#header .menu > ul > li {
    border-radius: 5%;
    background-color: #f5f5f5;
    /*height: 40px;*/
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    margin: 0 20px 20px;
    /*padding: 0px 10px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.top-menu .sub-menu.collapse, .top-menu .sub-menu.collapse .manufacturers, .top-menu .sub-menu.collapse .suppliers, .top-menu .sub-menu.collapse .cms-category {
    /*position: absolute;*/
    align-items: center;
    padding: 0 0 0 20px;
    margin: 20px;
}

.top-menu .link {
    height: 40px;
}

#_desktop_language_selector > div > div > button:hover > span, #_desktop_language_selector > div > div > button:hover > i {
    color: #079e39;
}

.dmd-ovrt-compte{
    display: flex;
    flex-direction: row-reverse;
    margin: 0 65px
}

@media (min-width: 768px) {
    #_desktop_logo, .header-top-right {
        width: unset;
    }
}

@media (max-width: 768px) {
    .top-menu{
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    #header .top-logo img {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .dmd-ovrt-compte{
        margin: unset;
        justify-content: center;
    }
}

/* CSS FOOTER */

.js-footer {
    background-color: #079e39;
}

.footer-container {
    padding-top: unset;
}

#footer .h3, #block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title, .footer-container li a, .block-contact, #contact-infos > a {
    color: white;
}

#contact-infos > a:hover {
    color: #24b9d7;
}

/* CSS MOBILE HEADER-FOOTER */
@media (max-width: 767px) {
    #header .logo {
        /*margin-bottom: unset;*/
    }

    .copyright {
        text-align: center;
    }

    .block-social ul li {
        margin: 0 0.8rem;
    }

    .ets_cookie_banber_block {
        flex-direction: column !important;
    }
}

/* CSS CUSTOM COLUMN */
.custom-column-left {
    float: left;
    /*width: 20%;*/
    margin-top: 30px;
    margin-left: 20px;
    margin-right: auto;
}

.custom-column-right {
    float: right;
    /*width: 20%;*/
    margin-top: 30px;
    margin-left: auto;
    margin-right: 20px;
}

/*#notifications, #js-product-list-top, .breadcrumb, .featured-products, .page-content {*/
#notifications, .breadcrumb, .js-content-wrapper, .page-home, .page-content {
    display: flow-root;
}

.products article .wishlist-button-add, .wishlist-button-product, .wishlist-button-add {
    /*top: 60px !important;*/
    background-color: #079e39 !important;
}

.products article .wishlist-button-add:hover, .wishlist-button-product:hover, .wishlist-button-add:hover {
    background-color: #757575 !important;
}

.wishlist-button-add i, wishlist-button-product, .wishlist-button-add {
    color: white !important;
}

.owl-item {
    text-align: center !important;
}

.carousel-inner {
    height: auto !important;
}

.subcategories-list {
    justify-content: space-around !important;
}

.bootstrap-touchspin-up, .bootstrap-touchspin-down {
    color: #757575 !important;
}

.product-price {
    color: #079e39 !important;
}

#trigger-button:hover {
    color: #e63B11 !important;
}

/* CSS SOUS-CATEGORIES */
#subcategories ul li {
    min-width: unset !important;
}

.subcategory-image {
    height: 60px !important;
    width: auto !important;
}

.subcategory-image:hover {
    background-color: #eef1f1 !important;
    border-radius: 5% !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.subcategory-image .img {
    border: none !important;
}

.subcategory-image .img .replace-2x {
    height: 50px !important;
    width: auto !important;
}

.subcategory-name {
    color: #079e39 !important;
}

/* CSS PAS COMPTE CLIENT */
.page-my-account #content .links{
    flex-wrap: nowrap !important;
}

@media (max-width: 1000px) {
    .page-my-account #content .links{
        flex-wrap: wrap !important;
    }
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok {
    background: #e63b11 !important;
    color: #fff !important;
    border-color: #e63b11 !important;
    margin-right: 20px !important;
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok:hover {
    background: darkred !important;
    color: #fff !important;
    border-color: darkred !important;
}

/* WISHLIST INFORMATION STOCK */
.wishlist-product-availability {
    display: none !important;
}

/* BARRE DE PROGESSION SHIPPING */
.delivery-progress-container {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 4px;
}
#p-display-bar{
    margin-bottom: 0 !important;
    font-size: x-small;
    font-style: italic;
}
.delivery-progress-bar {
    height: 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    color: white;
    font-size: x-small;
}

/* SLIDER */
.carousel .carousel-item .caption {
    position: absolute;
    top: 18px;
    left: 90px;
    max-width: fit-content;
    color: #fff;
    background-color: #e63B11;
    height: fit-content;
}

#carousel > ul > li > a > figure > figcaption > h2 {
    margin-bottom: unset !important;
    margin-left: 10px;
    margin-right: 10px;
}

/* SLIDER BRAND */
#ybc-mnf-block {
    /*background-color: white;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

#ybc-mnf-block .ybc-mnf-block-title{
    text-align:center;
    font-weight: 500;
}

/*.product-miniature .thumbnail-container .product-thumbnail img {*/
/*    border-style: solid;*/
/*    border-color: white;*/
/*    border-width: 1px;*/
/*}*/

/* Bandeau Promotion */

.product-flags li.product-flag.on-sale {
    background: #e63b11 !important;
    width: 35% !important;
}

/* Scroll bar drpdown-menu */
.facet-dropdown .dropdown-menu{
    max-height: 350px;
    overflow-y: scroll;
    scrollbar-color: #079e39 lightgrey;
    scrollbar-width: thin;
}