/** Responsive styles **/
@media screen and (max-width: 45rem) {
  .hide-on-mobile {
    display: none !important;
  }
}
.wp-block-navigation__responsive-container.is-menu-open {
  .wp-block-navigation__responsive-container-content {
    .wp-block-navigation__container {
      color: var(--brand-colour-black);
    }
  }
}

/** Template parts **/
header {
  nav {
    .wp-block-navigation {
      .wp-block-navigation-item {
        padding: 0.5rem;
        &.current-menu-item,
        &.current-menu-ancestor {
          background-image: url(./img/menu-circled.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
        }
        .wp-block-navigation-submenu {
          .wp-block-navigation-item {
            padding: 0;
            .current-menu-item,
            .current-menu-ancestor {
              background-image: unset;
            }
          }
        }
        a[href*="solutions/stckcloud"] {
          background-color: var(--brand-colour-stckcloud);
          color: var(--brand-colour-black);
        }
        a[href*="solutions/wrkcloud"] {
          background-color: var(--brand-colour-wrkcloud);
          color: var(--brand-colour-black);
        }
      }
      &:not(.has-background) {
        .wp-block-navigation__submenu-container {
          background-color: var(--brand-colour-black);
          border-color: var(--brand-colour-white);
        }
      }
    }
  }
}

/*# sourceMappingURL=style-solutions.css.map */
