/*============================================================================
		  #Normalize
		  Based on normalize.css v3.0.2 | MIT License | git.io/normalize
		==============================================================================*/
@import url("https://use.typekit.net/lvp1lxa.css");
@import url("https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  margin: 0; }

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

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

a {
  background-color: transparent; }

b,
strong {
  font-weight: 700; }

em {
  font-style: italic; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  border: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

input[type="search"], input[type="number"], input[type="email"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

textarea {
  overflow: auto;
  -webkit-appearance: none;
  -moz-appearance: none; }

[tabindex='-1']:focus {
  outline: none; }

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation; }

/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*================ Media Query Mixin ================*/
/*============================================================================
  #Grid
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -40px; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .grid {
      margin-left: -22px; } }

.grid__item {
  float: left;
  padding-left: 40px;
  margin-bottom: 40px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .grid__item {
      padding-left: 22px; } }
  .grid__item[class*="--push"] {
    position: relative; }

/* Narrow gap grids */
.grid--narrow .grid__item {
  padding-left: 22px;
  margin-bottom: 22px; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.3333333333%; }

.two-thirds {
  width: 66.6666666667%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.6666666667%; }

.two-sixths {
  width: 33.3333333333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.6666666667%; }

.five-sixths {
  width: 83.3333333333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.3333333333%; }

.two-twelfths {
  width: 16.6666666667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.3333333333%; }

.five-twelfths {
  width: 41.6666666667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.3333333333%; }

.eight-twelfths {
  width: 66.6666666667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.3333333333%; }

.eleven-twelfths {
  width: 91.6666666667%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 767px) {
  /* Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.3333333333%; }

  .small--two-thirds {
    width: 66.6666666667%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%; }

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.6666666667%; }

  .small--two-sixths {
    width: 33.3333333333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.6666666667%; }

  .small--five-sixths {
    width: 83.3333333333%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%; }

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.3333333333%; }

  .small--two-twelfths {
    width: 16.6666666667%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.3333333333%; }

  .small--five-twelfths {
    width: 41.6666666667%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.3333333333%; }

  .small--eight-twelfths {
    width: 66.6666666667%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.3333333333%; }

  .small--eleven-twelfths {
    width: 91.6666666667%; }

  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small--show {
    display: block !important; }

  .small--hide {
    display: none !important; }

  .small--text-left {
    text-align: left !important; }

  .small--text-right {
    text-align: right !important; }

  .small--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Whole */
  .medium--one-whole {
    width: 100%; }

  /* Halves */
  .medium--one-half {
    width: 50%; }

  /* Thirds */
  .medium--one-third {
    width: 33.3333333333%; }

  .medium--two-thirds {
    width: 66.6666666667%; }

  /* Quarters */
  .medium--one-quarter {
    width: 25%; }

  .medium--two-quarters {
    width: 50%; }

  .medium--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium--one-fifth {
    width: 20%; }

  .medium--two-fifths {
    width: 40%; }

  .medium--three-fifths {
    width: 60%; }

  .medium--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium--one-sixth {
    width: 16.6666666667%; }

  .medium--two-sixths {
    width: 33.3333333333%; }

  .medium--three-sixths {
    width: 50%; }

  .medium--four-sixths {
    width: 66.6666666667%; }

  .medium--five-sixths {
    width: 83.3333333333%; }

  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }

  .medium--two-eighths {
    width: 25%; }

  .medium--three-eighths {
    width: 37.5%; }

  .medium--four-eighths {
    width: 50%; }

  .medium--five-eighths {
    width: 62.5%; }

  .medium--six-eighths {
    width: 75%; }

  .medium--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium--one-tenth {
    width: 10%; }

  .medium--two-tenths {
    width: 20%; }

  .medium--three-tenths {
    width: 30%; }

  .medium--four-tenths {
    width: 40%; }

  .medium--five-tenths {
    width: 50%; }

  .medium--six-tenths {
    width: 60%; }

  .medium--seven-tenths {
    width: 70%; }

  .medium--eight-tenths {
    width: 80%; }

  .medium--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium--one-twelfth {
    width: 8.3333333333%; }

  .medium--two-twelfths {
    width: 16.6666666667%; }

  .medium--three-twelfths {
    width: 25%; }

  .medium--four-twelfths {
    width: 33.3333333333%; }

  .medium--five-twelfths {
    width: 41.6666666667%; }

  .medium--six-twelfths {
    width: 50%; }

  .medium--seven-twelfths {
    width: 58.3333333333%; }

  .medium--eight-twelfths {
    width: 66.6666666667%; }

  .medium--nine-twelfths {
    width: 75%; }

  .medium--ten-twelfths {
    width: 83.3333333333%; }

  .medium--eleven-twelfths {
    width: 91.6666666667%; }

  .grid--uniform .medium--one-half:nth-child(2n+1),
  .grid--uniform .medium--one-third:nth-child(3n+1),
  .grid--uniform .medium--one-quarter:nth-child(4n+1),
  .grid--uniform .medium--one-fifth:nth-child(5n+1),
  .grid--uniform .medium--one-sixth:nth-child(6n+1),
  .grid--uniform .medium--two-sixths:nth-child(3n+1),
  .grid--uniform .medium--three-sixths:nth-child(2n+1),
  .grid--uniform .medium--one-eighth:nth-child(8n+1),
  .grid--uniform .medium--two-eighths:nth-child(4n+1),
  .grid--uniform .medium--four-eighths:nth-child(2n+1),
  .grid--uniform .medium--five-tenths:nth-child(2n+1),
  .grid--uniform .medium--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium--show {
    display: block !important; }

  .medium--hide {
    display: none !important; }

  .medium--text-left {
    text-align: left !important; }

  .medium--text-right {
    text-align: right !important; }

  .medium--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 768px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.3333333333%; }

  .medium-up--two-thirds {
    width: 66.6666666667%; }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.6666666667%; }

  .medium-up--two-sixths {
    width: 33.3333333333%; }

  .medium-up--three-sixths {
    width: 50%; }

  .medium-up--four-sixths {
    width: 66.6666666667%; }

  .medium-up--five-sixths {
    width: 83.3333333333%; }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }

  .medium-up--two-eighths {
    width: 25%; }

  .medium-up--three-eighths {
    width: 37.5%; }

  .medium-up--four-eighths {
    width: 50%; }

  .medium-up--five-eighths {
    width: 62.5%; }

  .medium-up--six-eighths {
    width: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }

  .medium-up--two-tenths {
    width: 20%; }

  .medium-up--three-tenths {
    width: 30%; }

  .medium-up--four-tenths {
    width: 40%; }

  .medium-up--five-tenths {
    width: 50%; }

  .medium-up--six-tenths {
    width: 60%; }

  .medium-up--seven-tenths {
    width: 70%; }

  .medium-up--eight-tenths {
    width: 80%; }

  .medium-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.3333333333%; }

  .medium-up--two-twelfths {
    width: 16.6666666667%; }

  .medium-up--three-twelfths {
    width: 25%; }

  .medium-up--four-twelfths {
    width: 33.3333333333%; }

  .medium-up--five-twelfths {
    width: 41.6666666667%; }

  .medium-up--six-twelfths {
    width: 50%; }

  .medium-up--seven-twelfths {
    width: 58.3333333333%; }

  .medium-up--eight-twelfths {
    width: 66.6666666667%; }

  .medium-up--nine-twelfths {
    width: 75%; }

  .medium-up--ten-twelfths {
    width: 83.3333333333%; }

  .medium-up--eleven-twelfths {
    width: 91.6666666667%; }

  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium-up--show {
    display: block !important; }

  .medium-up--hide {
    display: none !important; }

  .medium-up--text-left {
    text-align: left !important; }

  .medium-up--text-right {
    text-align: right !important; }

  .medium-up--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 1024px) {
  /* Whole */
  .large-up--one-whole {
    width: 100%; }

  /* Halves */
  .large-up--one-half {
    width: 50%; }

  /* Thirds */
  .large-up--one-third {
    width: 33.3333333333%; }

  .large-up--two-thirds {
    width: 66.6666666667%; }

  /* Quarters */
  .large-up--one-quarter {
    width: 25%; }

  .large-up--two-quarters {
    width: 50%; }

  .large-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .large-up--one-fifth {
    width: 20%; }

  .large-up--two-fifths {
    width: 40%; }

  .large-up--three-fifths {
    width: 60%; }

  .large-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .large-up--one-sixth {
    width: 16.6666666667%; }

  .large-up--two-sixths {
    width: 33.3333333333%; }

  .large-up--three-sixths {
    width: 50%; }

  .large-up--four-sixths {
    width: 66.6666666667%; }

  .large-up--five-sixths {
    width: 83.3333333333%; }

  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%; }

  .large-up--two-eighths {
    width: 25%; }

  .large-up--three-eighths {
    width: 37.5%; }

  .large-up--four-eighths {
    width: 50%; }

  .large-up--five-eighths {
    width: 62.5%; }

  .large-up--six-eighths {
    width: 75%; }

  .large-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .large-up--one-tenth {
    width: 10%; }

  .large-up--two-tenths {
    width: 20%; }

  .large-up--three-tenths {
    width: 30%; }

  .large-up--four-tenths {
    width: 40%; }

  .large-up--five-tenths {
    width: 50%; }

  .large-up--six-tenths {
    width: 60%; }

  .large-up--seven-tenths {
    width: 70%; }

  .large-up--eight-tenths {
    width: 80%; }

  .large-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.3333333333%; }

  .large-up--two-twelfths {
    width: 16.6666666667%; }

  .large-up--three-twelfths {
    width: 25%; }

  .large-up--four-twelfths {
    width: 33.3333333333%; }

  .large-up--five-twelfths {
    width: 41.6666666667%; }

  .large-up--six-twelfths {
    width: 50%; }

  .large-up--seven-twelfths {
    width: 58.3333333333%; }

  .large-up--eight-twelfths {
    width: 66.6666666667%; }

  .large-up--nine-twelfths {
    width: 75%; }

  .large-up--ten-twelfths {
    width: 83.3333333333%; }

  .large-up--eleven-twelfths {
    width: 91.6666666667%; }

  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .large-up--show {
    display: block !important; }

  .large-up--hide {
    display: none !important; }

  .large-up--text-left {
    text-align: left !important; }

  .large-up--text-right {
    text-align: right !important; }

  .large-up--text-center {
    text-align: center !important; } }
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 767px) {
  /* Halves */
  .small--push-one-half {
    left: 50%; }

  /* Thirds */
  .small--push-one-third {
    left: 33.3333333333%; }

  .small--push-two-thirds {
    left: 66.6666666667%; }

  /* Quarters */
  .small--push-one-quarter {
    left: 25%; }

  .small--push-two-quarters {
    left: 50%; }

  .small--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .small--push-one-fifth {
    left: 20%; }

  .small--push-two-fifths {
    left: 40%; }

  .small--push-three-fifths {
    left: 60%; }

  .small--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .small--push-one-sixth {
    left: 16.6666666667%; }

  .small--push-two-sixths {
    left: 33.3333333333%; }

  .small--push-three-sixths {
    left: 50%; }

  .small--push-four-sixths {
    left: 66.6666666667%; }

  .small--push-five-sixths {
    left: 83.3333333333%; }

  /* Eighths */
  .small--push-one-eighth {
    left: 12.5%; }

  .small--push-two-eighths {
    left: 25%; }

  .small--push-three-eighths {
    left: 37.5%; }

  .small--push-four-eighths {
    left: 50%; }

  .small--push-five-eighths {
    left: 62.5%; }

  .small--push-six-eighths {
    left: 75%; }

  .small--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .small--push-one-tenth {
    left: 10%; }

  .small--push-two-tenths {
    left: 20%; }

  .small--push-three-tenths {
    left: 30%; }

  .small--push-four-tenths {
    left: 40%; }

  .small--push-five-tenths {
    left: 50%; }

  .small--push-six-tenths {
    left: 60%; }

  .small--push-seven-tenths {
    left: 70%; }

  .small--push-eight-tenths {
    left: 80%; }

  .small--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .small--push-one-twelfth {
    left: 8.3333333333%; }

  .small--push-two-twelfths {
    left: 16.6666666667%; }

  .small--push-three-twelfths {
    left: 25%; }

  .small--push-four-twelfths {
    left: 33.3333333333%; }

  .small--push-five-twelfths {
    left: 41.6666666667%; }

  .small--push-six-twelfths {
    left: 50%; }

  .small--push-seven-twelfths {
    left: 58.3333333333%; }

  .small--push-eight-twelfths {
    left: 66.6666666667%; }

  .small--push-nine-twelfths {
    left: 75%; }

  .small--push-ten-twelfths {
    left: 83.3333333333%; }

  .small--push-eleven-twelfths {
    left: 91.6666666667%; } }
@media only screen and (min-width: 768px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%; }

  /* Thirds */
  .medium-up--push-one-third {
    left: 33.3333333333%; }

  .medium-up--push-two-thirds {
    left: 66.6666666667%; }

  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%; }

  .medium-up--push-two-quarters {
    left: 50%; }

  .medium-up--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .medium-up--push-one-fifth {
    left: 20%; }

  .medium-up--push-two-fifths {
    left: 40%; }

  .medium-up--push-three-fifths {
    left: 60%; }

  .medium-up--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .medium-up--push-one-sixth {
    left: 16.6666666667%; }

  .medium-up--push-two-sixths {
    left: 33.3333333333%; }

  .medium-up--push-three-sixths {
    left: 50%; }

  .medium-up--push-four-sixths {
    left: 66.6666666667%; }

  .medium-up--push-five-sixths {
    left: 83.3333333333%; }

  /* Eighths */
  .medium-up--push-one-eighth {
    left: 12.5%; }

  .medium-up--push-two-eighths {
    left: 25%; }

  .medium-up--push-three-eighths {
    left: 37.5%; }

  .medium-up--push-four-eighths {
    left: 50%; }

  .medium-up--push-five-eighths {
    left: 62.5%; }

  .medium-up--push-six-eighths {
    left: 75%; }

  .medium-up--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .medium-up--push-one-tenth {
    left: 10%; }

  .medium-up--push-two-tenths {
    left: 20%; }

  .medium-up--push-three-tenths {
    left: 30%; }

  .medium-up--push-four-tenths {
    left: 40%; }

  .medium-up--push-five-tenths {
    left: 50%; }

  .medium-up--push-six-tenths {
    left: 60%; }

  .medium-up--push-seven-tenths {
    left: 70%; }

  .medium-up--push-eight-tenths {
    left: 80%; }

  .medium-up--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .medium-up--push-one-twelfth {
    left: 8.3333333333%; }

  .medium-up--push-two-twelfths {
    left: 16.6666666667%; }

  .medium-up--push-three-twelfths {
    left: 25%; }

  .medium-up--push-four-twelfths {
    left: 33.3333333333%; }

  .medium-up--push-five-twelfths {
    left: 41.6666666667%; }

  .medium-up--push-six-twelfths {
    left: 50%; }

  .medium-up--push-seven-twelfths {
    left: 58.3333333333%; }

  .medium-up--push-eight-twelfths {
    left: 66.6666666667%; }

  .medium-up--push-nine-twelfths {
    left: 75%; }

  .medium-up--push-ten-twelfths {
    left: 83.3333333333%; }

  .medium-up--push-eleven-twelfths {
    left: 91.6666666667%; } }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, button, 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, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* :before, * :after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none; }

ul,
ol,
dl {
  list-style: none; }

em {
  font-style: italic; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

pre {
  background-color: #D9D6D4;
  border-radius: 0.3rem;
  padding: 1rem; }

code {
  background-color: #D9D6D4;
  padding: 0.2rem 0.4rem; }

::selection {
  background-color: rgba(255, 255, 100, 0.5); }

input,
textarea {
  border: 0.05em solid #D9D6D4; }
  input:focus,
  textarea:focus {
    border: 0.05em solid #98999C; }

textarea {
  vertical-align: top;
  resize: vertical;
  max-width: 100%; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?072120");
  src: url("fonts/icomoon.eot?072120#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?072120") format("truetype"), url("fonts/icomoon.woff?072120") format("woff"), url("fonts/icomoon.svg?072120#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-vimeo:before {
  content: "\e905"; }

.icon-youtube:before {
  content: "\e900"; }

.icon-instagram:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.icon-tweet:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e903"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-at-sign:before {
  content: "\e695"; }

.icon-envelope:before {
  content: "\e696"; }

.icon-paper-plane:before {
  content: "\e699"; }

.icon-hdd-down:before {
  content: "\e6ac"; }

.icon-document:before {
  content: "\e6d8"; }

.icon-telephone:before {
  content: "\e76a"; }

.icon-telephone2:before {
  content: "\e777"; }

.icon-map-marker:before {
  content: "\e77a"; }

.icon-smartphone:before {
  content: "\e7a6"; }

.icon-download2:before {
  content: "\e8f5"; }

.icon-enter-down:before {
  content: "\e8f8"; }

.icon-exit-down:before {
  content: "\e8fc"; }

.icon-cross:before,
.icon-close:before {
  content: "\e92a"; }

.icon-menu:before {
  content: "\e92b"; }

.icon-chevron-up:before {
  content: "\e939"; }

.icon-chevron-down:before {
  content: "\e93a"; }

.icon-chevron-left:before {
  content: "\e93b"; }

.icon-chevron-right:before {
  content: "\e93c"; }

.icon-arrow-up:before {
  content: "\e941"; }

.icon-arrow-down:before {
  content: "\e942"; }

.icon-arrow-left:before {
  content: "\e943"; }

.icon-arrow-right:before {
  content: "\e944"; }

.icon-arrow-up-circle:before {
  content: "\e95e"; }

.icon-arrow-down-circle:before {
  content: "\e95f"; }

.icon-arrow-left-circle:before {
  content: "\e960"; }

.icon-arrow-right-circle:before {
  content: "\e961"; }

.icon-chevron-up-circle:before {
  content: "\e962"; }

.icon-chevron-down-circle:before {
  content: "\e963"; }

.icon-chevron-left-circle:before {
  content: "\e964"; }

.icon-chevron-right-circle:before {
  content: "\e965"; }

html {
  font-size: 62.5%; }
  @media only screen and (min-width: 768px) {
    html {
      font-size: 68.75%; } }
  @media only screen and (min-width: 1024px) {
    html {
      font-size: 75%; } }

body {
  color: #303240;
  font-family: Karla, helvetica, arial, sans-serif;
  line-height: 1.5;
  font-weight: 500;
  font-style: normal;
  font-variant: normal;
  font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6, p {
  padding-bottom: 1.5rem;
  padding-bottom: 1.75rem; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  padding-top: 1.5rem; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  padding-top: 0; }

h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, #content .at.page-content > p, .h4, .h5, .h6 {
  padding: 2rem 0;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #e35205;
  line-height: 1.2; }
  h1 a:link,
  h1 a:visited, h2 a:link,
  h2 a:visited, h3 a:link,
  h3 a:visited, h4 a:link,
  h4 a:visited, h5 a:link,
  h5 a:visited, h6
  .h1 a:link,
  h6
  .h1 a:visited, .h2 a:link,
  .h2 a:visited, .h3 a:link, #content .at.page-content > p a:link,
  .h3 a:visited,
  #content .at.page-content > p a:visited, .h4 a:link,
  .h4 a:visited, .h5 a:link,
  .h5 a:visited, .h6 a:link,
  .h6 a:visited {
    font-weight: inherit; }
  h1 + .subheading, h2 + .subheading, h3 + .subheading, h4 + .subheading, h5 + .subheading, h6
  .h1 + .subheading, .h2 + .subheading, .h3 + .subheading, #content .at.page-content > p + .subheading, .h4 + .subheading, .h5 + .subheading, .h6 + .subheading {
    margin-top: -1rem; }

.subheading {
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #98999C; }

h1 {
  font-size: 1.8em; }

h2, .h2 {
  font-size: 2.6rem; }

h3, .h3, #content .at.page-content > p {
  font-size: 2rem;
  color: #2A387A; }

h4, .h4 {
  font-size: 1.75rem;
  color: #2A387A; }

h5, .h5 {
  font-size: 1.5rem;
  color: #2A387A; }

p, li {
  font-size: 1.75rem;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #303240; }

p.intro {
  font-size: 1.6rem;
  padding-bottom: 2rem; }

blockquote {
  margin: 0 0 3rem;
  margin: 0;
  position: relative;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-weight: normal; }
  blockquote:last-child {
    margin-bottom: 0; }
  blockquote:before, blockquote:after {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 15rem;
    line-height: 1;
    position: absolute;
    z-index: -1;
    color: #ebe9e9; }
  blockquote:before {
    content: open-quote;
    left: 0;
    top: 0; }
  blockquote:after {
    content: close-quote;
    right: 0;
    top: 0; }
  blockquote p {
    font-style: italic;
    font-size: 2rem;
    line-height: 1.2;
    color: #0d93b0; }
  blockquote cite {
    margin-top: 2rem;
    display: block; }

strong {
  font-weight: 600; }

small,
time {
  display: block;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  color: #98999C; }
  small a,
  small a:visited,
  time a,
  time a:visited {
    color: #98999C; }
  small .tag a,
  small .tag a:visited,
  time .tag a,
  time .tag a:visited {
    color: #0d93b0; }

.large {
  font-size: 1.8rem; }

.small {
  font-size: 1.2rem; }

.highlight {
  padding: 2rem 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
  color: #0d93b0;
  /*width: 120%;
  position: relative;
  left: -10%;*/ }
  .highlight + .highlight {
    padding: 0; }

.caps {
  text-transform: uppercase; }

.grid__item.one-third p, .grid__item.one-third li,
.grid__item.medium-up--one-third p,
.grid__item.medium-up--one-third li {
  font-size: 1.3rem; }

a, a:visited {
  text-decoration: none;
  color: #0d93b0;
  transition: all 150ms;
  font-weight: bold; }

a:hover, a:active {
  text-decoration: none;
  color: #10b3d6; }

a.button,
a.btn {
  display: inline-block;
  margin: 1em 0; }

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
select,
textarea {
  height: auto;
  margin-bottom: 2rem;
  background-color: #f7f6f6;
  background-color: #fff;
  padding: .75em 1rem;
  border-radius: 3px;
  width: 100%; }
  input[type=text]::placeholder,
  input[type=number]::placeholder,
  input[type=email]::placeholder,
  input[type=tel]::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #98999C !important; }

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
select {
  height: 48px; }

input,
textarea {
  transition: all 150ms; }
  input:focus,
  textarea:focus {
    border-color: #c1bcb9; }

textarea {
  width: 100%; }

input[type=submit],
button {
  cursor: pointer; }

label {
  display: block;
  margin-bottom: .5rem;
  font-size: .9em;
  font-weight: bold; }

.contact-form form .grid__item {
  margin-bottom: 0; }
.contact-form form.card {
  padding: 3rem; }
.contact-form form button {
  margin-top: 1rem;
  width: 100%; }

.g-recaptcha {
  display: inline-block; }

/* EveryAction */
main .at,
footer .at {
  overflow: visible;
  font-family: Karla, helvetica, arial, sans-serif; }
  main .at h1, main .at h2, main .at h3, main .at h4, main .at h5, main .at h6,
  footer .at h1,
  footer .at h2,
  footer .at h3,
  footer .at h4,
  footer .at h5,
  footer .at h6 {
    font-family: brandon-grotesque, helvetica, arial, sans-serif;
    color: #2A387A; }

main .at .at-form .at-inner,
.signup .at-form .at-inner {
  padding: 0;
  background: none; }
main .at .at-form .at-step > *:before,
.signup .at-form .at-step > *:before {
  font-size: 1rem !important; }
@media only screen and (max-width: 767px) {
  main .at .at-form .at-step a,
  .signup .at-form .at-step a {
    font-size: 1.2rem; } }
main .at .at-form .at-title,
main .at .at-form .HeaderHtml,
.signup .at-form .at-title,
.signup .at-form .HeaderHtml {
  display: none; }
main .at .at-form .at-check,
main .at .at-form .at-select,
.signup .at-form .at-check,
.signup .at-form .at-select {
  font-size: 1.4rem; }
main .at .at-form small,
.signup .at-form small {
  display: inline;
  font-family: inherit; }
main .at .at-form .at-fieldset,
.signup .at-form .at-fieldset {
  padding: 0; }
  main .at .at-form .at-fieldset.TributeGift,
  .signup .at-form .at-fieldset.TributeGift {
    padding-top: .5rem !important; }
main .at .at-form .at-fields,
.signup .at-form .at-fields {
  padding-left: 2px; }
main .at .at-form .at-row.EmailAddress, main .at .at-form .at-row.FirstName, main .at .at-form .at-row.LastName, main .at .at-form .at-row.MobilePhone, main .at .at-form .at-row.PostalCode,
.signup .at-form .at-row.EmailAddress,
.signup .at-form .at-row.FirstName,
.signup .at-form .at-row.LastName,
.signup .at-form .at-row.MobilePhone,
.signup .at-form .at-row.PostalCode {
  margin-bottom: .5rem; }
main .at .at-form .at-legend,
.signup .at-form .at-legend {
  display: none; }
main .at .at-form ol.at-steps li,
.signup .at-form ol.at-steps li {
  list-style: none; }
main .at .at-form label:not(.label-amount):not(.at-check):not(.IsRecurring):not(.SelectedFrequency),
.signup .at-form label:not(.label-amount):not(.at-check):not(.IsRecurring):not(.SelectedFrequency) {
  font-size: 1.4rem;
  color: #5b6671; }
  main .at .at-form label:not(.label-amount):not(.at-check):not(.IsRecurring):not(.SelectedFrequency) input,
  .signup .at-form label:not(.label-amount):not(.at-check):not(.IsRecurring):not(.SelectedFrequency) input {
    margin-top: .5rem; }
main .at .at-form .intl-tel-input input,
.signup .at-form .intl-tel-input input {
  margin-top: .5rem !important; }
main .at .at-form .label-amount > a,
.signup .at-form .label-amount > a {
  background-color: #2A387A; }
main .at .at-form .label-amount:hover > a,
.signup .at-form .label-amount:hover > a {
  background-color: #2676B3; }
main .at .at-form .label-amount input[type="radio"]:checked + a,
.signup .at-form .label-amount input[type="radio"]:checked + a {
  background-color: #0d93b0; }
main .at .at-form .label-amount input:required,
.signup .at-form .label-amount input:required {
  border-color: #2676B3;
  background-color: #0d93b0; }
@media only screen and (max-width: 767px) {
  main .at .at-form .label-amount.label-otheramount,
  .signup .at-form .label-amount.label-otheramount {
    width: 48% !important; } }
@media only screen and (min-width: 768px) {
  main .at .at-form .label-amount.label-otheramount,
  .signup .at-form .label-amount.label-otheramount {
    width: 22%; } }
main .at .at-form .label-otheramount input,
.signup .at-form .label-otheramount input {
  padding-left: 30px !important; }
main .at .at-form .form-item-inhonororinmemoryof > label,
.signup .at-form .form-item-inhonororinmemoryof > label {
  display: none; }
main .at .at-form input[type=text],
main .at .at-form input[type=email],
main .at .at-form input[type=tel],
main .at .at-form select,
main .at .at-form textarea,
.signup .at-form input[type=text],
.signup .at-form input[type=email],
.signup .at-form input[type=tel],
.signup .at-form select,
.signup .at-form textarea {
  margin-top: .5rem;
  border-radius: 3px;
  font-size: 1.4rem;
  height: 4rem;
  padding: 1rem !important; }
main .at .at-form textarea,
.signup .at-form textarea {
  height: auto;
  line-height: 1.4; }
main .at .at-form input[type="checkbox"] + span:before,
.signup .at-form input[type="checkbox"] + span:before {
  top: 5px; }
main .at .at-form .at-recurring .at-check input[type="checkbox"] + span:before,
.signup .at-form .at-recurring .at-check input[type="checkbox"] + span:before {
  top: 2px; }
main .at .at-form input[type="checkbox"] + span:after,
.signup .at-form input[type="checkbox"] + span:after {
  top: 7px; }
main .at .at-form .at-recurring .at-check input[type="checkbox"] + span:after,
.signup .at-form .at-recurring .at-check input[type="checkbox"] + span:after {
  top: 4px; }
main .at .at-form .intl-tel-input .flag-container,
main .at .at-form .UpdateMyProfile label > span > span:after,
.signup .at-form .intl-tel-input .flag-container,
.signup .at-form .UpdateMyProfile label > span > span:after {
  display: none; }
main .at .at-form .at-markup p,
.signup .at-form .at-markup p {
  font-size: 1.3rem;
  color: #5b6671; }
main .at .at-form .step-prevNext,
.signup .at-form .step-prevNext {
  padding: 0; }
main .at .at-form .at-form-submit,
.signup .at-form .at-form-submit {
  margin-top: 1rem;
  padding: 0;
  text-align: center; }
  main .at .at-form .at-form-submit .at-submit,
  .signup .at-form .at-form-submit .at-submit {
    margin: 0;
    float: none; }
main .at .at-form .LegalHeaderHtml,
main .at .at-form .LegalDescription,
main .at .at-form .FooterHtml,
.signup .at-form .LegalHeaderHtml,
.signup .at-form .LegalDescription,
.signup .at-form .FooterHtml {
  display: none !important; }

main .at .at-form .btn-at-primary {
  padding: 1.7rem 2rem;
  height: 48px;
  border: none;
  border-radius: 24px;
  border-radius: 3px;
  text-align: center;
  line-height: 12px;
  background-color: #e35205;
  vertical-align: middle;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
  transition: all 150ms; }
  @media only screen and (min-width: 768px) {
    main .at .at-form .btn-at-primary {
      padding: 1.5rem 2rem; } }
  main .at .at-form .btn-at-primary:hover, main .at .at-form .btn-at-primary:focus, main .at .at-form .btn-at-primary:active {
    background-color: #fa6617;
    border-color: #e35205;
    color: #fff; }

.signup .at-row {
  margin: inherit; }
.signup label {
  text-align: left; }
.signup .at .at-form .AdditionalInformation {
  margin-top: .5rem; }
  .signup .at .at-form .AdditionalInformation .at-markup {
    margin: 0; }
  .signup .at .at-form .AdditionalInformation .at-row {
    display: block;
    text-align: center;
    opacity: .5; }
    .signup .at .at-form .AdditionalInformation .at-row p {
      font-size: 1.1rem; }
.signup .at .at-form input.at-submit {
  padding: 1.7rem 2rem;
  height: 48px;
  border: none;
  border-radius: 24px;
  border-radius: 3px;
  text-align: center;
  line-height: 12px;
  background-color: #0FA3CC;
  vertical-align: middle;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
  transition: all 150ms; }
  @media only screen and (min-width: 768px) {
    .signup .at .at-form input.at-submit {
      padding: 1.5rem 2rem; } }
  .signup .at .at-form input.at-submit:hover, .signup .at .at-form input.at-submit:focus, .signup .at .at-form input.at-submit:active {
    background-color: #16bfee;
    border-color: #0FA3CC;
    color: #fff; }
.signup .at .at-form .btn-at-primary {
  min-width: 300px; }
  @media only screen and (max-width: 767px) {
    .signup .at .at-form .btn-at-primary {
      min-width: 0;
      width: 100%; } }

footer .signup .at-row.FirstName.LastName, footer .signup .at-row.PostalCode, footer .signup .at-row.MobilePhone, footer .signup .at-markup, footer .signup .at-form-submit {
  display: none !important; }
footer .signup .form-active .at-row.FirstName.LastName, footer .signup .form-active .at-row.PostalCode, footer .signup .form-active .at-row.MobilePhone {
  display: flex !important; }
footer .signup .form-active .at-markup, footer .signup .form-active .at-form-submit {
  display: block !important; }

/* Advocacy Form */
div[data-at-id=Subject_0] {
  margin-top: 2rem; }
  div[data-at-id=Subject_0]:before {
    content: "Subject: ";
    font-weight: bold; }

/* Fast Action */
.home-section section.fastaction-modal .fa-modal-content > * {
  color: #303240 !important; }

/*.hero-image {
  .signup {
    .at-row.FirstName.LastName, .at-row.PostalCode, .at-row.MobilePhone, .at-markup {
      display: none !important;
    }
  }
  &.form-active {
    .signup {
      .at-row.FirstName.LastName, .at-row.PostalCode, .at-row.MobilePhone {
        display: flex !important;
      }
      .at-markup {
        display: block !important;
      }
    }
  }
  .signup {
    .FooterHtml {
      display: none;
    }
  }
}*/
/* Find Your Officials form */
.oa-eo-target-col-office, .oa-eo-target-col-links, .oa-eo-target-col-more {
  display: none !important; }

.grid-full .col-md-5, .grid-full .oa-elected-officials-container .oa-eo-target-col-official, .oa-elected-officials-container .grid-full .oa-eo-target-col-official, .grid-full .oa-elected-officials-container .oa-eo-target-col-links, .oa-elected-officials-container .grid-full .oa-eo-target-col-links, .oa-elected-officials-container .oa-elected-official-target-container .oa-eo-target-col-phone {
  width: 40% !important; }

.grid-full .col-sm-2, .grid-full .oa-elected-officials-container .oa-eo-target-col-image, .oa-elected-officials-container .grid-full .oa-eo-target-col-image, .grid-full .oa-elected-officials-container .oa-eo-target-col-more, .oa-elected-officials-container .grid-full .oa-eo-target-col-more {
  margin-right: 3% !important;
  width: 12% !important; }

#content .oa-input-container .row {
  padding-bottom: 0; }

#content .oa-elected-official-group-title,
#content .oa-elected-officials-jump-container {
  display: none; }

#content .oa-input-unit input[type="text"] {
  font-size: 1rem;
  padding: 1.5rem; }

#content .oa-input-container .oa-input-unit .btn-at {
  margin-top: 15px; }

#content .oa-input-container #PostalCode {
  margin-bottom: 0; }

#content .oa-input-unit .btn-at {
  margin-bottom: 0; }

#content .oa-input-container {
  display: flex !important;
  align-items: flex-end;
  margin-bottom: 2rem; }

#content .oa-elected-official-group-title {
  display: none; }

#content .oa-elected-official-group-list-header .oa-eo-target-col-official {
  padding-left: 5px; }

#content .at.page-content > p {
  padding-top: 0; }

.wrapper {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
  *zoom: 1; }
  .wrapper::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (min-width: 768px) {
    .wrapper {
      padding: 0 40px;
      max-width: 1140px; } }
  @media only screen and (min-width: 768px) {
    .wrapper.narrow {
      max-width: 800px; } }
  .wrapper.extra-narrow {
    max-width: 570px; }
  .wrapper.wide {
    max-width: 1500px; }
  .wrapper.full {
    max-width: none; }
  .wrapper.bg--light {
    padding-top: 40px; }
    .wrapper.bg--light div:last-child p:last-child, .wrapper.bg--light > p:last-child {
      padding-bottom: 0; }

.narrow {
  margin: 0 auto;
  max-width: 800px; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.flex {
  display: flex; }

hr.line {
  margin: 0 0 3rem;
  height: 3px;
  background-color: #303240;
  border: none;
  outline: none; }

hr {
  margin: 1rem auto 6rem;
  max-width: 740px;
  width: 600px;
  max-width: 80%;
  height: 9px;
  border: none;
  outline: none;
  border-bottom: 4px solid #D9D6D4; }

hr.clear {
  background-color: transparent; }

.bg--light,
.bg--light-gray {
  background-color: #f7f6f6; }

.bg--teal {
  background-color: #0d93b0; }

.bg--blue {
  background-color: #2676B3; }

.bg--blue .section-title,
.bg--teal .section-title {
  color: #fff; }
  .bg--blue .section-title:after,
  .bg--teal .section-title:after {
    border-bottom-color: #fff !important; }
.bg--blue .template--section-actions
.template--section-people
.template--simple-text-block *,
.bg--teal .template--section-actions
.template--section-people
.template--simple-text-block * {
  color: #fff;
  fill: #fff; }
.bg--blue .template--section-actions
.template--section-people
.template--simple-text-block a:link,
.bg--blue .template--section-actions
.template--section-people
.template--simple-text-block a:visited,
.bg--teal .template--section-actions
.template--section-people
.template--simple-text-block a:link,
.bg--teal .template--section-actions
.template--section-people
.template--simple-text-block a:visited {
  color: #fff; }

@media only screen and (min-width: 768px) {
  .bg--fixed {
    background-attachment: fixed; } }

svg {
  color: #0d93b0;
  fill: #0d93b0; }

.btn,
.button {
  width: 100%; }

button, .button, .button:visited, .btn, .btn:visited, input[type=submit] {
  padding: 1.7rem 2rem;
  height: 48px;
  border: none;
  border-radius: 24px;
  border-radius: 3px;
  text-align: center;
  line-height: 12px;
  background-color: #e35205;
  vertical-align: middle;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
  transition: all 150ms; }
  @media only screen and (min-width: 768px) {
    button, .button, .button:visited, .btn, .btn:visited, input[type=submit] {
      padding: 1.5rem 2rem; } }
  button:hover, button:focus, button:active,
  .button:hover,
  .button:focus,
  .button:active,
  .button:visited:hover,
  .button:visited:focus,
  .button:visited:active,
  .btn:hover,
  .btn:focus,
  .btn:active,
  .btn:visited:hover,
  .btn:visited:focus,
  .btn:visited:active,
  input[type=submit]:hover,
  input[type=submit]:focus,
  input[type=submit]:active {
    background-color: #fa6617;
    border-color: #e35205;
    color: #fff; }
  main button, footer button,
  main .button, footer .button,
  main .button:visited, footer .button:visited,
  main .btn, footer .btn,
  main .btn:visited, footer .btn:visited,
  main input[type=submit], footer input[type=submit] {
    min-width: 250px; }
  .column-cta button, .column-cta .button, .column-cta .button:visited, .column-cta .btn, .column-cta .btn:visited, .column-cta input[type=submit] {
    max-width: 250px;
    min-width: 0;
    width: 100%; }
  .column-cta:last-child button, .column-cta:last-child .button, .column-cta:last-child .button:visited, .column-cta:last-child .btn, .column-cta:last-child .btn:visited, .column-cta:last-child input[type=submit] {
    margin-bottom: 0; }

.button--secondary,
.button--secondary:visited,
.btn--secondary,
.btn--secondary:visited {
  padding: 1.7rem 2rem;
  height: 48px;
  border: none;
  border-radius: 24px;
  border-radius: 3px;
  text-align: center;
  line-height: 12px;
  background-color: #0d93b0;
  vertical-align: middle;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
  transition: all 150ms; }
  @media only screen and (min-width: 768px) {
    .button--secondary,
    .button--secondary:visited,
    .btn--secondary,
    .btn--secondary:visited {
      padding: 1.5rem 2rem; } }
  .button--secondary:hover, .button--secondary:focus, .button--secondary:active,
  .button--secondary:visited:hover,
  .button--secondary:visited:focus,
  .button--secondary:visited:active,
  .btn--secondary:hover,
  .btn--secondary:focus,
  .btn--secondary:active,
  .btn--secondary:visited:hover,
  .btn--secondary:visited:focus,
  .btn--secondary:visited:active {
    background-color: #10b3d6;
    border-color: #0d93b0;
    color: #fff; }
  .button--secondary:hover,
  .button--secondary:visited:hover,
  .btn--secondary:hover,
  .btn--secondary:visited:hover {
    color: #fff; }

.contentTrigger {
  position: relative;
  padding: 2rem 4rem 2rem 0 !important;
  border-top: 3px solid #D9D6D4;
  cursor: pointer; }
  .contentTrigger:after {
    display: block;
    content: "+";
    position: absolute;
    right: 0;
    top: 2rem; }
  .contentTrigger.active:after {
    content: "-"; }

.contentTarget {
  overflow: hidden;
  max-height: 0;
  transition: max-height 250ms ease-in-out; }
  .contentTarget.active {
    max-height: 1200px; }

.faq:first-of-type .contentTrigger {
  border-top: none; }

main {
  min-height: 70vh; }
  main .page-title,
  main .page-subtitle,
  main .section-title {
    text-align: center; }
    main .page-title:last-child,
    main .page-subtitle:last-child,
    main .section-title:last-child {
      padding-bottom: 0.5rem; }
  main .page-title {
    padding-top: 0;
    letter-spacing: .1em; }
  main .section-title {
    margin-bottom: 2rem;
    letter-spacing: .1rem; }
    main .section-title + .grid {
      padding-top: 2rem; }
  main section,
  main .section {
    padding: 5rem 0; }
    main section.page-intro,
    main .section.page-intro {
      padding: 5rem 0 4rem;
      background: #0d93b0;
      background: linear-gradient(170deg, #0d93b0 0%, #2676b3 100%); }
      main section.page-intro .page-title,
      main section.page-intro .page-subtitle,
      main section.page-intro .intro,
      main .section.page-intro .page-title,
      main .section.page-intro .page-subtitle,
      main .section.page-intro .intro {
        color: #fff; }
      main section.page-intro .page-subtitle,
      main .section.page-intro .page-subtitle {
        padding-top: 0;
        font-size: 1.75rem;
        font-weight: bold;
        text-transform: none; }
  main .page-section, main .home-section {
    position: relative; }
    main .page-section .section-title,
    main .page-section .column-body h2:first-child, main .home-section .section-title,
    main .home-section .column-body h2:first-child {
      margin-bottom: 3rem;
      padding-bottom: 2rem;
      position: relative;
      text-align: center; }
      main .page-section .section-title:after,
      main .page-section .column-body h2:first-child:after, main .home-section .section-title:after,
      main .home-section .column-body h2:first-child:after {
        position: absolute;
        width: 100px;
        left: 50%;
        border-bottom: 4px solid #D9D6D4;
        display: block;
        content: "";
        transform: translateX(-50%);
        bottom: 0; }
    main .page-section .column-body h2:first-child, main .home-section .column-body h2:first-child {
      padding-top: 0; }
  main .section-cta {
    text-align: center; }

.page-intro {
  background-size: cover;
  background-repeat: no-repeat; }

/* Articles */
.template-blog .post {
  padding-bottom: 5rem;
  border-bottom: 3px solid #D9D6D4; }
  .template-blog .post:last-child {
    border-bottom: none; }
.template-blog .posts--featured {
  margin-bottom: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .template-blog .posts--featured .post {
    padding: 0; }

.pagination li {
  display: inline-block;
  padding: 1rem; }

.tag {
  display: inline-block;
  margin: .5rem;
  padding: .5rem 1.5rem;
  border-radius: 2rem;
  background-color: #f7f6f6; }
  .tag .icon {
    margin-right: 0;
    vertical-align: middle;
    line-height: 1; }

.tag--active {
  background-color: #0d93b0; }
  .tag--active a {
    color: #fff !important; }

main section .icon--svg {
  margin: 1rem auto 2rem;
  width: 120px;
  height: 120px;
  display: block; }

.social {
  margin: 1rem 0 3rem;
  vertical-align: middle; }
  .social a {
    margin: 8px;
    padding: 14px;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #0FA3CC;
    color: #fff !important;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle; }
    .social a:hover {
      background-color: #16bfee; }
  .social svg {
    width: 24px;
    height: 24px;
    color: #fff;
    fill: #fff; }

.home-section .signup,
.page-section .signup {
  padding: 1rem 3rem 4rem;
  background-color: #2676B3;
  color: #fff; }
  .home-section .signup h3,
  .home-section .signup label,
  .home-section .signup p,
  .page-section .signup h3,
  .page-section .signup label,
  .page-section .signup p {
    color: #fff !important; }
  .home-section .signup label,
  .page-section .signup label {
    margin-left: 0; }
  .home-section .signup input,
  .page-section .signup input {
    border: none; }

.page-section .signup {
  margin: 2rem 0; }
  .page-section .signup:first-child {
    margin-top: 0; }

.rte ul, .rte ol,
.section ul,
.section ol,
section ul,
section ol {
  list-style: disc;
  padding-left: 2rem;
  padding-bottom: 1.5rem; }
  .rte ul li, .rte ol li,
  .section ul li,
  .section ol li,
  section ul li,
  section ol li {
    padding-bottom: 1rem; }
    .rte ul li p, .rte ol li p,
    .section ul li p,
    .section ol li p,
    section ul li p,
    section ol li p {
      margin: 0;
      padding: 0;
      line-height: inherit; }
.rte ol,
.section ol,
section ol {
  list-style: decimal; }
.rte li ul, .rte li ol,
.section li ul,
.section li ol,
section li ul,
section li ol {
  padding-top: 1rem;
  padding-bottom: 0; }
.rte table,
.section table,
section table {
  margin-bottom: 1.5rem; }
.rte td,
.section td,
section td {
  vertical-align: middle; }

/* Actions */
#take-action-2 .section-title:after {
  border-top: 4px solid #e35205;
  border-left: 4px solid #e35205;
  border-right: 4px solid #e35205;
  border-bottom: none;
  top: 30%;
  bottom: auto;
  right: 50px;
  left: 50px;
  width: auto;
  height: 50px;
  transform: none;
  z-index: -1; }

#take-action-2 .section-title span {
  background: #fff;
  z-index: 100;
  display: inline-block;
  padding: 0 30px; }

.actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  min-height: 40vw; }
  .actions.flex {
    gap: 15px; }
  .actions .flex__item {
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 15px; }

.actions a {
  font-weight: normal; }

.action-item {
  padding: 50px 50px 100px;
  position: relative;
  overflow: hidden;
  flex: 1 0 100%;
  background: #2A387A;
  z-index: 0; }
  .action-item * {
    color: #fff; }

.action-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .65;
  z-index: -1;
  transition: all 150ms; }

.action-content {
  align-self: flex-end; }
  .action-content .subheading {
    margin: 0;
    padding-bottom: 0.5rem;
    font-family: Karla, helvetica, arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: .05rem; }
  .action-content .action-title {
    padding-bottom: 1rem;
    font-size: 3rem; }

.action-link {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 50px;
  background-color: #e35205;
  color: #fff !important;
  font-weight: bold;
  font-family: brandon-grotesque, helvetica, arial, sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  transition: all 150ms; }
  .action-link:after {
    display: inline-block;
    margin-left: 1rem;
    content: "\2192";
    font-size: 2rem;
    transition: all 150ms; }

.action-item:hover .action-bg {
  top: -5%;
  right: -5%;
  bottom: -5%;
  left: -5%;
  opacity: .9; }
.action-item:hover .action-link {
  background-color: #fa6617; }
  .action-item:hover .action-link:after {
    margin-left: 2rem; }

@media only screen and (min-width: 1024px) {
  .template-home .flex__item:first-child .action-item:first-child .subheading {
    font-size: 1.75rem; }
  .template-home .flex__item:first-child .action-item:first-child .action-title {
    font-size: 4rem; }
  .template-home .flex__item:first-child .action-item:first-child .action-body {
    font-size: 1.6rem; } }
@media only screen and (max-width: 1023px) {
  .actions {
    grid-template-columns: 1fr; }
    .actions.flex {
      flex-direction: column; }

  .action-item,
  .action-link {
    padding-left: 30px;
    padding-right: 30px; }

  #take-action-2 .section-title {
    margin-bottom: 1rem; }

  #take-action-2 .section-title:after {
    left: 20px;
    right: 20px;
    height: 30px; } }
/* Page columns */
.grid__item > *:first-child {
  padding-top: 0; }

/* Simple Page (Donate) */
.template-page-simple main .page-title,
.template-page-simple main .section,
.template-page-simple main section {
  padding: 3rem 0; }
.template-page-simple main .intro {
  padding-bottom: 0; }

/* About */
.bio__image img {
  width: 100%;
  max-width: 220px;
  border-radius: 50%; }

#advisory-board .bio__image img,
.section--advisory-board .bio__image img {
  max-width: 180px; }

/* Get Involved / The Pledge */
h4 + h4 {
  padding-top: 0; }

.ngp-form.bg--light {
  padding: 3rem; }

#pledgetextalt {
  display: none; }

#pledgetext {
  padding: 0 0 3rem;
  line-height: 1.5; }

#pledgetext,
#pledgetext input {
  font-size: 1.8rem !important; }

#pledgetext > span {
  display: inline; }

#pledgetext > span label {
  display: inline !important;
  text-indent: -9999px; }

#pledgetext > span input {
  display: inline;
  margin: 0;
  width: 180px;
  height: auto;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #2676B3;
  border-bottom: 1px solid #222 !important;
  border-radius: 0;
  background: transparent; }

#pledgetext > span input:focus {
  border-bottom: 1px solid #2676B3 !important; }

#pledgetext > span .FirstName input,
#pledgetext > span .LastName input {
  width: 150px; }

#pledgetext > span .PostalCode input {
  width: 120px; }

#pledgetext > span .EmailAddress input {
  width: 220px; }

#NVSignupForm584021 .checkbox-list-label {
  font-weight: bold; }

#NVSignupForm584021 .checkbox-list-label,
#NVSignupForm584021 .at-checkbox-title {
  padding-bottom: 1.2rem;
  font-size: 1.5rem !important;
  color: #222 !important; }

/* Blog */
.template-blog article {
  margin-bottom: 3rem;
  /*padding: 2rem;
  box-shadow: 1px 1px 5px #aaa;*/ }

.featured-posts-title {
  padding-bottom: 0; }

.social-share {
  margin-bottom: 2rem; }

/* Contact */
.contact-form form {
  padding: 3rem 5rem 5rem;
  background-color: #f7f6f6; }
  @media only screen and (max-width: 767px) {
    .contact-form form {
      padding: 3rem 2rem; } }

.contact-methods {
  padding-top: 0; }

@media only screen and (max-width: 1023px) {
  .tg td {
    display: inline-block;
    width: 50%; } }
/*
  
    RESPONSIVE
    
*/
@media only screen and (min-width: 768px) {
  .btn,
  .button {
    width: auto; }

  .page-what-we-do .page-section .grid__item:first-child {
    position: sticky;
    top: 100px; }
  .page-what-we-do .page-section .icon--svg {
    margin: 1rem auto; } }
@media only screen and (min-width: 1024px) {
  main .home-intro {
    padding-top: 3rem;
    padding-bottom: 1rem; }
    main .home-intro .wrapper {
      min-height: 520px; }
    main .home-intro h1 {
      padding-top: 3rem;
      padding-top: 1rem; }

  .tg tr {
    display: flex;
    justify-content: space-evenly;
    align-items: center; } }
@media only screen and (min-width: 1280px) {
  main .home-intro {
    padding-top: 5rem;
    padding-bottom: 1rem; }
    main .home-intro h1 {
      padding-top: 2rem;
      padding-top: 0; } }
.logo {
  display: inline-block; }
  .logo img {
    width: 100%;
    max-width: 350px; }

.navigation li {
  text-align: center;
  position: relative; }
  .navigation li:last-child {
    border-bottom: none; }
  .navigation li a,
  .navigation li a:link,
  .navigation li a:visited {
    display: inline-block;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    color: #2A387A; }
    .navigation li a.button,
    .navigation li a:link.button,
    .navigation li a:visited.button {
      padding: 1.8rem 2rem !important;
      color: #fff;
      max-width: 250px; }

/* Submenus */
#site-header .navigation .submenu a:link,
#site-header .navigation .submenu a:visited {
  display: block;
  padding: 1.25rem 1.5rem !important;
  font-size: 1.3rem; }
@media only screen and (min-width: 1024px) {
  #site-header .navigation .submenu {
    max-height: 0;
    overflow: hidden; }
  #site-header .navigation .submenu {
    position: absolute;
    top: 90%;
    background: #fff;
    width: 200px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    transition: all 150ms !important; }
    #site-header .navigation .submenu li {
      display: block; }
    #site-header .navigation .submenu a:link,
    #site-header .navigation .submenu a:visited {
      display: block;
      padding: .75rem 1.5rem !important;
      text-align: left;
      font-size: 1.3rem; }
  #site-header .navigation li:hover .submenu {
    max-height: 400px; } }

#site-header .wrapper {
  padding: 1rem 20px; }
  #site-header .wrapper .grid__item {
    margin-bottom: 0; }
#site-header .promo-banner {
  background-color: #eee;
  font-size: 1.3rem;
  font-weight: bold;
  /*letter-spacing: .1rem;
  text-transform: uppercase;*/
  background-color: #2A387A;
  color: #fff; }
  #site-header .promo-banner a {
    color: #fff !important; }
#site-header #navTrigger {
  height: 60px;
  background: none !important;
  border: none !important;
  color: #e35205;
  min-width: 0;
  display: inline-block;
  /*position: absolute;
  right: 0;
  font-size: 36px;
  top: 18px;
  //top: 3px;
  top: 4%; */
  position: relative;
  padding-right: 0; }
  #site-header #navTrigger .icon {
    display: block;
    margin-right: 0;
    font-size: 4rem; }
  #site-header #navTrigger .icon-close {
    color: #fff; }

#site-header .flex {
  justify-content: space-between;
  align-items: center; }
  #site-header .flex > .logo {
    flex-basis: 250px; }

@media only screen and (min-width: 768px) {
  .stickyHeader #site-header {
    position: fixed;
    top: 0;
    height: 54px;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1); }
    .stickyHeader #site-header .promo-banner {
      display: none; }
    .stickyHeader #site-header .wrapper {
      padding-top: 0;
      padding-bottom: 0; }
    .stickyHeader #site-header .logo a {
      display: block;
      background: url("https://res.cloudinary.com/dayenu/image/upload/Dayenu-logo-slim-3.png") top left no-repeat;
      background-size: contain;
      width: 160px;
      height: 26px; }
    .stickyHeader #site-header .logo img {
      display: none; }
    .stickyHeader #site-header .navigation li a.button,
    .stickyHeader #site-header .navigation li a:link.button,
    .stickyHeader #site-header .navigation li a:visited.button {
      margin-top: 6px;
      margin-bottom: 0;
      padding-top: 1.4rem !important;
      height: 42px; } }
footer {
  margin-top: 6rem;
  padding: 3rem 0;
  background-color: #f7f6f6;
  text-align: center; }
  footer .logo, footer .social {
    display: inline-block;
    margin: 0;
    vertical-align: middle; }
  footer .footer-links {
    margin-top: 3.2rem; }
  footer .social {
    margin-top: 2rem; }
  footer .signup {
    margin: 0 auto;
    max-width: 540px; }
  footer .copyright {
    font-size: 1.2rem; }

.template-page-simple #site-header {
  padding: 1rem 0; }

#site-footer .signup label.EmailAddress {
  text-indent: -9999px; }

#site-footer .signup .EmailAddress h5 {
  padding: 0 0 1rem;
  text-align: center;
  display: block;
  width: 100%;
  text-indent: 0; }

@media only screen and (max-width: 1023px) {
  #navTarget {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background: rgba(42, 56, 122, 0.97);
    padding: 7rem 2rem 2rem;
    z-index: 1;
    transition: none; }

  #navTarget a {
    color: #fff;
    font-size: 1.8rem; } }
@media only screen and (min-width: 1024px) {
  .navigation {
    display: block !important;
    border: none; }
    .navigation li {
      display: inline-block;
      border: none; }
      .navigation li a,
      .navigation li a:link,
      .navigation li a:visited {
        display: block;
        padding: 1rem 1.5rem !important;
        font-size: 1.4rem; }
        .navigation li a.button,
        .navigation li a:link.button,
        .navigation li a:visited.button {
          margin-left: 2rem;
          padding-top: 1.6rem !important;
          min-width: 180px;
          font-size: 1.4rem; }
      .navigation li a:hover {
        color: #2676B3; }

  #site-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    transition: none; }
    #site-header .wrapper {
      padding: 1rem 40px; }
    #site-header * {
      transition: none !important; }

  #site-header .flex > .logo {
    flex-basis: 320px; }

  main, footer {
    position: relative;
    top: 160px; }
    .has-promo-bar main,
    .has-promo-bar footer {
      top: 210px; }

  .template-landing-page main,
  .template-landing-page footer {
    position: static; }

  #site-footer .social {
    margin-top: 4.5rem; } }
@media only screen and (min-width: 1280px) {
  #site-header .flex > .logo {
    flex-basis: 350px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .navigation {
    padding-top: 0; }
    .navigation li a,
    .navigation li a:link,
    .navigation li a:visited {
      padding: 1rem 1rem !important;
      font-size: 1.3rem; }
      .navigation li a.button,
      .navigation li a:link.button,
      .navigation li a:visited.button {
        min-width: 0;
        font-size: 1.3rem; }

  #site-header .flex > .logo {
    flex-basis: 260px; }

  main,
  footer {
    top: 120px; } }
.template-landing-page #site-footer .logo img {
  max-width: 300px; }
.template-landing-page #site-footer .social {
  margin-top: 2rem; }
.template-landing-page #site-footer .submenu {
  display: none; }
.template-landing-page #site-footer .nav-item--donate a {
  margin-left: 0;
  padding: 1rem 1.5rem !important;
  min-width: 0;
  background: none;
  color: #e35205 !important;
  text-transform: none;
  font-family: inherit;
  font-size: inherit; }
@media only screen and (max-width: 1023px) {
  .template-landing-page #site-footer #navTrigger {
    display: none; }
  .template-landing-page #site-footer #navTarget {
    display: block;
    position: static;
    background: none; }
    .template-landing-page #site-footer #navTarget ul li a {
      color: #2A387A; }
    .template-landing-page #site-footer #navTarget .nav-item--donate a {
      margin: 0;
      height: auto;
      line-height: inherit;
      padding: 1rem !important; } }

.home-section {
  position: relative; }

.hero-image {
  padding: 2rem 0;
  min-height: 500px;
  height: 500px;
  overflow: hidden;
  /*&.form-active {
    height: 800px;
  }*/ }
  .hero-image .inner {
    margin: 0 auto;
    width: 1140px;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translate(-50%, -50%); }
  .hero-image h1,
  .hero-image p {
    color: #fff;
    line-height: 1.2; }
  .hero-image h1 {
    font-size: 3.5rem; }
  .hero-image p {
    margin: auto;
    max-width: 820px; }
  .hero-image img {
    visibility: hidden;
    width: 100%; }
  .hero-image .image-credit {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #fff;
    opacity: .35; }

.home-section .icon {
  display: block; }

@media only screen and (min-width: 768px) {
  .hero-image {
    max-height: 65vh;
    height: auto; } }
.hero-signup .thankYou section.contributions {
  padding: 0 !important;
  text-align: center; }
.hero-signup .btn--invert {
  background-color: #fff;
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #eee 100%);
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
  color: #0d93b0; }

.hero-signup {
  margin: 0 auto;
  padding: 2rem 0;
  max-width: 800px; }
  .hero-signup .signup {
    padding: 0; }
  .hero-signup .ngp-form {
    max-width: 95% !important;
    color: #fff; }
  .hero-signup h2, .hero-signup h3, .hero-signup h4, .hero-signup p, .hero-signup li {
    color: #fff; }
  .hero-signup .ContactInformation > .at-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .hero-signup .ContactInformation > .at-fields > * {
      margin: 0;
      flex-basis: 100%; }
      .hero-signup .ContactInformation > .at-fields > * label, .hero-signup .ContactInformation > .at-fields > * .at-submit {
        margin: 0;
        margin: 0 .5em !important;
        min-width: 0; }
      .hero-signup .ContactInformation > .at-fields > * input {
        margin-top: 0 !important;
        height: 48px !important;
        border: none !important; }
      .hero-signup .ContactInformation > .at-fields > * .intl-tel-input input, .hero-signup .ContactInformation > .at-fields > * .intl-tel-input input[type=text], .hero-signup .ContactInformation > .at-fields > * .intl-tel-input input[type=tel] {
        margin-top: 0 !important; }
    .hero-signup .ContactInformation > .at-fields .at-row {
      display: none;
      margin-bottom: 0 !important; }
    .hero-signup .ContactInformation > .at-fields .FirstName,
    .hero-signup .ContactInformation > .at-fields .LastName,
    .hero-signup .ContactInformation > .at-fields .PostalCode,
    .hero-signup .ContactInformation > .at-fields .EmailAddress,
    .hero-signup .ContactInformation > .at-fields .MobilePhone {
      display: block; }
    .hero-signup .ContactInformation > .at-fields .FirstName,
    .hero-signup .ContactInformation > .at-fields .LastName {
      display: none !important; }
    .hero-signup .ContactInformation > .at-fields .MobilePhone {
      display: none !important; }
    .hero-signup .ContactInformation > .at-fields .at-form-submit {
      margin-top: 0;
      margin-left: 0.5em;
      margin-right: 0.5em; }
      .hero-signup .ContactInformation > .at-fields .at-form-submit .at-submit {
        padding: 1.7rem 2rem;
        height: 48px;
        border: none;
        border-radius: 24px;
        border-radius: 3px;
        text-align: center;
        line-height: 12px;
        background-color: #0FA3CC;
        vertical-align: middle;
        font-family: brandon-grotesque, helvetica, arial, sans-serif;
        font-weight: 900;
        font-style: normal;
        text-transform: uppercase;
        font-size: 1.4rem;
        color: #fff;
        transition: all 150ms;
        margin: 0 !important;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .hero-signup .ContactInformation > .at-fields .at-form-submit .at-submit {
            padding: 1.5rem 2rem; } }
        .hero-signup .ContactInformation > .at-fields .at-form-submit .at-submit:hover, .hero-signup .ContactInformation > .at-fields .at-form-submit .at-submit:focus, .hero-signup .ContactInformation > .at-fields .at-form-submit .at-submit:active {
          background-color: #16bfee;
          border-color: #0FA3CC;
          color: #fff; }
  .hero-signup .AdditionalInformation {
    display: none !important; }
    .hero-signup .AdditionalInformation .at-row {
      display: block;
      text-align: center;
      opacity: .5; }
      .hero-signup .AdditionalInformation .at-row p {
        padding-bottom: 0; }
      .hero-signup .AdditionalInformation .at-row * {
        color: #fff; }

.section--donate .wrapper {
  padding-top: 40px;
  background-color: #f7f6f6; }
  .section--donate .wrapper .button {
    margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  .hero-signup .ContactInformation > .at-fields > * {
    flex: 1 1 300px; }
  .hero-signup .ContactInformation > .at-fields .FirstName.LastName,
  .hero-signup .ContactInformation > .at-fields .EmailAddress.MobilePhone,
  .hero-signup .ContactInformation > .at-fields .PostalCode.MobilePhone,
  .hero-signup .ContactInformation > .at-fields .PostalCode.EmailAddress {
    flex: 2 2 600px;
    display: flex; } }
@media only screen and (min-width: 1024px) {
  .hero-signup .ContactInformation > .at-fields {
    flex-wrap: nowrap; }
    .hero-signup .ContactInformation > .at-fields > * {
      flex: auto;
      flex-grow: 1; }
      .hero-signup .ContactInformation > .at-fields > * input {
        margin-bottom: 0 !important; }
    .hero-signup .ContactInformation > .at-fields .FirstName.LastName,
    .hero-signup .ContactInformation > .at-fields .EmailAddress.MobilePhone,
    .hero-signup .ContactInformation > .at-fields .PostalCode.MobilePhone,
    .hero-signup .ContactInformation > .at-fields .PostalCode.EmailAddress {
      flex: auto;
      flex-grow: 2;
      display: flex; }
      .hero-signup .ContactInformation > .at-fields .FirstName.LastName > *,
      .hero-signup .ContactInformation > .at-fields .EmailAddress.MobilePhone > *,
      .hero-signup .ContactInformation > .at-fields .PostalCode.MobilePhone > *,
      .hero-signup .ContactInformation > .at-fields .PostalCode.EmailAddress > * {
        flex: 1 1 40%; } }
.gridder {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 0; }

.gridder-list, .gridder-show {
  font-size: 16px; }

.gridder-list {
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }

.gridder-show {
  display: block;
  float: left;
  padding: 0 0 3rem;
  width: 100%;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .gridder-show {
      max-width: 900px;
      left: 50%;
      transform: translateX(-50%); } }

.gridder-content {
  display: none; }

.gridder-list {
  width: 45%;
  transition: opacity 150ms; }
  .gridder-list:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 10%; }
  .gridder-list:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .gridder-list {
      width: 32.6666666667%; }
      .gridder-list:nth-child(n) {
        margin-bottom: 0.5%;
        margin-right: 1%; }
      .gridder-list:nth-of-type(3n) {
        margin-right: 0;
        margin-bottom: 0; } }

.gridder-navigation {
  display: none; }

.hasSelectedItem .gridder-list {
  opacity: .5; }
.hasSelectedItem .selectedItem {
  opacity: 1; }

/*! Pushy - v1.3.0 - 2019-6-25
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
@media only screen and (max-width: 1023px) {
  /* Menu Appearance */
  .pushy {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    border-top: 5px solid #e35205;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */ } }
  @media only screen and (max-width: 1023px) and (min-width: 768px) {
    .pushy {
      width: 300px; } }

@media only screen and (max-width: 1023px) {
  .pushy a:not(.donate-button),
  .pushy button,
  .pushy button:hover {
    display: block;
    padding: 15px 30px;
    width: 100%;
    border: none;
    background: none;
    color: #0d93b0;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    text-transform: inherit;
    text-align: left; }

  .pushy a:hover,
  .pushy button:hover {
    color: #10b3d6; }

  .pushy ul:first-child {
    margin-top: 40px; }

  .pushy.pushy-left {
    left: 0; }

  .pushy.pushy-right {
    right: 0; }

  .pushy-content {
    visibility: hidden; }

  /* Menu Movement */
  .pushy-left {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  .pushy-open-left #container,
  .pushy-open-left .push {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }

  .pushy-right {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }

  .pushy-open-right #container,
  .pushy-open-right .push {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }

  /* Menu Movement - Medium up */
  /*@include media-query($medium-up) {
  .pushy-left {
    -webkit-transform: translate3d(-$menu-width, 0, 0);
    -ms-transform: translate3d(-$menu-width, 0, 0);
    transform: translate3d(-$menu-width, 0, 0);
  }
  
  .pushy-open-left #container,
  .pushy-open-left .push {
    -webkit-transform: translate3d($menu-width, 0, 0);
    -ms-transform: translate3d($menu-width, 0, 0);
    transform: translate3d($menu-width, 0, 0);
  }
  
  .pushy-right {
    -webkit-transform: translate3d($menu-width, 0, 0);
    -ms-transform: translate3d($menu-width, 0, 0);
    transform: translate3d($menu-width, 0, 0);
  }
  
  .pushy-open-right #container,
  .pushy-open-right .push {
    -webkit-transform: translate3d(-$menu-width, 0, 0);
    -ms-transform: translate3d(-$menu-width, 0, 0);
    transform: translate3d(-$menu-width, 0, 0);
  }
  
  }*/
  .pushy-open-left .pushy,
  .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .pushy-open-left .pushy-content,
  .pushy-open-right .pushy-content {
    visibility: visible; }

  /* Menu Transitions */
  #container,
  .pushy,
  .push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

  .pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

  /* Site Overlay */
  .site-overlay {
    display: none; }

  .pushy-open-left .site-overlay,
  .pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    z-index: 1;
    background-color: rgba(42, 56, 122, 0.75);
    -webkit-animation: fade 500ms;
    animation: fade 500ms; }

  @keyframes fade {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-webkit-keyframes fade {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  /* Submenu Appearance */
  .pushy-submenu {
    /* Submenu Buttons */
    /* Submenu Icon */ }

  .pushy-submenu > ul {
    background: #f7f6f6;
    transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; }
    .pushy-submenu > ul li:first-child {
      padding-top: .5rem; }
    .pushy-submenu > ul li:last-child {
      padding-bottom: .5rem; }

  .pushy-submenu > ul .pushy-link {
    transition: opacity 0.2s ease-in-out; }

  /*.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: transparent;
    border: 0;
  }
  .pushy-submenu button:hover {
    color: #FFF;
  }*/
  /*.pushy-submenu > a::after,
  .pushy-submenu > button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url("/assets/icons/arrow-right.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 0.2s;
  }*/
  button.dropdown {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 1rem !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 1.5rem !important; }

  .pushy-submenu .icon--svg {
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px; }

  .icon--svg {
    display: none; }

  /* Submenu Movement */
  .pushy-submenu-closed > ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden; }

  .pushy-submenu-closed .icon-svg-add {
    display: block; }

  .pushy-submenu-open {
    /* Submenu Icon */ }
    .pushy-submenu-open .icon-svg-subtract {
      display: block; }

  .pushy-submenu-open > ul {
    max-height: 1000px;
    visibility: visible; }

  /*.pushy-submenu-open > a::after,
  .pushy-submenu-open > button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }*/
  .pushy-submenu-open .icon {
    /*-webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);*/ }

  /*# sourceMappingURL=pushy.css.map */ }