body {
  &.admin-bar {
    --admin-bar-height: 4.6rem;

    @include media-min($medium) {
      --admin-bar-height: 3.2rem;
    }
  }
}

html {
  scroll-padding-top: calc(var(--header-height, 0rem) + var(--admin-bar-height, 0rem));
  #wpadminbar {
    position: fixed;
  }
}

.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
}

.hide {
  display: none;
}

@include media-min($medium) {
  .md\:hide {
    display: none;
  }
  .md\:block {
    display: block;
  }
}

.no-wrap {
  white-space: nowrap;
}

.scroll-to-top {
  position: fixed;
  bottom: 6rem;
  right: 3rem;
  background-color: $gray;
  border-radius: 50%;
  width: 6.4rem;
  height: 6.4rem;
  line-height: 6.4rem;
  color: $black;
  text-align: center;
  cursor: pointer;
  display: none;
  transition: all 0.25s linear;
  z-index: 3;
  &:hover {
    transform: scale(1.2);
  }

  @include media-min($medium) {
    right: 6rem;
  }
}