/*-------------------desktop submenu-------------------*/
@media only screen and (min-width: 600px) {
  :root
    :where(
      .wp-block-navigation__submenu-container
        .wp-block-navigation-link
        a:where(:not(.wp-element-button))
    ) {
    padding-bottom: 0.2em !important;
  }

  .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__togglel[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container,
  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container,
  .wp-block-navigation__submenu-container {
    left: 50% !important;
    transform: translateX(-50%);
    top: 100%;
    min-width: max-content !important;
  }

  .wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content {
    justify-content: center;
  }

  .light-header__submenu-background .wp-block-navigation__submenu-container {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0px !important;
  }

  .light-header__submenu-link > .wp-block-navigation-item {
    color: var(--wp--preset--color--neutral-lighter-10) !important;
  }
}

/*-------------------mobile header-------------------*/
@media only screen and (max-width: 768px) {
  .site-logo-2 img {
    width: 120px;
  }
  .mobile-header {
    padding-top: var(--wp--preset--spacing--medium) !important;
    padding-bottom: var(--wp--preset--spacing--medium) !important;
  }
}

/*-------------------mobile menu-------------------*/
@media only screen and (max-width: 768px) {
  .wp-block-navigation__responsive-container {
    padding-top: var(--wp--preset--spacing--medium) !important;
    padding-bottom: var(--wp--preset--spacing--medium) !important;
    padding-left: var(--wp--preset--spacing--medium) !important;
    padding-right: var(--wp--preset--spacing--medium) !important;
  }
}

/*----left-align the mobile menu content and keep the menu open icon right aligned-------------------*/
.maeko-mobile-menu .wp-block-navigation__responsive-container ul {
  --navigation-layout-justification-setting: flex-start !important;
}
.maeko-mobile-menu .wp-block-navigation__responsive-container-content {
  align-items: flex-start !important;
}

/*----------------blog breadcrumb-------------------*/
.blog-breadcrumb-home-link a {
  border-style: none;
  padding: 0;
}