/*
 |--------------------------------------------------------------------------
 | Helper mixins, feel free to add/remove any that you might not use
 | Won't be rendered in the output if not used
 |--------------------------------------------------------------------------
 */
.menu-icons .navigation-icons {
  padding-top: 0.3rem;
  margin-right: 1rem; }
  @media (min-width: 992px) {
    .menu-icons .navigation-icons {
      padding-top: 1rem;
      margin-right: 30px; } }
  @media (max-width: 991.98px) {
    .menu-icons .navigation-icons {
      padding-top: 0.5rem; } }
  .menu-icons .navigation-icons > button,
  .menu-icons .navigation-icons a {
    border: 0;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-color: transparent;
    position: relative;
    font-size: 0;
    margin-left: 33px; }
    @media (max-width: 991.98px) {
      .menu-icons .navigation-icons > button,
      .menu-icons .navigation-icons a {
        margin-left: 15px; } }
    body.light .menu-icons .navigation-icons > button, body.light
    .menu-icons .navigation-icons a {
      transition-delay: 0.6s; }
    body.light:not(.nav--collapsed) .menu-icons .navigation-icons > button, body.light:not(.nav--collapsed)
    .menu-icons .navigation-icons a {
      filter: invert(1); }
    body.light.nav--collapsed .menu-icons .navigation-icons > button, body.light.nav--collapsed
    .menu-icons .navigation-icons a {
      filter: invert(0); }
    .menu-icons .navigation-icons > button:hover,
    .menu-icons .navigation-icons a:hover {
      filter: invert(61%) sepia(49%) saturate(562%) hue-rotate(343deg) brightness(95%) contrast(94%); }
  .menu-icons .navigation-icons--search {
    background-image: url("/themes/custom/halogaland_teater/assets/icons/icon--search.svg");
    background-size: contain;
    background-position: center;
    width: 38px;
    height: 38px;
    bottom: 4px; }
    @media (max-width: 991.98px) {
      .menu-icons .navigation-icons--search {
        width: 28px;
        height: 28px; } }
  .menu-icons .navigation-icons--mypage {
    background-image: url("/themes/custom/halogaland_teater/assets/icons/icon--user.svg");
    background-size: contain;
    background-position: center;
    width: 29px;
    height: 35px; }
    @media (max-width: 991.98px) {
      .menu-icons .navigation-icons--mypage {
        width: 28px;
        height: 28px; } }
  .menu-icons .navigation-icons--cart {
    background-image: url("/themes/custom/halogaland_teater/assets/icons/icon--cart.svg");
    background-size: contain;
    background-position: center;
    width: 34px;
    height: 35px; }
    @media (max-width: 991.98px) {
      .menu-icons .navigation-icons--cart {
        width: 28px;
        height: 28px; } }

@media (min-width: 992px) {
  .block-system-menu-blocktop-navigation {
    margin-top: 5rem; } }

.navigation-wrapper {
  height: 100vh;
  justify-content: center !important;
  padding-top: 100px; }
  @media (min-width: 768px) {
    .navigation-wrapper.container {
      display: block;
      padding-top: 11em; } }
  @media (min-width: 1200px) {
    .navigation-wrapper {
      min-height: 50vh; } }
  @media screen and (max-width: 380px) {
    .navigation-wrapper {
      height: auto !important;
      padding-top: 120px !important; } }
  .navigation-wrapper > .block {
    width: 100%; }

.nav--new-menu {
  width: 100%;
  justify-content: space-between; }
  .nav--new-menu .nav-item {
    flex-basis: 25%; }
    .nav--new-menu .nav-item .nav-link {
      padding: 0.25rem 0; }
      .nav--new-menu .nav-item .nav-link.dropdown-toggle {
        font-size: 1.125rem;
        color: #9C9A9A; }
    .nav--new-menu .nav-item.dropdown .nav-link:after {
      content: unset; }
    .nav--new-menu .nav-item .dropdown-menu {
      position: relative;
      top: initial;
      background: none; }
      .nav--new-menu .nav-item .dropdown-menu .dropdown-item {
        color: white;
        padding: 0.25rem 0; }
        .nav--new-menu .nav-item .dropdown-menu .dropdown-item.active {
          background-color: transparent;
          color: #EC934A; }
        @media (min-width: 992px) {
          .nav--new-menu .nav-item .dropdown-menu .dropdown-item {
            font-size: 1.375rem; } }
        .nav--new-menu .nav-item .dropdown-menu .dropdown-item:hover, .nav--new-menu .nav-item .dropdown-menu .dropdown-item:focus {
          background: none;
          color: #EC934A; }

@media (max-width: 768px) {
  .nav--cart {
    width: 100%;
    justify-content: space-between; } }

.nav--cart .nav-item {
  color: #DF7527;
  padding: 1rem 0; }
  @media (min-width: 992px) {
    .nav--cart .nav-item {
      font-size: 1.375rem; } }
  .nav--cart .nav-item span {
    padding: 0;
    cursor: pointer; }
    @media (min-width: 992px) {
      .nav--cart .nav-item span {
        margin-right: 2.5rem; } }