@font-face {
  font-family: 'cerise';
  font-style: italic;
  font-weight: italic;
  src: url('/fonts/les_Sensations_de_Cerise.woff2') format('woff2'),
       url('/fonts/les_Sensations_de_Cerise.ttf') format('truetype');
}

: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: 160px;display: inline-block;position: static;margin-right: 30px;}
header #block-logo img {max-width: 100%;max-height: 40px}
.container-footer #block-logo {max-width: 160px;margin: 20px 0;}
footer .block-pietrini.text-footer {height: 230px;}
#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);font-family: 'cerise', serif;font-size: 120px;line-height: 24px;}
.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: 95px;}
.container-footer {background: #191919;padding-top: 40px;padding-bottom: 20px;}
.text-footerbase {margin-top: 10px}
footer h5 {color: #b1a38d}
.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 {display: none}

.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: #191919;}
.navbar-mobile-fixed-top .navbar-toggler {color: #fff}
.navbar-fixed-top, .container-produits {background: rgb(24 24 24);border: 1px solid rgb(24 24 24);box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.header-menu-middle {border-color: rgb(24 24 24);box-shadow: none}
.header-iconbar.icons a.btn-primary {/* background: #fff !important; */color: #fff !important;}

.social-links a.margin-left-xxs {margin: 10px 5px;display: inline-block}

/* faq */
.landing-views h2:not(.media-heading) {margin-bottom: 30px; font-size: 32px; text-align: center}
.landing-confidence {background: #f2f5f8}
.landing-view {padding: 35px 0;clear: both}
.landing-row-container {display: inline-block;vertical-align: top;width: 260px;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-row-container:hover {box-shadow: 0 0 20px rgb(0 0 0 / 10%)}
.landing-view .landing-row-container {margin: 0 43px;margin: 0;}
.landing-confidence .landing-row-container {display: table; max-width: 800px; width: 100%; margin: 0 auto 30px}
.landing-faq .landing-row-container {width: 100%; max-width: 100%; padding: 20px 0; border-radius: 4px}
.landing-confidence .landing-row-title strong {font-weight: bold; font-size: 18px; line-height: 24px}

#page-cms_page .landing-view {padding-top: 70px;}

.landing-header-container .landing-view {min-height: 480px;}
.header-menu-middle nav.submenu a:first-of-type {padding-left: 6px}