@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,700italic,300italic,900|Roboto+Mono);
html,
body,
main,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  box-sizing: border-box;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

blockquote,
q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  background-color: #fefefe;
  color: #555;
  font-family: "Lato", sans-serif;
  -webkit-font-feature-settings: 'kern' 1;
          font-feature-settings: 'kern' 1;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  font-size: 14.875px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: "liga" on;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 768px) {
    html {
      font-size: 17px; } }

::selection {
  background-color: #0094ff;
  color: #fefefe; }

@media print {
  html {
    background: none;
    color: #000;
    font-family: "Lato", sans-serif;
    -webkit-font-feature-settings: 'kern' 1;
            font-feature-settings: 'kern' 1;
    -webkit-font-kerning: normal;
            font-kerning: normal;
    font-size: 8pt;
    text-rendering: optimizeLegibility; }
    html a {
      color: #000; }
  @page {
    margin: 1in; } }

.print-logo {
  display: none; }
  @media print {
    .print-logo {
      display: block;
      margin: 0 auto -3rem;
      padding: 0; } }

@media print {
  .no-print {
    display: none; } }

@media only screen and (min-width: 0) and (max-width: 768px) {
  .hidden-mobile {
    display: none; } }

.row, .column {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  .row > *, .column > * {
    -webkit-box-flex: 1;
            flex: 1 0 calc(100% - 1rem); }
    @media only screen and (min-width: 768px) {
      .row > *, .column > * {
        -webkit-box-flex: 1;
                flex: 1;
        flex-wrap: nowrap; } }

.container--padded {
  padding: 0 1rem; }

.container .container {
  margin-bottom: 0; }

.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row; }
  @media only screen and (min-width: 768px) {
    .row {
      margin: 0 0 0 -1rem; } }
  .row > * {
    margin: 0 0 1rem 0; }
    @media only screen and (min-width: 768px) {
      .row > * {
        margin: 0 0 1rem 1rem; } }
  .row--centered {
    -webkit-box-pack: center;
            justify-content: center; }

.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: -.5rem 0; }
  .column > * {
    margin: .5rem 0; }
  .column--fixed {
    -webkit-box-flex: 0;
            flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%; }
  .column--grow {
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 0; }
  .column--centered {
    margin: 0 auto; }

@media only screen and (min-width: 768px) {
  .tablet-column-5 {
    flex-basis: calc(5% - 1rem); }
  .tablet-column-10 {
    flex-basis: calc(10% - 1rem); }
  .tablet-column-20 {
    flex-basis: calc(20% - 1rem); }
  .tablet-column-25 {
    flex-basis: calc(25% - 1rem); }
  .tablet-column-30 {
    flex-basis: calc(30% - 1rem); }
  .tablet-column-33 {
    flex-basis: calc(33% - 1rem); }
  .tablet-column-40 {
    flex-basis: calc(40% - 1rem); }
  .tablet-column-50 {
    flex-basis: calc(50% - 1rem); }
  .tablet-column-60 {
    flex-basis: calc(60% - 1rem); }
  .tablet-column-66 {
    flex-basis: calc(66% - 1rem); }
  .tablet-column-70 {
    flex-basis: calc(70% - 1rem); }
  .tablet-column-80 {
    flex-basis: calc(80% - 1rem); }
  .tablet-column-90 {
    flex-basis: calc(90% - 1rem); }
  .tablet-column-100 {
    flex-basis: calc(100% - 1rem); }
  .tablet-fixed-column-5 {
    flex-basis: calc(5% - 1rem);
    max-width: 5%; }
  .tablet-fixed-column-10 {
    flex-basis: calc(10% - 1rem);
    max-width: 10%; }
  .tablet-fixed-column-20 {
    flex-basis: calc(20% - 1rem);
    max-width: 20%; }
  .tablet-fixed-column-25 {
    flex-basis: calc(25% - 1rem);
    max-width: 25%; }
  .tablet-fixed-column-30 {
    flex-basis: calc(30% - 1rem);
    max-width: 30%; }
  .tablet-fixed-column-33 {
    flex-basis: calc(33% - 1rem);
    max-width: 33%; }
  .tablet-fixed-column-40 {
    flex-basis: calc(40% - 1rem);
    max-width: 40%; }
  .tablet-fixed-column-50 {
    flex-basis: calc(50% - 1rem);
    max-width: 50%; }
  .tablet-fixed-column-60 {
    flex-basis: calc(60% - 1rem);
    max-width: 60%; }
  .tablet-fixed-column-66 {
    flex-basis: calc(66% - 1rem);
    max-width: 66%; }
  .tablet-fixed-column-70 {
    flex-basis: calc(70% - 1rem);
    max-width: 70%; }
  .tablet-fixed-column-80 {
    flex-basis: calc(80% - 1rem);
    max-width: 80%; }
  .tablet-fixed-column-90 {
    flex-basis: calc(90% - 1rem);
    max-width: 90%; }
  .tablet-fixed-column-100 {
    flex-basis: calc(100% - 1rem);
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .desktop-column-5 {
    flex-basis: calc(5% - 1rem); }
  .desktop-column-10 {
    flex-basis: calc(10% - 1rem); }
  .desktop-column-20 {
    flex-basis: calc(20% - 1rem); }
  .desktop-column-25 {
    flex-basis: calc(25% - 1rem); }
  .desktop-column-30 {
    flex-basis: calc(30% - 1rem); }
  .desktop-column-33 {
    flex-basis: calc(33% - 1rem); }
  .desktop-column-40 {
    flex-basis: calc(40% - 1rem); }
  .desktop-column-50 {
    flex-basis: calc(50% - 1rem); }
  .desktop-column-60 {
    flex-basis: calc(60% - 1rem); }
  .desktop-column-66 {
    flex-basis: calc(66% - 1rem); }
  .desktop-column-70 {
    flex-basis: calc(70% - 1rem); }
  .desktop-column-80 {
    flex-basis: calc(80% - 1rem); }
  .desktop-column-90 {
    flex-basis: calc(90% - 1rem); }
  .desktop-column-100 {
    flex-basis: calc(100% - 1rem); }
  .desktop-fixed-column-5 {
    flex-basis: calc(5% - 1rem);
    max-width: 5%; }
  .desktop-fixed-column-10 {
    flex-basis: calc(10% - 1rem);
    max-width: 10%; }
  .desktop-fixed-column-20 {
    flex-basis: calc(20% - 1rem);
    max-width: 20%; }
  .desktop-fixed-column-25 {
    flex-basis: calc(25% - 1rem);
    max-width: 25%; }
  .desktop-fixed-column-30 {
    flex-basis: calc(30% - 1rem);
    max-width: 30%; }
  .desktop-fixed-column-33 {
    flex-basis: calc(33% - 1rem);
    max-width: 33%; }
  .desktop-fixed-column-40 {
    flex-basis: calc(40% - 1rem);
    max-width: 40%; }
  .desktop-fixed-column-50 {
    flex-basis: calc(50% - 1rem);
    max-width: 50%; }
  .desktop-fixed-column-60 {
    flex-basis: calc(60% - 1rem);
    max-width: 60%; }
  .desktop-fixed-column-66 {
    flex-basis: calc(66% - 1rem);
    max-width: 66%; }
  .desktop-fixed-column-70 {
    flex-basis: calc(70% - 1rem);
    max-width: 70%; }
  .desktop-fixed-column-80 {
    flex-basis: calc(80% - 1rem);
    max-width: 80%; }
  .desktop-fixed-column-90 {
    flex-basis: calc(90% - 1rem);
    max-width: 90%; }
  .desktop-fixed-column-100 {
    flex-basis: calc(100% - 1rem);
    max-width: 100%; } }

@media only screen and (min-width: 1272px) {
  .container--width-constrained {
    margin-left: auto;
    margin-right: auto;
    width: 1200px; } }

html {
  height: 100vh; }

body {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  height: 100%;
  overflow-y: scroll;
  width: 100%; }
  body.admin-bar header {
    top: 32px; }
  body.admin-bar .navbar__submenu {
    top: calc(60px + 32px); }

main {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  width: 100%;
  margin-top: 60px; }

hr {
  background-color: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  margin: 1.5rem 0; }

img {
  height: auto;
  margin-bottom: 1.25rem;
  width: 100%; }

.img-large {
  max-width: 70%;
  margin: 1.25rem auto; }

.horizontal-space {
  margin-right: 8rem; }

.tf-logo-print {
  display: none; }

@media print {
  main {
    margin: 0; }
  .tf-logo-print {
    display: block; } }

.u-mt0 {
  margin-top: 0rem; }

.u-mt0-5 {
  margin-top: 0.5rem; }

.u-mt1-0 {
  margin-top: 1rem; }

.u-mt1-5 {
  margin-top: 1.5rem; }

.u-mt2-0 {
  margin-top: 2rem; }

.u-mt2-5 {
  margin-top: 2.5rem; }

.u-mt3-0 {
  margin-top: 3rem; }

.u-mr0 {
  margin-right: 0rem; }

.u-mr0-5 {
  margin-right: 0.5rem; }

.u-mr1-0 {
  margin-right: 1rem; }

.u-mr1-5 {
  margin-right: 1.5rem; }

.u-mr2-0 {
  margin-right: 2rem; }

.u-mr2-5 {
  margin-right: 2.5rem; }

.u-mr3-0 {
  margin-right: 3rem; }

.u-mb0 {
  margin-bottom: 0rem; }

.u-mb0-5 {
  margin-bottom: 0.5rem; }

.u-mb1-0 {
  margin-bottom: 1rem; }

.u-mb1-5 {
  margin-bottom: 1.5rem; }

.u-mb2-0 {
  margin-bottom: 2rem; }

.u-mb2-5 {
  margin-bottom: 2.5rem; }

.u-mb3-0 {
  margin-bottom: 3rem; }

.u-ml0 {
  margin-left: 0rem; }

.u-ml0-5 {
  margin-left: 0.5rem; }

.u-ml1-0 {
  margin-left: 1rem; }

.u-ml1-5 {
  margin-left: 1.5rem; }

.u-ml2-0 {
  margin-left: 2rem; }

.u-ml2-5 {
  margin-left: 2.5rem; }

.u-ml3-0 {
  margin-left: 3rem; }

.u-pt0 {
  padding-top: 0rem; }

.u-pt0-5 {
  padding-top: 0.5rem; }

.u-pt1-0 {
  padding-top: 1rem; }

.u-pt1-5 {
  padding-top: 1.5rem; }

.u-pt2-0 {
  padding-top: 2rem; }

.u-pt2-5 {
  padding-top: 2.5rem; }

.u-pt3-0 {
  padding-top: 3rem; }

.u-pr0 {
  padding-right: 0rem; }

.u-pr0-5 {
  padding-right: 0.5rem; }

.u-pr1-0 {
  padding-right: 1rem; }

.u-pr1-5 {
  padding-right: 1.5rem; }

.u-pr2-0 {
  padding-right: 2rem; }

.u-pr2-5 {
  padding-right: 2.5rem; }

.u-pr3-0 {
  padding-right: 3rem; }

.u-pb0 {
  padding-bottom: 0rem; }

.u-pb0-5 {
  padding-bottom: 0.5rem; }

.u-pb1-0 {
  padding-bottom: 1rem; }

.u-pb1-5 {
  padding-bottom: 1.5rem; }

.u-pb2-0 {
  padding-bottom: 2rem; }

.u-pb2-5 {
  padding-bottom: 2.5rem; }

.u-pb3-0 {
  padding-bottom: 3rem; }

.u-pl0 {
  padding-left: 0rem; }

.u-pl0-5 {
  padding-left: 0.5rem; }

.u-pl1-0 {
  padding-left: 1rem; }

.u-pl1-5 {
  padding-left: 1.5rem; }

.u-pl2-0 {
  padding-left: 2rem; }

.u-pl2-5 {
  padding-left: 2.5rem; }

.u-pl3-0 {
  padding-left: 3rem; }

h1,
.text--h1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: normal;
  margin-bottom: .8rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h1,
    .text--h1 {
      font-size: 3.5rem; } }
  @media only screen and (min-width: 1024px) {
    h1,
    .text--h1 {
      font-size: 3.5rem; } }

h2,
.text--h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h2,
    .text--h2 {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1024px) {
    h2,
    .text--h2 {
      font-size: 1.75rem; } }

h3,
.text--h3 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .8rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h3,
    .text--h3 {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    h3,
    .text--h3 {
      font-size: 1.5rem; } }

h4,
.text--h4 {
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .9rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h4,
    .text--h4 {
      font-size: 1.3rem; } }
  @media only screen and (min-width: 1024px) {
    h4,
    .text--h4 {
      font-size: 1.3rem; } }

h5,
.text--h5 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .9rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h5,
    .text--h5 {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    h5,
    .text--h5 {
      font-size: 1.5rem; } }

h6,
.text--h6 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .9rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    h6,
    .text--h6 {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    h6,
    .text--h6 {
      font-size: 1.5rem; } }

p,
.paragraph-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Lato", sans-serif;
  margin-bottom: 1.5rem;
  font-size: 1.2rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    p,
    .paragraph-text {
      font-size: 1rem; } }
  @media only screen and (min-width: 1024px) {
    p,
    .paragraph-text {
      font-size: 1rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    p,
    .paragraph-text {
      line-height: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    p,
    .paragraph-text {
      line-height: 1.7rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    p,
    .paragraph-text {
      margin-bottom: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    p,
    .paragraph-text {
      margin-bottom: 1.7rem; } }
  p:last-child,
  .paragraph-text:last-child {
    margin-bottom: 0; }

em {
  font-style: italic; }

strong {
  font-weight: 700; }

.article {
  margin-bottom: 1rem;
  max-width: 650px; }

.center {
  text-align: center; }

.indent {
  margin: 0 1.5rem 1.5rem;
  line-height: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .indent {
      margin: 0 3rem 1.7rem; } }

sup {
  font-size: 0.8rem;
  vertical-align: super; }

a {
  background: none;
  color: #0094ff;
  text-decoration: none; }
  a:hover, a:active {
    color: #0094ff;
    text-decoration: underline; }

.read-more {
  display: none; }

.link--long {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word; }

.anchor {
  color: #555;
  text-decoration: none; }

:target:before {
  content: '';
  display: block;
  height: calc(60px + 1rem);
  margin: calc(-60px - 1rem) 0 0; }

.subtle-link a {
  text-decoration: none;
  color: #555;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: ease-out ease-in;
          transition-timing-function: ease-out ease-in; }
  .subtle-link a:hover {
    color: #0094ff; }

a[name^='_ftn'] {
  font-size: 0.8rem;
  vertical-align: super; }

ol,
ul {
  font-size: 1rem;
  line-height: 1.5rem;
  list-style-position: outside;
  margin: 0 0 1.5rem 1rem;
  padding-left: 0.5rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    ol,
    ul {
      font-size: 1rem; } }
  @media only screen and (min-width: 1024px) {
    ol,
    ul {
      font-size: 1rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    ol,
    ul {
      line-height: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    ol,
    ul {
      line-height: 1.7rem; } }
  @media only screen and (min-width: 768px) {
    ol,
    ul {
      padding-left: 2rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    ol,
    ul {
      margin-bottom: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    ol,
    ul {
      margin-bottom: 1.7rem; } }
  ol li,
  ul li {
    margin-bottom: 1rem; }

ol {
  list-style-type: decimal; }
  ol li {
    padding-left: .3rem; }
  ol ol {
    list-style-type: lower-alpha; }
    ol ol ol {
      list-style-type: lower-roman; }

ul {
  list-style-type: disc; }
  ul ul {
    list-style-type: circle; }

.link-list-box {
  margin-top: 1rem; }
  .link-list-box ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .link-list-box li {
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-bottom: 0;
    display: block;
    margin: 0;
    text-align: left;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    width: 100%; }
    .link-list-box li a {
      color: #888;
      display: block;
      padding: .5rem;
      text-decoration: none; }
      .link-list-box li a:hover, .link-list-box li a:active {
        color: #555; }
    .link-list-box li p {
      display: inline-block;
      margin: .25rem;
      vertical-align: middle; }
    .link-list-box li:first-child {
      border-bottom: 0;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .link-list-box li:last-child {
      border-bottom: 1px solid #ccc;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .link-list-box li:hover, .link-list-box li:active {
      background-color: #e6f4ff;
      color: #555;
      fill: #555; }

code {
  background-color: #eee;
  font-family: monospace;
  font-size: .9rem;
  padding: .2rem .4rem;
  margin: 0 .1rem;
  border-radius: 4px; }

.navbar__logo a,
.navbar__logo a:hover, .navbar__menu-top-level-link, .navbar__menu-top-level-link:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  text-shadow: none; }

.navbar {
  -webkit-box-align: stretch;
          align-items: stretch;
  background-color: #0094ff;
  box-shadow: 0 0 3px #555;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-shrink: 0;
  justify-content: space-around;
  left: 0;
  margin: 0 0 1.5rem;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 101; }
  @media print {
    .navbar {
      display: none; } }
  .navbar__bar {
    -webkit-box-align: stretch;
            align-items: stretch;
    color: #fff;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    height: 60px;
    -webkit-box-pack: justify;
            justify-content: space-between;
    max-width: 1400px;
    width: 100%; }
    .navbar__bar * {
      margin: 0;
      padding: 0; }
  .navbar__logo {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: none; }
    @media only screen and (min-width: 1024px) {
      .navbar__logo {
        margin-left: -2rem;
        padding-left: 2rem; } }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .navbar__logo {
        margin-left: 2rem; } }
  .navbar__menu-mobile-toggle {
    align-content: stretch;
    align-self: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding-right: 1rem; }
    .navbar__menu-mobile-toggle img {
      height: 20px;
      width: 20px; }
  .navbar__menu {
    align-content: stretch;
    display: none;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    text-align: right; }
  .navbar__menu-items {
    -webkit-box-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
            justify-content: flex-end;
    list-style: none; }
  .navbar__menu-top-level-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    position: relative; }
    .navbar__menu-top-level-item:hover .navbar__submenu {
      display: -webkit-box;
      display: flex;
      height: auto;
      opacity: 1;
      z-index: 100; }
    .navbar__menu-top-level-item:hover .navbar__submenu-section {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-flex: 1;
              flex-grow: 1;
      margin: 0 auto; }
  .navbar__menu-top-level-link {
    -webkit-box-flex: 1;
            flex: 1;
    font-size: .8rem;
    font-weight: 700;
    padding: 15px 7.2px 0;
    text-transform: uppercase; }
    @media only screen and (min-width: 1024px) {
      .navbar__menu-top-level-link {
        font-size: .85rem;
        padding: 15px 16px 0; } }
    .navbar__menu-top-level-link:hover {
      -webkit-transition-property: background-color, color;
      transition-property: background-color, color;
      -webkit-transition-duration: 0.1s;
              transition-duration: 0.1s;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out;
      background-color: #4db4ff;
      cursor: pointer; }
    .navbar__menu-top-level-link--donate {
      background: #6eb76e;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: background;
      transition-property: background;
      -webkit-transition-timing-function: ease-out ease-in;
              transition-timing-function: ease-out ease-in; }
      .navbar__menu-top-level-link--donate:hover {
        background: #7fbf7f; }
  .navbar__submenu {
    background: #fff;
    border-bottom: 5px solid #0094ff;
    color: #555;
    display: none;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    top: 60px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    padding: 2.5rem; }
    .navbar__submenu h3 {
      color: #0094ff;
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: .3rem;
      text-transform: uppercase;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-out ease-in;
              transition-timing-function: ease-out ease-in; }
      .navbar__submenu h3:hover {
        color: #4db4ff; }
    .navbar__submenu p {
      color: #0094ff;
      font-weight: bold;
      padding-bottom: .4rem;
      text-transform: uppercase; }
    .navbar__submenu a {
      color: #555;
      font-size: .95rem;
      text-decoration: none;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-out ease-in;
              transition-timing-function: ease-out ease-in; }
      .navbar__submenu a:hover {
        color: #0094ff; }
    .navbar__submenu li {
      list-style: none;
      padding: .2rem 0; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .navbar__submenu h3 {
        font-size: .9rem; }
      .navbar__submenu a {
        font-size: .8rem; }
      .navbar__submenu li {
        padding: .25rem 0;
        line-height: 1; } }
  .navbar__submenu-columns {
    margin: auto;
    display: -webkit-box;
    display: flex; }
  .navbar__submenu-section {
    display: none;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 1200px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .navbar__submenu-section {
        padding: 0 1rem; } }

@media only screen and (min-width: 768px) {
  .navbar__menu {
    display: -webkit-box;
    display: flex; }
  .navbar__bar {
    padding-left: 36px; }
  .navbar__menu-mobile-toggle {
    display: none; } }

.search img {
  max-width: 36px;
  height: 100%; }

.search input {
  padding: .8rem;
  font-size: 1.5rem; }

.mobile-menu {
  background-color: #fefefe;
  bottom: 0;
  color: #555;
  left: 100vw;
  min-height: calc(100vh - $header-height);
  overflow-y: auto;
  position: fixed;
  right: -100vw;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 60px;
  width: 100vw;
  z-index: 1000; }
  .mobile-menu--visible {
    left: 0;
    right: 0; }
  .mobile-menu__search {
    background-color: #0094ff; }
    .mobile-menu__search input[type=search] {
      border: 0;
      font-size: 1.4rem; }
  .mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mobile-menu__top-level-item {
    font-size: 1.5rem;
    margin: 0;
    padding: 0; }
  .mobile-menu__top-level-link {
    display: block;
    font-size: 1.5rem;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1.5rem;
    border-bottom: 1px solid #ccc; }
  .mobile-menu__submenu {
    padding-bottom: 0;
    margin-bottom: 0; }
    .mobile-menu__submenu ul {
      margin: 0; }
    .mobile-menu__submenu li {
      list-style: none;
      margin-left: 0;
      padding: 1rem 1rem 1rem 2.5rem;
      border-bottom: 1px solid #ccc; }
      .mobile-menu__submenu li:first-child {
        border-top: 1px solid #ccc; }
    .mobile-menu__submenu a {
      color: #555;
      font-size: 1.1rem;
      text-decoration: none;
      margin-left: 0; }
      .mobile-menu__submenu a:hover, .mobile-menu__submenu a:active, .mobile-menu__submenu a:visited {
        color: #555; }
    .mobile-menu__submenu h3 {
      margin: 1rem 0 1rem 1rem;
      font-size: 1.3rem;
      font-weight: bold; }

@media only screen and (min-width: 768px) {
  .mobile-menu {
    display: none; } }

.footer {
  background-color: #eee;
  color: #666;
  flex-shrink: 0;
  padding: 0;
  margin-top: 2rem;
  width: 100%; }
  .footer__promotion {
    background-color: #0094ff;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 0 36px 1rem;
    width: 100%; }
    .footer__promotion h3 {
      color: #fefefe;
      padding: 2rem 36px 1rem;
      text-align: center;
      width: 100%; }
  .footer__content {
    margin: 1rem auto -1rem;
    width: 95%; }
    @media only screen and (min-width: 1024px) {
      .footer__content {
        flex-wrap: nowrap;
        max-width: 1400px; } }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .footer__content {
        text-align: center; } }
  .footer__about, .footer__links, .footer__connect, .footer__contact {
    padding: 1rem; }
    .footer__about ul, .footer__links ul, .footer__connect ul, .footer__contact ul {
      line-height: 2;
      list-style: none;
      margin-left: 0;
      padding-left: 0; }
    .footer__about li, .footer__links li, .footer__connect li, .footer__contact li {
      margin: 0; }
    .footer__about a, .footer__links a, .footer__connect a, .footer__contact a {
      color: #666;
      text-decoration: none;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      .footer__about a:hover, .footer__links a:hover, .footer__connect a:hover, .footer__contact a:hover {
        color: #0094ff; }
  .footer__contact p {
    line-height: 1.25rem;
    margin-bottom: .75rem; }
  .footer__connect p {
    display: inline-block;
    vertical-align: middle; }
  .footer__connect li {
    margin-left: -.5rem; }
  .footer__copyright {
    background-color: #e6e6e6;
    color: #666;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 1.5rem 0 .05rem;
    text-align: center;
    width: 100%; }
    .footer__copyright ul li {
      font-size: 0.8rem;
      font-style: normal;
      font-weight: 400;
      line-height: 1.2;
      display: inline-block;
      line-height: 2;
      list-style: none;
      margin: 0 .75rem 0 0; }
      .footer__copyright ul li::after {
        content: '|';
        display: inline-block;
        margin: 0 0 0 .75rem; }
      .footer__copyright ul li:last-child::after {
        content: '';
        margin: 0; }
    .footer__copyright a {
      color: #555;
      text-decoration: none;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      .footer__copyright a:hover {
        color: #0094ff; }

.pre-footer-buttons {
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center; }
  .pre-footer-buttons div {
    font-size: 1.25rem;
    padding: .75rem 1.25rem;
    margin: .5rem; }

@media print {
  .footer {
    background: transparent;
    border-top: 1px solid #666;
    color: black; }
    .footer__connect, .footer__copyright, .footer__links, .footer__promotion {
      display: none; }
    .footer__about, .footer__contact {
      flex-basis: calc(50% - 1rem); } }

input,
select,
textarea, button,
.button {
  border-radius: 4px;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  margin-bottom: 1rem; }
  input:last-child,
  select:last-child,
  textarea:last-child, button:last-child,
  .button:last-child {
    margin-bottom: 0; }

form {
  -webkit-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center; }

input,
select,
textarea {
  background: #fefefe;
  border: solid 1px #ccc;
  padding: .5rem;
  width: 100%; }
  input:focus,
  select:focus,
  textarea:focus {
    border: solid 1px #0094ff;
    outline: none; }

input[type="radio"],
input[type="checkbox"] {
  align-self: flex-start;
  margin: 0 1rem 0 0;
  width: 1rem;
  height: 1rem; }

button,
.button {
  background: #0094ff;
  border: solid 1px #0094ff;
  color: #fefefe;
  cursor: pointer;
  display: inline-block;
  padding: .5rem 1rem;
  text-align: center;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  button:active, button:focus, button:hover,
  .button:active,
  .button:focus,
  .button:hover {
    background: #4db4ff;
    border: solid 1px #4db4ff;
    color: #fefefe;
    text-decoration: none; }
  button.button-form,
  .button.button-form {
    border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0px;
    margin-left: -1.2em;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: .1s;
            transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
  button.featured,
  .button.featured {
    background: #6eb76e;
    border: solid 1px #6eb76e; }
    button.featured:active, button.featured:focus, button.featured:hover,
    .button.featured:active,
    .button.featured:focus,
    .button.featured:hover {
      border: solid 1px #89c589;
      background-color: #89c589;
      color: #fefefe; }
  button.full-width,
  .button.full-width {
    width: 100%; }
  button.dinner-accent,
  .button.dinner-accent {
    background: #f8981d;
    border: solid 1px #f8981d; }
    button.dinner-accent:active, button.dinner-accent:focus, button.dinner-accent:hover,
    .button.dinner-accent:active,
    .button.dinner-accent:focus,
    .button.dinner-accent:hover {
      border: solid 1px #faaf4e;
      background-color: #faaf4e;
      color: #fefefe; }
  button.inverted,
  .button.inverted {
    background: #fefefe;
    color: #0094ff;
    -webkit-transition-property: border, color;
    transition-property: border, color;
    -webkit-transition-duration: .1s;
            transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    button.inverted:active, button.inverted:focus, button.inverted:hover,
    .button.inverted:active,
    .button.inverted:focus,
    .button.inverted:hover {
      border: solid 1px #4db4ff;
      color: #4db4ff; }

label,
legend {
  align-self: flex-start;
  display: block;
  margin-bottom: .6rem; }

.fieldset {
  width: 100%; }
  .fieldset:last-child {
    margin-right: 0; }

@media only screen and (min-width: 768px) {
  .fieldset {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 0 1rem -1rem; }
    .fieldset > * {
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      margin: 0 0 0 1rem; }
      .fieldset > * > * {
        width: 100%; }
    .fieldset:last-child {
      margin-right: 0; } }

.wufoo-form {
  border: 1px solid #666;
  border-radius: 4px;
  width: 100%; }

table {
  border-collapse: collapse;
  display: block;
  margin: 1.5rem auto;
  max-width: 100%;
  overflow-x: auto; }
  @media only screen and (min-width: 768px) {
    table {
      display: table; } }
  table tbody {
    display: table-row-group; }
    table tbody tr {
      margin-bottom: 1em; }
      table tbody tr:nth-of-type(odd) {
        background-color: #f2f2f2; }
      table tbody tr td {
        padding: 0.5rem;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: 0.9rem;
        font-family: "Roboto Mono", monospace;
        line-height: 1.2;
        vertical-align: middle; }
        table tbody tr td:last-child {
          border-right: 0; }
  table thead {
    display: table-header-group; }
    table thead th {
      text-align: left;
      font-size: 1rem;
      font-weight: bold;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 0.5rem;
      vertical-align: middle; }
      table thead th:last-child {
        border-right: 0; }
  table caption {
    display: table-caption;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem; }
  table tfoot {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: table-footer-group; }
    table tfoot td {
      padding: 0.5rem;
      font-size: 0.8rem;
      color: #888; }
      table tfoot td > * {
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 0.6rem; }
  table caption,
  table th,
  table td {
    white-space: normal;
    word-break: normal;
    word-wrap: normal; }

@media print {
  table {
    border: 0;
    box-shadow: none;
    display: table; }
  thead {
    border-bottom: 2px solid black;
    clip: auto;
    height: auto;
    overflow: auto;
    position: relative;
    width: auto; }
    thead tr {
      border-bottom: 1px solid black; }
      thead tr:last-child {
        border-bottom: 0; }
  tbody {
    display: table-row-group; }
  tbody tr {
    background: transparent;
    border-bottom: 1px solid #555;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: table-row; }
    tbody tr:nth-of-type(odd) {
      background: transparent; }
    tbody tr:last-child {
      border-bottom: 1px solid #555; }
  tbody td {
    text-align: left; }
    tbody td[data-title]::before {
      content: none; }
  tr {
    display: table-row; }
  th,
  td {
    border-bottom: 0;
    border-left: 0;
    border-right: 1px solid #555;
    border-top: 0;
    display: table-cell;
    padding: 0.75em; }
    th:last-child,
    td:last-child {
      border: 0; } }

.box {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  padding: 1rem; }

.box--brand {
  background-color: #fefefe;
  border-color: #0094ff; }

.box--subtle {
  background-color: #fefefe;
  border-color: #ccc; }

.box--gray {
  background-color: #eee;
  border-color: transparent; }

.box--feature {
  background-color: #0094ff;
  border-color: transparent;
  color: white; }

.hover-box {
  position: relative;
  display: inline-block; }

.hover-box .hover-box-text {
  font-size: .8rem;
  visibility: hidden;
  width: 100px;
  background-color: #eee;
  color: #555;
  text-align: left;
  border-radius: 4px;
  padding: .5rem;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 115%;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.hover-box .hover-box-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  /* To the right of the tooltip */
  margin-top: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #eee transparent transparent; }

.hover-box:hover .hover-box-text {
  visibility: visible;
  opacity: 1; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .hover-box:hover .hover-box-text {
      display: none; } }

.widget {
  display: inline-block;
  margin: 0 0 1rem;
  padding: 1rem;
  border-radius: 4px; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .widget {
      width: 100%; } }
  .widget p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem; }
  .widget > div {
    margin-bottom: 1rem; }
  .widget__subtle {
    color: #555; }
    .widget__subtle img {
      display: block;
      margin: 0 auto 1rem;
      max-width: 500px;
      width: 85%; }
  .widget__feature {
    color: #fefefe; }
    .widget__feature img {
      display: block;
      margin: 0 auto 1rem;
      max-width: 500px;
      width: 85%; }
  .widget__image {
    background-size: cover;
    border: 0;
    color: #fefefe; }
    .widget__image img {
      display: block;
      margin: 0 auto 1rem;
      max-width: 500px;
      width: 85%; }

@media print {
  .widget {
    display: none; } }

.connect a {
  color: #555;
  text-decoration: none; }

.connect ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .connect ul li {
    padding: .25rem 0; }

.state-widget img {
  max-width: 400px;
  -webkit-box-align: center;
          align-items: center;
  text-align: center; }

.newsletter-widget h2 {
  margin-bottom: 0; }

.newsletter-widget svg {
  -webkit-box-align: center;
          align-items: center;
  text-align: center; }

.newsletter-widget-horizontal h2 {
  margin-bottom: .5rem; }

.related-content {
  margin-top: 1.5rem; }
  .related-content h3 {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: bold;
    margin-bottom: 0; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .related-content h3 {
        font-size: 1.2rem;
        line-height: 1.6rem; } }

.centers {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 7px solid #0094ff;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 4rem auto;
  padding: 0; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .centers {
      margin: 2rem 1rem; } }
  .centers__center {
    background-color: transparent;
    border-right: 1px solid #ccc;
    padding: 2rem;
    margin: 0;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    .centers__center h2 {
      margin: 1rem; }
    .centers__center:last-child {
      border-right: 0; }
    .centers__center:hover {
      background-color: #e6f4ff; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .centers__center {
        border-right: 0;
        border-bottom: 1px solid #ccc; }
        .centers__center:last-child {
          border-bottom: 0; } }

.center-link {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #555;
  border-right: 1px solid #ccc; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .center-link {
      border-right: 0;
      border-bottom: 1px solid #ccc; }
      .center-link:last-child {
        border-bottom: 0; } }
  .center-link:hover, .center-link:active {
    text-decoration: none;
    color: #555; }
  .center-link:last-child {
    border-right: 0; }

.categories {
  font-size: .75rem;
  font-weight: 700;
  line-height: .7rem;
  margin: 0;
  padding: .25rem 0 .4rem;
  text-decoration: none;
  text-transform: uppercase; }
  .categories__link {
    color: inherit;
    text-decoration: none; }
  .categories__category {
    color: #aaa;
    display: inline-block;
    margin-bottom: .25rem;
    padding: .5rem 1rem .2rem 0;
    text-decoration: none;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-out ease-in;
            transition-timing-function: ease-out ease-in; }
    .categories__category a {
      text-decoration: none; }
    .categories__category:active, .categories__category:focus, .categories__category:hover {
      color: #0094ff; }

.tags {
  font-size: .8rem;
  line-height: 1rem;
  margin: 0 0 1rem;
  text-align: left;
  padding-left: 0; }
  .tags__link {
    color: inherit;
    display: block;
    padding: .3rem .6rem;
    text-decoration: none;
    text-transform: lowercase; }
  .tags__tag {
    border: solid 1.5px #aaa;
    border-radius: 4px;
    color: #aaa;
    display: inline-block;
    margin: 0 .5rem .75rem 0;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: background-color, border-color, color;
    transition-property: background-color, border-color, color;
    -webkit-transition-timing-function: ease-out ease-in;
            transition-timing-function: ease-out ease-in; }
    .tags__tag a {
      text-decoration: none; }
      .tags__tag a:hover {
        color: white; }
    .tags__tag:active, .tags__tag:focus, .tags__tag:hover {
      background-color: #0094ff;
      border-color: #0094ff;
      color: #fefefe; }

@media print {
  .categories,
  .tags {
    display: none; } }

.category-page__center a {
  text-decoration: none; }

.category-page__center h5 {
  background-color: #fefefe;
  border-bottom: 1px solid #ccc;
  color: #888;
  text-decoration: none;
  font-size: 1rem;
  padding: 1rem;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  .category-page__center h5:hover {
    background-color: #e6f4ff; }

.category-page__heading {
  margin: 0 0 1.5rem;
  text-align: center;
  text-transform: capitalize; }

.post-list {
  background-color: #fefefe;
  border-bottom: 1px solid #ccc;
  margin: 0;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .post-list {
      width: 100%; } }
  .post-list:hover {
    background-color: #e6f4ff; }
  .post-list:last-child {
    border-bottom: none; }
  .post-list__featured-image {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    flex-basis: 180px;
    -webkit-box-flex: 0;
            flex-grow: 0;
    flex-shrink: 0;
    height: 125px;
    margin: 1rem; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .post-list__featured-image {
        display: none; } }
  .post-list__link {
    color: #555;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    height: 100%;
    text-decoration: none;
    width: 100%; }
    .post-list__link:hover, .post-list__link:focus, .post-list__link:visited {
      color: #555;
      text-decoration: none; }
  .post-list__text {
    padding: 1.5rem 1rem 1rem; }
  .post-list__title {
    font-size: 1.4rem;
    font-weight: 400; }
  .post-list__meta {
    color: #888;
    font-size: .9rem;
    margin-bottom: .8rem; }

@media only screen and (min-width: 768px) {
  .sidebar {
    margin: 2rem 0 1rem 2rem; }
    .sidebar--left {
      -webkit-box-ordinal-group: 0;
              order: -1; }
    .sidebar--right {
      -webkit-box-ordinal-group: 3;
              order: 2; }
    .sidebar > * {
      max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .title-bar {
    margin-bottom: 1.75rem; } }

.date {
  color: #888;
  font-size: .8rem;
  margin-bottom: .8rem; }

.byline {
  display: inline-block;
  margin: 0 .5rem .75rem 0;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: opacity, background-color;
  transition-property: opacity, background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  .byline:hover {
    opacity: .7; }
  .byline__author {
    border: solid 1.5px #ccc;
    background-color: #ffffff;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle; }
    .byline__author img {
      background: #ccc;
      display: inline-block;
      float: left;
      vertical-align: middle;
      width: 2.25rem; }
    .byline__author p {
      color: #888;
      float: left;
      font-size: 1rem;
      height: 2.25rem;
      line-height: 2.25rem;
      padding: 0 .75rem; }
  .byline__feature-bottom {
    margin: .5rem .5rem 1rem .5rem;
    text-align: center;
    display: inline-block;
    max-width: 450px;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .byline__feature-bottom {
        max-width: 95%;
        margin-right: -.5rem; } }
    .byline__feature-bottom-link {
      display: block;
      margin: 0 0 1rem; }
    .byline__feature-bottom img {
      background: #ccc;
      border-radius: 100%;
      margin-bottom: 0.5rem;
      width: 150px; }
    .byline__feature-bottom-name {
      font-weight: bold;
      font-size: 1.2rem; }
    .byline__feature-bottom-text {
      line-height: 1.5;
      font-size: .8rem;
      text-align: left;
      margin-bottom: 0; }

@media print {
  .date {
    color: black;
    font-size: 1rem;
    margin: 0; }
  .byline:after {
    color: black;
    content: ', '; }
  .byline:last-child:after {
    content: ''; }
  .byline__author {
    border: 0; }
    .byline__author img {
      display: none; }
    .byline__author p {
      color: black;
      padding: 0; }
  .byline__feature-bottom {
    display: none; } }

.cards {
  position: relative;
  flex-wrap: wrap; }
  .cards a {
    text-decoration: none;
    color: #555; }
  .cards__card {
    border: solid 1px #ccc;
    border-radius: 4px;
    border-style: solid;
    color: #555;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    min-width: 18%;
    position: relative;
    text-decoration: none;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; }
    .cards__card:hover {
      background: -webkit-linear-gradient(bottom, #0094ff, #0094ff 5px, #fefefe 5px, #fefefe);
      background: linear-gradient(to top, #0094ff, #0094ff 5px, #fefefe 5px, #fefefe);
      text-decoration: none; }
    .cards__card > *:first-child {
      border-radius: 4px 4px 0 0;
      border-top: 0; }
    .cards__card > *:last-child {
      border-radius: 0 0 4px 4px; }
    .cards__card > *:only-child {
      border-radius: 4px; }
  .cards__card-image {
    background: #eee;
    background-position: center;
    background-size: cover;
    border-radius: 4px 4px 0 0;
    display: block;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    min-height: 250px;
    padding: 0;
    position: relative;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in ease-out;
            transition-timing-function: ease-in ease-out; }
    .cards__card-image--small {
      background: #eee;
      background-position: center;
      background-size: cover;
      border-radius: 4px 4px 0 0;
      display: block;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      min-height: 175px;
      padding: 0;
      position: relative;
      -webkit-transition-duration: .3s;
              transition-duration: .3s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-timing-function: ease-in ease-out;
              transition-timing-function: ease-in ease-out; }
    .cards__card-image::before {
      background: #fefefe;
      bottom: 0;
      content: '';
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: opacity .2s ease-in-out;
      transition: opacity .2s ease-in-out; }
    .cards__card-image:hover::before {
      opacity: .1; }
  .cards__card-content {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    padding: 1rem; }
    .cards__card-content h2 {
      font-size: 1.4rem;
      line-height: 1.5rem; }
    .cards__card-content p {
      font-size: .9rem;
      line-height: 1.25rem; }
  .cards__card-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; }
    .cards__card-link:hover {
      opacity: .1; }
  .cards__state-card {
    border: solid 1px #ccc;
    border-radius: 4px;
    border-style: solid;
    display: -webkit-box;
    display: flex;
    flex-basis: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-timing-function: ease-in ease-out;
            transition-timing-function: ease-in ease-out; }
    @media only screen and (min-width: 768px) {
      .cards__state-card {
        width: 30%; } }
    .cards__state-card a {
      text-decoration: none; }
    .cards__state-card > *:first-child {
      border-radius: 4px 4px 0 0;
      border-top: 0; }
    .cards__state-card > *:last-child {
      border-radius: 0 0 4px 4px; }
    .cards__state-card > *:only-child {
      border-radius: 4px; }
  .cards__state-card-header {
    background: #0094ff;
    padding: .75rem 1rem; }
    .cards__state-card-header p {
      text-align: center;
      color: #fefefe;
      line-height: 1.25rem;
      font-weight: bold; }
  .cards__state-card-content {
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    padding: 1em 1em 1.5rem; }
    .cards__state-card-content h1 {
      text-align: center;
      font-size: 3rem;
      margin-bottom: 0; }
    .cards__state-card-content button {
      background: #6eb76e;
      border: solid 1px #6eb76e;
      border-radius: 10000px;
      color: #fefefe;
      cursor: pointer;
      font-size: .9rem;
      margin-top: 1rem;
      margin-bottom: 0;
      padding: .4rem .75rem;
      line-height: 1;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: background-color, border;
      transition-property: background-color, border;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      .cards__state-card-content button:active, .cards__state-card-content button:focus, .cards__state-card-content button:hover {
        background: #a1d0a1;
        border: solid 1px #a1d0a1; }
  .cards__state-card-study {
    padding: .25rem 1rem;
    border-top: solid 1px #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fefefe;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-timing-function: ease-in ease-out;
            transition-timing-function: ease-in ease-out; }
    .cards__state-card-study:hover {
      background: #e6f4ff;
      cursor: pointer; }
    .cards__state-card-study p {
      font-size: .8rem;
      color: #888;
      text-align: center;
      -webkit-transition-duration: .3s;
              transition-duration: .3s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-in ease-out;
              transition-timing-function: ease-in ease-out; }
      .cards__state-card-study p:hover {
        color: #666; }

.pagination .dots {
  padding: 0;
  margin: 0 .25rem 0 0;
  border: 0px;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out; }
  .pagination .dots:hover {
    background: #fefefe;
    cursor: default; }

.pagination .current {
  color: white;
  background: #0094ff;
  padding: .3rem .4rem;
  border-radius: 4px;
  border: 0px;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .pagination .current {
      padding: .4rem; } }
  .pagination .current:hover {
    background: #0094ff;
    border: 0px;
    cursor: default; }

.pagination ul {
  margin: 3rem auto;
  text-align: center;
  list-style-type: none; }

.pagination li {
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: .5rem; }

.pagination a {
  border-radius: 4px;
  border: solid 1px #ccc;
  text-decoration: none;
  padding: .5rem .8rem;
  color: #888;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .pagination a:hover {
    color: #555;
    background: #e6f4ff;
    cursor: pointer; }

.pagination .next {
  padding-top: .5rem; }

.home__features {
  padding: 0; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .home__features {
      margin: auto 1rem; } }

.home__hero {
  border: solid 1px #ccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-left: 0;
  min-height: 26rem;
  position: relative;
  width: 100%; }
  .home__hero:hover .home__hero-text {
    background: -webkit-linear-gradient(bottom, #0094ff, #0094ff 5px, #fefefe 5px, #fefefe);
    background: linear-gradient(to top, #0094ff, #0094ff 5px, #fefefe 5px, #fefefe); }
  .home__hero:hover .home__hero-image::before {
    opacity: .1; }
  .home__hero > *:first-child {
    border-radius: 4px 4px 0 0;
    border-top: 0; }
  .home__hero > *:last-child {
    border-radius: 0 0 4px 4px; }
  .home__hero > *:only-child {
    border-radius: 4px; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .home__hero {
      min-height: calc(100vh - 60px); } }

.home__hero-image {
  background-color: #ccc;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-box-flex: 1;
          flex: 1 0 auto; }
  .home__hero-image::before {
    background: #fefefe;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; }
  .home__hero-image:hover::before {
    opacity: .1; }

.home__hero-text {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #fefefe;
  display: block;
  padding: 1rem 2rem;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  width: 100%; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .home__hero-text {
      height: 100%; } }

.home__hero-title {
  color: #555;
  font-weight: 700;
  padding: 0;
  font-size: 1.6rem; }
  @media only screen and (min-width: 768px) {
    .home__hero-title {
      font-size: 1.75rem; } }

.home__hero-excerpt {
  color: #555;
  font-size: 1rem;
  line-height: 1.25; }

.home__feature--link {
  bottom: 0;
  color: #555;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  z-index: 50; }
  .home__feature--link:hover, .home__feature--link:focus, .home__feature--link:visited {
    color: #555;
    text-decoration: none; }

.home__secondary-features {
  background-position: 50% 50%;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-left: 0; }

.home__secondary-feature {
  display: -webkit-box;
  display: flex;
  flex-basis: 100%;
  min-height: 10rem;
  -webkit-box-flex: 0;
          flex-grow: 0;
  flex-shrink: 0; }
  .home__secondary-feature h2 {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 0; }
  .home__secondary-feature .cards__card-image {
    min-height: 150px;
    border-bottom: 1px solid #ccc; }
  .home__secondary-feature:hover {
    color: #555; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .home__secondary-feature {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .home__secondary-feature {
      flex-basis: 48%; }
      .home__secondary-feature:last-child {
        display: none; } }
  @media only screen and (min-width: 1024px) {
    .home__secondary-feature {
      flex-basis: 24%; } }

.home__secondary-feature-title {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
  padding: .5rem; }
  @media only screen and (min-width: 768px) {
    .home__secondary-feature-title {
      font-size: 1.4rem; } }

.teases {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }

.tease {
  background-color: #fefefe;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-flex: 1;
          flex: 1 1 100%;
  margin: 0.5rem;
  padding: 0.5rem;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  @media only screen and (min-width: 1024px) {
    .tease {
      -webkit-box-flex: 1;
              flex: 1 0 calc(50% - 1rem); } }
  .tease:hover {
    background-color: #e6f4ff; }
  .tease__featured-image {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4px;
    flex-basis: 120px;
    -webkit-box-flex: 0;
            flex-grow: 0;
    flex-shrink: 0;
    margin: 0.5rem;
    min-height: 5rem; }
  .tease__link {
    color: #555;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    height: 100%;
    text-decoration: none;
    width: 100%; }
    .tease__link:hover, .tease__link:focus, .tease__link:visited {
      color: #555;
      text-decoration: none; }
  .tease__text {
    padding: 0.5rem 0 0 0.5rem; }
  .tease__title {
    font-size: 1.1rem;
    font-weight: 400; }
  .tease__meta {
    color: #888;
    font-size: .8rem;
    margin-bottom: .8rem; }

.about-us-hero {
  background: #0094ff;
  background-position: top;
  background-size: cover;
  height: 20rem;
  margin: 0;
  padding: 0;
  position: relative; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .about-us-hero {
      height: 13rem;
      margin-top: -1rem; } }
  .about-us-hero__headings {
    bottom: 0;
    color: #fefefe;
    height: 55%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }
    .about-us-hero__headings p {
      font-size: 3rem;
      line-height: 2.5rem;
      text-align: center; }
      @media only screen and (min-width: 0) and (max-width: 767px) {
        .about-us-hero__headings p {
          font-size: 2rem;
          line-height: 1.75rem; } }

.about-us-nav {
  margin: 0 auto 1.5rem;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .about-us-nav {
      display: table;
      width: 100%; } }
  .about-us-nav ul {
    margin: auto; }
    .about-us-nav ul li {
      background-color: #fefefe;
      border-bottom: 1.5px solid #ccc;
      border-right: 0.5px solid #ccc;
      color: #888;
      display: block;
      float: left;
      font-size: .9rem;
      line-height: 2rem;
      list-style: none;
      padding: 0 .75rem;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-property: background-color, color;
      transition-property: background-color, color;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      @media only screen and (min-width: 1024px) {
        .about-us-nav ul li {
          font-size: 1rem;
          line-height: 2.5rem;
          padding: 0 1.5rem; } }
      @media only screen and (min-width: 0) and (max-width: 767px) {
        .about-us-nav ul li {
          border: 0;
          border-bottom: 1.5px solid #ccc;
          display: table-cell;
          font-size: 1rem;
          line-height: 2.75rem;
          margin: 0 auto;
          width: 100%; } }
      .about-us-nav ul li:first-child {
        border-bottom-left-radius: 4px;
        border-left: 1.5px solid #ccc; }
        @media only screen and (min-width: 0) and (max-width: 767px) {
          .about-us-nav ul li:first-child {
            border-left: 0; } }
      .about-us-nav ul li:last-child {
        border-bottom-right-radius: 4px; }
      .about-us-nav ul li:hover, .about-us-nav ul li:active {
        background-color: #e6f4ff; }
        @media only screen and (min-width: 768px) {
          .about-us-nav ul li:hover, .about-us-nav ul li:active {
            background: -webkit-linear-gradient(bottom, #0094ff, #0094ff 3px, #fefefe 2px, #fefefe);
            background: linear-gradient(to top, #0094ff, #0094ff 3px, #fefefe 2px, #fefefe); } }
      .about-us-nav ul li a {
        color: #888;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: .1s;
                transition-duration: .1s;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out; }

.about-us__contact-form {
  margin-bottom: 1rem; }

.about-us__contact-form-message {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .about-us__contact-form-message textarea {
    flex-basis: auto;
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 0;
    margin-bottom: 1rem; }

@media only screen and (min-width: 0) and (max-width: 767px) {
  .about-us__contact-form--indent {
    margin-left: 1rem; } }

.about-us__connect {
  padding-left: 2.5rem; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .about-us__connect {
      padding-left: 0; } }

.about-us__contact-info {
  padding-left: 2.5rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .about-us__contact-info {
      padding-left: 0; } }
  .about-us__contact-info p {
    margin-bottom: 1rem; }
    .about-us__contact-info p:last-child {
      margin-bottom: 0; }

.about-us__feature-text {
  margin: 0 auto;
  text-align: center;
  width: 800px; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .about-us__feature-text {
      width: 90%; } }
  .about-us__feature-text p {
    font-size: 1.2rem; }

.about-us__staff-member {
  border: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: 1.5rem 0;
  width: 18rem; }
  .about-us__staff-member__headshot {
    background: #ccc;
    background-position: center;
    background-size: cover;
    border-radius: 1000rem;
    display: block;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    height: 13rem;
    margin: 0 auto;
    max-height: 13rem;
    max-width: 13rem;
    padding: 0;
    position: relative;
    width: 13rem; }

.about-us__staff-feature {
  border: 0;
  width: 18rem; }
  .about-us__staff-feature__headshot {
    background: #ccc;
    background-position: center;
    background-size: cover;
    border-radius: 1000rem;
    display: block;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
    height: 17rem;
    margin: 0 auto 0;
    max-height: 17rem;
    max-width: 17rem;
    padding-right: 2rem;
    width: 17rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .about-us__staff-feature__headshot {
        height: 13rem;
        max-height: 13rem;
        max-width: 13rem;
        width: 13rem; } }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .about-us__staff-feature__headshot {
        margin: 0 auto; } }
  .about-us__staff-feature__name-title {
    margin: 0 auto 2rem; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .about-us__staff-feature__name-title {
        text-align: center; } }
  .about-us__staff-feature__social {
    margin: 1rem auto 1.5rem; }
    .about-us__staff-feature__social a {
      text-decoration: none; }

.about-us__staff-title {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  padding: 1em 1em 0;
  text-align: center; }
  .about-us__staff-title__name {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 auto .5rem; }
  .about-us__staff-title__position {
    color: #888;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.4;
    margin: 0 0 .5rem; }
  .about-us__staff-title__organization {
    color: #888;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0; }
  .about-us__staff-title__social {
    margin: auto; }
    .about-us__staff-title__social a {
      text-decoration: none; }

.about-us__media-contact fieldset {
  margin-top: 1rem; }

.about-us__media-contact p {
  margin-bottom: .75rem; }

.about-us__media-contact ul {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.about-us__media-coverage {
  margin: .5rem auto 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-in ease-out;
          transition-timing-function: ease-in ease-out; }
  .about-us__media-coverage h5 {
    text-align: center;
    font-size: .7rem;
    color: #aaa;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0; }
  .about-us__media-coverage h2 {
    text-align: center;
    font-size: 1.3rem;
    margin: .4rem .5rem .75rem;
    text-transform: capitalize; }

.charity-logo {
  margin: 1rem .5rem 0;
  height: 100%; }
  .charity-logo__cn {
    width: 250px; }
  .charity-logo__gs {
    width: 300px; }

.about-us__job-opening {
  margin: 2rem 0; }
  .about-us__job-opening__title {
    font-size: 1.3rem;
    margin-bottom: 0; }
    .about-us__job-opening__title a {
      text-decoration: none;
      color: #555;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      .about-us__job-opening__title a:hover {
        color: #0094ff; }
  .about-us__job-opening__dept {
    color: #888;
    margin-bottom: .5rem; }

.media-card h2 {
  font-size: 1.4rem; }

.media-card p {
  line-height: 1;
  font-size: 1rem; }

.press-release-about {
  border-top: 1px solid #ccc;
  margin-top: 2rem;
  text-align: center; }
  .press-release-about p {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.5; }

.impact-metric {
  max-width: 200px;
  display: inline-block;
  margin: 1.5rem; }

.pullquote::before {
  border: 0;
  border-left: solid 5px #0094ff;
  color: #0094ff;
  content: attr(data-pullquote);
  display: none;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 39.1px;
  padding: 0 0 0 1rem;
  position: relative;
  top: 5px;
  width: 25rem; }

.pullquote--left::before {
  float: left;
  margin: 1rem .5rem 1rem -5rem; }

.pullquote--right::before {
  float: right;
  margin: 1rem -5rem 1rem 2.5rem; }

@media only screen and (min-width: 1024px) {
  .pullquote::before {
    display: block; } }

.icon {
  display: inline-block;
  height: 32px;
  margin: .5rem;
  vertical-align: middle;
  width: 32px; }
  .icon--hover {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out; }
    .icon--hover:hover {
      opacity: .75;
      cursor: pointer; }
  .icon--small {
    height: 18px;
    width: 18px; }
  .icon--large {
    height: 48px;
    width: 48px; }
  .icon--jumbo {
    height: 150px;
    width: 150px; }
  .icon--boxed {
    border: 1px solid #aaa;
    padding: .4rem;
    border-radius: 4px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .icon--boxed:hover {
      opacity: .8;
      border: 1px solid #bbb; }

.icons-sidebar {
  display: none; }

@media only screen and (min-width: 768px) {
  .icons-sidebar {
    -webkit-box-align: center;
            align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    left: 0;
    margin-top: 0;
    position: fixed;
    top: 60px;
    z-index: 500; }
    .icons-sidebar .container {
      background-color: #fefefe;
      border: 1px solid #ccc;
      border-bottom-right-radius: 4px;
      border-left: 0;
      border-top-right-radius: 4px;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      display: -webkit-box;
      display: flex;
      margin: 0; }
    .icons-sidebar__link {
      flex-basis: auto;
      -webkit-box-flex: 1;
              flex-grow: 1;
      flex-shrink: 0; } }

.mobile-social-icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem; }
  .mobile-social-icons a {
    border: 1px solid #ccc;
    padding: .4rem;
    border-radius: 4px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .mobile-social-icons a:hover {
      opacity: .75; }

@media only screen and (min-width: 768px) {
  .mobile-social-icons {
    display: none; } }

@media print {
  .mobile-social-icons {
    display: none; } }

.most-read__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding-left: 0; }

.most-read__item {
  background-color: #fefefe;
  border-top: 1px solid #eee;
  color: #555;
  margin: 0 -1rem;
  padding: .75rem 1rem;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  .most-read__item:hover {
    background-color: #e6f4ff; }

.most-read__title {
  color: #555;
  text-decoration: none; }
  .most-read__title:hover {
    color: #555;
    text-decoration: none; }

.most-read__links {
  font-size: 1.1rem;
  line-height: 1.5rem; }

.most-read__datetime {
  color: #888;
  font-size: .8rem;
  margin-bottom: 1rem; }

.research__background-image {
  background-color: #0094ff;
  background-position: 50% 50%;
  background-size: cover;
  height: 45vh;
  margin: -1rem 0 1rem;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .research__background-image {
      margin: auto; } }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .research__background-image {
      max-height: 18rem; } }
  @media print {
    .research__background-image {
      display: none; } }

.research__header {
  background-color: #fefefe;
  border-radius: 4px;
  display: block;
  margin: -15vh auto 2rem;
  max-width: 850px;
  padding: 2rem 5rem;
  position: relative; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .research__header {
      border-radius: 0;
      margin: 0 auto 1rem;
      padding: .5rem; } }
  @media print {
    .research__header {
      padding: 0;
      margin: 0;
      max-width: 100%; } }

.research__sidebar {
  display: none; }

.research__download {
  width: 100%;
  margin-bottom: 2rem; }
  @media print {
    .research__download {
      display: none; } }

@media only screen and (min-width: 1024px) {
  .research__sidebar {
    display: block;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .table-of-contents__list {
    list-style: none;
    margin: 0; }
  .table-of-contents__item {
    background-color: #fefefe;
    border-top: 1px solid #eee;
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0 -1rem;
    padding: .5rem 1rem;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    .table-of-contents__item--active, .table-of-contents__item:hover {
      background-color: #eee; }
  .table-of-contents__link {
    color: #555; }
    .table-of-contents__link:hover {
      color: #555;
      text-decoration: none; } }

.hero {
  margin: 2rem auto;
  padding: 2rem 36px;
  text-align: left;
  width: 100%; }
  .hero__content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
    .hero__content h2 {
      margin-bottom: 1.5rem; }
    .hero__content p {
      font-size: 1.2rem;
      line-height: 1.4; }
    .hero__content button,
    .hero__content .button {
      font-size: 1.25rem;
      padding: 1rem 2rem;
      margin: auto;
      text-align: center; }

.img-hero {
  width: 70%;
  height: 100%;
  margin: 2rem auto 2rem;
  padding: 2rem 36px;
  text-align: center; }

.hero--blue {
  background-color: #0094ff;
  color: #fefefe; }

.hero--green {
  background-color: #6eb76e;
  color: #fefefe; }

.hero--red {
  background-color: #ef4538;
  color: #fefefe; }

.hero--purple {
  background-color: #904098;
  color: #fefefe; }

.hero--orange {
  background-color: #f89820;
  color: #fefefe; }

.hero--white {
  background-color: #fefefe;
  border-top: solid 0.5px #ccc;
  border-bottom: solid 0.5px #ccc;
  color: #555; }

.hero--gray {
  background-color: #eee;
  border-bottom: solid 0.5px #ccc;
  border-top: solid 0.5px #ccc;
  color: #555; }

@media only screen and (min-width: 0) and (max-width: 767px) {
  .mobile-hide {
    display: none; } }

.charity-logo {
  height: 200px;
  padding: 2rem 2rem 0; }

.donate-hero {
  background: #0094ff;
  background-position: top;
  background-size: cover;
  height: 15rem;
  margin: 0;
  padding: 0;
  position: relative; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .donate-hero {
      height: 10rem;
      margin-top: -1rem; } }
  .donate-hero__heading {
    color: #fefefe;
    bottom: 0;
    right: 0;
    top: 1;
    left: 0;
    margin: auto;
    position: absolute;
    height: 60%; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .donate-hero__heading {
        height: 75%; } }
    .donate-hero__heading p {
      font-size: 3rem;
      line-height: 2.5rem;
      text-align: center; }
      @media only screen and (min-width: 0) and (max-width: 767px) {
        .donate-hero__heading p {
          font-size: 2rem;
          line-height: 2.5rem; } }

.donate-nav {
  margin: 0 auto 3rem;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .donate-nav {
      display: table;
      width: 100%; } }
  .donate-nav ul {
    margin: auto; }
  .donate-nav a {
    background-color: #fefefe;
    border-bottom: 1.5px solid #ccc;
    border-right: 0.5px solid #ccc;
    color: #888;
    display: block;
    float: left;
    font-size: .9rem;
    line-height: 2rem;
    list-style: none;
    padding: 0 .75rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    @media only screen and (min-width: 1024px) {
      .donate-nav a {
        font-size: 1rem;
        line-height: 2.5rem;
        padding: 0 1.5rem; } }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .donate-nav a {
        border: 0;
        border-bottom: 1.5px solid #ccc;
        display: table-cell;
        font-size: 1rem;
        line-height: 2.75rem;
        margin: 0 auto;
        width: 100%; } }
    .donate-nav a:first-child {
      border-bottom-left-radius: 4px;
      border-left: 1.5px solid #ccc; }
      @media only screen and (min-width: 0) and (max-width: 767px) {
        .donate-nav a:first-child {
          border-left: 0; } }
    .donate-nav a:last-child {
      border-bottom-right-radius: 4px; }
    .donate-nav a:hover, .donate-nav a:active {
      background-color: #e6f4ff; }
      @media only screen and (min-width: 768px) {
        .donate-nav a:hover, .donate-nav a:active {
          background: -webkit-linear-gradient(bottom, #0094ff, #0094ff 3px, #fefefe 2px, #fefefe);
          background: linear-gradient(to top, #0094ff, #0094ff 3px, #fefefe 2px, #fefefe); } }
    .donate-nav a li {
      color: #888;
      -webkit-transition-duration: .1s;
              transition-duration: .1s;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }

.qgiv {
  width: 100%;
  height: 1600px;
  padding-right: 1rem;
  overflow: hidden; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .qgiv {
      width: 100%;
      height: 2200px;
      overflow: hidden; } }

.state-tabs {
  margin-top: 1rem; }
  @media only screen and (min-width: 768px) {
    .state-tabs {
      max-width: 1200px;
      margin: 1rem auto 0; } }
  .state-tabs section {
    display: none;
    padding: 2rem 2rem 0;
    border-top: 1px solid #ccc; }
  .state-tabs input {
    display: none; }
  .state-tabs label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent; }
  .state-tabs label:hover {
    color: #888;
    cursor: pointer; }
  .state-tabs input:checked + label {
    font-weight: bold;
    color: #555;
    border: 1px solid #ccc;
    border-top: 3px solid #0094ff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #fff; }
  .state-tabs #tab1:checked ~ #content1,
  .state-tabs #tab2:checked ~ #content2,
  .state-tabs #tab3:checked ~ #content3,
  .state-tabs #tab4:checked ~ #content4 {
    display: block; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .state-tabs section {
      padding: 2rem .75rem 0; }
    .state-tabs label {
      color: #aaa;
      text-align: left;
      display: block;
      font-weight: normal;
      border-top: 1px solid #ccc; }
    .state-tabs label:hover {
      color: #888;
      cursor: pointer;
      background: #e6f4ff; }
    .state-tabs input:checked + label {
      color: #555;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-right: 0px;
      border-left: 0px;
      background: #e6f4ff;
      font-weight: bold;
      border-radius: 0px; } }

.staff__cards {
  -webkit-box-pack: center;
          justify-content: center; }

.staff__card {
  -webkit-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out; }
  .staff__card:hover {
    box-shadow: 0 2px 5px 1px #eee; }
  .staff__card .cards__card-image {
    max-height: 180px; }
  .staff__card .cards__card-content {
    color: #555; }
  @media only screen and (min-width: 768px) {
    .staff__card {
      max-width: 22%; } }

.staff__title {
  text-align: center; }

.staff__photo-link {
  text-align: center; }

.staff__photo {
  border-radius: 4px;
  margin: 0 0 2rem; }

.staff__contact {
  list-style: none;
  margin: 0 0 2rem;
  padding-left: 0; }

.staff__contact-item {
  display: block;
  font-size: 1rem;
  padding: .25rem;
  text-align: center; }

.staff__contact-item-link {
  color: inherit;
  display: block;
  text-decoration: none; }
  .staff__contact-item-link:hover, .staff__contact-item-link:focus, .staff__contact-item-link:visited {
    color: inherit;
    text-decoration: none; }

.staff__bio {
  margin: 0 0 2rem; }

.staff__work {
  margin: 0 0 2rem; }

.staff__work-list {
  list-style: none;
  margin: 0 0 2rem; }

.staff__work-list-item {
  border-bottom: 1px solid #ccc;
  font-size: .9rem;
  padding: .5rem 1rem; }
  .staff__work-list-item:last-child {
    border-bottom: 0; }
  .staff__work-list-item:hover {
    background-color: #eee; }
  .staff__work-list-item a {
    display: block;
    text-decoration: none; }
    .staff__work-list-item a:hover, .staff__work-list-item a:focus, .staff__work-list-item a:visited {
      color: inherit;
      text-decoration: none; }

.staff__work-list-item-title {
  color: #555;
  line-height: 1.3; }

.staff__work-list-item-meta {
  color: #888;
  font-style: italic; }

.staff__archive-link {
  display: block; }

.all-staff {
  margin: 2rem auto 1.5rem;
  position: relative; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .all-staff {
      display: none; } }

.hero {
  margin: 2rem auto;
  padding: 2rem 36px;
  text-align: left;
  width: 100%; }
  .hero__content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
    .hero__content h2 {
      margin-bottom: 1.5rem; }
    .hero__content p {
      font-size: 1.2rem;
      line-height: 1.4; }
    .hero__content button,
    .hero__content .button {
      font-size: 1.25rem;
      padding: 1rem 2rem;
      margin: auto;
      text-align: center; }

.img-hero {
  width: 70%;
  height: 100%;
  margin: 2rem auto 2rem;
  padding: 2rem 36px;
  text-align: center; }

.hero--blue {
  background-color: #0094ff;
  color: #fefefe; }

.hero--green {
  background-color: #6eb76e;
  color: #fefefe; }

.hero--red {
  background-color: #ef4538;
  color: #fefefe; }

.hero--purple {
  background-color: #904098;
  color: #fefefe; }

.hero--orange {
  background-color: #f89820;
  color: #fefefe; }

.hero--white {
  background-color: #fefefe;
  border-top: solid 0.5px #ccc;
  border-bottom: solid 0.5px #ccc;
  color: #555; }

.hero--gray {
  background-color: #eee;
  border-bottom: solid 0.5px #ccc;
  border-top: solid 0.5px #ccc;
  color: #555; }

@media only screen and (min-width: 0) and (max-width: 767px) {
  .mobile-hide {
    display: none; } }

.charity-logo {
  height: 200px;
  padding: 2rem 2rem 0; }

.news__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding-left: 0; }

.news__item {
  background-color: #fefefe;
  border-top: 1px solid #eee;
  color: #555;
  margin: 0 -1rem;
  padding: .75rem 1rem;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  .news__item:hover {
    background-color: #e6f4ff; }

.news__title {
  color: #555;
  text-decoration: none; }
  .news__title:hover {
    color: #555;
    text-decoration: none; }

.news__links {
  font-size: 1.1rem;
  line-height: 1.5rem; }

.news__datetime {
  color: #888;
  font-size: .8rem;
  margin-bottom: 1rem; }

.major-pubs {
  margin: 2rem auto;
  padding: 2rem 36px;
  width: 100%;
  background-color: #f5f5f5;
  border-bottom: solid 0.5px #ccc;
  border-top: solid 0.5px #ccc;
  color: #555; }
  .major-pubs__content {
    margin: auto; }
    .major-pubs__content h2 {
      margin-bottom: 1rem; }
  .major-pubs .pubs {
    position: relative;
    margin: 0 1.5rem 1.5rem;
    max-width: 100%;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .major-pubs .pubs {
        max-width: 80%; } }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .major-pubs .pubs {
        margin: 0; } }
    .major-pubs .pubs__pub {
      border-radius: 4px;
      max-width: 250px;
      min-width: 250px;
      height: 250px;
      margin: 1rem auto;
      position: relative;
      text-decoration: none;
      border: solid 1px #ccc;
      background: #eee;
      background-position: center;
      background-size: cover;
      padding: 0;
      -webkit-transition-duration: .3s;
              transition-duration: .3s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
      .major-pubs .pubs__pub:hover {
        opacity: .8; }
    .major-pubs .pubs__pub-link {
      text-decoration: none;
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 5; }

.search__filter {
  height: 10rem; }

.search__option {
  border-bottom: 1px solid #eee;
  font-size: 0.8rem;
  line-height: 1.3;
  padding: 0.25rem 0 0.25rem 1rem;
  text-indent: -1rem;
  white-space: normal; }

.error h1 {
  font-size: 10rem;
  font-weight: bold; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .error h1 {
      font-size: 7rem; } }

.error h2 {
  font-size: 2.5rem; }

.error h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 1rem auto 2rem; }