/**
 * Import Compass and Theme Variables
 */

@import "_variables";

/* ==========================================================================
   Header
   ========================================================================== */


.t-Header-branding {
  background-color: @g_Header-BG;
}

.t-Header-logo,
.t-Header .t-Button--header.is-active,
.t-Header .t-Button--header {
  color: @g_Header-FG;

  &:hover {
    text-decoration: none;
  }
}

.t-Header-logo-link {
  color: inherit;

  // border-radius: 2px;
  &:focus,
  &:active:focus {
    outline: none;
    box-shadow:
      0 0 0 1px lighten(@g_Focus, 15%) inset;
  }
}