@media(min-width:1024px) {

  nav.menu-ebtsmobile-container,
  .hamburger-container {
    display: none;
  }
}

@media(max-width:1023px) {

  .nav-laptop,
  nav.is-responsive.wp-block-navigation,
  .ariane-desktop {
    display: none;
  }

  .wc-block-mini-cart {
    /*margin-right: 60px !important;*/
    margin-right: 30px !important;
    font-size: 20px !important;
  }

  header {
    position: fixed;
    /*z-index: 100;*/
    z-index: 1100;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    /*height: 70px;*/
    /* supprimer */
    background: #FFF;
    background-color: #000;
  }

  .rangee-menu {
    padding: 10px 0 0 0 !important;
  }

  #main-margin-top.wp-block-spacer {
    height: 60px !important;
  }

}

@media (max-width: 599px) {
  .link-home-mobile a {
    text-decoration:none;
  }
  
  .wc-block-mini-cart {
    margin-right: 2px !important;
    }

  .wc-block-mini-cart__button {
    font-size: 20px !important;
    margin-right: 20px !important;
  }

  .wc-block-mini-cart__badge {
    font-size: 12px !important;
    left: 95% !important;
    margin-left: -44% !important;
  }

  #main-margin-top.wp-block-spacer {
    height: 50px !important;
  }

  div#head-group {
    padding-left: 15px !important;
  }
}

.wc-block-mini-cart__badge {
  font-size: 14px !important;
}

@media(max-width:1023px) {
  .home #main-margin-top.wp-block-spacer {
    height: 60px !important;
  }
}

@media(max-width:599px) {
  .home #main-margin-top.wp-block-spacer {
    height: 50px !important;
  }
}

.is-relative {
  position: relative
}

.hamburger-container {
  position: absolute;
  z-index: 10;
  /*top: 10px;*/
  right: 0;
  width: 50px;
  height: 44px;
  padding: 4px 8px;
  background: #000;
  box-sizing: border-box;
  cursor: pointer;
}

@media(max-width:599px) {
  .hamburger-container {
    width: 46px;
  }
}

.hamburger-container span {
  width: 100%;
  height: 4px;
  display: block;
  margin: 6px 0;
  transition: 0.5s;
  background: var(--wp--preset--color--leger);
}

.hamburger-container.active span {
  position: absolute;
  width: calc(100% - 16px);
  top: calc(50% - 8px);
}

.hamburger-container.active span:nth-child(1) {
  transform: rotate(45deg);
}

.hamburger-container.active span:nth-child(3) {
  transform: rotate(-45deg);
}

.hamburger-container.active span:nth-child(2) {
  display: none;
}

nav.menu-ebtsmobile-container {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  background: #000000;
  transition: 0.2s;
  box-sizing: border-box;
  transform: translateX(100%);
  overflow: auto;
}

nav.menu-ebtsmobile-container ul.menu {
  margin: 0px;
  /*padding: 60px 0 40px 0;*/
  padding: 12px 0 40px 0;
  text-align: right;
}

nav.menu-ebtsmobile-container ul.menu li.menu-item {
  list-style: none;
}

li.menu-item-has-children ul.sub-menu li.menu-item {
  padding-left: 15px;
}

.has-border-top {
  border-top: var(--wp--preset--color--leger);
}

nav.menu-ebtsmobile-container ul.menu li.menu-item a {
  display: block;
  padding: 8px 10px;
  text-transform: uppercase;
  color: var(--wp--preset--color--leger);
  font-size: 16px;
  text-align: left;
  text-decoration: none;
}

/* NOT A propos, Jardins membres, Evenements, Le Club */
nav.menu-ebtsmobile-container ul.menu li:not(#menu-item-12044, #menu-item-12050, #menu-item-12049, #menu-item-12048).menu-item a:hover {
  background: #333333;
  color: #fff;
}

@media(max-width:1023px) {
  nav.menu-ebtsmobile-container.active {
    transform: translateX(50%);
  }
}

@media(max-width:599px) {
  nav.menu-ebtsmobile-container.active {
    transform: translateX(0%);
  }

  nav.menu-ebtsmobile-container ul.menu li.menu-item {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }

}

li#menu-item-11035 a,
li#menu-item-6971 a,
li#menu-item-8221 a,
li#menu-item-7263 a,
li#menu-item-6979 a {
  border-top: 1px dashed;
  margin-top: 2px;
}

li#menu-item-7263 a,
li#menu-item-13115 a,
li#menu-item-8163 a,
li#menu-item-8221 a {
  border-bottom: 1px dashed;
  margin-bottom: 2px;
}

li#menu-item-12044 a,
li#menu-item-12048 a,
li#menu-item-12049 a,
li#menu-item-12050 a {
  color: var(--wp--preset--color--or-2);
  font-weight: 500;
  cursor: default;
}

@media (max-width: 599px) {
  header {
    height: initial;
  }

  div#rangee-menu-header1 {
    /*padding: 15px 0px !important;*/
    padding: 5px 0px !important;
  }
}