@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap');

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  font-family: 'd-din';
  line-height: 1.2;
  color: #000;
  background: #eba801;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

b,
strong {
  font-family: 'd-dinBold';
  font-weight: 400;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.thumbnail a {
  display: block;
}

.thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

input,
select {
    /*height: 46px;*/
  padding: 0 10px;
}

form label {
  width: 100%;
  margin-bottom: 20px;
}

form input,
form textarea,
form select {
  width: 100%;
  padding: 10px;
}

form select {
  height: 46px;
  padding: 0;
  background: #fff;
}

form textarea {
  min-height: 300px;
}

form input[type=checkbox],
form input[type=radio] {
  width: auto;
  height: auto;
  margin: 15px 20px 15px 0;
  padding: 0;
  background: 0 0;
}

form input[type=submit] {
  cursor: pointer;
}

.wpcf7-recaptcha {
  margin-bottom: 30px;
}

div.wpcf7-response-output {
  margin-right: 0;
  margin-left: 0;
  padding: 20px;
}

.wpcf7 form input[type=submit] {
  line-height: 1;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: auto;
  padding: 10px 20px;
  transition: all .3s ease;
  text-transform: uppercase;
  color: #1b1b1b;
  border: 3px solid #1b1b1b;
  background: 0 0;
}

#page {
  overflow: hidden;
}

.item {
  margin-bottom: 30px;
}

.social {
  margin-right: -10px;
  margin-bottom: 30px;
  margin-left: 25px;
}

.social li {
  padding-right: 10px;
  padding-left: 10px;
}

.social li a {
  font-size: 3em;
  transition: all .3s ease;
  color: #fff;
}

.social li a::before {
  font-family: 'font-awesome';
}

.social li a.fb::before {
  content: '\f09a';
}

.social li a.tw::before {
  content: '\f099';
}

.social li a.ig::before {
  content: '\f16d';
}

.social li a.yt::before {
  content: '\f16a';
}

.social li a:hover {
  color: #f6bd03;
}

.social li a span {
  display: none;
}

.custom-bt {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  display: inline-block;
  padding: 15px 30px;
  cursor: pointer;
  transition: all .3s ease;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  border: 3px solid #fff;
  border-radius: 40px;
  background: #fff;
}

.custom-bt:hover {
  transition: all .3s ease !important;
  color: #fff;
  background: 0 0;
}

.custom-bt.magenta {
  color: #fff;
  border-color: #f6bd03;
  background: #f6bd03;
}

.custom-bt.magenta:hover {
  color: #f6bd03;
  background: #fff;
}

.wpcf7 form .custom-bt {
  align-self: baseline;
}

.wpcf7 form input[type='submit'] {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  display: inline-block;
  padding: 15px 30px;
  cursor: pointer;
  transition: all .3s ease;
  text-transform: uppercase;
  color: white;
  color: #fff;
  border: none;
  border: 3px solid #fff;
  border-color: #f6bd03;
  border-radius: 40px;
  background: #fff;
  background: #f6bd03;
}

.wpcf7 form input[type='submit']:hover {
  color: #f6bd03;
  border-color: #f6bd03;
  background: #fff;
}

.bt-close {
  line-height: 37px;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 50%;
  background: #f6bd03;
}

.bt-close::before {
  font-family: 'font-awesome';
  content: '\e816';
}

.bt-close span {
  display: none;
}

.wave {
  position: relative;
}

.wave::before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 11px;
  content: '';
  background: url(images/wave-white.png) repeat-x center top;
}

.wave-right {
  position: relative;
}

.wave-right::before {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 100%;
  display: block;
  width: 18px;
  content: '';
  background: url(images/wave-right-white.png) repeat-y center left;
}

.wave-right.bg-blue::before {
  background: url(images/wave-right-blue.png) repeat-y center left;
}

.wave-bottom {
  position: relative;
}

.wave-bottom::after {
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  height: 3px;
  content: '';
  background: url(images/wave-bottom-white.png) repeat-x center left;
}

.bg-purple {
  background-color: #99a6d2;
}

.bg-blue {
  background-color: #71cfe9;
}

.bg-pink {
  background-color: #f381b4;
}

#sb_instagram {
  position: relative;
  z-index: 3;
  background: #ffc73d;
}

/* ---------------------------------------
------------------------------------------ OWL CAROUSEL
--------------------------------------- */
.owl-dots .owl-dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 8px;
  border: 3px solid rgba(255, 255, 255, .6);
  border-radius: 50%;
  background: #ffcf5a;
}

.owl-dots .owl-dot.active {
  border-color: #fff;
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
  line-height: 55px;
  display: inline-block;
  width: 55px;
  height: 55px;
  margin: 0 10px;
  transition: all .3s ease;
  text-align: center;
  border-radius: 50%;
  background: #fff;
}

.owl-nav .owl-next::before,
.owl-nav .owl-prev::before {
  font-family: 'font-awesome';
  font-size: 2em;
}

.owl-nav .owl-next span,
.owl-nav .owl-prev span {
  display: none;
}

.owl-nav .owl-prev::before {
  content: '\f104';
}

.owl-nav .owl-next::before {
  content: '\f105';
}

.default-carousel {
  position: relative;
  margin-bottom: 60px;
}

.default-carousel .content {
  padding: 20px;
}

.default-carousel .content .thumbnail {
  display: block;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .28);
}

.default-carousel .owl-prev,
.default-carousel .owl-next {
  line-height: 74px;
  position: absolute;
  top: 50%;
  width: 74px;
  height: 74px;
  transform: translateY(-50%);
  color: #fff;
  background: #f6bd03;
}

.default-carousel .owl-prev:hover,
.default-carousel .owl-next:hover {
  color: #f6bd03;
  background: #fff;
}

.default-carousel .owl-prev {
  left: -22px;
}

.default-carousel .owl-next {
  right: -22px;
}

/* ---------------------------------------
------------------------------------------ HEADER
--------------------------------------- */
#masthead {
  position: relative;
  z-index: 4;
  background: #ffcf5a;
}

#masthead .header {
  position: relative;
  padding-top: 85px;
  padding-bottom: 20px;
}

#masthead .site-branding {
  position: absolute;
  z-index: 3;
  bottom: -30px;
  left: 50%;
  width: 100%;
  min-width: 80px;
  max-width: 160px;
  transform: translateX(-50%);
}

#masthead .site-branding .site-title {
  margin: 0;
}

#masthead .site-branding .site-title a {
  display: block;
}

#masthead .site-branding .site-title img {
  display: block;
  width: 100%;
}

#masthead .site-nav {
  position: relative;
  z-index: 2;
}

#masthead .site-nav nav {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  justify-content: space-between !important;
}

#masthead .site-nav nav .main-menu {
  position: relative;
  width: 100%;
  max-width: 41.666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 41.666667%;
}

#masthead .site-nav nav .main-menu .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#masthead .site-nav nav .main-menu .menu > li {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

#masthead .site-nav nav .main-menu .menu > li > a {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  position: relative;
  text-transform: uppercase;
  color: #fff;
}

#masthead .site-nav nav .main-menu .menu > li > a::after,
#masthead .site-nav nav .main-menu .menu > li > a::before {
  position: absolute;
  display: block;
  width: 0;
  height: 2px;
  content: '';
  transition: all .3s ease;
  background: #fff;
}

#masthead .site-nav nav .main-menu .menu > li > a::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 5px;
}

#masthead .site-nav nav .main-menu .menu > li > a::after {
  top: 100%;
  right: 0;
  margin-top: 5px;
}

#masthead .site-nav nav .main-menu .menu > li > a:hover::after,
#masthead .site-nav nav .main-menu .menu > li > a:hover::before {
  width: 100%;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  visibility: hidden;
  width: 100%;
  min-width: 150px;
  padding-top: 60px;
  transition: all .3s ease;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu li {
  position: relative;
  background: #fff;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu li:first-child::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: ' ';
  transition: all .3s ease;
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-color: rgba(255, 207, 90, 0);
  border-bottom-color: #fff;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu li:first-child:hover::after {
  border-bottom-color: #f6bd03;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu li a {
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  display: block;
  padding: 10px;
  transition: all .3s ease;
  text-transform: uppercase;
  color: #f6bd03;
}

#masthead .site-nav nav .main-menu .menu > li .sub-menu li a:hover {
  color: #fff;
  background: #f6bd03;
}

#masthead .site-nav nav .main-menu .menu > li:hover .sub-menu {
  visibility: visible;
  padding-top: 20px;
  opacity: 1;
}

#masthead .site-nav .bt-close {
  display: none;
}

#masthead .account__content .info_facturation {
  padding: 15px;
}

#masthead .account__content .info_facturation a {
  font-family: d-dinBold;
  font-size: 1.2em;
  color: #000;
}

#masthead .shop-nav {
  position: absolute;
  top: 20px;
  right: 0;
}

#masthead .shop-nav ul li {
  display: inline-block;
  margin: 0 15px 30px;
  vertical-align: bottom;
}

#masthead .shop-nav ul li a,
#masthead .shop-nav ul li button {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  position: relative;
  display: block;
  text-transform: uppercase;
  color: #fff;
}

#masthead .shop-nav ul li a::before,
#masthead .shop-nav ul li button::before {
  font-family: 'iconotheque';
  display: block;
  text-align: center;
}

#masthead .shop-nav ul li a.account::before,
#masthead .shop-nav ul li button.account::before {
  font-size: 2em;
  content: '\e800';
}

#masthead .shop-nav ul li a.cart::before,
#masthead .shop-nav ul li button.cart::before {
  font-size: 2em;
  content: '\e801';
}

#masthead .shop-nav ul li a:hover,
#masthead .shop-nav ul li button:hover {
  color: #f6bd03;
}

#masthead .shop-nav ul li a.journal::before,
#masthead .shop-nav ul li button.journal::before {
  font-family: 'font-awesome';
  font-size: 1.5em;
  content: '\f1ea';
}

#masthead .shop-nav ul li a span.count,
#masthead .shop-nav ul li button span.count {
  font-size: .8em;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: var(--noir);
  border-radius: 50%;
  background: var(--blanc);
}

#masthead .shop-nav ul li.trigger-menu {
  display: none;
}

#masthead .shop-nav ul li button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  background: transparent;
}

#masthead .shop-nav ul li button::before {
  font-family: 'font-awesome';
  font-size: 1.5em;
  content: '\f0c9';
}

#masthead .shop-nav ul li button:focus {
  outline: none;
}

.cd-transition-layer {
  display: none;
}

@media only screen and (max-width: 991px) {
  #masthead .site-branding {
    top: 20px;
    bottom: inherit;
    left: 15px;
    transform: none;
  }

  #masthead .shop-nav ul {
    margin-right: 10px;
  }

  #masthead .shop-nav ul li {
    margin: 0 10px 30px;
  }

  #masthead .shop-nav ul li.trigger-menu {
    display: inline-block;
  }

  #masthead .site-nav {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    opacity: 0;
    background: #e9a600;
  }

  #masthead .site-nav nav {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    display: block;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 0;
    transform: translateY(-50%);
  }

  #masthead .site-nav nav .main-menu {
    display: block;
    width: auto;
    max-width: none;
    padding: 0;
  }

  #masthead .site-nav nav .main-menu .menu {
    display: block;
    text-align: center;
  }

  #masthead .site-nav nav .main-menu .menu > li a {
    color: #d25715;
  }

  #masthead .site-nav nav .main-menu .menu > li a::before,
    #masthead .site-nav nav .main-menu .menu > li a::after {
    display: none;
  }

  #masthead .site-nav nav .main-menu .menu > li a:hover {
    color: #f2cf90;
  }

  #masthead .site-nav nav .main-menu .menu > li:hover .sub-menu {
    padding-top: 0;
  }

  #masthead .site-nav nav .main-menu .menu > li .sub-menu {
    position: relative;
    top: inherit;
    left: inherit;
    display: block;
    visibility: visible;
    width: auto;
    min-width: auto;
    padding-top: 0;
    transform: none;
    opacity: 1;
  }

  #masthead .site-nav nav .main-menu .menu > li .sub-menu li {
    background: transparent;
  }

  #masthead .site-nav nav .main-menu .menu > li .sub-menu li:first-child::after {
    display: none;
  }

  #masthead .site-nav nav .main-menu .menu > li .sub-menu li a {
    padding: 0;
    text-transform: none;
    color: #fff;
        /*&::before{
										font-family: 'font-awesome';
										content: '\f105';
										margin-right: 0.5em;
									}

									&::after{
										font-family: 'font-awesome';
										content: '\f104';
										margin-left: 0.5em;
									}*/
  }

  #masthead .site-nav nav .main-menu .menu > li .sub-menu li a:hover {
    color: #f6bd03;
    background: transparent;
  }

  #masthead .site-nav.visible {
    visibility: visible;
    opacity: 1;
  }

  #masthead .site-nav .bt-close {
    position: absolute;
    top: 50px;
    right: 15px;
    display: block;
  }

  .cd-transition-layer {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
  }

  .cd-transition-layer .bg-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translateY(-50%) translateX(-2%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
  }

  .cd-transition-layer.visible {
    visibility: visible;
    opacity: 1;
  }

  .cd-transition-layer.visible .bg-layer {
    transform: translateY(-50%) translateX(-98%);
  }

  .cd-transition-layer.opening .bg-layer,
    .cd-transition-layer.closing .bg-layer {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .no-cssanimations .cd-transition-layer {
    display: none;
  }

  .gummy-transition .cd-transition-layer .bg-layer {
    width: 2500%;
    background-image: url(images/gummy.png);
  }

  .gummy-transition .cd-transition-layer.opening .bg-layer {
    -webkit-animation: cd-sequence-991 .8s steps(24) forwards;
    animation: cd-sequence-991 .8s steps(24) forwards;
  }

  .gummy-transition .cd-transition-layer.closing .bg-layer {
    -webkit-animation: cd-sequence-991 .8s steps(24) forwards reverse;
    animation: cd-sequence-991 .8s steps(24) forwards reverse;
  }
}

@-webkit-keyframes cd-sequence-991 {
  0% {
    transform: translateY(-50%) translateX(-2%);
  }

  100% {
    transform: translateY(-50%) translateX(-98%);
  }
}

@keyframes cd-sequence-991 {
  0% {
    transform: translateY(-50%) translateX(-2%);
  }

  100% {
    transform: translateY(-50%) translateX(-98%);
  }
}

@media only screen and (max-width: 575px) {
  #masthead .site-branding .site-title {
    max-width: 100px;
  }
}

/* ---------------------------------------
------------------------------------------ FOOTER
--------------------------------------- */
#colophon {
  position: relative;
  z-index: 3;
  background: #eba801;
}

#colophon .footer {
  padding-top: 40px;
  padding-bottom: 20px;
  background: #ffc73d;
}

#colophon .footer .thumbnail img {
  max-width: 150px;
}

#colophon .footer h3 {
  font-family: 'actonia_personal_useregular';
  font-size: 2em;
  margin-bottom: 20px;
  color: #fff;
}

#colophon .footer .menu li {
  margin-bottom: 5px;
}

#colophon .footer .menu li a {
  font-family: 'd-dinBold';
  font-size: 1.2em;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 2px 5px;
  transition: all .3s ease;
  color: #000;
  border-radius: 5px;
}

#colophon .footer .menu li a::before {
  font-family: 'iconotheque';
  position: absolute;
  right: 100%;
  content: '\e800';
  transition: all .3s ease;
  opacity: 0;
  color: #f6bd03;
}

#colophon .footer .menu li a:hover {
  color: #f6bd03;
}

#colophon .footer .menu li a:hover::after,
#colophon .footer .menu li a:hover::before {
  opacity: 1;
}

#colophon .site-info {
  font-family: 'bebas_neuebold';
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  color: #fff;
}

#colophon .site-info p {
  margin: 0;
}

#colophon .site-info a {
  color: #fff;
}

#colophon .site-info a:hover {
  text-decoration: underline;
}

/* ---------------------------------------
------------------------------------------ BREADCRUMB
--------------------------------------- */
#breadcrumb {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

#breadcrumb li {
  font-family: 'bebas_neuebold';
  font-size: 1.3em;
  display: inline-block;
  text-transform: uppercase;
  color: #f6bd03;
}

#breadcrumb li::after {
  font-family: 'font-awesome';
  margin: 0 .5em;
  content: '\f105';
  color: #000;
}

#breadcrumb li:last-child::after {
  display: none;
}

#breadcrumb li a {
  color: #000;
}

/* ---------------------------------------
------------------------------------------ CONTENT
--------------------------------------- */
#content {
  background: var(--beige);
}

.wrap.background--white {
  background: #fff;
}

.wrap.background--beige {
  background: var(--beige);
}

article.parallax {
  position: relative;
}

.entry-header {
  position: relative;
  z-index: 2;
  padding-top: 60px;
  padding-bottom: 60px;
}

.entry-title {
  font-family: 'anodyneregular';
  font-size: 4em;
  line-height: 1;
}

.entry-title span {
  font-family: 'actonia_personal_useregular';
  font-size: .8em;
  display: block;
  color: #f6bd03;
}

.entry-title span.smaller {
  font-size: .5em;
}

.entry-content {
  position: relative;
  z-index: 2;
  padding-bottom: 60px;
}

.entry-text h2 {
  font-family: 'bebas_neuebold';
  font-size: 2.5em;
}

.entry-text h3 {
  font-family: 'bebas_neuebold';
  text-transform: uppercase;
}

.entry-text p,
.entry-text ul,
.entry-text ol {
  font-size: 1.2em;
}

.entry-text ul,
.entry-text ol {
  margin-bottom: 1em;
  padding-left: 1em;
  list-style: disc;
}

/* ---------------------------------------
------------------------------------------ HOME
--------------------------------------- */
.home #masthead {
  transition: all .5s ease;
}

#home-slider {
  position: relative;
}

#home-slider .item .thumbnail {
  transition: all .5s ease;
  transform: translateY(-50px);
  opacity: 0;
}

#home-slider .item .text h2 {
  font-family: 'bebas_neuebold';
  font-size: 5em;
  line-height: 1;
  margin-bottom: 40px;
  transition: all .5s ease;
  transform: translateY(-50px);
  text-transform: uppercase;
  opacity: 0;
  color: #fff;
}

#home-slider .item .text h2 span {
  font-family: 'actonia_personal_useregular';
  font-size: .5em;
  display: block;
  text-transform: none;
  color: #000;
}

#home-slider .item .text .custom-bt {
  transition: all .5s ease;
  transform: translateY(50px);
  opacity: 0;
}

#home-slider .active .item .thumbnail {
  transition: all .5s ease .5s;
  transform: translateY(0);
  opacity: 1;
}

#home-slider .active .item .text h2 {
  transition: all .5s ease .8s;
  transform: translateY(0);
  opacity: 1;
}

#home-slider .active .item .text .custom-bt {
  transition: all .5s ease 1.1s;
  transform: translateY(0);
  opacity: 1;
}

#home-slider .owl-dots {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#home-slider .owl-dots .owl-dot {
  display: block;
  margin: 8px 0;
}

#home-slider .owl-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

#home-slider .owl-nav .owl-next,
#home-slider .owl-nav .owl-prev {
  display: block;
  margin: 10px 0;
  background: 0 0;
}

#home-slider .owl-nav .owl-next:hover,
#home-slider .owl-nav .owl-prev:hover {
  background: rgba(255, 255, 255, .5);
}

#home-slider .owl-nav .owl-prev::before {
  content: '\f106';
}

#home-slider .owl-nav .owl-next::before {
  content: '\f107';
}

#home-slider .scroll {
  font-size: 6em;
  position: absolute;
  bottom: 0;
  left: -.4em;
  -webkit-animation: bounce 2s infinite ease;
  animation: bounce 2s infinite ease;
}

#home-slider .scroll::before {
  font-family: 'iconotheque';
  content: '\e807';
}

/*@-webkit-keyframes bounce {
    0% {
        @include transform(translateY(0));
    }
    50% {
        @include transform(translateY(-30px));
    }
    100% {
        @include transform(translateY(0));
    }
}*/
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0);
  }
}

#best-sellers {
  position: relative;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 120px;
  background: #fff;
}

#best-sellers .container {
  position: relative;
  z-index: 2;
}

#best-sellers .entry-title {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  color: #000;
}

#best-sellers .entry-title span {
  font-family: 'bebas_neuebold';
  font-size: .55em;
  display: block;
  max-width: 100%;
  margin: auto;
  text-transform: uppercase;
  color: #000;
}

#best-sellers h2 {
  font-family: 'bebas_neuebold';
  font-size: 4em;
  margin-bottom: 60px;
  text-transform: uppercase;
}

#best-sellers .item .thumbnail {
  position: relative;
  margin-bottom: 20px;
}

#best-sellers .item .thumbnail::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 70%;
  height: 80%;
  content: '';
  transition: all 500ms cubic-bezier(.25, .25, .125, 1.45);
  transform: scale(0, 0) translate(-50%, -50%);
  transform-origin: top left;
  border-radius: 50%;
  background: #f4eded;
}

#best-sellers .item .thumbnail a {
  position: relative;
  z-index: 2;
}

#best-sellers .item.pink .thumbnail::after {
  background: #f381b4;
}

#best-sellers .item.purple .thumbnail::after {
  background: #99a6d2;
}

#best-sellers .item.blue .thumbnail::after {
  background: #71cfe9;
}

#best-sellers .item.yellow .thumbnail::after {
  background: #ffcf5a;
}

#best-sellers .item.beige .thumbnail::after {
  background: #e29576;
}

#best-sellers .item.green .thumbnail::after {
  background: #c3dd8a;
}

#best-sellers .item:hover .thumbnail::after {
  transform: scale(1, 1) translate(-50%, -50%);
}

#best-sellers .item h3 {
  font-family: 'actonia_personal_useregular';
}

#best-sellers .item p {
  font-size: 1.2em;
}

#parallax {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#parallax > div {
  position: absolute;
}

#parallax .parallax {
  position: absolute;
}

#parallax .pr-caramel-1 {
  top: -20px;
  right: 600px;
}

#parallax .pr-sucette-1 {
  z-index: 2;
  top: 250px;
  right: -100px;
}

#parallax .pr-mogette-1 {
  z-index: 3;
  top: 370px;
  right: 130px;
}

#parallax .pr-mogette-2 {
  z-index: 1;
  top: 300px;
  right: -20px;
}

#parallax .pr-bonbon-1 {
  right: 5%;
  bottom: -60px;
}

#parallax .pr-caramel-3 {
  bottom: 0;
  left: -10px;
}

#parallax .pr-berlingots-1 {
  bottom: 200px;
  left: -230px;
}

#parallax .pr-berlingots-2 {
  right: -280px;
  bottom: 0;
}

#cta {
    /*.text-center {
		&:hover {
			animation: animFabric 1s;
		}
	}

	@keyframes animFabric {
		from {
			width: 100%;
			height: 100%;
		}
		to {
			width: 120%;
			height: 120%;
		}
	}*/
}

#cta .item {
  line-height: 1;
  max-height: 370px;
  margin-bottom: 0;
  padding-top: 110px;
}

#cta .item .text-center {
  padding-bottom: 80px;
  transition: all .3s ease-out;
}

#cta .item span {
  position: relative;
  display: block;
  color: #fff;
}

#cta .item span.cap {
  font-family: 'bebas_neuebold';
  font-size: 2em;
  display: inline-block;
  text-transform: uppercase;
}

#cta .item span.grunge {
  font-family: 'anodyneregular';
  font-size: 4em;
}

#cta .item span.hand {
  font-family: 'actonia_personal_useregular';
  font-size: 4em;
}

#cta .item span.hand.top {
  font-size: 2.5em;
}

#cta .item span.hand.bottom {
  font-size: 4.5em;
}

#cta .item span.middle {
  color: rgba(255, 255, 255, .7);
}

#cta .item.fabrication .cap::before {
  font-family: 'iconotheque';
  font-size: 1.5em;
  position: absolute;
  top: -40px;
  right: 100%;
  content: '\e803';
  opacity: .7;
}

#cta .item.ingredients .bottom::before,
#cta .item.ingredients .bottom::after {
  font-family: 'iconotheque';
  font-size: .6em;
  display: inline-block;
  content: '\e802';
  opacity: .7;
}

#cta .item.ingredients .bottom::before {
  margin-right: 15px;
  transform: rotate(-40deg);
}

#cta .item.ingredients .bottom::after {
  margin-left: 15px;
  transform: rotate(120deg);
}

#cta .item.gourmandise .cap::after {
  font-family: 'iconotheque';
  font-size: 1.5em;
  position: absolute;
  top: -40px;
  left: 100%;
  display: inline-block;
  content: '\e802';
  transform: rotate(90deg);
  opacity: .7;
}

#cta .item:hover .text-center {
  transform: scale(1.1);
}

#collections {
  position: relative;
  padding-top: 60px;
  padding-bottom: 1px;
  background: #fff;
}

#collections h2 {
  font-family: 'anodyneregular';
  font-size: 5em;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
}

#collections h2::after {
  font-family: 'iconotheque';
  font-size: 2em;
  position: absolute;
  top: 80%;
  right: -70px;
  content: '\e804';
}

#collections h2 span {
  font-family: 'actonia_personal_useregular';
  font-size: .8em;
  display: block;
  color: #f6bd03;
}

#collections .section {
  margin-bottom: 15px;
  padding: 40px;
  padding-top: 80px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#collections .section .bloc-title {
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
}

#collections .section .bloc-title h3 {
  font-family: 'bebas_neuebold';
  font-size: 5em;
  line-height: 1;
  display: inline-block;
  margin: 0;
  transform: rotate(-5deg);
  text-transform: uppercase;
}

#collections .section .bloc-title h3 span {
  font-family: 'actonia_personal_useregular';
  font-size: .8em;
  display: block;
  text-transform: none;
}

#collections .section .bloc-title .picto1,
#collections .section .bloc-title .picto2 {
  position: absolute;
}

#collections .section .bloc-title .picto1 {
  top: 0;
  right: 100%;
  margin-right: 30px;
}

#collections .section .bloc-title .picto2 {
  top: 50%;
  left: 100%;
  margin-left: 30px;
}

#collections .section .bloc-link {
  display: block;
}

#collections .section p {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
}

#collections .section p::before {
  content: '« ';
}

#collections .section p::after {
  content: ' »';
}

#collections .section .row {
  margin-top: 60px;
  margin-bottom: 30px;
}

#collections .section .row .item .thumbnail {
  position: relative;
  margin-bottom: 20px;
}

#collections .section .row .item .thumbnail::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 80%;
  height: 80%;
  content: '';
  transition: all 500ms cubic-bezier(.25, .25, .125, 1.45);
  transform: scale(0, 0) translate(-50%, -50%);
  transform-origin: top left;
  border-radius: 50%;
  background: #f4eded;
}

#collections .section .row .item .thumbnail a {
  position: relative;
  z-index: 2;
}

#collections .section .row .item.pink .thumbnail::after {
  background: #cd4587;
}

#collections .section .row .item.purple .thumbnail::after {
  background: #515d85;
}

#collections .section .row .item.blue .thumbnail::after {
  background: #3f84a5;
}

#collections .section .row .item.yellow .thumbnail::after {
  background: #e9a600;
}

#collections .section .row .item.beige .thumbnail::after {
  background: #f2cf90;
}

#collections .section .row .item.green .thumbnail::after {
  background: #84b648;
}

#collections .section .row .item:hover .thumbnail::after {
  transform: scale(1, 1) translate(-50%, -52%);
}

#map {
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}

#map .container-fluid .row div:first-child {
  z-index: 2;
}

#map .mapresponsive {
  display: none;
}

#map .text {
  padding: 60px 20px;
}

#map .text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 3em;
  line-height: 1;
  margin-bottom: 60px;
  color: #3d83a7;
}

#map .text h2::before {
  font-family: 'iconotheque';
  font-size: 1.3em;
  display: inline-block;
  margin-left: -1em;
  content: '\e808';
  transform: rotate(-10deg);
  color: #f6bd03;
}

#map .text h2 span {
  display: block;
}

#map .text h2 span.alt {
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
}

#map .text #search-bot {
  margin-bottom: 80px;
}

#map .text #search-bot p {
  font-family: 'bebas_neuebold';
  font-size: 1.6em;
  margin-bottom: 10px;
  text-transform: lowercase;
  color: #fff;
}

#map .text #search-bot input[type=text] {
  font-family: 'bebas_neuebold';
  font-size: 3em;
  display: inline-block;
  max-width: 200px;
  height: auto;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  color: #f6bd03;
  border: none;
  border-bottom: 3px solid #fff;
  background: 0 0;
}

#map .text #search-bot input[type=text]:focus {
  outline: 0;
}

#map #gmap {
  min-height: 600px;
}

#mapdiv {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 65%;
  margin-right: 15px;
}

#mapdiv.mapFind {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
}

#mapdiv.mapFind .mapboxgl-canvas {
  position: absolute !important;
  width: 100% !important;
  height: auto !important;
}

#news {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
    /*200px quand il y a la newsletter */
  border-top: 20px solid #fff;
  background: #f7a98a;
  background-color: var(--jaune) !important;
}

.page-template-page-sweet-blog #news {
  background-color: var(--beige) !important;
}

.page-template-page-sweet-blog #news .listing-categories .tag-une{
  background-color: var(--jaune);
  border: 2px solid var(--jaune);
}

.page-template-page-sweet-blog #news .listing-categories .tag-une:hover{
  color: var(--marron);
}

#news::before,
#news::after {
  position: absolute;
  display: block;
  content: '';
}

#news::before {
  top: 200px;
  left: -28px;
  width: 250px;
  height: 250px;
  background: url(images/branch-1.svg) no-repeat center center;
  background-size: contain;
}

#news::after {
  top: 190px;
  right: -30px;
  width: 180px;
  height: 280px;
  background: url(images/branch-2.svg) no-repeat center center;
  background-size: contain;
}

#news .bloc-title {
  position: relative;
  display: inline-block;
  margin: 0 auto 35px;
}

#news .bloc-title::before,
#news .bloc-title::after {
  font-family: 'iconotheque';
  position: absolute;
  content: '\e806';
  color: #fff;
}

#news .bloc-title::before {
  font-size: 7em;
  right: 100%;
  bottom: -60px;
  margin-right: 60px;
}

#news .bloc-title::after {
  font-size: 10em;
  top: -80px;
  left: 100%;
  margin-left: 60px;
}

.page-template-page-sweet #news .bloc-title .news-title{
  color: var(--blanc);
}

.page-template-page-sweet-blog #news .bloc-title .news-title{
  color: var(--jaune);
}

#news .bloc-title .news-title {
  font-family: 'bebas_neuebold';
  font-size: 8em;
  margin-bottom: 0;
  text-transform: uppercase;
}

#news .bloc-title .news-title span {
  font-family: 'actonia_personal_useregular';
  font-size: .5em;
  position: absolute;
  top: -30px;
  left: 50%;
  min-width: 240px;
  margin-left: -1em;
  transform: translateX(-50%) rotate(-6deg);
  text-transform: none;
  color: #cb8061;
}

#news .bloc-title .news-title span::before,
#news .bloc-title .news-title span::after {
  font-family: 'iconotheque';
  position: absolute;
}

#news .bloc-title .news-title span::before {
  font-size: .8em;
  top: -20px;
  left: -60px;
  content: '\e805';
  color: #fff;
}

#news .bloc-title .news-title span::after {
  font-size: 3em;
  top: 100%;
  left: -50px;
  margin-top: -30px;
  content: '\e804';
  transform: scaleX(-1) rotate(40deg);
}

#news .bloc-title .date {
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  position: absolute;
  top: 80%;
  right: -10px;
  padding: 3px 10px;
  transform: rotate(-8deg);
  color: #fff;
  background: #f6bd03;
}

#news #fbPost1 {
  position: relative;
  padding: 2em;
  background: url(images/biscuit-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#news #fbPost1 .referral {
  display: none;
}

#news #fbPost1 .bg {
  position: relative;
  z-index: 1;
}

#news #fbPost2 {
  height: 230px;
}

#news .fb-post {
  position: relative;
}

#news .fb-post .post_date {
  font-family: 'bebas_neuebold';
  font-size: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 3px 10px;
  text-transform: uppercase;
  color: #fff;
  background: #f6bd03;
}

#news .fb-post.biscuit {
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#news .fb-post.biscuit .text {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  padding: 10px;
  background: #fff;
}

#news .fb-post.biscuit .text h3 {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  margin: 0;
}

#news .fb-post.biscuit .text .post_date {
  font-size: 1.4em;
  bottom: 100%;
}

#news .fb-rdv {
  position: relative;
}

#news .fb-rdv .fb-like {
  position: absolute;
  bottom: 10px;
  left: 39%;
}

#news .item .fb,
#news .item .news {
  font-family: 'bebas_neuebold';
  font-size: 2em;
  display: block;
  min-height: 200px;
  padding: 20px;
  transition: all .3s ease;
  text-transform: uppercase;
}

#news .item .fb {
  color: #fff;
  background: #4267b2;
}

#news .item .fb span::before {
  font-family: 'font-awesome';
  font-size: 2em;
  display: block;
  content: '\f09a';
}

#news .item .fb:hover {
  color: #4267b2;
  background: #fff;
}

#news .item .news {
  line-height: 1;
  color: #f6bd03;
  background: #fff;
}

#news .item .news span span {
  font-family: 'actonia_personal_useregular';
  display: block;
  text-transform: none;
}

#news .item .news:hover {
  color: #fff;
  background: #f6bd03;
}

#social {
  background: #cb8061;
}

#newsletter {
  position: relative;
  display: none;
  transform: translateY(-50%);
  background: #e29576;
}

#newsletter h2 {
  font-family: 'bebas_neuebold';
  font-size: 3em;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #fff;
}

#newsletter form {
  padding: 60px;
  padding-bottom: 30px;
}

#newsletter form input[type=email],
#newsletter form input[type=text] {
  font-family: 'bebas_neuebold';
  font-size: 1.5em;
  line-height: 1;
  text-transform: uppercase;
  border: none;
}

#newsletter form input[type=email]::-webkit-input-placeholder,
#newsletter form input[type=text]::-webkit-input-placeholder {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  color: #000;
}

#newsletter form input[type=email]::-moz-placeholder,
#newsletter form input[type=text]::-moz-placeholder {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  color: #000;
}

#newsletter form input[type=email]:-ms-input-placeholder,
#newsletter form input[type=text]:-ms-input-placeholder {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  color: #000;
}

#newsletter form input[type=email]:-moz-placeholder,
#newsletter form input[type=text]:-moz-placeholder {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  color: #000;
}

#newsletter form input[type=submit] {
  height: 100%;
  min-height: 45px;
  padding: 0;
}

/*.home {
	#insta {
		padding-top: 0;
	}
}*/
#insta {
  position: relative;
    /*padding-bottom: 30px;*/
  padding-top: 4em;
  background: #cb8061;
}

#insta .container {
  padding-bottom: 30px;
}

#insta .bloc-title {
  position: relative;
}

#insta .bloc-title::before,
#insta .bloc-title::after {
  font-family: 'iconotheque';
  position: absolute;
  content: '\e806';
  color: #fff;
}

#insta .bloc-title::before {
  font-size: 3em;
  right: 100%;
  bottom: 0;
  margin-right: 50px;
}

#insta .bloc-title::after {
  font-size: 8em;
  top: -60px;
  left: 100%;
  margin-left: 0px;
}

#insta .bloc-title .ico {
  position: relative;
}

#insta .bloc-title .ico::before,
#insta .bloc-title .ico::after {
  font-family: 'iconotheque';
  position: absolute;
}

#insta .bloc-title .ico::before {
  font-size: 3em;
  top: -20px;
  right: 90%;
  content: '\e802';
  color: #ffc73d;
}

#insta .bloc-title .ico::after {
  font-size: 3em;
  right: 25px;
  bottom: 72%;
  content: '\e800';
  color: #fff;
}

#insta .bloc-title .ico span::before {
  font-family: 'font-awesome';
  font-size: 7em;
  display: inline-block;
  margin-right: 30px;
  content: '\f16d';
  transform: rotate(10deg);
  color: #fff;
}

#insta .bloc-title h3 {
  font-family: 'bebas_neuebold';
  font-size: 3em;
  line-height: 1;
  position: relative;
  transform: rotate(-8deg);
  text-transform: uppercase;
  color: #ffc73d;
}

#insta .bloc-title h3::after {
  font-family: 'iconotheque';
  font-size: 3em;
  position: absolute;
  right: -120px;
  bottom: -50px;
  content: '\e804';
  color: #fff;
}

#insta .bloc-title h3 span {
  font-family: 'actonia_personal_useregular';
  display: block;
  text-transform: none;
  color: #fff;
}

/* ---------------------------------------
------------------------------------------ SHOP
--------------------------------------- */
.page-boutique article, .page-categorie-boutique article  {
  background-color: var(--blanc);
}

article.type-page:after {
  content: '';
  background-image: url(./images/separateur-contact-api.svg);
  background-size: 100%;
  width: 100%;
  position: absolute;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.page-boutique article.type-page:after {
  content: '';
  background-image: url(./images/separateur-listing-prod.svg);
  background-size: 100%;
  width: 100%;
  position: absolute;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.menu-menu-bonbons-en-gros-container {
  display: none;
}

.page_bonbons-en-gros .menu-menu-bonbons-en-gros-container {
  display: block;
}

#menu-menu-bonbons-en-gros {
  text-align: center;
}

#menu-menu-bonbons-en-gros li {
  display: inline-block;
}

#menu-menu-bonbons-en-gros li a {
  font-family: bebas_neuebold;
  font-size: 1.5em;
  display: block;
  margin: 0 10px 10px;
  padding: 40px 20px;
  transition: all .3s;
  text-transform: uppercase;
  color: #f6bd03;
  background: #fff;
}

#menu-menu-bonbons-en-gros li a:hover {
  color: #fff;
  background: #f6bd03;
}

#menu-menu-bonbons-en-gros li a span {
  color: #000;
}

.listing-types {
  margin-bottom: 40px;
}

#filter-collection {
  margin-bottom: 30px;
  padding-top: 35px;
}

#filter-collection p {
  font-family: 'actonia_personal_useregular';
  font-size: 1.8em;
  position: relative;
}

#filter-collection p::before {
  font-family: 'iconotheque';
  font-size: 3em;
  position: absolute;
  top: 0;
  right: 99%;
  display: inline-block;
  content: '\e804';
  transform: rotate(-25deg) scaleX(-1);
}

#filter-collection .item {
  display: block;
}

#filter-collection .item .bloc-title {
  display: block;
  height: 100%;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#filter-collection .item .bloc-title a {
  font-family: 'bebas_neuebold';
  font-size: 1.3em;
  line-height: 1;
  display: block;
  display: inline-block;
  margin: 0;
  padding: 30px 20px;
  transform: rotate(-5deg);
  text-transform: uppercase;
  color: #fff;
}

#filter-collection .item .bloc-title a span {
  font-family: 'actonia_personal_useregular';
  font-size: 1em;
  display: block;
  text-transform: none;
}

#filter-collection .item:hover .bloc-title {
  transform: scale(1.05, 1.05);
}

#filter-collection .item.selected .bloc-title {
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .28);
}

#filter-category {
  margin: -60px;
  padding: 60px;
  background: none;
}

#filter-category .wave-bottom::after {
  background: url('images/wave-beige.png');
  height: 11px;
}

#filter-category h2 {
  font-family: 'bebas_neuebold';
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 40px 0 10px 30px;
  color: var(--noir);
  background: var(--beige);
  border-radius: 15px 15px 0 0;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.9em;
}

#filter-category ul {
  padding: 5px 5px;
  background: var(--beige);
}

#filter-category ul li {
  margin-bottom: 10px;
}

#filter-category ul li.parent-term {
  margin-bottom: 5px;
}

#filter-category ul li.parent-term img {
  width: 35px;
  height: 35px;
  margin-right: 5px!important;
}

#filter-category ul li.parent-term.marron a:hover img{
  filter: invert(100%);
}

#filter-category ul li.parent-term.marron .selected img{
  filter: invert(100%);
}



#filter-category ul li a {
  font-family: 'bebas_neuebold';
  font-size: 1.25em;
  padding: 5px 15px;
  transition: all .2s ease;
  text-transform: uppercase;
  color: var(--noir);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  border: none;
}

#filter-category ul li.child-term a {
  font-family: 'd-din';
  margin-left: 17%;
  font-size: 1.15em;
  padding: 7px 15px;
}


#filter-category ul li.caramel a:hover, #filter-category ul li.caramel a.selected {
  color: var(--blanc);
  background: var(--caramel);
}

#filter-category ul li.turquoise a:hover, #filter-category ul li.turquoise a.selected {
  color: var(--blanc);
  background: var(--turquoise);
}

#filter-category ul li.marron a:hover, #filter-category ul li.marron a.selected {
  color: var(--blanc);
  background: var(--marron);
}

#filter-category ul li.rose a:hover, #filter-category ul li.rose a.selected {
  color: var(--blanc);
  background: var(--rose);
}

#filter-category ul li.jaune a:hover, #filter-category ul li.jaune a.selected {
  color: var(--blanc);
  background: var(--jaune);
}


#filter-category ul li.bleu a:hover, #filter-category ul li.bleu a.selected {
  color: var(--blanc);
  background: var(--bleu);
}



#post-22 .preSelect, .page-categorie-boutique .preSelect {
  display: none;
}



.banner-shop {
  width: 100%;
  height: 250px;
  max-height: 250px;
}

.banner-shop .item-banner {
  height: 100%;
  position: relative;
}

.banner-shop .infos-banner {
  max-width: 500px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.banner-shop .infos-banner .text-banner {
  color: var(--blanc);
  font-size: 2.5em;
  font-family: 'actonia_personal_useregular';
  text-align: right;
}

.banner-shop .btn-banner {
  border: 3px solid var(--marron);
  background-color: var(--marron);
  padding: 5px 15px;
  color: var(--blanc);
  border-radius: 30px;
  font-family: 'bebas_neuebold';
  text-transform: uppercase;
  font-size: 20px;
}

.banner-shop .btn-banner:hover {
  border: 3px solid var(--blanc);
  background-color: var(--blanc);
  color: var(--marron);
}

.banner-shop img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.banner-shop #carousel-shop {
  position: relative;
  height: 250px;
}

.banner-shop .filtre-carousel{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(58,34,10,0.3) 68%, rgba(58,34,10,0.6) 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  mix-blend-mode: multiply;
}

.banner-shop #carousel-shop .owl-item {
  height: 250px;
}

.banner-shop #carousel-shop img {
  height: 100%;
}

.banner-shop .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
}

.banner-shop .owl-next, .banner-shop .owl-prev {
  pointer-events: initial;
  background: none;
  color: #fff;
}

.banner-categorie {
  position: relative;
  font-family: 'd-din';
  margin: 35px auto 40px auto;
  max-width: 90%;
  min-height: 150px;
}

.banner-categorie strong {
  font-family: 'd-dinBold';
}

.banner-categorie h1 {
  font-size: 3.12em;
  font-family: 'bebas_neuebold';
  font-weight: bold;
  text-transform: uppercase;
  color: var(--caramel);
  overflow-x: hidden;
}

.banner-categorie h1 span {
  display: inline-block;
  animation: .9s ease-in-out forwards appear-left;
}

.banner-categorie .image-banner {
  position: relative;
}

.banner-categorie img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


.description-longue {
  margin-top: 90px;
}

@keyframes appear-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.loader-filtre {
  margin-top: 10px;
  text-align: center;
}

.loader-filtre span{
  display: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--jaune);
  margin: 0 3px;
}

.loader-filtre span:nth-child(1){
    animation: 1s jump infinite ease-in-out;
}

.loader-filtre span:nth-child(2){
    animation: 1s 0.333s jump infinite ease-in-out;
}

.loader-filtre span:nth-child(3){
    animation: 1s 0.667s jump infinite ease-in-out;
}

@keyframes jump{
  0%{
    transform: translateY(0) scale(1);
  }
  30%{
    transform: translateY(-7px) scale(1.2);
  }
  75%{
    transform: translateY(0) scale(1);
  }

}

.banner-categorie p {
  max-width: 320px;
}

.cart-overlay {
  position: absolute;
  z-index: 50;
  bottom: -25px;
  left: 50%;
  visibility: hidden;
  width: 50%;
  height: auto !important;
  transition: all .3s ease-out;
  transform: translateX(-50%);
  opacity: 0;
}

.out-of-stock.cart-overlay{
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

.custom-bt-shop {
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  display: inline-block;
  padding: 15px 15px;
  cursor: pointer;
  transition: all .3s ease;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  border: 3px solid #fff;
  border-radius: 40px;
  background: #fff;
}

.custom-bt-shop:hover {
  transition: all .2s ease !important;
  color: #fff;
  background: 0 0;
}

.see-product {
  font-weight: bold;
  position: absolute;
  z-index: 50;
  bottom: -25px;
  left: 50%;
  visibility: hidden;
  width: 61%;
  height: auto !important;
  transition: all .3s ease-out;
  transform: translateX(-50%);
  opacity: 0;
  background: none !important;
}

.see-product:hover {
  text-decoration: none;
  color: #f6bd03;
}

.products__list li {
  height: 450px;
}

.products__list li:hover .cart-overlay {
  bottom: 45px;
  visibility: visible;
  opacity: 1;
}

.products__list li:hover .see-product {
  bottom: 115px;
  visibility: visible;
  opacity: 1;
}

.products__list li:hover h2 {
  transition: all .3s ease;
  opacity: 0;
}

.products__list li:hover p {
  transition: all .3s ease;
  opacity: 0;
}

.products__list li a {
  display: block;
  height: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all .3s ease;
}

.products__list li a .container-item-thumb {
  width: initial;
  max-width: 100%;
  height: auto;
  min-height: 310px;
}

.products__list li a img {
  display: block;
  width: initial;
  max-width: 100%;
  height: auto;
  max-height: 310px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.products__list li a:hover .product__features {
  color: #fff;
}

.products__list li.pink a:hover {
  background: #cd4587;
}

.products__list li.purple a:hover {
  background: #515d85;
}

.products__list li.yellow a:hover {
  background: #e9a600;
}

.products__list li.blue a:hover {
  background: #3f84a5;
}

.products__list li.beige a:hover {
  background: #f2cf90;
}

.products__list li.green a:hover {
  background: #c3dd8a;
}

.products__list li .woocommerce-loop-product__title {
  font-family: 'actonia_personal_useregular';
  font-size: 1.5em !important;
  padding: 0 20px;
  color: #000;
}

.products__list li .woocommerce-loop-product__title span {
  font-family: 'bebas_neuebold';
  font-size: .7em;
  display: block;
  text-transform: uppercase;
}

.products__list li .product__features {
  font-family: 'bebas_neuebold';
  font-size: 1.5em;
  margin: 0;
  padding: 0 20px;
  transition: all .3s ease;
  color: #f6bd03;
}

.products__list li .product__features span {
  font-size: 1em !important;
  display: inline !important;
}

/* ---------------------------------------
------------------------------------------ PRODUIT
--------------------------------------- */
.single-product #masthead {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  background: transparent;
  background-color: var(--blanc);
}

.single-product.admin-bar #masthead {
  top: 32px;
}

.single-product #breadcrumb {
  margin-bottom: 60px;
  text-align: center;
}

.single-product #breadcrumb li {
  color: #fff;
}

.single-product article.product .product__infos {
  position: relative;
  z-index: 2;
  padding-top: 130px;
}

.single-product article.product .product__infos .out-of-stock{
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  display: inline-block;
  padding: 15px 15px;
  transition: all .3s ease;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  border: 3px solid #fff;
  border-radius: 40px;
  background: #fff;
  position: absolute;
  /* rotate: 3deg; */
  z-index: 1;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.single-product article.product .product__infos .img-out-stock{
  opacity: .5;
}

.single-product article.product .product__infos::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  display: block;
  width: 18px;
  content: '';
}

.single-product article.product .entry-header {
  padding-bottom: 0;
}

.single-product article.product .entry-title {
  font-family: 'actonia_personal_useregular';
  color: #fff;
}

.single-product article.product .entry-title span {
  font-family: 'bebas_neuebold';
  font-size: .35em;
  display: block;
  max-width: 100%;
  margin: auto;
  text-transform: uppercase;
  color: #fff;
}

.single-product article.product .post-thumbnail {
  max-width: 400px;
  margin: auto;
  margin-bottom: 30px;
  position: relative;
}

.single-product article.product .add-to-cart {
  margin-bottom: 30px;
}

.single-product article.product .entry-content {
  padding-top: 30px;
  padding-bottom: 60px;
}

.single-product article.product .entry-content .features {
  font-size: 2em;
  padding-bottom: 30px;
  text-align: center;
  color: #fff;
}

.single-product article.product .entry-content .features .item {
  display: flex;
}

.single-product article.product .entry-content .features .name {
  font-family: 'actonia_personal_useregular';
  margin-right: 40px;
}

.single-product article.product .entry-content .features .value {
  font-family: 'bebas_neuebold';
}

.single-product article.product .entry-content .features .value dl{
	display: flex;
	justify-content: center;
	font-size: 14px;
	font-family: 'd-din';
	font-weight: normal;
	text-transform: none;
}
.single-product article.product .entry-content .features .value dl dt{
	margin-right: 10px;
	font-weight: normal;
}



.single-product article.product .entry-content .features .menu-menu-bonbons-en-gros-container {
  display: block;
}

.single-product article.product .entry-content .features .page_bonbons-en-gros .menu-menu-bonbons-en-gros-container {
  display: block;
}

.single-product article.product .entry-content .features #menu-menu-bonbons-en-gros {
  text-align: center;
}

.single-product article.product .entry-content .features #menu-menu-bonbons-en-gros li {
  display: block;
}

.single-product article.product .entry-content .features #menu-menu-bonbons-en-gros li a {
  font-family: bebas_neuebold;
  font-size: .8em;
  display: block;
  width: 85%;
  margin: 10px 0 15px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 17px;
  transition: all .3s;
  text-transform: uppercase;
  color: #f6bd03;
  background: #fff;
}

.single-product article.product .entry-content .features #menu-menu-bonbons-en-gros li a:hover {
  color: #fff;
  background: #f6bd03;
}

.single-product article.product .entry-content .features #menu-menu-bonbons-en-gros li a span {
  display: block;
  text-align: center;
  color: #000;
}

.single-product article.product .entry-content .entry-text {
  font-family: 'bebas_neuebold';
  margin-bottom: 100px;
}

.single-product article.product .entry-content .entry-text p {
  font-size: 1.5em;
}

.single-product article.product .entry-content .details {
  color: #fff;
}

.single-product article.product .entry-content .details ul .detail {
  font-family: 'bebas_neuebold';
  position: relative;
}

.single-product article.product .entry-content .details ul .detail::before {
  position: absolute;
  top: -20px;
  right: 100%;
  display: block;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
}

.single-product article.product .entry-content .details ul .detail::after {
  display: block;
  width: 100%;
  height: 30px;
  margin: 50px 0;
  content: '';
  background: url(images/separator.svg) no-repeat center center;
  background-size: contain;
}

.single-product article.product .entry-content .details ul .detail:last-child::after {
  display: none;
}

.single-product article.product .entry-content .details ul .detail h3 {
  font-size: 2em;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #000;
}

.single-product article.product .entry-content .details ul .detail h3 span {
  font-size: .7em;
  margin-bottom: 20px;
  text-transform: initial;
  color: #000;
}

.single-product article.product .entry-content .details ul .detail p {
  font-size: 1.4em;
}

.single-product article.product .entry-content .details ul .detail p a {
  color: #fff;
}

.single-product article.product .entry-content .details ul .detail p a:hover {
  text-decoration: underline;
}

.single-product article.product .entry-content .details ul .valeurs ul {
  margin-bottom: 20px;
}

.single-product article.product .entry-content .details ul .valeurs ul li {
  font-size: 1.4em;
  padding: 10px 20px;
}

.single-product article.product .entry-content .details ul .valeurs ul li:nth-child(even) {
  background: rgba(255, 255, 255, .3);
}

.single-product article.product .entry-content .details ul .valeurs p {
  font-size: 1.2em;
}

.single-product article.product #product__gallery {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0;
  background-position: center center;
    /*background:url(./images/thumbnail_default_sweet.jpg);*/
  background-size: cover;
}

.single-product article.product #product__gallery .owl-carousel {
  display: block;
  width: 100%;
  height: 100%;
}

.single-product article.product #product__gallery .owl-carousel .owl-stage-outer {
  width: 100%;
  height: 100%;
}

.single-product article.product #product__gallery .owl-carousel .owl-stage {
  height: 100%;
}

.single-product article.product #product__gallery .owl-item {
  width: 100%;
  height: 100%;
}

.single-product article.product #product__gallery .background {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.single-product article.product #product__gallery .add-to-cart {
  position: fixed;
  z-index: 1;
  right: 20px;
  bottom: 20px;
}

.single-product article.product #product__gallery .actionGallery {
  position: absolute;
  z-index: 4;
  bottom: 20px;
  left: 20px;
  display: flex;
  width: 90%;
  padding-left: 40px;
  justify-content: space-between;
}

.single-product article.product #product__gallery .actionGallery img {
  width: 100px;
  height: 100px;
}

.single-product article.product #related-products {
  position: relative;
  z-index: 2;
}

.single-product article.product #related-products .bloc-title {
  position: relative;
  padding: 30px 15px 40px;
}

.single-product article.product #related-products .bloc-title::after {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  height: 11px;
  content: '';
}

.single-product article.product #related-products .bloc-title h3 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  line-height: .8;
  position: relative;
  display: inline-block;
  margin: 0;
  color: #fff;
}

.single-product article.product #related-products .bloc-title h3::after {
  font-family: 'iconotheque';
  font-size: 3em;
  position: absolute;
  top: 45%;
  left: 90%;
  display: inline-block;
  content: '\e804';
  transform: rotate(-25deg);
}

.single-product article.product #related-products .bloc-title h3 span {
  font-family: 'bebas_neuebold';
  font-size: 2.2em;
  display: block;
  text-transform: uppercase;
}

.single-product article.product #related-products .container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.single-product article.product #related-products .woocommerce-loop-product__title,
.single-product article.product #related-products .product__features {
  color: #fff;
}

.single-product article.product #related-products .products__list li a:hover h4 {
  visibility: hidden;
}

.single-product article.product #related-products .products__list li a:hover p {
  visibility: hidden;
}

.single-product article.product #related-products .see-product {
  bottom: 105px;
}

.single-product article.product #related-products .see-product ~ a:hover h4 {
  visibility: hidden;
}

.single-product article.product #related-products .see-product ~ a:hover p {
  visibility: hidden;
}

.single-product article.product #related-products .add-to-cart {
  margin-bottom: 0;
}

.single-product article.product #related-products .add-to-cart:hover h4 {
  visibility: hidden;
}

.single-product article.product #related-products .add-to-cart:hover p {
  visibility: hidden;
}

.single-product article.product.purple #breadcrumb li a {
  color: #515d85;
}

.single-product article.product.purple #breadcrumb li::after {
  color: #515d85;
}

.single-product article.product.purple .product__infos {
  background: #99a6d2;
}

.single-product article.product.purple .product__infos::after {
  background: url(images/wave-right-purple.png) repeat-y top left;
}

.single-product article.product.purple .entry-content .entry-text p {
  color: #515d85;
}

.single-product article.product.purple .entry-content .details ul .ingredients::before {
  background-image: url(images/ico-ingredient-purple.png);
}

.single-product article.product.purple .entry-content .details ul .allergenes::before {
  background-image: url(images/ico-allergene-purple.png);
}

.single-product article.product.purple .entry-content .details ul .valeurs::before {
  background-image: url(images/ico-sante-purple.png);
}

.single-product article.product.purple .entry-content .details ul .conseil::before {
  background-image: url(images/ico-tri-purple.png);
}

.single-product article.product.purple .entry-content .details ul .conservation::before {
  background-image: url(images/ico-conserve-purple.png);
}

.single-product article.product.purple #related-products {
  background: url(images/dots-purple.png) repeat center top #99a6d2;
}

.single-product article.product.purple #related-products .bloc-title {
  background: #515d85;
}

.single-product article.product.purple #related-products .bloc-title::after {
  background: url(images/wave-bottom-purple-dark.png) repeat-x top center;
}

.single-product article.product.pink #breadcrumb li a {
  color: #cd4587;
}

.single-product article.product.pink #breadcrumb li::after {
  color: #cd4587;
}

.single-product article.product.pink .product__infos {
  background: #f381b4;
}

.single-product article.product.pink .product__infos::after {
  background: url(images/wave-right-pink.png) repeat-y top left;
}

.single-product article.product.pink .entry-content .entry-text p {
  color: #cd4587;
}

.single-product article.product.pink .entry-content .details ul .ingredients::before {
  background-image: url(images/ico-ingredient-pink.png);
}

.single-product article.product.pink .entry-content .details ul .allergenes::before {
  background-image: url(images/ico-allergene-pink.png);
}

.single-product article.product.pink .entry-content .details ul .valeurs::before {
  background-image: url(images/ico-sante-pink.png);
}

.single-product article.product.pink .entry-content .details ul .conseil::before {
  background-image: url(images/ico-tri-pink.png);
}

.single-product article.product.pink .entry-content .details ul .conservation::before {
  background-image: url(images/ico-conserve-pink.png);
}

.single-product article.product.pink #related-products {
  background: url(images/dots-pink.png) repeat center top #f381b4;
}

.single-product article.product.pink #related-products .bloc-title {
  background: #cd4587;
}

.single-product article.product.pink #related-products .bloc-title::after {
  background: url(images/wave-bottom-pink-dark.png) repeat-x top center;
}

.single-product article.product.blue #breadcrumb li a {
  color: #3f84a5;
}

.single-product article.product.blue #breadcrumb li::after {
  color: #3f84a5;
}

.single-product article.product.blue .product__infos {
  background: #71cfe9;
}

.single-product article.product.blue .product__infos::after {
  background: url(images/wave-right-blue.png) repeat-y top left;
}

.single-product article.product.blue .entry-content .entry-text p {
  color: #3f84a5;
}

.single-product article.product.blue .entry-content .details .ingredients::before {
  background-image: url(images/ico-ingredient-blue.png);
}

.single-product article.product.blue .entry-content .details .allergenes::before {
  background-image: url(images/ico-allergene-blue.png);
}

.single-product article.product.blue .entry-content .details .valeurs::before {
  background-image: url(images/ico-sante-blue.png);
}

.single-product article.product.blue .entry-content .details .conseil::before {
  background-image: url(images/ico-tri-blue.png);
}

.single-product article.product.blue .entry-content .details .conservation::before {
  background-image: url(images/ico-conserve-blue.png);
}

.single-product article.product.blue #related-products {
  background: url(images/dots-blue.png) repeat center top #71cfe9;
}

.single-product article.product.blue #related-products .bloc-title {
  background: #3f84a5;
}

.single-product article.product.blue #related-products .bloc-title::after {
  background: url(images/wave-bottom-blue-dark.png) repeat-x top center;
}

.single-product article.product.yellow #breadcrumb li a {
  color: #e9a600;
}

.single-product article.product.yellow #breadcrumb li::after {
  color: #e9a600;
}

.single-product article.product.yellow .product__infos {
  background: #ffcf5a;
}

.single-product article.product.yellow .product__infos::after {
  background: url(images/wave-right-yellow.png) repeat-y top left;
}

.single-product article.product.yellow .entry-content .entry-text p {
  color: #e9a600;
}

.single-product article.product.yellow .entry-content .details ul .ingredients::before {
  background-image: url(images/ico-ingredient-yellow.png);
}

.single-product article.product.yellow .entry-content .details ul .allergenes::before {
  background-image: url(images/ico-allergene-yellow.png);
}

.single-product article.product.yellow .entry-content .details ul .valeurs::before {
  background-image: url(images/ico-sante-yellow.png);
}

.single-product article.product.yellow .entry-content .details ul .conseil::before {
  background-image: url(images/ico-tri-yellow.png);
}

.single-product article.product.yellow .entry-content .details ul .conservation::before {
  background-image: url(images/ico-conserve-yellow.png);
}

.single-product article.product.yellow #related-products {
  background: url(images/dots-yellow.png) repeat center top #ffcf5a;
}

.single-product article.product.yellow #related-products .bloc-title {
  background: #e9a600;
}

.single-product article.product.yellow #related-products .bloc-title::after {
  background: url(images/wave-bottom-yellow-dark.png) repeat-x top center;
}

.single-product article.product.beige #breadcrumb li a {
  color: #cb8061;
}

.single-product article.product.beige #breadcrumb li::after {
  color: #cb8061;
}

.single-product article.product.beige .product__infos {
  background: #f2cf90;
}

.single-product article.product.beige .product__infos::after {
  background: url(images/wave-right-brown.png) repeat-y top left;
}

.single-product article.product.beige .entry-content .entry-text p {
  color: #ab6447;
}

.single-product article.product.beige .entry-content .details ul .ingredients::before {
  background-image: url(images/ico-ingredient-brown.png);
}

.single-product article.product.beige .entry-content .details ul .allergenes::before {
  background-image: url(images/ico-allergene-brown.png);
}

.single-product article.product.beige .entry-content .details ul .valeurs::before {
  background-image: url(images/ico-sante-brown.png);
}

.single-product article.product.beige .entry-content .details ul .conseil::before {
  background-image: url(images/ico-tri-brown.png);
}

.single-product article.product.beige .entry-content .details ul .conservation::before {
  background-image: url(images/ico-conserve-brown.png);
}

.single-product article.product.beige #related-products {
  background: url(images/dots-brown.png) repeat center top #f2cf90;
}

.single-product article.product.beige #related-products .bloc-title {
  background: #ab6447;
}

.single-product article.product.beige #related-products .bloc-title::after {
  background: url(images/wave-bottom-brown-dark.png) repeat-x top center;
}

.single-product article.product.green #breadcrumb li a {
  color: #c3dd8a;
}

.single-product article.product.green #breadcrumb li::after {
  color: #c3dd8a;
}

.single-product article.product.green .product__infos {
  background: #c3dd8a;
}

.single-product article.product.green .product__infos::after {
  background: url(images/wave-right-green.png) repeat-y top left;
}

.single-product article.product.green .entry-content .entry-text p {
  color: #84b648;
}

.single-product article.product.green .entry-content .details ul .ingredients::before {
  background-image: url(images/ico-ingredient-green.png);
}

.single-product article.product.green .entry-content .details ul .allergenes::before {
  background-image: url(images/ico-allergene-green.png);
}

.single-product article.product.green .entry-content .details ul .valeurs::before {
  background-image: url(images/ico-sante-green.png);
}

.single-product article.product.green .entry-content .details ul .conseil::before {
  background-image: url(images/ico-tri-green.png);
}

.single-product article.product.green .entry-content .details ul .conservation::before {
  background-image: url(images/ico-conserve-green.png);
}

.single-product article.product.green #related-products {
  background: url(images/dots-green.png) repeat center top #c3dd8a;
}

.single-product article.product.green #related-products .bloc-title {
  background: #84b648;
}

.single-product article.product.green #related-products .bloc-title::after {
  background: url(images/wave-bottom-green-dark.png) repeat-x top center;
}

.single-product article.product .tagCollect {
  position: relative;
  top: 20px;
  width: 100%;
  margin-top: 1em;
}

.single-product article.product .tagCollect span a {
  font-family: 'bebas_neuebold';
  font-size: 1em;
  display: inline-block;
  padding: 7px 14px;
  transition: all .3s ease;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  background: none;
}

.single-product article.product .tagCollect span a:hover {
  color: #f6bd03;
  background-color: #fff;
}

/* ---------------------------------------
------------------------------------------ BLOG
--------------------------------------- */
.blog #masthead {
  background: #f7a98a;
}

.blog .entry-header {
  padding-bottom: 30px;
}

.blog #news {
  margin-top: -11%;
  padding-top: 13%;
  padding-bottom: 60px;
}

.blog #news::after {
  top: 100px;
  bottom: inherit;
}

.blog #news .desc {
  font-family: 'actonia_personal_useregular';
  font-size: 1.8em;
  color: #fff;
}

.blog .count {
  position: relative;
}

.blog .count .fb-like {
  position: absolute;
  top: 33px;
  right: 20px;
  height: 60px;
    /*visibility: hidden;
			opacity: 0;*/
}

.blog .count p {
  font-family: 'anodyneregular';
  font-size: 2em;
  position: absolute;
  right: 15px;
  bottom: 100%;
  text-transform: uppercase;
  color: #fff;
}

.blog .count p::after {
  font-family: 'iconotheque';
  font-size: 2em;
  position: absolute;
  top: 8px;
  left: 96%;
  content: '\e804';
  transform: rotate(15deg);
}

.blog #fb_count {
  font-family: 'anodyneregular';
  font-size: 2.5em;
  position: relative;
  padding: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #4267b2;
    /*&::before{
			font-family: 'iconotheque';
			content: '\e800';
			color: $facebookBlue;
			position: absolute;
			left: 0;
			bottom:85%;
		}*/
}

.blog #fb_count::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  background: url(images/wave-bottom-blue-facebook.png) repeat-x center top;
}

.blog #fb_count a {
  position: relative;
  display: block;
}

.blog #fb_count a::after {
  font-family: 'font-awesome';
  position: absolute;
  top: 50%;
  right: 0;
  content: '\f164';
  transform: translateY(-50%);
}

#blog .fb-post {
  height: 100%;
  background: #fff;
}

#blog .fb-post .post_date {
  font-size: 1.5em;
}

#blog .fb-post .thumbnail {
  position: relative;
}

#blog .fb-post .text {
  padding: 20px;
  background: #fff;
}

#blog .fb-post .text h2 {
  font-family: 'bebas_neuebold';
  font-size: 1.5em;
    /*width: 100%;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;*/
}

#news #blog{
  justify-content: center;
}
/* ---------------------------------------
------------------------------------------ BLOG /  PAGE-SWEET
--------------------------------------- */

.page-template-page-sweet #masthead, .page-template-page-sweet-blog #masthead {
  background: var(--blanc);
}

.page-template-page-sweet .entry-header, .page-template-page-sweet-blog .entry-header {
  padding-bottom: 30px;
}

.page-template-page-sweet #news, .page-template-page-sweet-blog #news {
  margin-top: -11%;
  padding-top: 13%;
  padding-bottom: 60px;
}

.page-template-page-sweet #news::after, .page-template-page-sweet-blog #news::after {
  top: 100px;
  bottom: inherit;
}

.page-template-page-sweet #news .desc, .page-template-page-sweet-blog #news .desc {
  font-family: 'd-din';
  font-size: 1rem;
  color: #000;
  text-align: center;
  margin: auto;
}

.page-template-page-sweet .count, .page-template-page-sweet-blog .count {
  position: relative;
}

.page-template-page-sweet .count .fb-like {
  position: absolute;
  top: 33px;
  right: 20px;
  height: 60px;
    /*visibility: hidden;
			opacity: 0;*/
}

.page-template-page-sweet .count p {
  font-family: 'anodyneregular';
  font-size: 2em;
  position: absolute;
  right: 15px;
  bottom: 100%;
  text-transform: uppercase;
  color: #fff;
}

.page-template-page-sweet .count p::after {
  font-family: 'iconotheque';
  font-size: 2em;
  position: absolute;
  top: 8px;
  left: 96%;
  content: '\e804';
  transform: rotate(15deg);
}

.page-template-page-sweet #fb_count {
  font-family: 'anodyneregular';
  font-size: 2.5em;
  position: relative;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #4267b2;
    /*&::before{
			font-family: 'iconotheque';
			content: '\e800';
			color: $facebookBlue;
			position: absolute;
			left: 0;
			bottom:85%;
		}*/
}

.page-template-page-sweet #fb_count::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  background: url(images/wave-bottom-blue-facebook.png) repeat-x center top;
}

.page-template-page-sweet #fb_count a {
  position: relative;
  display: block;
}

.page-template-page-sweet #fb_count a::after {
  font-family: 'font-awesome';
  position: absolute;
  top: 50%;
  right: 0;
    /*content: '\f164';*/
  content: none;
  transform: translateY(-50%);
}

.toggle-blog, .toggle-blog{
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.toggle-wrapper, .toggle-wrapper{
    flex: 1 1 calc(100% / 3);
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.toggle-wrapper .toggle, .toggle-wrapper .toggle{
    position: relative;
    display: flex;
    align-items: center;
}

.toggle-wrapper input, .toggle-wrapper input{
    height: 0px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0px;
}

.toggle-wrapper input[type=checkbox], .toggle-wrapper input[type=checkbox]{
	/* height: 0;
	width: 0;
	visibility: hidden; */
}

.toggle-wrapper label.toggle-item{
    width: 6em;
    background: transparent;
    height: 3em;
    display: inline-block;
    border-radius: 50px;
    margin: 40px;
    position: relative;
    transition: all 0.3s ease;
    transform-origin: 20% center;
    cursor: pointer;
}

.toggle-wrapper label.toggle-item{
    background: var(--jaune);
    width: 6em;
    height: 3em;
    display: inline-block;
    border-radius: 50px;
    margin: 40px;
    position: relative;
    transition: all 0.3s ease;
    transform-origin: 20% center;
    cursor: pointer;
}

.toggle-wrapper label.toggle-item:before, .toggle-wrapper label.toggle-item:before {
  display: block;
  transition: all 0.2s ease;
  width: 2em;
  height: 2em;
  position: absolute;
  /* top: 0.25em;
  left: 0.25em; */
  border-radius: 2em;
  transition: 0.3s ease;
}

.page-template-page-sweet .toggle-wrapper label{
  background: transparent;
  border: 3px solid #fff;
  height: 3em;
}

 .toggle-wrapper label{
  background: var(--jaune);
  border: 3px solid var(--jaune);
  height: 3.35em;
}

.toggle-wrapper label:before, .toggle-wrapper label:before{
  content:'';
  border: 3px solid #fff;
  width: 2em;
  height: 2em;
  top: 0.3em;
  left: 0.3em;
  background: #fff;
}

.toggle-wrapper label:active:before, .toggle-wrapper label:active:before{
  width: 3em;
}

.toggle-wrapper input:checked +  label:before, .toggle-wrapper input:checked +  label:before{
  transform: translateX(42px);
}

.toggle-item{
  background-color: var(--jaune)
}



.page-template-page-sweet #blog .juicer-feed .referral {
  display: none;
}

.page-template-page-sweet #blog .juicer-feed .juicer-ad{
  display: none;
}

.juicer-feed .juicer-about{
  display: none;
}

#news #blog .row {
  margin: 0;
}

#liste-articles .col-xl-6 {
  margin: 0 0 35px 0;
}

.card-article{
  border-radius: 5px 5px 0 0;
  background: var(--blanc);
  /* box-shadow: 0 5px 5px 4px rgba(0,0,0,.06); */
  transition: all .3s ease-in-out;
  height: 100%;
}

.card-article .link-art {
  display: flex;
  height: 100%;
  transition: .2s;
}

.card-article .link-art:hover .img-art img {
  transform: scale(1.15);
}

.card-article .link-art .infos-art {
  width: 100%;
  padding: 20px 20px 30px 20px;
  text-align: left;
}

.card-article .link-art .infos-art .ajoutmarge{
  padding: 1em;
}

.card-article .link-art .categories-art{
  position: absolute;
  z-index: 1;
  margin: 1em;
}

.card-article .link-art .categories-art .cat-art {
  font-family: 'bebas_neuebold';
  background-color: var(--jaune);
  padding: 5px 8px;
  border-radius: 50px;
  margin: 0 10px 0 0;
}

.card-article .link-art .infos-art .cat-art {
  margin-right: 10px;
  color: #CF9966;
  font-size: 18px;
  text-transform: uppercase;
}

.card-article .link-art .infos-art .date-art {
  color: var(--jaune);
  font-family: 'd-din';
  font-size: 18px;
  margin-bottom: 8px;
}

.card-article .img-art{
  width: 70%;
  height: 100%;
  overflow: hidden;
  border-radius: 9px;
  border: 8px solid var(--blanc);
}

.card-article .img-art img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all .3s ease-in-out;
  max-width: 100%;
}

.card-article .exceprt-art {
  margin-bottom: 0;
}

.card-article h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 30px;
}

.card-article::after {
  height: 12px;
  background: url(images/wave-white.png) repeat-x center top;
}

#news .listing-categories {
  margin: 30px 0 30px 0;
  display: flex;
  justify-content: center;
}

#news .listing-categories a {
  font-family: 'bebas_neuebold';
  background-color: var(--blanc);
  color: var(--marron);
  padding: 8px 15px;
  border: 2px solid var(--blanc);
  border-radius: 30px;
  margin: 5px;
  transition: .3s;
}

#news .listing-categories a:hover {
  /* background-color: transparent; */
  background-color: var(--marron);
  border: 2px solid var(--marron);
  color: var(--blanc);

}

#news .listing-categories a.selected{
  background-color: var(--jaune);
  border: 2px solid var(--jaune);
}

#news .listing-categories a.selected:hover{
  color: var(--marron);
}

.single-post h1 {
  font-family: 'actonia_personal_useregular';
  font-size: 3rem;
  max-width: 500px;
  color: var(--marron);
}

.single-post .entry-header {
  display: flex;
  max-width: 90%;
  margin: 0 auto;
}

.single-post .entry-content {
  max-width: 90%;
  margin: 0 auto;
}

.single-post main .row {
  margin: 0;
}

.single-post .entry-header img {
  max-width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 10px;
}

.single-post .infos-header-article {
  padding: 20px;
}

.single-post .infos-sur-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.single-post #content {
  background-color: var(--blanc);
}

.single-post article {
  background-color: var(--blanc);
}

.single-post .categories-article {

}

.single-post .cat-article {
  /* margin-right: 10px; */
  font-size: 22px;
  color: var(--noir);
  font-family: 'bebas_neuebold';
  text-transform: uppercase;
  transition: .3s;
  background-color: var(--jaune);
  border-radius: 50px;
  padding: 5px 10px;
  margin: 0em 10px 10px 0;
  width: fit-content;
}

.single-post .cat-article:hover {
  color: grey;
}

.single-post .date-article {
  color: var(--jaune);
  font-family: 'bebas_neuebold';
  font-size: 22px;
  margin-right: 30px;
}

.single-post .tags-article {
  margin-top: 35px;
  margin-left: -3px;
  display: flex;
  flex-wrap: wrap;
}

.single-post a.tag-article {
  font-family: 'bebas_neuebold';
  background-color: transparent;
  padding: 8px 15px;
  border: 2.5px solid var(--marron);
  border-radius: 30px;
  color: var(--marron);
  margin-right: 15px;
  margin-bottom: 5px;
  transition: .3s;
}

.single-post a.tag-article:hover {
  /* background-color: transparent; */
  background-color: var(--jaune);
  border: 2.5px solid var(--jaune);
}

.single-post #last-posts {
  background-color: var(--beige);
  padding: 50px 0 80px 0;
  padding-left: 25px;
  padding-right: 25px;
}


.single-post #last-posts h2 {
  font-family: 'bebas_neuebold';
  color: var(--marron);
  margin-bottom: 40px;
}

.single-post #last-posts .last-post {
  padding: 10px;
  /* margin: 15px 0; */
  position: relative;
}

.single-post #last-posts .last-post:hover{
  background-color: var(--blanc);
  border-radius: 10px;
  padding: 10px;
  /* margin: 15px 0; */
  transition: .3s;
}

.single-post #last-posts .listing-last-posts a .last-post::before {
  content: '';
  width: 100%;
  height: 2px;
  background-image: url('images/separateur-black.svg');
  background-size: contain;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
}

.single-post #last-posts .listing-last-posts a:first-of-type .last-post::before {
  content: none;
}

.single-post #last-posts .last-post a {
  transition: .3s;
}

.single-post #last-posts .last-post a:hover {
  background-color: var(--blanc);
}

.single-post #last-posts .last-post h3 {
  font-family: 'actonia_personal_useregular';
  color: var(--marron);
  margin-top: 10px;
}

.single-post #last-posts .infos-last-post {
  display: block;
}

.single-post #last-posts .categs-last-post {
  font-family: 'bebas_neuebold';
  text-transform: uppercase;
  margin: 15px 0;
  font-size: 20px;
  color: var(--marron);
  display: block;
  width: max-content;
}

.single-post #last-posts .cat-last-post {
  margin-right: 5px;
  background-color: var(--jaune);
border-radius: 50px;
padding: 5px 10px;
margin: 0em 10px 10px 0;
width: fit-content;
}

.single-post #last-posts .date-last-post {
  color: var(--jaune);
  margin-bottom: 0;
  font-size: 20px;
}

.single-post #last-posts .excerpt-last-post {
  margin-bottom: 0;
}

.archive.category h1, .archive.tag h1 {
  font-family: 'actonia_personal_useregular';
  color: var(--marron);
}

.archive.category .entry-header{
  padding-bottom: 30px;
}

.archive.category #news{
  background-color: var(--beige) !important;
  text-align: center;
  padding: 13% 0 60px;
  border: 0;
  margin-top: -11%;
}

.archive.category #news:after{
  top: 100px;
  bottom: inherit;
}

.archive.category #news .bloc-title .news-title{
  color: var(--jaune);
}

.archive.category #news .desc{
  font-family: 'd-din';
  font-size: 1rem;
  color: #000;
  text-align: center;
  margin: auto;
}

.content-search {
  margin-top: 70px;
}

.content-search .no-result {
  text-align: center;
  margin: 70px auto 20px auto;
  font-size: 20px;
}

.page-search-result {
  background-color: var(--beige);
  padding-top: 50px;
  padding-bottom: 100px;
}

.page-search-result h1 span{
  color: var(--marron);
}

.page-search-result h1 span{
  font-family: 'actonia_personal_useregular';
  font-size: 1.1em;
  margin-left: 10px;
}

.page-search-result #liste-articles {
  margin-top: 30px;
}

.searchbar-blog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchbar-blog input[type="text"] {
  margin-right: 5px;
  max-width: 250px;
  border-radius: 30px;
  border: 2px solid var(--jaune);
  outline: none;
  background-color: transparent;
}

.searchbar-blog input[type="submit"] {
  width: fit-content;
  border: 3px solid var(--jaune);
  background-color: var(--jaune);
  border-radius: 30px;
  transition: .3s;
}

.searchbar-blog input[type="submit"]:hover {
  background-color: transparent;
}

.archive.tag #news{
  background-color: var(--beige) !important;
  padding-top: 0;
}

/* ---------------------------------------
------------------------------------------ PAGE QUI SOMMES-NOUS
--------------------------------------- */
.page-template-page-about article.page {
  background: #ffcf5a;
}

.page-template-page-about .entry-header {
  padding-bottom: 0;
}

.page-template-page-about .entry-content {
  padding-bottom: 0;
}

#about .story {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
}

#about .story:first-child {
  min-height: 80vh;
}

#about .story.yellow {
  background: #ffcf5a;
}

#about .story.purple {
  background: #99a6d2;
}

#about .story.pink {
  background: #f381b4;
}

#about .story.blue {
  background: #71cfe9;
}

#about .story.beige {
  background: #e29576;
}

#about .story.green {
  background: #c3dd8a;
}

#about .story .number {
  font-family: 'anodyneregular';
  font-size: 20em;
  position: absolute;
  right: 15px;
  bottom: -.5em;
  opacity: .5;
  color: #fff;
}

#about .story .section {
  position: relative;
}

#about .story .section .section__nav {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

#about .story .section .section__nav .prev,
#about .story .section .section__nav .next {
  line-height: 55px;
  display: block;
  width: 55px;
  height: 55px;
  margin: 10px 0;
  transition: all .3s ease;
  text-align: center;
  border-radius: 50%;
}

#about .story .section .section__nav .prev::before,
#about .story .section .section__nav .next::before {
  font-family: 'font-awesome';
  font-size: 2em;
}

#about .story .section .section__nav .prev:hover,
#about .story .section .section__nav .next:hover {
  background: rgba(255, 255, 255, .5);
}

#about .story .section .section__nav .prev span,
#about .story .section .section__nav .next span {
  display: none;
}

#about .story .section .section__nav .prev::before {
  content: '\f106';
}

#about .story .section .section__nav .next::before {
  content: '\f107';
}

#about .story .text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-bottom: 30px;
    /*white-space: nowrap;  espace insécapble*/
}

#about .story .text p {
  font-size: 1.3em;
}

#about .story .text p b,
#about .story .text p strong {
  font-family: 'anodyneregular';
  color: #fff;
}

#about .story .text p a {
  font-family: 'd-dinBold';
}

#about .story .text span {
  font-family: 'd-dinBold';
}

#about .story .gallery .card-pile {
  position: relative;
  display: block;
  width: 400px;
  height: 400px;
}

#about .story .gallery .card-pile ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  padding-bottom: 80px;
  transition: left 500ms cubic-bezier(.77, 0, .175, 1);
  background: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .28);
}

#about .story .gallery .card-pile ul li.move {
  transition: left 500ms cubic-bezier(.22, .995, .61, .96);
}

#about .story .gallery .card-pile ul li img {
  display: block;
  width: 100%;
  height: auto;
}

#about .story:nth-child(odd) .gallery li.move {
  left: -150%;
}

#about .story:nth-child(odd) .gallery li:nth-child(1) {
  transform: rotate(6deg);
}

#about .story:nth-child(odd) .gallery li:nth-child(2) {
  transform: rotate(-20deg);
}

#about .story:nth-child(odd) .gallery li:nth-child(3) {
  transform: rotate(-10deg);
}

#about .story:nth-child(even) .gallery li.move {
  left: 150%;
}

#about .story:nth-child(even) .gallery li:nth-child(1) {
  transform: rotate(-6deg);
}

#about .story:nth-child(even) .gallery li:nth-child(2) {
  transform: rotate(20deg);
}

#about .story:nth-child(even) .gallery li:nth-child(3) {
  transform: rotate(10deg);
}

/* ---------------------------------------
------------------------------------------ PAGE ÉQUIPE
--------------------------------------- */
.page-template-page-team .cta {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #fff;
  background: #99a6d2;
}

.page-template-page-team .cta::before,
.page-template-page-team .cta::after {
  font-family: 'iconotheque';
  position: absolute;
  content: '\e806';
}

.page-template-page-team .cta::before {
  font-size: 14em;
  top: 20%;
  left: -40px;
}

.page-template-page-team .cta::after {
  font-size: 12em;
  top: 0;
  right: -40px;
}

.page-template-page-team .cta .bloc-title {
  display: inline-block;
}

.page-template-page-team .cta .bloc-title p {
  font-size: 4em;
  line-height: 1;
  position: relative;
  display: block;
  margin: auto;
  margin-bottom: 30px;
}

.page-template-page-team .cta .bloc-title p::after {
  font-family: 'iconotheque';
  font-size: 2em;
  position: absolute;
  top: 70%;
  left: -30px;
  content: '\e804';
  transform: scaleX(-1) rotate(40deg);
}

.page-template-page-team .cta .bloc-title p span {
  display: block;
}

.page-template-page-team .cta .bloc-title p span.top {
  font-family: 'actonia_personal_useregular';
  font-size: .6em;
}

.page-template-page-team .cta .bloc-title p span.middle {
  font-family: 'anodyneregular';
  font-size: 1.2em;
  opacity: .7;
}

.page-template-page-team .cta .bloc-title p span.bottom {
  font-family: 'actonia_personal_useregular';
  font-size: 1.1em;
}

.page-template-page-team .cta .bloc-title p span.bottom::before,
.page-template-page-team .cta .bloc-title p span.bottom::after {
  font-family: 'iconotheque';
  font-size: .6em;
  display: inline-block;
  content: '\e802';
  opacity: .7;
}

.page-template-page-team .cta .bloc-title p span.bottom::before {
  margin-right: 15px;
  transform: rotate(-40deg);
}

.page-template-page-team .cta .bloc-title p span.bottom::after {
  margin-left: 15px;
  transform: rotate(120deg);
}

#filter-job {
  padding-top: 60px;
}

#filter-job li {
  margin-bottom: 30px;
}

#filter-job li a {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  display: block;
  padding: 10px 20px;
  transition: all .3s ease;
  text-transform: uppercase;
  color: #000;
  border: 3px solid #f4eded;
  border-radius: 30px;
  background: #f4eded;
}

#filter-job li a:hover {
  border-color: #f6bd03;
  background: #fff;
}

#filter-job li a.selected {
  color: #fff;
  border-color: #f6bd03;
  background: #f6bd03;
}

#team {
  position: relative;
  z-index: 2;
}

#team .row li {
  padding: 0;
}

#team .row li .thumbnail {
  position: relative;
}

#team .row li .thumbnail .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .3s ease;
  text-align: center;
  opacity: 0;
  color: #fff;
}

#team .row li .thumbnail .text::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: .7;
  background: #f6bd03;
}

#team .row li .thumbnail .text .name {
  font-family: 'bebas_neuebold';
  font-size: 2.5em;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 20px;
  transform: translateY(-50%);
  text-transform: uppercase;
}

#team .row li .thumbnail .text .cite {
  font-family: 'actonia_personal_useregular';
  font-size: 1.4em;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}

#team .row li .thumbnail:hover .text {
  opacity: 1;
}

/* ---------------------------------------
------------------------------------------ PAGE QUALITÉ
--------------------------------------- */
.page-template-page-quality .entry-header {
  padding-bottom: 20px;
}

.page-template-page-quality .entry-text {
  padding-bottom: 60px;
}

#knowledge {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(images/dots-grey.jpg) repeat center center;
}

#knowledge h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-bottom: 30px;
}

#knowledge p {
  font-size: 1.2em;
}

#knowledge .thumbnail {
  padding: 15px;
  padding-bottom: 50px;
  transform: rotate(5deg);
  background: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .28);
}

#quality {
  padding-top: 60px;
  padding-bottom: 60px;
}

#quality h2 {
  font-family: 'bebas_neuebold';
  margin-bottom: 30px;
}

#quality p {
  font-size: 1.2em;
}

#quality p a {
  font-family: 'd-dinBold';
}

#quality img {
  margin-bottom: 30px;
}

#ingredients {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffcf5a;
}

#ingredients h2 {
  font-family: 'bebas_neuebold';
  font-size: 2.5em;
  text-transform: uppercase;
  color: #fff;
}

#ingredients p {
  font-family: 'actonia_personal_useregular';
  font-size: 1.8em;
  margin-bottom: 40px;
}

#ingredients .ingredients li {
  font-size: 1.2em;
  margin-bottom: 15px;
  background: #fff;
}

#ingredients .ingredients li .text {
  font-size: 1em;
  padding: 20px;
}

#ingredients .ingredients li .p {
  font-size: 1.4em;
}

#confiseries .background {
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#confiseries .text {
  max-width: 880px;
  padding: 60px;
}

#confiseries .text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-bottom: 30px;
}

#confiseries .text p {
  font-size: 1.2em;
}

/* ---------------------------------------
------------------------------------------ PAGE MAP
--------------------------------------- */
.page-template-page-map .entry-content {
  padding: 0;
}

.page-template-page-map .entry-content a {
  text-decoration: none;
  color: #f6bd03;
}

.page-template-page-map .entry-content .map-content {
  text-align: center;
}

.page-template-page-map .entry-content .map-content .entry-text {
  padding: 20px 90px 20px 90px;
  background: #fff;
}

.page-template-page-map .entry-content .map-content .entry-text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-bottom: 20px;
}

.page-template-page-map .entry-content .map-content .entry-text a {
  text-decoration: none;
  color: #f6bd03;
}

.page-template-page-map #gmap {
  min-height: 80vh;
}

.page-template-page-map #map {
  padding: 0;
}

.page-template-page-map #map #mapdiv {
  top: 135px;
}

.page-template-page-map #map .where {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 135px;
  padding: 17px;
  background: #71cfe9;
}

.page-template-page-map #map .where .text {
  padding: 20px 20px;
}

.page-template-page-map #map .where .text h2 {
  font-family: 'bebas_neuebold';
  font-size: 3em;
  line-height: 1;
  margin-bottom: 30px;
  margin-left: 50%;
  color: #3d83a7;
}

.page-template-page-map #map .where .text h2::before {
  font-family: 'iconotheque';
  font-size: 1.3em;
  display: inline-block;
  margin-left: -1em;
  content: '\e808';
  transform: rotate(-10deg);
  color: var(--blanc);
}

.page-template-page-map #map .where .text h2 span {
  display: block;
}

.page-template-page-map #map .where .text h2 span.alt {
  font-family: 'bebas_neuebold';
  font-size: 1.2em;
  text-transform: uppercase;
  color: #f6bd03;
}

.page-template-page-map #map .where #search-bot {
  margin-bottom: 50px;
}

.page-template-page-map #map .where #search-bot p {
  font-family: 'bebas_neuebold';
  font-size: 1.6em;
  margin-bottom: 10px;
  text-transform: lowercase;
  color: #fff;
}

.page-template-page-map #map .where #search-bot input[type=text] {
  font-family: 'bebas_neuebold';
  font-size: 2.8em;
  display: inline-block;
  max-width: 90%;
  height: auto;
  margin-right: 10%;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  color: var(--blanc);
  border: none;
  border-bottom: 3px solid #fff;
  background: 0 0;
}

.page-template-page-map #map .where #search-bot input[type=text]:focus {
  outline: 0;
}

/* ---------------------------------------
------------------------------------------ PAGE CONTACT
--------------------------------------- */
.page-template-page-contact #content .thumbnail {
  max-width: 320px;
  margin: auto;
  padding: 20px;
  padding-bottom: 60px;
  transform: rotate(-5deg);
  background: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, .28);
}

.page-template-page-contact .entry-text {
  padding: 0 !important;
  background: transparent !important;
}

.page-template-page-contact .entry-text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-bottom: 20px;
}

.page-template-page-contact .encart-jaune {
  position: relative;
  padding: 20px;
  color: #fff;
  background: #FFD244;
}

.page-template-page-contact .encart-jaune::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 11px;
  content: '';
  background: url(images/wave-jaune.png) repeat-x center top;
}

.page-template-page-contact .encart-jaune h2 {
  font-family: 'd-dinBold';
}

.page-template-page-contact .encart-jaune p {
  font-size: 1.2em;
}

.form {
  padding-top: 60px;
  padding-bottom: 60px;
}

.form label {
  font-family: 'bebas_neuebold';
  font-size: 1.5em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.form input,
.form select,
.form textarea {
  border: none;
}

#sib_captcha {
  margin-bottom: 30px;
}

/* ---------------------------------------
------------------------------------------ PAGE VISITE
--------------------------------------- */
.page-template-page-tour .entry-text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
}

.page-template-page-tour .tour-content {
  margin-bottom: 60px;
}

.page-template-page-tour .encart-white {
  position: relative;
  padding: 20px;
  background: #fff;
}

.page-template-page-tour .encart-white::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 11px;
  content: '';
  background: url(images/wave-bottom-white-alt.png) repeat-x center top;
}

.page-template-page-tour .encart-white a {
  color: #f6bd03;
}

/* ---------------------------------------
------------------------------------------ PAGE APICULTEUR
--------------------------------------- */

.page-template-page-apiculteur #page{
  overflow: inherit;
}

.page-template-page-apiculteur .entry-content {
  padding-bottom: 10px;
}

.page-template-page-apiculteur .entry-content .produits {
  margin-top: 5em;
}

.page-template-page-apiculteur .entry-content .produits h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-top: 1em;
  margin-bottom: 30px;
  margin-bottom: 2em;
  text-align: center;
  color: #5a340b;
}

.page-template-page-apiculteur .entry-content .produits #apiculteur .owl-nav {
  margin-top: 2em;
  text-align: center;
}

.page-template-page-apiculteur .entry-title {
  position: relative;
  color: #5a340b;
}

.page-template-page-apiculteur .entry-title:before {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 176px;
  display: block;
  width: 13%;
  height: 137px;
  content: '';
  background: url(images/abeille-left.png) no-repeat center left;
  background-size: cover;
}

.page-template-page-apiculteur .entry-title:after {
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 176px;
  display: block;
  width: 13%;
  height: 137px;
  content: '';
  background: url(images/abeille-right.png) no-repeat center left;
  background-size: cover;
}

.page-template-page-apiculteur .entry-text h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  color: #5a340b;
}

.page-template-page-apiculteur .entry-text strong {
  color: #f6bd03;
}

.page-template-page-apiculteur .tour-content {
  margin-bottom: 60px;
}

.page-template-page-apiculteur .encart-white {
  position: sticky;
  padding: 20px;
  top: 0;
  background: #fff;
}

.page-template-page-apiculteur .encart-white::after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 11px;
  content: '';
  background: url(images/wave-bottom-white-alt.png) repeat-x center top;
}

.page-template-page-apiculteur .encart-white a {
  color: #f6bd03;
}

.page-template-page-apiculteur .galerie {
  position: relative;
  z-index: 2;
  height: 890px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
}

.page-template-page-apiculteur .galerie:before {
  position: absolute;
  z-index: 2;
  bottom: 50px;
  left: 36px;
  display: block;
  content: '';
    /*height: 597px;
			width: 18%;*/
  content: url(images/fleurs-left.png);
}

.page-template-page-apiculteur .galerie:after {
  position: absolute;
  z-index: 0;
  right: 36px;
  bottom: 50px;
  display: block;
  content: '';
    /*height: 606px;
			width: 19%;*/
  content: url(images/fleurs-right.png);
}

.page-template-page-apiculteur .galerie h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  color: #5a340b;
}

.page-template-page-apiculteur .galerie h2:before {
  position: absolute;
  z-index: 2;
  top: -17px;
  left: 195px;
  display: block;
  width: 90px;
  height: 80px;
  content: '';
  background: url(images/abeille-left.png) no-repeat center left;
  background-size: cover;
}

.page-template-page-apiculteur .galerie figure {
  position: absolute;
  width: 330px;
  max-height: 286px;
  -webkit-mask-image: url(images/masque-ruche.svg);
  mask-image: url(images/masque-ruche.svg);
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
}

.page-template-page-apiculteur .galerie figure.ruche1 {
  top: 263px;
  left: 125px;
}

.page-template-page-apiculteur .galerie figure.ruche2 {
  top: 103px;
  left: 388px;
}

.page-template-page-apiculteur .galerie figure.ruche3 {
  top: 422px;
  right: 422px;
}

.page-template-page-apiculteur .galerie figure.ruche4 {
  top: 263px;
  right: 157px;
}

.page-template-page-apiculteur .galerie figure img {
  width: 100%;
}

.page-template-page-apiculteur .ingredients {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffcf5a;
}

.page-template-page-apiculteur .ingredients h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-top: 1em;
  margin-bottom: 30px;
  margin-bottom: 2em;
  text-align: center;
  color: #5a340b;
}

.page-template-page-apiculteur .ingredients li {
  font-size: 1.2em;
  margin-bottom: 15px;
  list-style: none;
  background: #fff;
}

.page-template-page-apiculteur .ingredients li .text {
  font-size: 1em;
  padding: 20px;
}

.page-template-page-apiculteur .ingredients li .p {
  font-size: 1.4em;
}

.page-template-page-apiculteur .ingredients li .thumbnail figure {
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page-template-page-apiculteur .ingredients li iframe {
  width: 100%;
}

.page-template-page-apiculteur .image_formulaire {
  width: 100%;
  text-align: center;
}

.page-template-page-apiculteur .formulaire h2 {
  font-family: 'actonia_personal_useregular';
  font-size: 2.5em;
  margin-top: 2em;
  margin-bottom: 30px;
  text-align: center;
  color: #5a340b;
}

/* ---------------------------------------
------------------------------------------ PAGE PLAN DU SITE
--------------------------------------- */
.wsp-container h2 {
  font-family: 'bebas_neuebold';
  font-size: 2.5em;
  margin-top: 1.5em;
  margin-bottom: 1.2em;
  color: #f6bd03;
}

.wsp-container h2:first-child {
  margin-top: 0;
}

.wsp-container a {
  color: #000;
}

.wsp-container a:hover {
  color: #f6bd03;
}

.wsp-container li {
  margin-bottom: 7px;
}

.wsp-container .page_item_has_children ul li {
  font-size: .8em;
  margin-top: 10px;
}

.wsp-container .page_item_has_children ul li:last-child {
  margin-top: 0;
}

/* ---------------------------------------
------------------------------------------ PAGE MENTIONS LEGALES
--------------------------------------- */
.page-id-277 .entry-text h3 {
  margin-bottom: 20px;
  color: #f6bd03;
}

/* ---------------------------------------
------------------------------------------ PAGE DONNEES PERSONNELLES
--------------------------------------- */
.page-id-3 .entry-text h3 {
  margin-bottom: 20px;
  color: #f6bd03;
}

/* ---------------------------------------
------------------------------------------ PAGES WOOCOMMERCE
--------------------------------------- */
.woocommerce .col-1,
.woocommerce .col-2 {
  max-width: none;
  padding: 0;
}

.woocommerce .col2-set .col-1,
.woocommerce .woocommerce-page .col2-set .col-1 {
  float: left;
  width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce .woocommerce-page .col2-set .col-2 {
  float: right;
  width: 100%;
  margin: 21px 0 21px 0;
}

.woocommerce table {
  font-size: 1em !important;
  background: #fff;
}

.woocommerce table th {
  font-family: 'd-dinBold' !important;
  font-weight: normal !important;
  color: #f6bd03;
}

.woocommerce form label {
  font-family: 'd-dinBold';
  margin-bottom: 10px;
}

.woocommerce form input {
  margin-bottom: 10px;
}

.woocommerce form .form-title {
  font-family: 'bebas_neuebold';
  margin-bottom: 30px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #fff;
  background: #f6bd03;
}

.woocommerce form .woocommerce-input-wrapper {
  display: block;
  margin-bottom: 10px;
}

.woocommerce form h3 {
  font-family: 'bebas_neuebold';
  text-transform: uppercase;
}

.woocommerce form .cart_item .product-remove a {
  line-height: 20px;
}

.woocommerce .woocommerce-cart table.cart .product-thumbnail {
  min-width: 15%;
  height: auto;
}

.woocommerce .password__update {
  padding-top: 30px;
}

.woocommerce .password__update h3 {
  font-family: 'd-dinBold';
  text-transform: uppercase;
}

.woocommerce a.remove {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1;
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  text-decoration: none;
  color: red !important;
  border: 0;
  border-radius: 100%;
}

.woocommerce .woocommerce-customer-details address {
  padding: 20px;
  background: #fff;
}

.form-row {
  display: block;
  margin: 0;
}

.woocommerce-MyAccount-navigation {
  float: none !important;
  width: auto !important;
  margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 5px;
}

.woocommerce-MyAccount-navigation li a {
  font-family: 'bebas_neuebold';
  font-size: 1.3em;
  display: block;
  padding: 10px 20px;
  transition: all .3s ease;
  text-transform: uppercase;
  color: #f6bd03;
  background: #fff;
}

.woocommerce-MyAccount-navigation li a:hover {
  color: #fff;
  background: #f6bd03;
}

.woocommerce-MyAccount-navigation li a::before {
  font-family: 'font-awesome';
  margin-right: .5em;
}

.woocommerce-MyAccount-navigation li.is-active a {
  color: #fff;
  background: #f6bd03;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {
  content: '\f0e4';
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
  content: '\e83e';
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before {
  content: '\e82d';
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: '\e83a';
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: '\e809';
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  content: '\e846';
}

.woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
}

.woocommerce-message,
.woocommerce-Message,
.woocommerce-info {
  font-family: 'd-dinBold';
  margin-bottom: 30px;
  border-top: 3px solid #f6bd03;
  background: #fff;
}

.woocommerce-message::before,
.woocommerce-Message::before,
.woocommerce-info::before {
  color: #f6bd03;
}

.woocommerce-message p,
.woocommerce-Message p,
.woocommerce-info p {
  font-size: 1.2em;
  margin: 0;
}

.showNotifCart {
  padding-top: 4em;
}

.woocommerce-error {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  transition: all .3s ease;
  background: #f6bd03;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  color: #f6bd03;
  background: #fff;
}

.woocommerce-Address {
  margin-bottom: 15px;
  background: #fff;
}

.woocommerce-Address .title {
  position: relative;
}

.woocommerce-Address .title h3 {
  font-family: 'bebas_neuebold';
  float: none !important;
  margin-bottom: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #fff;
  background: #f6bd03;
}

.woocommerce-Address .title .edit {
  line-height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-align: center;
  color: #f6bd03;
  border-radius: 50%;
  background: #fff;
}

.woocommerce-Address .title .edit::before {
  font-family: 'font-awesome';
  content: '\e831';
}

.woocommerce-Address .title .edit span {
  display: none;
}

.woocommerce-Address address {
  font-family: 'd-dinBold';
  font-size: 1.2em;
  padding: 20px;
}

.select2-container--default .select2-selection--single {
  height: 48px;
  margin-bottom: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
}

.login__form h2 {
  font-family: 'bebas_neuebold';
  margin-bottom: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #fff;
  background: #f6bd03;
}

.login__form form {
  padding: 20px;
  background: #fff;
}

.lost_password__form form {
  padding: 20px;
  background: #fff;
}

.lost_password__form form .form-row-first {
  float: none;
  width: 100%;
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
  width: auto;
  max-width: initial;
  height: 100px;
}

.cart_totals h2 {
  font-family: 'bebas_neuebold';
}

.cart_totals .shipping .woocommerce-shipping-calculator a {
  padding: .5em;
  color: #fff;
  border: solid 2px #f6bd03;
  border-radius: 5px;
  background: #f6bd03 !important;
}

.cart_totals .shipping .woocommerce-shipping-calculator a:hover {
  color: #f6bd03;
  background: #fff !important;
}

.checkout-button {
  font-family: 'bebas_neuebold';
  font-size: 1.4em;
  display: inline-block;
  padding: 15px 30px;
  text-transform: uppercase;
  color: #fff;
  border: 3px solid #f6bd03;
  border-radius: 40px;
  background: #f6bd03;
}

.checkout-button:hover {
  color: #f6bd03;
  background: #fff;
}

.description {
  display: block;
  margin-top: 20px;
}

.delivery_date {
  display: none;
}

.select-parcel {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  max-width: 92%;
  margin: -18px 0 6px 0;
  padding: 10px;
  cursor: pointer !important;
  transition: all .3s ease-out;
  text-align: center;
  text-decoration: none !important;
  color: #fff;
  border: #f6bd03 solid 3px;
  border-radius: 20px;
  background: #f6bd03;
}

.select-parcel:hover {
  color: #f6bd03 !important;
  border: #f6bd03 solid 3px;
  background: #fff;
}

.select-parcel:hover:after {
  content: none;
}

.select-parcel:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 110%;
  height: 180%;
  content: '';
  transform: translate(-50%, -50%);
  -webkit-animation: animBtCheck 1.8s ease-out infinite;
          animation: animBtCheck 1.8s ease-out infinite;
  border-radius: 50px;
}

#emc-parcel-client {
  font-size: 1.2em;
  display: block;
  margin: 10px 0 10px 0;
  color: #f6bd03;
}

@-webkit-keyframes animBtCheck {
  from {
    width: 0;
    height: 0;
    opacity: 1;
    background: #f6bd03;
  }

  to {
    width: 120%;
    height: 180%;
    opacity: 0;
    background: #f6bd03;
  }
}

@keyframes animBtCheck {
  from {
    width: 0;
    height: 0;
    opacity: 1;
    background: #f6bd03;
  }

  to {
    width: 120%;
    height: 180%;
    opacity: 0;
    background: #f6bd03;
  }
}

#customer_details .col-2 .woocommerce-shipping-fields {
  display: none;
}

.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
  display: none;
}

.woocommerce-order .woocommerce-order-details .carrier_ref {
  display: none !important;
}

.woocommerce-Message,
.woocommerce-info,
.woocommerce-message {
  display: none;
}

.woocommerce-cart .woocommerce_before_shipping_calculator .shipping-calculator-button a {
  padding: .3em;
  color: #fff;
  border-radius: 5px;
  background: #f6bd03 !important;
}

.video_youtube{
  margin: right;
}

/* ---------------------------------------
------------------------------------------
---------------------------------------
---------------------------------------
---------------------------------------    RESPONSIVE
--------------------------------------- */
@media only screen and (max-width: 1400px) {
  #news::after {
    display: none;
  }

  .single-product .entry-content #menu-menu-bonbons-en-gros a {
    width: 90%;
  }
}

@media only screen and (max-width: 1199px) {
  .page-template-page-apiculteur h1:before {
    left: 100px !important;
    height: 128px !important;
  }

  .page-template-page-apiculteur h1:after {
    right: 100px !important;
    height: 128px !important;
  }

  .page-template-page-apiculteur .galerie {
    height: 994px !important;
  }

  .page-template-page-apiculteur .galerie h2:before {
    left: 115px !important;
  }

  .page-template-page-apiculteur .galerie:before {
    top: 185px;
    bottom: 0;
  }

  .page-template-page-apiculteur .galerie:after {
    top: 185px;
    bottom: 0;
  }

  .page-template-page-apiculteur .galerie .ruche1 {
    top: 263px !important;
    left: 185px !important;
  }

  .page-template-page-apiculteur .galerie .ruche2 {
    top: 110px !important;
    left: 448px !important;
  }

  .page-template-page-apiculteur .galerie .ruche3 {
    top: 571px !important;
    right: 444px !important;
  }

  .page-template-page-apiculteur .galerie .ruche4 {
    top: 415px !important;
    right: 179px !important;
  }
}

@media (orientation: landscape) and (max-width: 1024px) {
  #products__shop .container-item-thumb {
    min-height: 200px;
  }

  #products__shop li .cart-overlay {
    position: relative;
    z-index: 50;
    bottom: -25px;
    left: 50%;
    width: 85%;
    height: auto !important;
    transition: none;
    transform: translateX(-50%);
  }

  #products__shop li .cart-overlay:hover {
    color: #fff;
    background: #f6bd03;
  }

  #products__shop li:hover {
    transform: none;
    background: none;
  }

  #products__shop li:hover h2 {
    opacity: 1;
  }

  #products__shop li:hover .product__features {
    visibility: visible;
    opacity: 1;
    color: #f6bd03;
  }

  #products__shop li a {
    padding-bottom: 0;
  }

  #products__shop li a:hover {
    background: none;
  }

  #products__shop li a:hover p {
    visibility: visible;
  }

  #products__shop .see-product {
    display: none;
  }

  #products__shop .cart-overlay {
    visibility: visible;
    width: 50%;
    padding-top: 8px;
    padding-bottom: 8px;
    opacity: 1;
  }

  #products__shop .product__features {
    font-size: 1.4em;
  }
}

@media only screen and (max-width: 1024px) {
  #parallax {
    display: none;
  }

  #news::before {
    display: none;
  }

  .blog #news::after {
    display: none;
  }

  #about .story .gallery .card-pile {
    width: 350px;
    height: 350px;
    margin: 0 28px 0 28px;
  }

  #about .story .section .section__nav {
    display: none;
  }

  #filter-collection .item .bloc-title a {
    font-size: 1em;
  }

  .single-product #breadcrumb {
    margin-bottom: 30px;
  }

  .single-product article.product .entry-title {
    font-size: 3em;
  }

  .products__list li {
    min-height: 510px;
  }
}

@media only screen and (max-width: 991px) {
  .banner-categorie .image-banner {
    display: none;
  }
  #masthead .site-branding .site-title img {
    max-width: 75%;
  }

  #home-slider .item .text h2 {
    font-size: 4em;
  }

  #best-sellers h2 {
    font-size: 3em;
  }

  #collections h2 {
    font-size: 4em;
  }

  #collections .section .bloc-title h3 {
    font-size: 4em;
  }

  #collections .section p {
    font-size: 2em;
  }

  .wave-right::before {
    display: none;
  }

  #about .story .gallery .card-pile {
    margin: 60px auto;
  }

  .entry-header {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  #filter-job {
    padding-top: 30px;
  }

  #filter-job li {
    margin-bottom: 15px;
  }

  #filter-collection p {
    display: none;
  }

  #filter-category h2 {
    font-size: 1.5em;
  }

  #filter-category ul li a {
    font-size: 1.3em;
  }

  #map .mapresponsive {
    display: block;
    width: 100%;
    max-width: 166px;
    margin-right: auto;
    margin-left: auto;
  }

  .home #search-bot {
    display: none;
  }

  .home #mapdiv {
    display: none;
  }

  #post-151 #ingredients .ingredients li .text {
    font-size: .9em;
    padding: 7px 25px 7px 10px;
  }

  #products__shop .container-item-thumb {
    min-height: 200px;
  }

  #products__shop li .cart-overlay {
    position: relative;
    z-index: 50;
    bottom: -25px;
    left: 50%;
    width: 85%;
    height: auto !important;
    transition: none;
    transform: translateX(-50%);
  }

  #products__shop li .cart-overlay:hover {
    color: #fff;
    background: #f6bd03;
  }

  #products__shop li:hover {
    transform: none;
    background: none;
  }

  #products__shop li:hover h2 {
    opacity: 1;
  }

  #products__shop li:hover .product__features {
    visibility: visible;
    opacity: 1;
    color: #f6bd03;
  }

  #products__shop li a {
    padding-bottom: 0;
  }

  #products__shop li a:hover {
    background: none;
  }

  #products__shop li a:hover p {
    visibility: visible;
  }

  #products__shop .see-product {
    display: none;
  }

  #products__shop .cart-overlay {
    visibility: visible;
    width: 50%;
    padding-top: 8px;
    padding-bottom: 8px;
    opacity: 1;
  }

  #products__shop .product__features {
    font-size: 1.4em;
  }

  .page-template-page-map #map #mapdiv {
    top: 183px;
  }

  .page-template-page-map .where {
    height: 183px !important;
  }

  .page-template-page-map .where .text h2 {
    margin-bottom: 5px !important;
    margin-left: 0 !important;
  }

  .page-template-page-map .where #search-bot {
    font-size: .7em;
  }

  .page-template-page-map .where input[type=text] {
    margin-right: 0 !important;
  }

  .page-template-page-contact .entry-text h2 {
    font-size: 2em;
  }

  .page-template-page-contact #content .thumbnail {
    padding: 10px;
    padding-bottom: 40px;
  }

  #masthead .site-nav {
    display: none;
    visibility: hidden;
    opacity: 0;
  }

  #masthead .site-nav.visible {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  .page-template-page-apiculteur h1:before {
    left: -27px !important;
    width: 16% !important;
    height: 113px !important;
  }

  .page-template-page-apiculteur h1:after {
    right: -27px !important;
    width: 16% !important;
    height: 113px !important;
  }

  .page-template-page-apiculteur .galerie {
    height: 850px !important;
  }

  .page-template-page-apiculteur .galerie h2:before {
    left: 0 !important;
  }

  .page-template-page-apiculteur .galerie:before {
    display: none !important;
  }

  .page-template-page-apiculteur .galerie:after {
    display: none !important;
  }

  .page-template-page-apiculteur .galerie .ruche1 {
    top: 110px !important;
    left: -7px !important;
  }

  .page-template-page-apiculteur .galerie .ruche2 {
    top: 110px !important;
    left: 367px !important;
  }

  .page-template-page-apiculteur .galerie .ruche3 {
    top: 424px !important;
    right: 398px !important;
  }

  .page-template-page-apiculteur .galerie .ruche4 {
    top: 424px !important;
    right: 21px !important;
  }

  .single-post .infos-header-article {
    margin-top: 15px;
  }

  .single-post .entry-header img {
    max-height: 230px;
  }

  .single-post .entry-header {
    padding-top: 50px;
  }
  #news .listing-categories{
    display: block;
  }
  #news .listing-categories a{
    line-height: 3em;
  }
}

@media only screen and (max-width: 767px) {

  .banner-shop .infos-banner{
    max-width: 400px;
  }

  .banner-shop .infos-banner .text-banner{
    text-align: center;
  }

  .banner-shop .filtre-carousel{
    background: rgba(0,0,0,0);
    height: 100%;
    width: 100%;
    position: absolute;
  }


  .banner-shop .btn-banner{
    margin: auto;
  }

  #masthead .header {
    padding-top: 80px;
  }

  #home-slider .owl-dots,
    #home-slider .owl-nav,
    #home-slider .scroll {
    display: none;
  }

  #collections h2 {
    font-size: 3em;
  }

  #collections h2::after {
    top: 100%;
    right: 83px;
  }

  #collections .section .bloc-title h3 {
    font-size: 3em;
  }

  #collections .section p {
    font-size: 1.5em;
  }

  #collections .section .picto1 {
    display: none;
  }

  #collections .section .picto2 {
    display: none;
  }

  #cta .item {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #cta .item .text-center {
    padding-bottom: 0;
  }

  #cta .item:hover {
    font-size: .9em;
  }

  #cta .item.gourmandise .cap::after {
    display: none;
  }

  #news {
    padding-bottom: 46px;
  }

  #news::after {
    display: none;
  }

  #news .bloc-title .news-title span {
    top: -40px;
    left: 57%;
  }

  #news #fbPost1 .biscuit .text {
    bottom: -20px;
    left: 0;
    background: none;
  }

  #news #fbPost1 .biscuit .text h3 {
    display: none !important;
  }

  #news .desc {
    margin-bottom: 80px;
  }

  #news .fb-rdv {
    font-size: .9em;
  }

  #newsletter {
    padding-top: 20px;
    transform: none;
  }

  #newsletter h2 {
    font-size: 2em;
    position: static;
  }

  #newsletter form {
    padding: 0;
    padding-bottom: 30px;
  }

  #about .story .gallery .card-pile {
    width: 242px;
  }

  #knowledge .thumbnail {
    margin: 10px;
  }

  #confiseries .text {
    padding: 20px;
  }

  #confiseries .text h2 {
    font-size: 2.1em;
  }

  #post-225 .owl-nav .owl-prev {
    font-size: .9em;
    line-height: 33px;
    left: -5px;
    width: 35px;
    height: 35px;
  }

  #post-225 .owl-nav .owl-next {
    font-size: .9em;
    line-height: 33px;
    right: -5px;
    width: 35px;
    height: 35px;
  }

  #post-215 .entry-title {
    font-size: 3.5em;
  }

  #insta {
    display: none;
    padding-top: 30px;
  }

  #filter-job {
    display: none;
  }

  .page-template-page-team .cta::before,
    .page-template-page-team .cta::after {
    display: none;
  }

  .page-template-page-team .cta .bloc-title p {
    font-size: 3em;
  }

  #filter-collection,
    #filter-category {
    display: none;
  }

  .single-product article.product .product__infos {
    padding-top: 80px;
  }

  #post-22 .preSelect, .page-categorie-boutique .preSelect {
    display: block;
    overflow: hidden;
    width: 200px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 20px;
    background: #fff;
    background: #fff url(images/arrow-select-yellow.png) no-repeat 94% 50%;
  }

  #post-22 .preSelect select, .page-categorie-boutique .preSelect select {
    font-family: 'd-dinBold';
    font-size: 1em;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 5px 8px;
    text-indent: 5px;
    color: #9c9c9c;
    border: none;
    background: #fff;
    background-color: white;
    background-color: transparent;
    background-image: none;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .page-id-3 .entry-title {
    font-size: 3.5em;
  }

  .page-template-page-map .entry-content .map-content .entry-text {
    padding: 20px 40px 20px 40px;
  }

  .page-template-page-apiculteur h1:before {
    left: -82px !important;
    width: 20% !important;
    height: 108px !important;
  }

  .page-template-page-apiculteur h1:after {
    right: -82px !important;
    width: 20% !important;
    height: 108px !important;
  }

  .page-template-page-apiculteur .galerie {
    height: 1400px !important;
  }

  .page-template-page-apiculteur .galerie h2:before {
    left: -90px !important;
  }

  .page-template-page-apiculteur .galerie .ruche1 {
    top: 218px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche2 {
    top: 520px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche3 {
    top: 822px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche4 {
    top: 1124px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .single-post h1 {
    max-width: 100%;
  }

  .single-post .infos-header-article {
    padding: 0;
  }
  .single-post .tags-article {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 575px) {

  .banner-shop .infos-banner{
    max-width: 300px;
  }

  .banner-shop .infos-banner .text-banner{
    text-align: center;
  }

  .banner-shop .btn-banner{
    margin: auto;
  }

  .shop-nav .journal {
    display: none !important;
  }

  #colophon {
    text-align: center;
  }

  #colophon .thumbnail img {
    display: initial;
  }

  #colophon .social {
    display: block;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
  }

  #colophon .social li {
    display: inline;
  }

  .single-product article.product #product__gallery {
    position: relative;
    top: initial;
    right: initial;
    height: 250px;
  }

  .single-product article.product #product__gallery .actionGallery {
    bottom: 140px;
    left: -15px;
  }

  .single-product article.product #product__gallery .actionGallery .add-to-cart {
    display: none;
  }

  .page-template-page-apiculteur h1:before {
    display: none !important;
  }

  .page-template-page-apiculteur h1:after {
    display: none !important;
  }

  .page-template-page-apiculteur .galerie {
    height: 1500px !important;
  }

  .page-template-page-apiculteur .galerie h2:before {
    display: none !important;
  }

  .page-template-page-apiculteur .galerie .ruche1 {
    top: 318px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche2 {
    top: 620px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche3 {
    top: 922px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .page-template-page-apiculteur .galerie .ruche4 {
    top: 1224px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }


  /* BLOG */
  #news #blog .row {
    justify-content: center;
  }

  #liste-articles {
    max-width: 85%;
    justify-content: center;
  }

  .page-search-result #liste-articles {
    margin-right: auto;
    margin-left: auto;
  }

  #liste-articles .card-article .link-art {
    flex-direction: column;
  }

  #liste-articles .card-article .link-art .img-art {
    width: 100%;
    max-height: 150px;
  }

}