.site-brand-container {
  background: var(--theme-color);

  .site-nav-on & {
    @include tablet-mobile() {
      box-shadow: 0 0 16px rgba(0, 0, 0, .5);
    }
  }
}

.site-meta {
  padding: 20px 0;
}

.brand {
  padding: 0;
}

.site-subtitle {
  margin: 10px 10px 0;
}

.site-nav-toggle, .site-nav-right {
  @include tablet() {
    @include flex-column();
  }

  .toggle {
    color: white;

    .toggle-line {
      background: white;
    }
  }
}
