xd/* common */
:root {--nav-margin: 80px}
body {font-family: Be Vietnam, sans-serif}
.header-menu-middle .row > * {display: flex;align-items: center;justify-content: center;height: 80px;margin: 0 !important}
.header-logo-wrapper {max-height: 145px;height: 100%;width: auto;float: left}
.navbar-fixed-top {background: transparent;box-shadow: none}
.process-icon.process-icon-font {font-size: 20px;height: 42px;width: 42px;background: var(--color-main);display: inline-block;color: #fff;text-align: center;line-height: 42px;border-radius: 9px;vertical-align: top}
a, a:hover, .btn-link:hover {color: var(--color-main);}
header #block-logo {margin: 15px;width: 90px;display: inline-block;position: static;margin-right: 30px;}
header #block-logo img {max-width: 100%;max-height: 40px}
.container-footer #block-logo {max-width: 100px;margin: 20px 0}

#menu-catalog {top: var(--nav-margin)}
.header-page {margin-top: var(--nav-margin)}
@media (min-width: 992px) {
    header {min-height:80px}
}

.header-menu-middle nav.submenu a {color: #fff;}

.landing-views .landing-no-background{background:#fff}
.landing-views .landing-background{background:#f2f5f8}
.landing-view section>h2 span {color: var(--color-main)}
.section-title:after {filter: hue-rotate(45deg)}

.landing-view.landing-collaboration.landing-no-background {background: #f2f5f8}

.landing-section-list .landing-row-container {display: inline-block;vertical-align: top;width: 300px;max-width: 100%;margin: 0 5%;background: #fff;box-shadow: 0 0px 1px 0px #eee;border-radius: 3px;margin-top: 45px;transition: all 0.3s;border: 1px solid #eee}
.landing-section-list .bx-wrapper .landing-row-image {height: 300px}
.slider-header-list  .landing-header h1 {text-shadow: 0 2px 4px rgb(0 0 0 / 40%)}
.landing-header-container .landing-view {padding: 180px 0;min-height: 480px}


/* custom */
.landing-views {margin-top: 85px}
header #block-logo img {max-height: 75px;}
.container-footer {background: #272f4a}
footer h5 {color: #8d94b1}
.landing-wholesaler
.landing-wholesaler-row
.landing-wholesaler-icon img {filter: brightness(0) saturate(100%) invert(18%) sepia(88%) saturate(2200%) hue-rotate(200deg) brightness(95%) contrast(95%)}
.section-title::after {filter: brightness(0) saturate(100%) invert(14%) sepia(27%) saturate(1100%) hue-rotate(185deg) brightness(95%) contrast(95%);}

.header-iconbar.icons .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/v2/dashboard-white.svg)}
.header-iconbar.icons .icon-favoris {background-image: url(https://goot-master-shard.web.app/images/icons/v2/shoppinglist-white.svg)}
.header-iconbar.icons .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/v2/cart-white.svg)}
.header-iconbar.icons .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/v2/search-white.svg)}

header.navbar-mobile-fixed-top .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/icon-espace-client-dark.png)}
header.navbar-mobile-fixed-top .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/icon-search-dark.png); } 
header.navbar-mobile-fixed-top .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/icon-panier-dark.png); }
header.navbar-mobile-fixed-top {background: var(--color-main)}
.navbar-mobile-fixed-top .navbar-toggler {color: #fff}
.navbar-fixed-top, .container-produits {background: #262e49;border: 1px solid #262e49;box-shadow: 0 1px 2px rgba(0, 0, 0, .1)}
.header-menu-middle {border-color: var(--color-main);box-shadow: none}
.header-iconbar.icons a.btn-primary {background: #fff !important;color: var(--color-main)}