@font-face {
    font-family: 'baloo';
    src:url('/sites/default/files/fonts/BalooDa2-SemiBold.woff') format('woff'),
        url('/sites/default/files/fonts/BalooDa2-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
a#logo img {
  box-shadow: 0px 0px 5px #060000;
  border-radius: 100px;
}
.extra-category-organic {
  display: none;
}
#header {
  /*background-color: #ece6de;*/
  background-color: #2d2d2b;
}
#block-custom-news-marquee {
  background-color: #2d2d2b;
  color: white;
  font-size: 16px;
  font-weight: normal;
}
.entity-custom-product h2 a {
  color: #2d2d2b;
}
#block-menu-menu-header .block-content > ul.menu {
  justify-content: center;
}

body {
	color: #1a171b;
}
a {
  color: #d2a971;
}
#block-custom-catalog-categories a {
  color: #2d2d2b;
  font-family: "baloo";
  font-weight: normal !important;
  text-transform: lowercase;
}
#block-custom-catalog-categories div.taxonomy-term.active-trail > div {
  background-color: #ece6de;
}
#block-custom-catalog-categories ul.catalog-p2 {
  background-color: #ece6de;
}

.rich-text h3, h3 {
    font-size: 42px !important;
    color: #2d2d2b;
	text-align: center !important;
	font-family: "baloo" !important;
	text-transform: uppercase;
	letter-spacing: -2px;
}
h1 {
    font-size: 42px !important;
    color: #b7995a;
	text-align: center;
	margin-bottom: 10px;
	font-family: "baloo";
	line-height: 1em;
}
.page-product h1 {
    font-size: 42px !important;
    color: #b7995a;
	text-align: center;
	margin-bottom: 10px;
	font-family: 'Open Sans',sans-serif !important;
	line-height: 1em;
}
.rich-text h4, h4, h2 {
    font-size: 26px !important;
    color: #d2a971;
	margin: 0px 0px 14px;
	text-align: center;
	font-family: "baloo" !important;
}
.entity-custom-product h2 {
    font-size: 15px !important;
}
.custom-product-product {
  /*box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.2);*/
    margin-bottom: 10px;
    background-color: #ece6de;
}
.rich-text h5, h5 {
    font-size: 34px !important;
    color: #333333;
	margin: 0px;
	font-family: "baloo";
		line-height: normal;
}
.rich-text h6, h6 {
    border-bottom: 1px solid #93c120;
    padding: 0;
    margin: 0 0 10px;
    font-size: 20px !important;
    font-style: italic;
	color: #93c120;
}
#block-custom-user-dropdown a.block-button {
    background-image: url(/sites/default/files/images/ferme-chez-nous/user.svg);
}
#block-menu-menu-header .block-content > ul.menu > li.menumore-more > a {
  background-image: url(/sites/default/files/images/ferme-chez-nous/menu.svg);
}
.region-header a.block-button {
	background-image: url(/sites/default/files/images/ferme-chez-nous/basket.svg);
	background-color: #fff;
	height: 40px;
    border-radius: 20px;
    margin: 30px 0 10px 10px;
    line-height: 40px;
    margin-right: 10px;
	box-shadow: 0px 0px 5px #060000;
	background-size: 60px;
	width: 72px;
}
.region-header a.block-button:hover {
	background-color: #c8e67b;
}
#block-custom-user-dropdown a.block-button {
    font-family: "baloo";
    font-size: 20px;
}
.cart-total {
    color: #2d2d2b;
	font-size: 8px;
}
#block-custom-cart-cart a.block-button span.cart-total {
  transform: translateY(3px);
}
#block-menu-menu-header ul.menu li a {
  background: #d2a971;
  color: white;
  height: 40px !important;
  line-height: 40px !important;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 13px;
}
html:not(.menumore-expanded) #block-menu-menu-header .first a {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
html:not(.menumore-expanded) #block-menu-menu-header .last a {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#block-menu-menu-header ul.menu li a:hover {
    background: #fff;
	color: #2d2d2b;
}
.actu {
    box-shadow: 0px 0px 10px #060000;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 40px !important;
}
.region-footer .section {
  max-width: 100%;
}
.fond-noir {
  background-color: #1a171b;
  margin-bottom: 0px !important;
}
.fond-noir a {
  color: #fff;
  font-size: 20px;
  line-height: 3.5em;
}
.fond-noir img {
  top: 9px;
  position: relative;
  width: 30px;
  margin-right: 6px;
}
.creme-fonce {
  background-color: #d2a971;
}
.region-footer a {
  color: #fff;
}

@media (max-width: 1024px) {
	
.region-header a.block-button, #block-menu-menu-header ul.menu li a {
  margin-top: 10px;
}
.swiper-process {
  display: none;
}
.rich-text h3, h3 {
  font-size: 32px !important;
}
.rich-text h4, h4, h2 {
  font-size: 20px !important;
}
.rich-text p {
  font-size: 13px;
}
}