/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
/* line 56, sass/components/header.scss */
.header {
  background: var(--header-bg);
  position: relative;
  z-index: 200; }
  /* line 60, sass/components/header.scss */
  .header p {
    margin: 0; }
  /* line 64, sass/components/header.scss */
  .header-theme--light .header {
    background-color: var(--white);
    border-bottom: 1px solid var(--gray-dark); }
  /* line 70, sass/components/header.scss */
  .header .header-inner .g-12 .region--header {
    grid-column-end: span 12; }
  /* line 73, sass/components/header.scss */
  .header .header-inner .g-12 .region--branding + .region--header {
    grid-column-end: span 3; }

/* line 80, sass/components/header.scss */
.header_preface {
  --text-color: $white;
  --link-color: $white;
  --link-hover: $white;
  background: var(--preface-bg);
  padding: 0.3rem 0;
  min-height: 3.6rem;
  color: white; }
  /* line 90, sass/components/header.scss */
  .header_preface .menu {
    display: flex; }
  /* line 93, sass/components/header.scss */
  .header_preface > .container {
    align-items: center; }
  /* line 96, sass/components/header.scss */
  .header_preface .block-title {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal; }
  /* line 99, sass/components/header.scss */
  .header_preface .wrapper-logo {
    padding-left: 10px; }
    /* line 100, sass/components/header.scss */
    .header_preface .wrapper-logo a {
      display: block;
      width: 123px; }
  /* line 106, sass/components/header.scss */
  .header_preface .btn {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }

/* line 113, sass/components/header.scss */
.header-inner .container {
  align-items: center; }

/* line 116, sass/components/header.scss */
.header-inner .region--header {
  justify-self: end; }

/* line 130, sass/components/header.scss */
.region--branding {
  padding: 0.8rem 0;
  margin-right: 2%; }

/* line 135, sass/components/header.scss */
.branding-wrapper,
.site-slogan {
  color: white; }
  /* line 138, sass/components/header.scss */
  .branding-wrapper a,
  .site-slogan a {
    color: white; }
    /* line 150, sass/helpers/_text.scss */
    .branding-wrapper a:visited,
    .site-slogan a:visited {
      color: white; }
    /* line 155, sass/helpers/_text.scss */
    .branding-wrapper a:focus,
    .site-slogan a:focus {
      color: white; }
    /* line 160, sass/helpers/_text.scss */
    .branding-wrapper a:hover,
    .site-slogan a:hover {
      color: white; }
    /* line 165, sass/helpers/_text.scss */
    .branding-wrapper a:active,
    .site-slogan a:active {
      color: white; }
  /* line 141, sass/components/header.scss */
  .header-theme--light .header-inner .branding-wrapper, .header-theme--light .header-inner
  .site-slogan {
    color: var(--text-color); }
    /* line 143, sass/components/header.scss */
    .header-theme--light .header-inner .branding-wrapper a, .header-theme--light .header-inner
    .site-slogan a {
      color: var(--text-color); }
      /* line 150, sass/helpers/_text.scss */
      .header-theme--light .header-inner .branding-wrapper a:visited, .header-theme--light .header-inner
      .site-slogan a:visited {
        color: var(--text-color); }
      /* line 155, sass/helpers/_text.scss */
      .header-theme--light .header-inner .branding-wrapper a:focus, .header-theme--light .header-inner
      .site-slogan a:focus {
        color: var(--text-color); }
      /* line 160, sass/helpers/_text.scss */
      .header-theme--light .header-inner .branding-wrapper a:hover, .header-theme--light .header-inner
      .site-slogan a:hover {
        color: var(--link-hover); }
      /* line 165, sass/helpers/_text.scss */
      .header-theme--light .header-inner .branding-wrapper a:active, .header-theme--light .header-inner
      .site-slogan a:active {
        color: var(--link-hover); }

/* line 149, sass/components/header.scss */
.branding-wrapper {
  font-family: var(--font-secondary);
  font-weight: normal;
  margin: 0; }
  /* line 153, sass/components/header.scss */
  .branding-wrapper .logo {
    width: 100%; }
  /* line 156, sass/components/header.scss */
  .branding-wrapper span {
    display: block; }
  /* line 159, sass/components/header.scss */
  .branding-wrapper .si-name {
    font-size: 2.8rem;
    padding-top: 0.4rem;
    line-height: 1; }
  /* line 164, sass/components/header.scss */
  .branding-wrapper .site-name {
    font-size: 1.9rem;
    font-style: italic;
    white-space: nowrap;
    line-height: 1.1; }
  /* line 171, sass/components/header.scss */
  .has-logo-icon .branding-wrapper .home-link {
    display: flex;
    align-items: center; }
  /* line 175, sass/components/header.scss */
  .has-logo-icon .branding-wrapper .site-slogan {
    padding-left: 7rem; }
  /* line 178, sass/components/header.scss */
  .has-logo-icon .branding-wrapper .logo {
    width: 57px;
    margin-right: 1.3rem; }
  /* line 183, sass/components/header.scss */
  .branding-wrapper .site-slogan {
    font-style: italic; }

@media (min-width: 768px) {
  /* line 195, sass/components/header.scss */
  .header_preface .wrapper-logo {
    padding-left: 20px; }
    /* line 196, sass/components/header.scss */
    .header_preface .wrapper-logo a {
      display: block;
      width: 132px; }
  /* line 203, sass/components/header.scss */
  .region--branding {
    padding: 1.2rem 0;
    max-width: 50%; }
    /* line 207, sass/components/header.scss */
    .has-logo-icon .region--branding .logo {
      width: 80px; }
    /* line 210, sass/components/header.scss */
    .has-logo-icon .region--branding .site-slogan {
      padding-left: 9rem; }
    /* line 215, sass/components/header.scss */
    .region--branding .si-name {
      font-size: 3.8rem; }
    /* line 218, sass/components/header.scss */
    .region--branding .site-name {
      font-size: 2.1rem; } }

@media (min-width: 980px) {
  /* line 227, sass/components/header.scss */
  body:not(.has-hamburger-menu) .header-inner {
    position: static; }
    /* line 229, sass/components/header.scss */
    body:not(.has-hamburger-menu) .header-inner .container {
      align-items: flex-end; }
  /* line 233, sass/components/header.scss */
  body:not(.has-hamburger-menu) .region--main-menu {
    position: static;
    width: 100%; }
  /* line 237, sass/components/header.scss */
  .region--header {
    display: flex;
    align-items: flex-end; }
  /* line 244, sass/components/header.scss */
  .header .header-inner .g-12 .region--branding + .region--header {
    grid-column-end: span 8; } }

/*# sourceMappingURL=../maps/components/header.css.map */