/* overriding the bootstrap header font sizes */
/* overriding the bootstrap header font sizes */
@media (min-width: 1220px) {
  .hide-on-large-screens {
    display: none !important; } }

@media (max-width: 1220px) {
  .hide-on-small-screens {
    display: none !important; } }

@media (max-width: 1220px) {
  .cart-backdrop {
    z-index: calc(5 - 1) !important; } }

body.overflow-hidden-accordion-nav {
  position: relative;
  overflow: hidden !important; }

.page.is-absolute {
  position: absolute;
  width: 100%;
  max-width: 100%; }

.menu-toggle {
  background-color: transparent;
  border: medium none; }
  .menu-toggle::after {
    font-family: "fontawesome";
    color: var(--color-dark-pure-black); }
  .menu-toggle.is-closed::after {
    content: "\f0c9"; }
  .menu-toggle.is-open::after {
    content: "\f00d"; }

.acc-nav {
  background-color: var(--color-light-pure-white);
  position: fixed;
  right: 0;
  overflow-y: scroll;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  max-width: 100%;
  transition: left 200ms ease-in-out 0s; }
  .acc-nav.out-of-view {
    left: -100%; }
  .acc-nav.in-view {
    left: 0; }
  .acc-nav__container {
    display: flex;
    flex-direction: column;
    padding: 20px; }
  .acc-nav__icons {
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
    .acc-nav__icons .header-search-btn, .acc-nav__icons .minicart, .acc-nav__icons .user {
      background-color: transparent;
      border: medium none;
      margin: auto 5px; }
    .acc-nav__icons .minicart-total {
      margin-left: 10px; }
    .acc-nav__icons--minicart .acc-nav__mockbutton {
      padding-right: 0; }
    .acc-nav__icons .user {
      margin-left: 25px; }
      .acc-nav__icons .user .dropdown-toggle {
        background-color: transparent; }
        .acc-nav__icons .user .dropdown-toggle::after {
          display: none; }
        .acc-nav__icons .user .dropdown-toggle .fa-user-o {
          margin: 0; }
    .acc-nav__icons--quantity {
      color: var(--color-minicart-bubble-text);
      background-color: var(--color-minicart-bubble-background);
      border-radius: 50%;
      min-width: 17px;
      min-height: 17px;
      display: inline-block;
      text-align: center;
      font-size: 0.5625rem;
      line-height: normal;
      position: relative;
      padding-top: 1px;
      transform: translate(-80%, -100%); }
      .acc-nav__icons--quantity.start-hidden {
        display: none; }
      .acc-nav__icons--quantity:not(.start-hidden) {
        margin-right: -10px; }
  .acc-nav__mockbutton {
    background-color: transparent;
    border: medium none;
    margin-left: 20px;
    margin-bottom: 20px;
    cursor: pointer; }
  .acc-nav__dropdown-container {
    padding-bottom: 20px; }
    .acc-nav__dropdown-container.is-visible {
      border-bottom: 1px solid; }
  .acc-nav ul {
    list-style: none; }
  .acc-nav__list--level1 {
    padding: 0;
    margin: 0; }
    .acc-nav__list--level1::after {
      display: block;
      content: "";
      height: 30vh; }
  .acc-nav__list--level2 {
    display: grid;
    grid-template-columns: 1fr;
    padding-left: 0; }
  .acc-nav__list--level3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 15px auto 30px auto;
    padding-left: 7px; }
  .acc-nav__list--level4 {
    display: grid;
    grid-template-columns: 1fr;
    padding-left: 15px; }
  .acc-nav__item:not(.acc-nav__item--level1) {
    margin-top: 5px;
    margin-bottom: 5px; }
  .acc-nav__item--level1 > a {
    margin-top: 15px;
    display: block;
    border-bottom: 1px solid;
    padding-bottom: 15px; }
    .acc-nav__item--level1 > a:hover {
      text-decoration: none; }
    .acc-nav__item--level1 > a.is-closed::after, .acc-nav__item--level1 > a.is-open::after {
      font-family: "fontawesome";
      float: right;
      padding-right: 10px; }
    .acc-nav__item--level1 > a.is-closed::after {
      content: "\f107"; }
    .acc-nav__item--level1 > a.is-open {
      border: medium none;
      padding-bottom: 25px; }
      .acc-nav__item--level1 > a.is-open::after {
        content: "\f106"; }
  .acc-nav__item--level2.acc-nav__item--has-child-items > .acc-nav__link {
    display: block;
    width: 100%;
    border-bottom: 1px solid;
    padding: 5px 0; }

