@charset "utf-8";
/* CSS Document */

.notice-bar {
  background-color: var(--secondary_800);
}
.notice-bar-inner {
  padding: var(--space_xsmall) var(--space_normal);
  color: white;
  text-align: center;
  font-size: .875rem;
  line-height: 1.25rem;
}
.notice-bar-inner *:first-child { margin-top: 0; }
.notice-bar-inner *:last-child { margin-bottom: 0; }
.notice-bar-inner a {
  text-decoration: none;
  color: inherit;
}

.site-header {
  border-bottom: 1px solid #D6DADE;
}
.site-header-wrap {
  --header_padding_left: var(--space_normal);
  padding: var(--space_xsmall) var(--header_padding_left);
  display: flex;
  align-items: center;
  position: relative;
}
.site-branding {
  flex-grow: 1;
}
.site-logo svg {
  width: 8rem;
  height: auto;
  pointer-events: none;
}
.header-search-toggle {
  background: transparent;
  color: inherit;
  padding: 0;
  margin-right: var(--space_xxbig);
  font-size: 1.25rem;
}
.header-search-toggle:hover,
.header-search-toggle:active {
  background: transparent;
}
.site-header-wrap .search-form, .site-header-wrap>.donate-button {
  display: none;
}
.site-header-wrap .search-form.toggled-on {
  display: block;
  position: absolute;
  top: calc(100% + var(--space_xsmall));
  left: var(--gutter_width);
  width: calc(100% - var(--gutter_width) * 2);
  height: 3.5rem;
}
.search-form input {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: var(--space_normal);
  padding-left: var(--space_xxxlarge);
  font-size: 1rem;
  font-weight: 300;
  box-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05), 0px 16px 24px rgba(48, 49, 51, 0.1);
}
.site-header-wrap .search-form .ftmicon-search {
  position: absolute;
  top: calc(50% - 1px);
  left: var(--space_normal_18);
  transform: translateY(-50%);
}
.donate-button {
  font-size: .875rem;
  line-height: 1.25rem;
  padding: 10px var(--space_normal);
}
.site-navigation {
  line-height: 1;
}
.mobile-menu-toggle {
  line-height: 1;
  padding: 0;
  width: auto;
  height: auto;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:active {
  background: transparent;
}
.navicon-bar {
  width: 1.5rem;
  height: 3px;
  border-radius: 8px;
  margin: 0;
}
.navicon-bar+.navicon-bar {
  margin-top: 4px;
}
.toggled > .hamburger-top {
  transform: translateY(6px) rotate(-45deg);
}

.mobile-menu.toggled-on {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  background: white;
  padding-top: var(--space_small);
}
.site-navigation .menu>li {
  display: flex;
  flex-wrap: wrap;
}
.site-navigation .menu>li>a {
  padding: var(--space_normal) 0 var(--space_normal) calc(var(--header_padding_left) + var(--space_normal));
  font-size: 1.125rem;
  font-weight: var(--weight_bold);
  text-decoration: none;
}
.site-navigation .menu>li.toggled>a {
  color: var(--secondary_color);
}
.site-navigation .menu>li>button {
  background: transparent;
  padding: 0;
  flex-grow: 1;
  text-align: left;
  color: inherit;
  font-size: 1.5rem;
  padding-left: var(--space_xsmall);
  outline: none;
}
.site-navigation .menu>li ul {
  width: 100%;
  margin-bottom: var(--space_xsmall);
}
.site-navigation .menu>li ul a {
  display: block;
  padding: var(--space_small) 0 var(--space_small) var(--space_xxxlarge);
  font-size: 1rem;
  text-decoration: none;
}
#mobile-menu .donate-button {
  display: block;
  width: fit-content;
  margin: var(--space_xsmall) 0 var(--space_big) var(--space_xxbig);
}

@media (min-width: 45em) {
  .notice-bar-inner {
    font-size: 1rem;
    line-height: 1.75rem;
  }
  .site-header-wrap {
    --header_padding_left: var(--space_big);
    padding: var(--space_normal) var(--space_xlarge);
  }
  .site-logo svg {
    width: 9.5rem!important;
    margin-right: var(--space_normal);
  }
  .site-header-wrap>.donate-button {
    display: block;
    margin-right: var(--space_xxbig);
  }
  #mobile-menu .donate-button {
    display: none;
  }
}

@media (min-width: 64em) {
  .site-header-wrap {
    max-width: calc(87.5rem + var(--space_xlarge) * 2);
    margin: auto;
  }
  .site-branding {
    order: 1;
  }
  .site-navigation {
    order: 2;
    margin-right: var(--space_small);
  }
  .header-search-toggle {
    order: 3;
  }
  .site-header-wrap>.donate-button {
    order: 4;
  }
  .site-header-wrap .search-form.toggled-on {
    top: 82%;
    left: auto;
    right: 10rem;
    width: 17rem;
  }
  .mobile-menu-toggle {
    display: none;
  }
  #mobile-menu {
    visibility: visible;
    position: static;
    display: block;
    top: auto;
    left: auto;
    opacity: 1;
  }
  .site-header-wrap>.donate-button {
    margin-right: 0;
  }
  .site-navigation .menu>li {
    display: inline-block;
    margin-right: var(--space_normal);
    position: relative;
  }
  .site-navigation .menu>li>a {
    padding: 0;
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
  }
  .site-navigation .menu>li>button {
    padding-left: var(--space_xxsmall);
    vertical-align: middle;
    font-size: 1.25rem;
  }
  .site-navigation .menu>li ul {
    position: absolute;
    top: 100%;
    left: calc(var(--space_big) * -1);
    width: 200px;
    padding-top: 1px;
  }
  .site-navigation .menu>li ul a {
    padding: var(--space_small) var(--space_big);
    background: white;
    border-left: 1px solid var(--gray_xxlight);
    border-right: 1px solid var(--gray_xxlight);
  }
  .site-navigation .menu>li>ul>li:first-child>a:first-child {
    border-top: 1px solid var(--gray_xxlight);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-top: var(--space_normal);
    padding-top: var(--space_medium);
  }
  .site-navigation .menu>li>ul>li:last-child>a:first-child {
    border-bottom: 1px solid var(--gray_xxlight);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-bottom: var(--space_medium);
  }
  .site-logo svg {
    width: 10rem;
    margin-right: var(--space_normal);
  }
}

@media (min-width: 75em) {
  .site-logo svg {
    width: 17.375rem;
    margin-right: var(--space_normal);
  }
  .site-navigation {
    margin-right: 0;
  }
  .site-navigation .menu>li {
    margin-right: var(--space_xxbig);
  }
  .site-navigation .menu>li>a {
    font-size: 1.125rem;
  }
  .site-header-wrap>.donate-button {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}