/* bs3: mobile navbar without js custom
* ------------------------------------
* show the collapse when navbar toggle is checked */
#navbar-toggle-cbox:checked ~ .collapse {
    display: block;
}

/* the checkbox used only internally; don't display it */
#navbar-toggle-cbox {
    display:none
}

.site__header {
  height: 3.5em;
  font-size: 1.2rem;

  .navbar-brand {
    font-size: 1.75rem;
  }
}

@media (min-width: $md-breakpoint) {
  .site__header {
    .navbar-collapse {
      flex-grow: 0;
    }
  }
}

@media (max-width: $md-breakpoint) {
  .site__header {
    .navbar-brand {
      padding-left: 12px;
    }
    .navbar-header {
      padding-right: 12px;
    }

    .navbar-collapse {
      ul {
        margin-bottom: 0;
      }
      position: relative;
      z-index: 99;
      top: 7px;
      background-color: #E9ECEF;
      color: black;
      .nav-link {
        padding: 0.5em 1em;
        color: black !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      }
    }
    .container {
      padding: 0 !important;
    }
  }
}