/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-salt-menu.is-style-list ul.nav {
  display: block;
  list-style-type: disc;
  padding-left: 1rem; }
  .wp-block-salt-menu.is-style-list ul.nav .nav-link {
    padding: .1rem 0; }

.wp-block-salt-menu.is-style-image ul.nav li.menu-item {
  padding: .5rem;
  padding-top: 35%;
  overflow: hidden;
  height: 0;
  position: relative; }

.wp-block-salt-menu.is-style-image ul.nav a.nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #bbb;
  padding: .75rem;
  position: absolute;
  top: .75rem;
  right: .75rem;
  bottom: 0; }
  .wp-block-salt-menu.is-style-image ul.nav a.nav-link .overlay {
    font-weight: bold;
    font-size: 1.5rem; }
  .wp-block-salt-menu.is-style-image ul.nav a.nav-link::after {
    content: '';
    display: block;
    background: #bbb;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .75rem; }

.wp-block-salt-menu.is-style-circled-image,
.img-menu {
  -ms-flex-pack: center;
      justify-content: center; }
  .wp-block-salt-menu.is-style-circled-image li.menu-item,
  .img-menu li.menu-item {
    padding: 1rem; }
  .wp-block-salt-menu.is-style-circled-image a.nav-link,
  .img-menu a.nav-link {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 50%;
    width: 11.5rem;
    height: 11.5rem; }
    .wp-block-salt-menu.is-style-circled-image a.nav-link > .overlay,
    .img-menu a.nav-link > .overlay {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      text-align: center;
      z-index: 15; }