:root{
}

.mobile-buttons-label{
  margin-left:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-grid-row-align:center;
  align-self:center;
  grid-column:4 / -1;
  background-image:url(../../icons/navigation/menu-white.svg);
  background-repeat:no-repeat;
  color:var(--mobile-nav-btn-color);
  width:26px;
  height:26px;
  cursor:pointer;
}

@media (min-width: 1000px),(min-width: 1200px){

.mobile-buttons-label{
    display:none
}
  }

.mobile-buttons{
  margin-left:auto;
  display:none;
  visibility:hidden;
}

.mobile-buttons:checked ~ label{
    background-image:url(../../icons/navigation/menu-close-white.svg);
  }

.mobile-buttons:checked ~ .header-nav{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    visibility:visible;
    grid-column:1 / -1;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    max-width:none;
    margin-top:auto;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
  }

.mobile-buttons:checked ~ .header-nav > *{
      padding-bottom:1rem;
    }

.mobile-buttons:checked ~ .header-nav .header-nav-item a{
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      -ms-flex-direction:row;
      flex-direction:row;
    }

.mobile-buttons:checked ~ .header-nav .header-nav-item a .icon{
        margin-right:0.5rem;
      }

@media (min-width: 1000px),(min-width: 1200px){

    .mobile-buttons:checked ~ .header-nav{
      grid-column:5 / -1;
      -webkit-box-pack:end;
      -ms-flex-pack:end;
      justify-content:flex-end;
    }

    body:not(.is-always-mobile-nav) .mobile-buttons{
      display:none;
    }
  }