header#header {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: .5rem;
  border-top: 5px solid transparent;
  border-bottom: 5px solid var(--site-secondary);
  background: var(--site-primary);

  > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .region-navigation {
    width: 100%;
  }

  #block-dchadwick-site-branding {
    a {
      white-space: nowrap;
      color: var(--site-secondary);
      text-transform: uppercase;
      font-size: 1.5rem;
      font-weight: 700;
      transition: color .2s ease;

      &:hover {
        color: var(--site-white);

      }
    }
  }

  #block-dchadwick-main-menu > ul {
    display: flex;
    flex-direction: row !important;

    li:not(:last-child) {
      border-right: 2px solid var(--site-secondary);
    }

    a {
      color: var(--site-white);
      padding: 0 1rem;
      text-decoration: none;
      transition: color .2s ease-in-out;
      &:hover {
        color: var(--site-secondary);
      }

      &.is-active {
        color: var(--site-secondary);
        &:hover {
          color: var(--site-white)
        }
      }
    }
  }
}
