#sidebar {
  left: 0;
}

#content {
  right: 0;
}

#content {
  width: calc(100% - 15.625rem);
  min-height: 100vh;
  transition: all 0.3s;
  position: absolute;
}

#sidebar,
#content.active {
  width: 100%;
}

.full-width-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.full-width-overlay.active {
  display: block;
  opacity: 1;
}

@media (max-width: 768px) {
  #sidebar {
    position: absolute;
    margin-left: -15.625rem;
  }

  #sidebar.active {
    margin-left: 0;
  }

  #content {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .full-width-overlay.active {
    display: none;
  }
}

.website_button,
.website_button_shop {
  height: 40px;
  padding: 0 40px !important;
  outline: none;
  border-color: transparent;
  font-weight: bold !important;
}

.padding-zero {
  padding: 0 0 0 0 !important;
}

.button-round {
  border-radius: 14px !important;
}

.button-pill {
  border-radius: 20px !important;
}