header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

header .logo img {
  max-height: 4rem;
  width: auto;
}

#scroll-up:focus,
.wc-block-mini-cart__button:focus,
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus {
  outline-width: 0;
}

.wp-block-navigation__responsive-container .menu-logo a {
  width: 6rem;
  height: 4rem;
  box-sizing: content-box;
  display: block;
  background-image: url("../images/logo_positive.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 50px;
}

.wp-block-navigation__responsive-container .menu-logo span {
  display: none;
}

.wp-block-navigation {
  --navigation-layout-justification-setting: flex-start!important;
}

.wp-block-navigation__responsive-container-close svg {
  height: 16px;
}

.wp-block-navigation__responsive-container-close svg path {
  fill: var(--black);     
  fill: var(--black);     
  stroke: var(--black);
  stroke-width: 3px;
}

.wp-block-navigation__responsive-container.items-justified-right  {
  justify-content: flex-start!important;
}

.wp-block-navigation__responsive-container-content ul,
.wp-block-navigation__responsive-container-content li,
.wp-block-navigation__responsive-container-content a,
.wp-block-navigation__responsive-container-content span {
  width: 100%;
}

.wp-block-navigation__responsive-container {
  background-color: var(--white) !important;
  display: block;
  width: 240px;
  height: 100vh;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  left: unset;
  bottom: unset;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 1.25rem!important;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  animation: none !important;
  z-index: 100;
}

.wp-block-navigation__responsive-container.is-menu-open {
  transform: translateX(0);
}

.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
  background-color: var(--white) !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  padding-top: calc(2rem + 24px);
}

.admin-bar .wp-block-navigation__responsive-dialog {
  margin-top: 46px;
}

.wp-block-navigation__responsive-container a {
  font-size: 1.5rem;
  font-size: 1.5rem;
  color: var(--black)!important;
  padding-left: 0.75rem!important;
  outline-width: 0;
}

.wp-block-navigation__responsive-container a:hover {
  color: var(--brown-light)!important;
}

.header-placeholder {
  max-width: 65px;
}

.admin-bar .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
  margin-top: 20px!important;
}

header .wp-block-navigation__responsive-container-open {
    position: relative;
    width: 25px;
    height: 25px; 
}
header .wp-block-navigation__responsive-container-open svg {
  display: none!important;
}
header .wp-block-navigation__responsive-container-open:before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../images/menu_icon.svg') no-repeat center center;
    background-size: contain;
}

header .wc-block-mini-cart__button {
    position: relative;
    width: 25px;
    height: 25px;
}
header nav {
  margin-left: 10px!important;
}

header .wc-block-mini-cart__button svg {
    display: none!important;
}

header .wc-block-mini-cart__button:before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../images/cart_icon.svg') no-repeat center center;
    background-size: contain;
}

@media (min-width: 782px) {

}