@charset "UTF-8";

/**
 * style.css
 *
 * Theme Name: Ontario Rivers Alliance
 * Theme URI: http://www.scottbuckingham.com
 * Author: Scott Buckingham Media
 * Author URI: http://www.scottbuckingham.com
 * Description: Custom Theme for Ontario Rivers Alliance
 * Version: 1.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: light
 * Text Domain: sbmedia
 */


/**
 * TABLE OF CONTENTS
 *
 * --- OBJECTS ---
 * $ Button
 * $ Menu button
 * $ Slider
 *
 * --- GLOBAL ITEMS ---
 * $ Site header
 * $ Site footer
 *
 * --- CONTENT ---
 * $ Global
 * $ Frontpage
 * $ News
 * $ Blog
 * $ Animation
 * etc...
 */


/**
 * STATES REFERENCE
 *
 * States are usually dynamically added to objects, but can also be used in
 * mark-up if needed. They should also be used for things like navigational
 * helpers on tablets, where there's no native hover state.
 *
 * .is-hovered
 * .is-focused
 * .is-active
 * .is-inactive
 *
 * .is-open
 * .is-closed
 *
 * .is-animating-in
 * .is-animating-out
 *
 */

@font-face {
   font-family: 'Proxima Nova';
   src: url('fonts/ProximaNova-Regular.otf');
}

@font-face {
   font-family: 'Proxima Nova';
   font-style: italic;
   src: url('fonts/ProximaNova-RegularItalic.otf');
}
@font-face {
   font-family: 'Proxima Nova';
   font-weight: 800;
   src: url('fonts/ProximaNova-Bold.otf');
}
@font-face {
   font-family: 'Proxima Nova';
   font-style: italic;
   font-weight: 800;
   src: url('fonts/ProximaNova-BoldItalic.otf');
}
@font-face {
   font-family: 'Proxima Nova';
   font-weight: 300;
   src: url('fonts/ProximaNova-Light.otf');
}
@font-face {
   font-family: 'Proxima Nova';
   font-weight: 700;
   src: url('fonts/ProximaNova-Semibold.otf');
}
/* ==========================================================================
   $ Button
   ========================================================================== */

/**
 * Displays an element as if it was a button.
 *
 * Can be used on virtually any element, but recommended only for links, buttons
 * and input elements, or elements that have JavaScript interactions with
 * button-like behaviour.
 */

.btn,
.dk-speakout-submit {
  display: inline-block;
  padding: 1em 3em;
  text-transform: uppercase;
  border: none;
  border-radius: 0 !important;
  background: #0075c8 !important;
  color: white;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 1.1em;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: background-color, -webkit-transform;
          transition-property: background-color, -webkit-transform;

}

.dk-speakout-submit { 
  box-shadow: none !important;
  padding: 1.5em 3em !important;
  margin: 1em auto 2.5em !important;
  text-shadow: none !important;
}


/* States */
.btn:link,
.btn:visited {
  color: white;
  text-decoration: none;
}

.btn:hover,
.btn:focus {
  text-decoration: none;
  background-color: #1d8cda;
}

.btn:active {
  background-color: #1d8cda;
}]

/* Modifiers */
.btn--round {
  -webkit-border-radius: 99999px;
          border-radius: 99999px;
}

.btn--rounded {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.btn--full {
  width: 100%;
}

.btn--inverse:link,
.btn--inverse:visited {
  border: 2px solid white;
  background-color: transparent;
}


/* Button variations
   ========================================================================== */
button.btn-primary,
.btn--primary,
.btn--primary:link,
.btn--primary:visited,
.dk-speakout-submit {
    padding: 0.75em 3em;
    font-size: 1.3em;
    line-height: 1.3;
}




.btn--secondary,
.btn--secondary:link,
.btn--secondary:visited {
  color: #fff;
  background-color: #333;
}

.btn--secondary:hover,
.btn--secondary:focus {
  background-color: #3f3f3f;
}

.btn--secondary:active {
  background-color: #262626;
}


@media only screen and (min-width: 40em) {

.btn-primary,
.btn--primary:link,
.btn--primary:visited,
.dk-speakout-submit {
  line-height: normal;
}

}
/* ==========================================================================
   $ Menu button
   ========================================================================== */

/**
 * The famous 'hamburger' button for navigations. Should contain a text element
 * as well (e.g. 'Menu'), for usability.
 */

.btn--menu {
  position: absolute;
  top: 1em;
  right: 1em;

  display: inline-block;

  padding: 8px 5px;

  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;

  background-color: transparent !important;

  -webkit-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
     -moz-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
       -o-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
          transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
}




/* States */
.btn--menu:hover,
.btn--menu:focus,
.btn--menu.is-hovered,
.btn--menu.is-focused,
.btn--menu.is-active {
  outline: none;
  color: #0074c6;
  background-color: transparent;
}

.btn--menu:active {
  background-color: transparent;
}
@media only screen and (min-width: 40em) {

  .btn--menu {
    display: none;
  }
  .btn--primary,
  .btn--primary:link,
  .btn--primary:visited {
    padding: 0.5em 2em;
    font-size: 1em;

  }
}
@media only screen and (min-width: 60em) {

  .btn--menu {
    display: none;
  }
  .btn--primary,
  .btn--primary:link,
  .btn--primary:visited {
    padding: 1em 4em;
    font-size: 20px;
  }
}


/* Bar icon
   ========================================================================== */
.bar,
.bar:before,
.bar:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;

  width: 23px;
  height: 4px;

  background-color: #333;

  -webkit-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
     -moz-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
       -o-transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
          transition: all 0.2s cubic-bezier(.6, .2, .6, .9);
}

.bar {
  margin-top: -2px;
  margin-left: 1em;
}

.bar:before,
.bar:after {
  content: '';
  position: absolute;
  left: 0;

  -webkit-transform-origin: right center;
     -moz-transform-origin: right center;
      -ms-transform-origin: right center;
       -o-transform-origin: right center;
          transform-origin: right center;
}

.bar:before {
  top: -8px;
}

.bar:after {
  bottom: -8px;
}


/* States */
.btn--menu:hover .bar,
.btn--menu:hover .bar:before,
.btn--menu:hover .bar:after,
.btn--menu:focus .bar,
.btn--menu:focus .bar:before,
.btn--menu:focus .bar:after,
.is-hovered .bar,
.is-hovered .bar:before,
.is-hovered .bar:after,
.is-focused .bar,
.is-focused .bar:before,
.is-focused .bar:after,
.is-active .bar,
.is-active .bar:before,
.is-active .bar:after {
  background-color: #0074c6;
}

.is-active .bar,
.is-active:focus .bar,
.is-active:hover .bar {
  background-color: transparent;
}

.is-active .bar:before {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.is-active .bar:after {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}





/* ==========================================================================
   $ Slider
   ========================================================================== */

/**
 * Slider objects are dynamicly sliding content areas (usually used as an
 * impact area).
 */

.section.slider {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  width: 100%;
  height: 20.2em;
  margin-bottom: 2em;
  margin-top: 0;
  background: #0075c8;
}

.slider__loader {
  width: 4em;
  height: 4em;
  margin-left: -2em;
  position: absolute;
  top: 50%; left: 50%; right: 50%; bottom: 50%;
  animation: turn 3s linear infinite;
  -webkit-animation: turn 3s linear infinite;
}
  /* States */
  .slider a:link,
  .slider a:visited {
    display: block;
    color: white;
    padding: 0.5em 1em;

    text-decoration: none;
    font-size: 0.75em;
    display: block;
    width: auto;

  }

  .slider a:hover,
  .slider a:focus {
    color: white
    text-decoration: none;
    background-color: rgba(0,0,0,0.8);

  }

  .slider a:active {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  }



/* Slides
   ========================================================================== */
.slider__slides {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

  .slider__slide {
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    z-index: 1;
    opacity: 0;

    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    overflow: hidden;

    -webkit-transition: opacity 2s cubic-bezier(.6, .1, .4, .9) !important;
       -moz-transition: opacity 2s cubic-bezier(.6, .1, .4, .9) !important;
        -ms-transition: opacity 2s cubic-bezier(.6, .1, .4, .9) !important;
         -o-transition: opacity 2s cubic-bezier(.6, .1, .4, .9) !important;
            transition: opacity 2s cubic-bezier(.6, .1, .4, .9) !important;

    -webkit-transition-property: opacity;
       -moz-transition-property: opacity;
        -ms-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
  }

  .no-js .slider__slide:first-child {
    display: block;
  }


  /* States */
  .slider__slide.is-inactive {
    z-index: 1;
    opacity: 0;
  }

  .slider__slide.is-animating-in {
    z-index: 3;
    opacity: 1;

  }

  .slider__slide.is-animating-out {
    opacity: 1;

  }

  .slider__slide.is-active {
    z-index: 2;
    opacity: 1;
  }


    .slide__wrapper {
      display: table;
      width: 100%;
      height: 100%;
      position: relative;
    }

      .slide__content {
        display: table-cell;
        vertical-align: middle;

        padding: 3em 1em 0;
      }

        .slider__heading {
          margin: 0 0 0.5em;
          color: #fff;
          font-size: 1.4em;
          font-weight: bold;
          line-height: 1.2;
          text-transform: uppercase;
          text-align: center;
          letter-spacing: 0.02em;
          -webkit-font-smoothing: antialiased !important;
          font-smoothing: antialiased !important;
          -webkit-backface-visibility: hidden;
          backface-visibility:hidden;
          -webkit-transform: translate3d(0,0,0);
        }
        .photo-credit,
        .photo-credit:link,
        .slider .photo-credit:link,
        .impact .photo-credit:link {
          margin: 0;
          color: #fff;
          font-size: 9px;
          font-weight: 300;
          text-align: right;
          position: absolute;
          bottom: 3%;
          right: 1em;
          z-index: 701;

          padding: 14px 25px 10px 0;
          min-width: 15em;
          background-color: rgba(0,0,0,0.7);
          background-size: auto 15px;
          }

          a.photo-credit:hover,
          .slider a.photo-credit:hover,
          .impact a.photo-credit:hover {
            text-decoration: none
          }

          .photo-credit span {
            color: white;
            display: block;
          }
          .photo-icon {
            display: none;
            position: absolute;
            top: 1em;
            right: 0;
          }
        @media only screen and (min-width: 40em) {
          .photo-icon {
            display: block;
          }

          .photo-credit,
          .photo-credit:link,
          .slider .photo-credit:link,
          .impact .photo-credit:link {
            background-color: transparent;
            background-size: 24px 18px;
            border-right: 15px solid rgba(0, 0, 0, 0);
            bottom: 7%;
            padding: 20px 20px;
            font-size: 13px;
          }

          .photo-credit:hover,
          .slider a.photo-credit:hover,
          .impact a.photo-credit:hover {
            background-color: rgba(0,0,0,0.7);
            bottom: 5.4%;
          }
          .photo-credit:hover .photo-icon {
            top: 1.5em;
          }
          .photo-credit span {
            display: none;
            border-right: 15px solid rgba(0, 0, 0, 0);
            margin-bottom: -4px;
          }

          .photo-credit:hover span {
            display: block;
          }

        }

/* Arrows
   ========================================================================== */
.slider__arrow {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1000;

  margin-top: -1em;
  display: none;
  font-size: 3em;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

  .slider__arrow .fa {
    height: 2em;
    width: 1em;
    padding: 0.5em 0.25em;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }


.slider__arrow--next {
  left: auto;
  right: 0;
}

/* States */
.slider__arrow--prev,
.slider__arrow--prev.is-inactive {
  left: -1em;
}

.slider__arrow--prev.is-active {
  left: 0;
}

.slider__arrow--next,
.slider__arrow--next.is-inactive {
  right: -1em;
}

.slider__arrow--next.is-active {
  right: 0;
}



/* Dots
   ========================================================================== */
.slider__dots {
  display: none;
  position: absolute;
  bottom: 6%;
  left: 0;
  right: 0;
  z-index: 700;

  width: 300px;

  list-style-type: none;
  margin: 0 auto;
  padding: 0;

  text-align: center;
}


/* States */
.slider__dots,
.slider__dots.is-inactive {
  opacity: 0;
  bottom: -1.5em;
}

.slider__dots.is-active {
  opacity: 1;
  bottom: 8%;
}

  .slider__dot {
    display: inline-block;
    width: 16px;
    height: 16px;

    margin: 0 0.15em;

    -webkit-border-radius: 999px;
            border-radius: 999px;

    background-color: #fff;

    -webkit-background-clip: content;
       -moz-background-clip: content;
            background-clip: content-box;

    cursor: pointer;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  }


  /* States */
  .slider__dot:hover {
    background-color: #0075c8;
  }

  .slider__dot:active,
  .slider__dot.is-active {

    background-color: #0075c8;
  }


@media only screen and (min-width: 40em) {

  .slider__photo-credit:link,
  .slider__photo-credit:visited,
  .impact__photo-credit:link,
  .impact__photo-credit:visited {
    opacity: 0.8;
    padding: 2em;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;

    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
  }
  .impact__photo-credit:link {
    padding: 1.25em;
  }
  .slider__photo-credit:hover,
  .impact__photo-credit:hover {
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
  }
  .slider__photo-credit:hover .slider__photo-credit-name,
  .impact__photo-credit:hover .impact__photo-credit-name {
    display: block;
    opacity: 1;
  }

  .slider__photo-credit .slider__photo-credit-name,
  .impact__photo-credit .impact__photo-credit-name {
    display: none;
    float: left;
    padding-right: 1em;
    font-size: 1.2em;
    opacity: 0;
  }

  .slider__photo-credit img,
  .impact__photo-credit img {
    display: block;
  }
  .section.slider {
    height: 32em;
  }

    .slide__wrapper {
      max-width: 65em;

      margin: auto;
    }

      .slider__heading {
        font-size: 2em;
      }
      .slide__content {
        padding-top: 8em;
      }
      .slider__subheading {
        font-size: 1.8em;
      }
      .slider__subheading img {
        width: 24px;
        height: 18px;
        margin-left: 0.5em;

      }
  .slider__dots {
    display: block;
  }
  .slider a:link,
  .slider a:visited {
    padding: 2em;
    display: block;
  }
}

@media only screen and (min-width: 60em) {

  .section.slider {
    height: 36em;
  }

    .slider__heading {
      font-size: 2.5em;
    }

    .slider__subheading {
      font-size: 1.9em;
    }

}





/* ==========================================================================
   $ Impact areas
   ========================================================================== */
/**
 * A large content area usually found at either the very top of a page, or in
 * between other content to draw attention.
 */

.impact {
  padding: 0;
  min-height: 16em;
  color: #fff;
  position: relative;
  -webkit-transition: 0;
  transition: 0;
}

.impact__darkness,
.slide__darkness {
  background-color: rgba(0,0,0,0.2);
  height: 100%;
}

.impact__content {
  padding: 9em 0 3.5em;
}
  .impact p {
    max-width: 90%;

    margin-left: auto;
    margin-right: auto;
  }

  .impact :first-child { margin-top: 0; }
  .impact :last-child { margin-bottom: 0; }

  .impact__heading {
    margin: 0 0 0.5em;
    font-weight: 700;
    letter-spacing: 0.075em;
    font-family: 'Proxima Nova';
    font-size: 2em;
    line-height: 1.1;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden;
    }
  .impact
  .impact__subheading {
    font-size: 1.4em;
    font-weight: 300;
  }
.impact--blog .impact {
  background-repeat: no-repeat;
}
@media only screen and (min-width: 40em) {

  .impact__content {
    padding: 16em 0 7.5em;
    min-height: 25em;
  }
  .impact--blog .impact__content {
    padding: 14.1em 0 7.5em;
  }
    .impact p {
      max-width: 75%;
    }

}

@media only screen and (min-width: 60em) {

  .impact__content {
    padding: 15em 0 6em;
    min-height: 0;
  }

    .impact p {
      max-width: 75%;
    }

    .impact__heading {
      margin-bottom: 0;
      font-size: 3em;
    }

    .impact__subheading {
      margin-top: 0;
      font-size: 2em;
    }

    .impact__body {
      font-size: 1.4em;
      font-weight: 300;
    }

}







/* ==========================================================================
   $ Typography
   ========================================================================== */



/* Body
   ========================================================================== */
html, body {
  height: 100%;
  font-size: 18px;
}

.error404 main.main {
  padding-bottom: 19em;
  min-height: 100%;
}

.error404 .site-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.error404 #skrollr-body {
  position: relative;
  min-height: 100%;
}
body {
  color: #636363;
  font-family: 'Proxima Nova','Open Sans', 'Helvetica', 'Arial', sans-serif;
  text-rendering: optimizeLegibility;
  background-color: #ffffff;
  padding-top: 0;
}

@media only screen and (min-width: 40em) {
  .has-alert {
    margin-top: 2.5em;
  }
}


/* Headings
   ========================================================================== */
h1, .alpha   { color: #0075c8; text-transform: uppercase; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 2.500em; font-weight: bold; }
h2, .beta    { color: #0075c8; text-transform: none; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 2.000em; font-weight: bold; }
h3, .gamma   { color: #0075c8; text-transform: uppercase; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 1.7em; font-weight: bold; margin: 0.5em 0; letter-spacing: 0.035em;}
h4, .delta   { color: #0075c8; text-transform: uppercase; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 1.100em; font-weight: bold; }
h5, .epsilon { color: #0075c8; text-transform: none; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 0.950em; font-weight: bold; }
h6, .zeta    { color: #0075c8; text-transform: none; font-family: 'Proxima Nova', 'Open Sans', 'Arial', sans-serif; font-size: 0.875em; font-weight: bold; }

/* Adjacent headings should be considered sub-headings */
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: -1em;
}

h2 {
  font-size: 2.3em;
  letter-spacing: 0.025em;
  line-height: 1.1;
}

.section_heading {
  margin-top: 0;
}


@media only screen and (min-width: 40em) {
  h2 {
    font-size: 2.7em;
    line-height: auto;
  }
}

/* Paragraphs & related elements
   ========================================================================== */
p {
  margin: 1.5em 0;
  line-height: 1.8;
  font-size: 1em;
}

.lead {
  margin: 2em 0;

  color: #666;
  font-size: 1.2em;
  font-weight: 300;
}
.four-oh-four-text {
  font-weight: 300;
  margin: 1.5em 0;
}
hr {
  margin-top: 2em;
  margin-bottom: 2em;
}



/* Links
   ========================================================================== */
a:link,
a:visited {
  color: #0074c6;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a:active {
  color: #0074c6;
}










/* ==========================================================================
   $ Forms
   ========================================================================== */
/**
 * Change the form styling as required.
 *
 * Labels, when hovered, will change the border color of the associated input
 * element if it directly follows the label.
 *
 * [1] Input elements that are nested within labels (usually checkboxes or
 *     radio-buttons), display as inline-blocks.
 */

/* Labels */
label {
  display: block;

  font-weight: 600;

  cursor: pointer;
}

  label > input {
    display: inline-block; /* [1] */
    width: auto;

    margin-right: 0.5em;
  }

/* Input elements */
input,
select,
textarea {
  display: block;
  width: 100%;
  padding: 1em;
  border-width: 1px;
  border-color: #0075c8;
  border-style: solid;
  color: #b7b7b7;
  font-weight: 300;
  -webkit-transition: border 0.3s ease;
  margin-bottom: .5em;
  border-radius: 0;
  resize:none;
}
input {
  border-width: 0 0 1px 0;
  padding: 1em 0;
}
input:hover,
select:hover,
textarea:hover,
label:hover + input,
label:hover + select,
label:hover + textarea {
  border-color: #bdbdbd;
}

input:focus,
select:focus,
textarea:focus,
label:hover + input:focus,
label:hover + select:focus,
label:hover + textarea:focus {
  outline: none;
  border-color: #aaa;
}

/* Exceptions */
input[type=range]:focus,
label:hover + input[type=range]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=button],
input[type=submit] {
  width: auto;

  -webkit-border-radius: 0;
          border-radius: 0;
}

input[type=button]:hover,
input[type=image]:hover,
input[type=submit]:hover,
input[type=checkbox],
input[type=radio] {
  border-color: transparent;
}

input[type=button]:focus,
input[type=image]:focus,
input[type=submit]:focus {
  outline: none;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  border: 1px solid #bdbdbd;
}
.wpcf7-list-item input[type="checkbox"] {
  display: inline-block;
  width: auto;
}

span.wpcf7-form-control-wrap {
  clear: none;
  width: auto;
}

div.wpcf7-validation-errors {
  border: none;
}

input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 1px solid #ff0000;
}

.member-type__list span.wpcf7-not-valid-tip {
  display: none;
}


.member-type__list input[type="text"],
.member-type__list input[type="email"],
.member-type__list input[type="tel"],
.member-type__list select,
.member-type__list textarea,
.petition__list input[type="text"],
.petition__list input[type="email"],
.petition__list input[type="tel"],
.petition__list select,
.petition__list textarea {
  border-radius: 3px;
  color: #808080;
  padding: 0.75em 0.5em;
  background-color: white;

  border: 1px solid #b7b7b7;
}
.member-type__list input[type="text"],
.member-type__list input[type="email"],
.member-type__list input[type="tel"],
.member-type__list select,
.member-type__list textarea {
  width: 97%;
}
.member-type__list select {
  height: 2.5em;
  padding: 0.7em;
}

.member-type__list .wpcf7-list-item {
  font-size: 0.9em;
  display: table;
}


@media only screen and (min-width: 40em) {

  .member-type__list .wpcf7-text.half,
  .member-type__list .wpcf7-select.half,
  input.half,
  select.half {
    width: 48%;
    margin-right: 0;
    display: inline-block;
  }

  .member-type__list .wpcf7-text.third,
  .member-type__list .wpcf7-select.third,
  input.third,
  select.third {
    width: 31%;
    margin-right: 2%;
    float: left;
  }
  input.quarter,
  select.quarter {
    width: 23%;
    margin-right: 2%;
    float: left;
}
  .petition__list select {
    height: 2.6em;
  }
}


/* Validation
   ========================================================================== */
.required {
  color: #0074c6;
}



/* ==========================================================================
   $ Tables
   ========================================================================== */
table {
  width: 100%;

  text-align: left;
}

  thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eee;
  }

  tbody tr {
    border-top: 1px solid #eee;
  }

  th,
  td {
    padding: 0.25em;

    text-align: left;
  }






/* ==========================================================================
   $ Site header
   ========================================================================== */
/**
 * The website's main header / navigation bar.
 *
 * This element usually hosts a logo, the main navigation and other elements
 * that should show up throughout the entire website.
 */

.site-header {
  z-index: 800;
  position: fixed;
  left: 0; top: 0;
  width: 100%;
  margin-bottom: 0;
  height: 4.5em;
  -webkit-transform: translateZ(0);
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -webkit-transition: background-color 0.5s ease-out;
          transition: background-color 0.5s ease-out;

  -webkit-transition-property: background-color, -webkit-transform;
          transition-property: background-color, -webkit-transform;
}
.is-scrolling .site-header {
    background-color: rgba(255,255,255,0.9);
}
  .site-header .wrapper {
    width: 100%;
    height: 100%;
  }
.form--search button {
    background: transparent;
    border: none;
    color: #0075c8;
    font-weight: bold;
}
@media only screen and (min-width: 40em) {

  .site-header {
    height: 6em;
  }
  .has-alert .site-header {
    padding-top: 2.5em;
    height: 8.5em;
  }

    .site-header .wrapper {
      padding: 1em;
    }

  .form--search {
    position: relative;
    right: 0;
  }
  .form--search button,
  .form--search input {
    float: left;
  }
  .form--search input {
    border-radius: 30px;
    border: 1px solid #dadada;
    -webkit-box-shadow: 0px 0px 5px #dadada;
    box-shadow: 0px 0px 5px #dadada;
    padding: 0.4em 0.8em;
    width: 13em;
    font-size: 0.9em;
  }

  .form--search button {
    position: absolute;
    z-index: 2;
    padding: 0.3em 0;
    right: 0.6em;
  }
}

@media only screen and (min-width: 60em) {

  .site-header {
    height: 6.5em;
    padding-top: 0;
  }
  .has-alert .site-header {
    height: 9em;
    padding-top: 2.5em;
  }
  .form--search button {
    top: 0;
    padding: 0.35em 0.4em;
  }

}


/* Sticky site header
   ========================================================================== */
.site-header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}



/* ==========================================================================
   $ Logo
   ========================================================================== */
/**
 * The website's main logo, usually displayed in the site's header.
 *
 * [1] If an h1 is wrapped around the logo, remove any margin.
 * [2] Reset the h1's font-size and line-height to scale the image better.
 * [3] We scale the image's height instead of width for the logo.
 */

.logo {
  position: absolute;
  top: 1em;
  left: 1em;

  display: block;
}

  .logo h1 {
    margin: 0;      /* [1] */
    font-size: 1em; /* [2] */
    line-height: 1; /* [2] */
  }

    .logo__img {
      width: 7em;   /* [3] */
      height: 2.5em; /* [3] */
    }

@media only screen and (min-width: 40em) {

  .logo {
    top: 1em;
    left: 1em;
  }

    .logo__img {
      height: 4em;
      width: 10em;
    }

}

@media only screen and (min-width: 60em) {

  .logo__img {
    height: 4.5em;
    width: 11em;
  }

}









/* ==========================================================================
   $ Main navigation
   ========================================================================== */
/**
 * The website's main navigation, usually located in the header.
 */

.nav--main {
  z-index: 800;
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: #F3F3F1;

}
.nav--main.is-open {
    -webkit-transition: all 0.3s cubic-bezier(.7, .2, .3, .8);
     -moz-transition: all 0.3s cubic-bezier(.7, .2, .3, .8);
       -o-transition: all 0.3s cubic-bezier(.7, .2, .3, .8);
          transition: all 0.3s cubic-bezier(.7, .2, .3, .8);
}
  .nav--main li {
    width: 100%;
  }

    .nav--main a {
      padding: 1em 1em 0.9em;
      text-align: center;

      text-transform: uppercase;
    }
    .nav__item__wrap {
      padding-bottom: 0.7em;
    }

    .nav--main a:link,
    .nav--main a:visited {
      color: white;
      background-color: #0075c8;
      border-top: 1px solid #1385d5;
    }
    .nav--main .nav--sub a:link {
      background-color: #1883cf;
    }
    .nav--main .nav--sub a:hover,
    .nav--main .nav--sub a:focus,
    .nav--main .nav--sub a:active,
    .nav--main .nav--sub .nav__item a,
    .contentpage--single .nav--main .nav__item--blog a,
    .contentpage--archive .nav--main .nav__item--blog a,
    .contentpage--search .nav--main .nav__item--blog a {
      background-color: #1883cf;
      color: white;
    }

    .nav--main a:hover,
    .nav--main a:focus,
    .nav--main a:active {
      color: #fff;
      background-color: #1385d5;
      text-decoration: none;
    }

    .nav--main li:first-child a {
      border-top: none;
    }
    .nav--main .nav__item__expand {
      width: auto;
      z-index: 5;
      position: absolute;
      top: 0;
      right: 0;
      border-left: 1px solid #1385d5;
      padding: 0.9em 1.2em;
    }

/* States */
.nav--main.is-open {
  visibility: visible;
  opacity: 1;
  top: 100%;
  padding-top: 3em;
  background-color: #1385d5;
}
.nav--main.is-open li.nav__item--search {
  position: absolute;
  top: -1px;
  z-index: 6;
}
.nav--main.is-open li.nav__item--search .form__input {
  background-color: #0f82d4;
  color: #b6ddf9;
  padding: 1em 1.5em;
}
.nav--main.is-open li.nav__item:first-child {
  border-top: 1px solid #1385d5;
}
.nav--main.is-open li.nav__item--search .form__input::-webkit-input-placeholder {
  color: #a2ceee;
}

.nav--main.is-open li.nav__item--search .form__input:-moz-placeholder { /* Firefox 18- */
   color: #a2ceee;
}

.nav--main.is-open li.nav__item--search .form__input::-moz-placeholder {  /* Firefox 19+ */
   color: #a2ceee;
}

.nav--main.is-open li.nav__item--search .form__input:-ms-input-placeholder {
   color: #a2ceee;
}
.nav--main.is-open li.nav__item--search .form__input:hover,
.nav--main.is-open li.nav__item--search .form__input:focus {
  border: none;
  box-shadow: none;
}
.nav--main.is-open .form--search {
  position: relative;
  height: 50px;
}
.nav--main.is-open .form--search button {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  padding: 1em;
  color: white;
  background: #0075c8;
}
.nav--main.is-open .form--search button:hover,
.nav--main.is-open .form--search button:active {
  background: #0f82d4;
}
.nav--main .nav__item--facebook a span.fa,
.nav--main .nav__item--youtube a span.fa,
.nav--main .nav__item--instagram a span.fa
.nav--main .nav__item--twitter a span.fa,
.nav--main .nav__item--rss a span.fa {
  margin-left: -2em;
  padding: 0 1em;
}
@media only screen and (min-width: 40em) {
    .nav--main a:hover .nav__item__wrap {
      border-bottom: 1px solid #00b3e3;
    }
    .nav--sub a:hover .nav__item__wrap {
      border: none;
    }
  .nav--main a.nav__item__expand {
    display: none;
  }
  .nav--main {
    display: block;
    position: absolute;
    top: 6em;
    right: 0em;
    left: auto;
    width: 100%;
    border-top: #0075c8;
    visibility: visible;
    opacity: 1;
    background-color: rgba(255,255,255,1);
  }
  .is-scrolling .nav--main {
    background-color: rgba(255,255,255,0.9);
  }
    .nav--main li {
      display: inline-block;
      width: auto;
    }
     .nav--main li.nav__item--search {
      position: absolute;
      top: -3.5em;
      right: 2em;
     }
      .nav--main a {
        margin-left: 0;
        padding-left: 1.3em;
        font-size: 0.9em;
        border: 0;

      }
      .nav--main a:link,
      .nav--main a:visited {
        color: #0075c8;
        font-weight: bold;
        background-color: transparent;
        border-top: none;
      }
      .nav--main a:hover,
      .nav--main a:focus,
      .nav--main .nav__item.is-active a {
        color: white;
        text-decoration: none;
        background-color: #0075c8;
        }
      .nav--main a:active {
        background-color: #0075c8;
        color: white;
      }

      .nav--main li:first-child a {
        border: 0;
      }
      .nav--main .nav--sub .nav__item a,
      .nav--main .nav--sub .nav__item.is-active a {
        background-color: #0075CB;
      }
      .nav--main .nav__item--facebook a,
      .nav--main .nav__item--youtube a,
      .nav--main .nav__item--instagram a,
      .nav--main .nav__item--twitter a {
        width: auto;
        padding: 1em;

      }
      .nav--main .nav--sub .nav__item a:hover {
        background-color: #1385d5;
      }
      .nav--main .nav__item--facebook a span:not(.fa),
      .nav--main .nav__item--youtube a span:not(.fa),
      .nav--main .nav__item--instagram a span:not(.fa),
      .nav--main .nav__item--twitter a span:not(.fa),
      .nav--main .nav__item--rss a span:not(.fa) {
        display: none;
      }
      .nav--main .nav__item--facebook a span.fa,
      .nav--main .nav__item--youtube a span.fa,
      .nav--main .nav__item--instagram a span.fa,
      .nav--main .nav__item--twitter a span.fa,
      .nav--main .nav__item--rss a span.fa {
        margin-left: 0;
        padding: 0;
        font-size: 1.2em;
      }
          .nav--main li:hover  {
      background-color: #0075c8;
    }
    .nav--main li:hover a  {
      color: white;
    }
    .nav--main .nav__item--facebook a,
    .nav--main .nav__item--youtube a,
    .nav--main .nav__item--instagram a,
    .nav--main .nav__item--twitter a,
    .nav--main .nav__item--rss a {
      width: auto;
      padding: 0.65em 1em;

    }
    .nav--main li.nav__item--search:hover {
      background: transparent;
    }
}

@media only screen and (min-width: 60em) {

  .nav--main {
    top: 4em;
    right: 1em;
    border-top: none;
    background-color: transparent;
    width: auto;
    opacity: 1;
    visibility: visible;
    text-align: right;
  }

    .nav--main a {
      padding: 0.75em 1.5em;
      font-size: 1em;
    }
    .nav--main a:link,
    .nav--main a:visited {
      border-top: none;
    }
    .nav--main li.nav__item--search {
      position: absolute;
      top: -2.8em;
      right: 0;
    }

}





/* ==========================================================================
   $ Sub navigation
   ========================================================================== */
/**
 * Navigation that is used for drop-down menus.
 */

.nav--sub {
  display: none;
}

  .nav--sub a {
    font-size: 0.875em;
    background-color: #0075c8;
  }
  .nav--sub a:hover,
  .nav--sub a:focus {
    color: #333;

    background-color: #ccc;
  }
  .nav--sub a:active {
    border-color: #111;

    color: #fff;

    background-color: #333;
  }

@media only screen and (min-width: 40em) {

  /* Show menus */
  .no-touch .nav--main li:hover > .nav--sub,
  .no-touch .nav--sub li:hover > .nav--sub {
    display: block;
  }

  .nav--sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0.75em 0;
    background-color: #0075c8;
  }

    .nav--sub li {
      display: block;
    }

      .nav--main .nav--sub a:link {
        color: white;
        background-color: #0075c8;
        text-align: left;
        font-size: 0.9em;
        padding: 0.75em 1.5em;
      }
      .nav--sub a:hover,
      .nav--sub a:focus {
        background-color: #eee;
      }
      .nav--sub a:active {
        color: #fff;
        background-color: #333;
      }

      .nav--sub li:first-child a {


      }

}
@media only screen and (min-width: 60em) {
  .is-scrolling .nav--main {
    background-color: transparent;
  }
}













/* ==========================================================================
   $ Site footer
   ========================================================================== */
/**
 * The website's main footer.
 *
 * This element usually hosts navgiation and additional information about the
 * website that shows up on every page.
 */

.site-footer {
  background-color: #0075c8;
  color: white;
  padding: 0 0 2em;
}
.site-footer .supporting-brands {
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
  display: table;
  width: auto;
}
.site-footer .supporting-brands li {
  list-style-type: none;
  display: inline-block;
  padding: 0.2em 1.5em;
  vertical-align: middle;
}
.site-footer .supporting-brands li:first-child {
  padding-left: 0;
}
.site-footer .supporting-brands a {
  text-decoration: none;
}
.site-footer .supporting-brands a:hover {
  opacity: 0.8;
}
.site-footer .supporting-brands img {
  max-height: 5em;
  padding-bottom: 0.5em;
  border: none;
}
.site-footer p {
  font-size: 0.9em;
}

.site-footer a {
  color: white;
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}
.copyright {
  color: #b1c9e3;
}
@media only screen and (min-width: 40em) {
  .site-footer {
    padding: 2em 0;
  }
  .site-footer .supporting-brands {
    text-align: left;
    margin: 0;
  }
  .site-footer .supporting-brands img {
    max-height: 11em;
    max-width: 11em;
  }

}



/* ==========================================================================
   $ Global content
   ========================================================================== */

.background--blue,
.section.petition {
  background-color: #edf5fb;
}

body.single .article__content blockquote,
body.archive .article__content blockquote,
body.search .article__content blockquote,
body.blog .article__content blockquote {
  line-height: 2;
  font-style: italic;
  border-left: 5px solid #0075c5;
  margin-left: 0;
  padding-left: 3em;
}

body.single .article__content h1,
body.archive .article__content h1,
body.search .article__content h1,
body.blog .article__content h1 {
  font-size: 1.4em;
  line-height: 1.5;
}

body.single .article__content h2,
body.archive .article__content h2,
body.search .article__content h2,
body.blog .article__content h2 {
  font-size: 1.2em;
}

body.single .article__content h3,
body.archive .article__content h3,
body.search .article__content h3,
body.blog .article__content h3 {
  font-size: 1em;
}

/* Google Map
   ========================================================================== */
.gm-name {
  color: #0075c8;
  text-transform: uppercase;
}

.gm-excerpt {
  margin: 0;
}



/* Sections
   ========================================================================== */

/* Section Spacing... */
.section {
  padding: 3em 0 0;
}

.section.text_block h2,
.section.our_team h2,
.section.donation_form h2,
.section.latest_blog_post h2 {
  text-transform: none;
  letter-spacing: 0.02em;
  margin-top: 0;
}

.section.google_map .wrapper {
  padding-top: 8.5em;
}


.section.text_block,
.section.our_team,
.section.donation_form,
.section.latest_blog_post,
.section.google_map .wrapper.has-content {
  padding: 4.5em 0;
}

.section.google_map,
.section.text_block. {
  padding: 0;
}

@media only screen and (min-width: 40em) {
  .section.google_map .wrapper,
  .section.google-map .wrapper {
    padding-top: 8em;
  }
  .section.google_map--fullwidth,
  .section.google-map--category {
    padding-top: 8em;
  }
}

@media only screen and (min-width: 60em) {
  .section.google_map--fullwidth,
  .section.google-map--category {
     padding-top: 6.5em;
   }
}

.section.site-alert {
  padding: .4em 1em;
  color: white;
  text-align: center;
  background: #0075c8;
  font-weight: 300;
  position: fixed;
  bottom: -8em;
  left: 0;
  width: 100%;
  z-index: 801;
}
.site-alert__gradient {
  position: absolute;
  z-index: 802;
  top: 0; left: 0; width: 100%; height: 100%;
  opacity: 0;
  background: -moz-linear-gradient(left, #0075c8 0%, #0075c8 0%, #00a2db 50%, #0075c8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0075c8), color-stop(0%,#0075c8), color-stop(50%,#00a2db), color-stop(100%,#0075c8));
  background: -webkit-linear-gradient(left, #0075c8 0%,#0075c8 0%,#00a2db 50%,#0075c8 100%);
  background: -o-linear-gradient(left, #0075c8 0%,#0075c8 0%,#00a2db 50%,#0075c8 100%);
  background: -ms-linear-gradient(left, #0075c8 0%,#0075c8 0%,#00a2db 50%,#0075c8 100%);
  background: linear-gradient(to right, #0075c8 0%,#0075c8 0%,#00a2db 50%,#0075c8 100%);
}
.site-alert .wrapper {
  z-index: 803;
}
.has-alert .site-alert {
  bottom: 0;
}

.site-alert img {
  margin-top: -0.1em;
}
.site-alert .site-alert__cta {
  padding: 0.4em 0.7em;
  margin: 1em auto;
  width: 15em;
  font-size: 0.8em;
  clear: both;
  text-align: center;
  display: block;
}
.site-alert .site-alert__close {
  background: none transparent;
  border: none;
  color: white;
  float: right;
  position: absolute;
  top: 0.3em;
  right: -0.5em;
}
.site-alert .site-alert__close:hover {
  background-color: rgba(255,255,255,0.3);
}
.section.callouts {
  color: #808080;
}
.section.callouts .wrapper {
  z-index: 88;
}

.section.callouts.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.section.callouts .cell.islet {
   margin: 0 auto 2em;
}
.section.no-padding.callouts .cell.islet {
  margin-bottom: 0;
}
.section.callouts img {
  width: 7em;
  height: 7em;
}
.section.callouts a:hover {
  text-decoration: none
}
.section.callouts .call-out__heading {
  font-size: 1.4em;
}

.section.take-action__callouts {
  padding: 2em 0 0;
}
.section.take-action__callouts .cell.islet {
  margin-bottom: 0;
}
.call-out__body {
  margin: 0 1.8em;
}
.call-out__body p:last-child {
  margin-bottom: 0;
}

.section.newsletter_signup_form {
  padding: 3em 0;
  background-color: #edf5fb;
}
.section.newsletter_signup_form .wrapper {
  background-color: white;
  -webkit-box-shadow: 0px 0px 3px #ddd;
  box-shadow: 0px 0px 5px #bbb;
  padding: 2em;
}

.section.newsletter_signup_form p {
  color: #808080;
  text-align: center;
  padding: 0 2em;
  margin: 0 0 1.5em;
}

.section.newsletter_signup_form .section_heading {
  margin-bottom: 0.2em;
}

.newsletter__submit {
  margin-top: 1em;
}

.consent-message label {
  font-weight: 300;
  font-size: 0.9em;
}

.consent-message input[type="checkbox"] {
  float: left;
  width: auto;
  margin-right: 1em;
}

.section.latest_blog_post {
  background: white;
  -webkit-box-shadow: 0px 0px 3px #c9e1f3;
  box-shadow: 0px 0px 5px #c9e1f3;
}
.section.latest_blog_post .article__excerpt {
  padding-bottom: 0.5em;
}
.section.our-goals ol {
  font-size: 1.4em;
}
.section.our-goals ol li,
.section.our-goals ol li ul {
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, -webkit-transform;
  opacity: 0.5;
}
.section.our-goals ol li li {
  opacity: 1;
}
.section.our-goals ol li.is-highlighted,
.section.our-goals ol li.is-highlighted ul {
  opacity: 1;
}
.section.text_with_image {
  padding: 5em 0;
}
  .text_with_image__text p {
    font-size: 1.2em;
    text-align: left;
    margin-top: 0;
  }

.google-maps__content {
  padding: 0 1em;
}

.google-maps__content p {
  font-size: 1.4em;
}
.google-maps .area a {
  color: #808080;
}
.google-maps__content p .btn--primary {
  font-size: 0.9em;
}

.google_map p strong {
  color: #0075c8;
}

.gm-style-iw {
  padding: 0.5em 1em;
  min-width: 13em;
  color: #808080;
}

.gm-name {
  padding-bottom: 0.5em;
}

.gm-style-iw .fa {
  width: 1.1em
}

.section.google_map--fullwidth {
  margin-bottom: 0;
  padding-bottom: 0;
}
.section.parallax_area {
  height: 15em;
  max-height: 15em;
  overflow: hidden;
  padding-top: 0;
}

.parallax {
  height: 100%;
  width: 100%;
  display: block;
}
 .callout.islet {
  padding-top: 2.5em;
 }

@media only screen and (min-width: 60em) {

  .parallax {
    background: none !important;
  }

}



.section.river-list {
  padding-top: 0;
}

.section.river-list li {
  text-transform: uppercase;
  list-style-type: none;
  line-height: 2em;
}
    .section.river_list .river {
      padding: 0 0 0.25em;
    }

    .river__area,
    .river__risk {
      text-transform: none;
      color: #808080;
      font-size: 1em;
      font-weight: 300;
      display: block;
      padding: 0 0 0 1em;
      margin: 0;
      line-height: 1.5em;
    }
    .river__area a {
      color: #808080;
    }
    .river__area span.fa,
    .river__risk span.fa {
      padding-right: 0.75em;
      width: 23px;
      display: inline-block;
      text-align: center;
    }
/* TEMPORARILY HIDE RISKS */
   .river__risk,
   .google-maps .risk {
      display: none;
   }
/* /HIDE RISKS */
.section.impact_area {
  padding-top: 0;
}


.section.quote_strip {
  background-color: #0075c8;
  padding: 3em 0;
}
.quote-strip__quote {
  margin: 0 0.5em;
}
.section.quote_strip p {
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.4em;
  text-align: center;
  margin: 0;
}

.section.quote_strip footer {
  color: #00b3e3;
  padding-top: 1em;

  font-size: 1.2em;
  font-weight: 300;
  text-align: center;
  font-style: italic;
}
/* ------ River List ----- */
.river-list__rivers {
    line-height: 2em;
    text-transform: uppercase;
}
.river-list__rivers li {
  color: #0074c6;
  list-style-type: none;
}


@media only screen and (min-width: 40em) {
  .quote-strip__quote {
    margin: 0;
  }

  .section.quote_strip p {
    color: white;
    font-weight: bold;
    font-size: 1.9em;
  }

  .google-maps__content {
    padding: 0;
  }

  .section.callouts .call-out__heading {
    font-size: 1.4em;
    margin-bottom: 0;
  }

  .section.parallax_area {
    height: 22em;
    max-height: 22em;
    overflow: hidden;
  }

  .section.parallax_area .parallax {
    position: relative;
    overflow: hidden;
  }

  .parallax img{
    min-height: 35em;
    min-width: 100%;
    position: absolute;
    top: -50%;
  }


  .section.river_list {
    padding-top: 0;
  }
  .river-list__rivers {
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
  }
  .river-list__rivers li {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;

  }
}


/* ------ Member Types ----- */
.section.member_types {
  background-color: #edf5fb;
  color: #808080;
  padding: 0 1em 3em 0;
}

.section.member_types li,
.section.member_types p {
  line-height: 1.5em;
}

.section.member_types form p {
  width: 100%;
  padding-bottom: 0.5em;
}

.wpcf7-form .wpcf7-response-output {
  border: none;
}

.member-type__content,
.river-list__content p,
p.four-oh-four-text {
  /* font-size: 1.3em; */
  font-size: 1em;
  color: #808080;
}

.section.text_block.river-list__content {
  padding-bottom: 0.5em;
}

.section.member_types h2 {
  float: left;
  width: 100%;
  text-transform: none;
}

.section.member_types ol,
.section.our-goals ol {
  list-style: none;
  counter-reset: line;
  padding: 0 2em 0 1em;
}

.section.member_types ol li,
.section.our-goals ol li {
  position: relative;
  margin-bottom: 3em;
}

.section.member_types ol.biglist {
  display: table;
  padding: 0;
}

.biglist li .number {
  width: 2em;
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}

.biglist li .innerList {
  display: table-cell;
  margin: 0 auto;
  padding: 1.5em 0;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5;
}

.biglist li .innerList li {
  text-align: left;
}

.biglist li .number:before {
  position: absolute;
  left: -2.2em;
  display: inline-block;
  margin-right: 0.5em;
  border-radius: 50%;
  color: #0075c8;
  text-align:center;
  counter-increment: line;
  content: counter(line);
  font-weight: bold;
  border: 5px solid #0075c8;
  font-size: 1.5em;
  width: 1.1em;
  height: 1.1em;
  line-height: 1.3;
}

.biglist li .number:before {
  position: static;


}

.biglist > li {
  display: table-row;
  margin-bottom: 1em;
}

.biglist > li > li {
  list-style-type: circle;
}




.biglist ul {
  display: inline-block;
}

.section.our-goals ul li {
  margin-bottom: 0;
  font-size: 0.9em;
}
.section.our-goals ul li:before {
  display: none;
}
.section.member_types b,
.section.member_types strong,
.member-type__title,
.member-type__price {
  color: #0075c8;
  font-weight: bold;
}

.member-type {
  background-color: #f7fcff;
  margin: 0 0 1em;
  padding: 1em 1.5em;
  min-height: 5.2em;
}

.member-type__details {
  padding-left: 1em;
}

.member-type__wrap {
  text-align: center;
}

.member-type__list {
  margin: 0;
  text-align: center;
  width: 100%;
}

.member-type__list li {
  text-align: left;
}

.member-type__btn {
  margin: 2em 0 0.5em;
  display: inline-block;

}
.member-type__button-subtext {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.5em;
  padding-bottom: 3.5em;
}
.member-type__list form p {
  margin: 0;
  padding-bottom: 1em;
}
.member-type__list2,
.member-type__list3 {
  display: none;
}

.member-type__list2 {
  text-align: left;
  padding-bottom: 3.5em;
}

.member-type__list2 .wpcf7-submit {
  margin-top: 1em;
}

.member-type__list .wpcf7-list-item input,
.member-type__list .wpcf7-list-item span {
  display: table-cell;
}

.member-type__list .wpcf7-list-item span {
  padding-left: 0.5em;
}

.member-type__footer {
  font-size: 0.7em;
  padding-bottom: 2em;
}

.member-type__payment {
  padding-bottom: 2em;
}

.membership-success {
  padding: 2em 0;
}

.payment-type {
  background-color: white;
  padding: 1em;
  text-align: center;
  min-height: 15em;
}

.payment-heading,
.membership-paypal-submit {
  text-transform: none;
}

.btn.membership-paypal-submit {
  padding: 1em 3em;
  letter-spacing: 0.05em;
  font-size: 1em;
  margin-top: 1em;
  display: inline-block;
  margin-bottom:1.5em;
}

.section.member_types .payment-type p {
  line-height: 1.4;
}

.payment-type strong {
  color: #808080;
}

.member-type__list2 .wpcf7-form {
  padding-top: 2em;
}

@media only screen and (min-width: 40em) {
  .member-type {
    margin: 0;
    padding: 1.5em 3em;
    min-height: 6.2em;
  }
  .member-type__list {
    margin: 0 1.5em;
  }
  .member-type__list2 form .lap-1-2 {
    width: 49%;
  }
  .section.member-types ol {
     padding: 0 8em;
  }
  .section.member_types ol,
  .section.our-goals ol {
    margin-left: 1.4em;
    padding: 0 2em 0 4em;
  }
  .biglist li .number {
    width: 2em;
    display: table-cell;
    vertical-align: middle;
  }
  .biglist li .innerList {
    vertical-align: middle;
    display: table-cell;
    text-align: left;
    /* font-size: 1em; */
    font-size: 0.8em;
  }
  .biglist li .number:before {
    border: 6px solid #0075c8;
    font-size: 1.5em;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.5;
  }
  .member-type__list2 .wpcf7-submit {
    margin-top: 0;
  }
}

@media only screen and (min-width: 60em) {
  .member-type {
    padding: 1.5em 6em;
    max-width: 90%;
    margin: 0.5em auto;
  }
}
/* ------ Our Team ----- */
.section.our_team span {
  color: #808080;
  margin: 0 auto;
  display: block;
  clear: both;
}
.section.our_team .grid {
  margin-left: 0;
}
.section.our_team .cell {
  text-align: center;
  padding: 1em 0.5em;
}
.team-member__image {
  border-radius: 999px;
  background-clip: padding-box;
}
.team-member__name {
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 1em;
}
.team-member__title {
  text-transform: uppercase;
}
.team-member__location {
  font-size: 0.8em;
  padding: 0 1em;
}

/* ----- Our Goals List ----- */
.grid.table {
  display: table;
}
.grid.table > .row {
  display: table-row;
}
.grid.table > .row > .cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
  font-weight: bold;
}
.grid.table > .row > .cell.big_list__number {
  color: #0e76bc;
  background: url('img/goals-bg.svg') center center no-repeat;
  background-size: 100%;
  max-width: 150px;
  padding: 0.1em 1em;
  text-align: center;
  font-weight: bold;
  font-size: 4em;
}

.section.big_list {
  width: 100%;
  clear: both;

  font-weight: bold;
}

.section.big_list .row {
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, -webkit-transform;
}

.big_list__content ul {
  margin-top: 0;
}

.section.big_list .row.activated {
  opacity: 1;
}

.section.big_list p {
  margin: 2em 0;
}

#annual-reports {
  padding-bottom: 0;
}

.section-reports__report {
  display: block;

  padding: 6em 0 0em;
  margin: 0 auto 2em;
  text-align: center;
  background: url('img/annual_report.svg') no-repeat center 1em transparent;
  background-size: 40% auto;
  text-decoration: none;
  font-size: 1.6em;
  border: 1px solid transparent;
}
.section-reports__report:hover {
  border: 1px solid #eee;
  text-decoration: none;
}
  .section.site-alert .icon-exclamation {
    width: 1em;
    height: 1em;
  }

@media only screen and (min-width: 40em) {

  #annual-reports {
    padding: 3em 0;
  }

  .section.member_types form p.hand-text-right {
    width: 28%;
    float: right;
  }

  .wpcf7-response-output {
    float: left;
    display: block;
    width: 70%;
    padding-left: 0;
    margin-left: 0;
  }

  .section-reports__report {
    margin: 0;
    width: 10.5em;
    padding: 7em 0 1em;
    /* font-size: 1.8em; */
    font-size: 1.3em;
  }

  .newsletter__submit {
    margin-top: 0;
  }

  .section {
  padding: 3em 0;
  }

  .section.site-alert {
    bottom: auto;
    top: -3em;
  }

  .has-alert .site-alert {
    -webkit-animation: siteAlert 4.5s linear 1 forwards;
       -moz-animation: siteAlert 4.5s linear 1 forwards;
        -ms-animation: siteAlert 4.5s linear 1 forwards;
         -o-animation: siteAlert 4.5s linear 1 forwards;
            animation: siteAlert 4.5s linear 1 forwards;
  }

  .has-alert .site-alert__gradient {
    -webkit-animation: siteAlertGradient 4.5s linear 1 forwards;
       -moz-animation: siteAlertGradient 4.5s linear 1 forwards;
        -ms-animation: siteAlertGradient 4.5s linear 1 forwards;
         -o-animation: siteAlertGradient 4.5s linear 1 forwards;
            animation: siteAlertGradient 4.5s linear 1 forwards;
  }

  .section.site-alert .site-alert__cta.btn--inverse,
  .section.site-alert .site-alert__cta.btn--inverse:link,
  .section.site-alert .site-alert__cta.btn--inverse:visited {
    clear: none;
    display: inline-block;
    margin: 0 1em;
    padding: 0.4em 0.7em 0.2em;
    width: auto;
    min-width: 10em;
  }

  .section.parallax_area .parallax {
      height: 24em;
    }
  .section.parallax_area {
    padding-bottom: 0;
  }
  .text-block--has-columns {
    -webkit-column-count:2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count:2;
    -webkit-column-gap:1em; /* Chrome, Safari, Opera */
    -moz-column-gap:1em; /* Firefox */
    column-gap:1em;
  }
  .text-block--has-columns p:first-child {
    margin-top: 0;
  }
  .team-member__location {
    padding: 0 4em;
  }
}

@media only screen and (min-width: 60em) {
  .section.parallax_area .parallax {
    height: 22em;
  }
  .team-member__location {
    padding: 0 6em;
  }
}

/* $ Petitions ================================================= */

/* Fix an inconveniently coded bug with speakout Petitions*/
.main > pre {
  display: none;
}

.page-template-petitions-php .text_block p {
  font-size: 1.3em;
  line-height: 1.5;
  color: #808080;
}

.cell.petition__form {
  padding-left: 0;
}

.petition__form label {
  color: #82807e;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  cursor: text;
}

.petition__listing label,
.petition__listing .dk-speakout-greeting,
.petition__listing label.required,
.petition__share {
  width: auto;
  display: inline;
  color: #82807e;
  font-weight: 300;
}


.petition__listing .dk-speakout-response-success {
  display: block;
  text-align: center;
  padding-top: 2rem;
}

.dk-speakout-response-success ~ .dk-speakout-share {
  display: block !important;
  background-color: transparent !important;
  padding-bottom: 2rem !important;
}

.dk-speakout-expired {
  text-align: center;
  padding:5rem;
}

.dk-speakout-expired p:nth-of-type(3){ 
  display: none;
} 

.petition__listing p {
  display: block;
  margin: 1.2em 0;
}

.petition__listing p.petition__details:first-child {
  margin-top: 0;
}

.petition__listing input[type="checkbox"] {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

.petition__title {
  position: relative;
}

h3.petition__title {
  min-height: 2em;
}

.petition__details {
  margin-top: 0;
}


.petition__collapse {
  border-bottom: 1px solid #d0d0d0;
}

a.petition__title {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 0.5em 0;
  border-bottom: 1px solid #d0d0d0;
}

a.petition__title:after {
  position: absolute;
  right: 1em;
  top: 1.1em;
  font-family: fontAwesome;
  content: "\f0d7";
  display: block;
  font-size: 0.7em;
}

.petition__close {
  position: absolute;
  top: 0.5em;
  right: 1em;
  cursor: pointer;
  display: block;
  font-size: 0.7em;
}

.petition__collapse {
  display: none;
}

.petition__submit {
  padding: 1.5em 3em;
  margin: 1em auto 2.5em;
}

.petition__message {
  height: 8em;
}

.petition__image {
  width: 95%;
  height: 13em;
  margin-left: 5%;
  background-size: cover;
  background-position: center center;
}

.petition__listing .dk-speakout-petition-wrap > h3,
.petition__listing .dk-speakout-progress-wrap,
.petition__listing .dk-speakout-caps,
.petition__listing .dk-speakout-share {
  display: none;
}

.petition__listing label.dk-speakout-error {
  color: #e81e00;
  border: none !important;
  background-color: transparent !important;
}

.petition__comments {
  height: 11.6em;
}

.petition__share {
  display: block;
  text-align: left;
  padding-top: 1em;

}

.petition__share a:first-child {
  padding-left: 1em;
  padding-right: 0.5em;
}

@media only screen and (min-width: 40em) {
  .petition__listing .dk-speakout-greeting {
    display: inline-block;
    -webkit-transform: translate(0,-1.5em);
    transform: translate(0,-1.5em);
    margin-bottom: 0;
  }
  .petition__list textarea {
    margin-top: -1.5em;
    height: 25.1em;
  }
  .petition__share {
    margin: 2em 0 0;
    text-align: left;
    float: left;
    display: inline-block;
    padding-top: 0;
  }

  .dk-speakout-petition {
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
  }

  .dk-speakout-full,
  .dk-speakout-half,
  .dk-speakout-petition > div {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
  }

  .dk-speakout-petition {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .dk-speakout-message-editable {
    margin-top: 1.9em;
  }

  .dk-speakout-message-1 {
    height: 11.75em;
  }

  .dk-speakout-optin-wrap {
    margin: 1.25em 0;
  }
}

@media only screen and (min-width: 60em) {

  .petition__share {
    display: inline-block;
    margin: 1rem;
  }
  

  .dk-speakout-half {
    width: 49.5%;
    display: inline-block;
  }

  .dk-speakout-half:nth-child(odd) {
    width: 47%;
    margin-right: 2.5%;
  }

}

.dk-speakout-petition-wrap .dk-speakout-optin-wrap label {
  top:-2px !important;
}

/* Articles & Widgets
   ========================================================================== */

.single .article {
  padding-right: 4em;
}
.article__heading,
.archive-title,
.petition__title {
  font-size: 1.4em;
  text-transform: none;
  margin-bottom: 0;
  font-weight: bold;
}
.archive-title {
  text-transform: uppercase;
}

.article__meta {
  padding: 0.5em 0 1.5em;
  font-size: 0.85em;
}

.article__thumbnail {
  padding: 0.5em 0;
}

.articles hr:last-child {
  display: none;
}

.caption {
  margin: 0.5em 0;
  font-style: italic;
}

.widget.widget_categories {
  display: none;
}

.article__content p:first-child {
  margin-top: 0;
}

.widget_categories a {
  color: #636363;
}

.widget_categories ul {
  padding-left: 0;
}

.widget_categories li {
  list-style-type: none;
  line-height: 1.5em;
}

.widget_categories li ul {
  padding-bottom: 1em;
  padding-left: 2em;
}

.widget_categories li ul ul {
  padding-bottom: 0;
}

.widget_categories li li {
  list-style-type: disc;
}

.widget_categories li a {
  color: #0075c8;
  font-weight: bold;
}

.widget_categories li li a {
  color: #636363;
  font-weight: 500;
}

.widget_categories li li {
  list-style-type: circle;
}

.widget_categories li li li {
  list-style-type: square;
}

.widget__heading {
  font-size: 1.5em;
  letter-spacing: 0.1em;
}

.widget_nav_menu {
  border-bottom: 1px solid #d0d0d0;
}

.widget_nav_menu ul {
  padding-left: 0;
}

.widget_nav_menu li {
  list-style-type: none;
  padding: 0.6em 0 0.6em 4em;
  margin-bottom: 0.5em;
  display: block;
  position: relative;
  background-position: left bottom;
}

.widget_nav_menu li a {
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.075em;
}

#menu-item-195 {
  background: url('img/who-we-are-bg.svg') no-repeat center left;
  padding-bottom: 0.8em;
}

#menu-item-196 {
  background: url('img/advocate-bg.svg') no-repeat center left;
}

#menu-item-197 {
  background: url('img/contribute-bg.svg') no-repeat center left;
}

.wp-caption {
  max-width: 100%;
}

.pagination {
  padding: 1em 5% 3em 0;
  border-top: 1px solid #ddd;
  max-width: 90%;
  display: block;
  margin: 0 auto;
}
.pagination .wp-pagenavi .nextpostslink {
  clear: both;
  display: block;
  margin-top: 1em;
}
.pagination .wp-pagenavi {
  text-align: center;
  font-size: 1.1em;
}
.pagination .wp-pagenavi a, .pagination .wp-pagenavi span {
  border: none;
  margin: 0;
  padding: 0.5em 1em;
}

.pagination .wp-pagenavi span.pages {
  display: none;
}
.pagination .wp-pagenavi a.last {
  display: none;
}
.pagination .wp-pagenavi span.fa {
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.pagination .wp-pagenavi a:hover {
  text-decoration: none;
}
.pagination .wp-pagenavi span.current,
.pagination .wp-pagenavi a:hover {
  background-color: #0075c8;
  color: white;
}

.addthis_default_style .at300b {
  width: 6em;
}

.addthis_default_style .addthis_button_pinterest_pinit.at300b {
  width: 4em;
}

.addthis_default_style .addthis_button_google_plusone.at300b {
  width: 5em;
}

.heading--share {
  text-transform: none;
  margin: 0;
}
.frame-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.frame-container iframe, .frame-container object, .frame-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

body.homepage .articles .article__content p,
body.archive .articles .article__content p {
  display: none;
}

body.homepage .articles .article__content p:first-child,
body.homepage .articles .article__content p:nth-child(2),
body.archive .articles .article__content p:first-child,
body.archive .articles .article__content p:nth-child(2) {
  display: block;
}

@media only screen and (min-width:40em) {
  .widget.widget_categories {
    display: block;
  }
  .articles {
    padding-right: 4em;
  }

  body.homepage .articles .article__content p,
  body.archive .articles .article__content p {
    display: block;
  }

  .pagination {
    padding: 1em 4em 3em 0;
    max-width: 100%;
    display: block;
    margin: 0;
  }
  .pagination .wp-pagenavi .nextpostslink {
    display: inline;
    margin-top: 0;
    clear: none;
  }
}

/* ==========================================================================
   $ Frontpage content
   ========================================================================== */
.home.page {
  background-color: #edf5fb;
}
.latest_blog_post #articleContent .article__excerpt h2 {
  display: none;
}
.latest_blog_post__thumbnail {
  margin-bottom: 3em;
}

.latest_blog_post__thumbnail img {
padding-top: 1.2em;
}

  /* Frontpage Animation Hovers */
  .frontpage .section.callouts a,
  .section.callouts.take-action__callouts a {
    display: block;
    position: relative;
    -webkit-font-smoothing: antialiased;
  }
  .img--who-we-are .callout__img-link img:first-child {
    display: none;
  }

  .section.callouts .animation-component--advocate {
    width: 12px;
    height: 21px;
    position: absolute;
    margin: auto;
    top: -34px;
    bottom: 0;
    left: 50px;
    right: 0;
  }
  .section.callouts .animation-component--contribute {
    width: 30px;
    height: 28px;
    position: absolute;
    margin: auto;
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
    font-smooth: never;
    -webkit-font-smoothing : none;
  }
  .section.callouts .animation-component--about-us {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    -webkit-mask-size: 100%;
  }
  .animation-component--about-us__mask {
    width: 17px;
    height: 73px;
    position: absolute;
    top: 26%;
    bottom: 0;
    left: 38%;
    right: 0;
    background-image: url('img/callout-about-us-mask-white.svg');
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto 100%;
    z-index: -1;
  }
  .background--blue .animation-component--about-us__mask {
    background-image: url('img/callout-about-us-mask.svg');
  }

@media only screen and (min-width: 40em) {

  .section.callouts .img--who-we-are:hover .animation-component--about-us__mask {
    animation: animationCape 0.7s linear infinite;
    -webkit-animation: animationCape 0.7s linear infinite;
    -moz-animation: animationCape 0.7s linear infinite;
    -ms-animation: animationCape 0.7s linear infinite;
  }

  .section.callouts .img--contribute:hover .animation-component--contribute {
    -webkit-animation: animationContribute 0.7s ease-in-out infinite alternate;
    -ms-animation: animationContribute 0.7s ease-in-out infinite alternate;
    animation: animationContribute 0.7s ease-in-out infinite alternate;
  }

  .section.callouts .img--advocate:hover .animation-component--advocate {
    -webkit-animation: animationAdvocate 2s ease-in-out infinite alternate;
    -ms-animation: animationAdvocate 2s ease-in-out infinite alternate;
    animation: animationAdvocate 2s ease-in-out infinite alternate;

    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }

}

@media only screen and (min-width: 60em) {
   .img--who-we-are .callout__img-link img:first-child {
    display: inline-block;
  }
}

#dk-speakout-petition-2 {
  display: none;
}
/*
 *  Submit button
 */
.dk-speakout-submit-wrap {
  margin: 0 0 1.5em 0;
  text-align: center;
}



/* ==========================================================================
   $ Some of them' animations
   ========================================================================== */

/*--------- Callout Who Are We --------- */
  @keyframes animationCape {
    from { background-position: 0 0; }
    to { background-position: 0 68px; }
  }

  @-webkit-keyframes animationCape {
    from { background-position: 0 0; }
    to { background-position: 0 68px; }
  }

  @-ms-keyframes animationCape {
    from { background-position: 0 0; }
    to { background-position: 0 57px; }
  }

  @-moz-keyframes animationCape {
    from { background-position: 0 0; }
    to { background-position: 0 57px; }
  }
@keyframes turn {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes turn {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------- Callout Contribute ------- */

@keyframes animationContribute{
  0% {
    left:0px;
    top:-15px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    left:0px;
    top:-40px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1.1) scaleY(1.1) ;
  }
}

@-moz-keyframes animationContribute{
  0% {
    left:0px;
    top:-20px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    left:0px;
    top:-40px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1.1) scaleY(1.1) ;
  }
}

@-webkit-keyframes animationContribute {
  0% {
    left:0px;
    top:-20px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    left:0px;
    top:-40px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-o-keyframes animationContribute {
  0% {
    left:0px;
    top:-20px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    left:0px;
    top:-40px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-ms-keyframes animationContribute {
  0% {
    left:0px;
    top:-20px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  100% {
    left:0px;
    top:-40px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}
/*------ Callout Advocate ---------*/

@keyframes animationAdvocate {
    0%   { opacity:1; transform: rotate(0deg) scaleX(1) scaleY(1); }
    17%  { transform: rotate(10deg); }
    59%  { transform: rotate(-10deg); }
    100% { opacity:1;transform: rotate(0deg) scaleX(1) scaleY(1); }
}

  @-moz-keyframes animationAdvocate {
    0%   { opacity:1; -moz-transform: rotate(0deg) scaleX(1) scaleY(1); }
    17%  { -moz-transform: rotate(10deg); }
    59%  { -moz-transform: rotate(-10deg); }
    100% { opacity:1;-moz-transform: rotate(0deg) scaleX(1) scaleY(1); }
  }

  @-webkit-keyframes animationAdvocate {
    0%   { opacity:1; -webkit-transform: rotate(0deg) scaleX(1) scaleY(1); }
    17%  { -webkit-transform: rotate(10deg); }
    59%  { -webkit-transform: rotate(-10deg); }
    100% { opacity:1;-webkit-transform: rotate(0deg) scaleX(1) scaleY(1); }
  }

  @-o-keyframes animationAdvocate {
    0%   { opacity:1; -o-transform: rotate(0deg) scaleX(1) scaleY(1);}
    17%  { -o-transform: rotate(10deg); }
    59%  { -o-transform: rotate(-10deg); }
    100% { opacity:1; -o-transform: rotate(0deg) scaleX(1) scaleY(1); }
  }

  @-ms-keyframes animationAdvocate {
    0%   { opacity:1; -ms-transform: rotate(0deg) scaleX(1) scaleY(1); }
    17%  { -ms-transform: rotate(10deg); }
    59%  { -ms-transform: rotate(-10deg); }
    100% { opacity:1; -ms-transform: rotate(0deg) scaleX(1) scaleY(1); }
  }

/*------ Site Alert Bar ---------*/

  @-webkit-keyframes siteAlert {
    0%   { top: -3em; }
    30%  { top: 0; }
    50%  { top: 0; background-color: #00a2db;}
    75%  { top: 0; background-color: #0075c8;}
    100% { top: 0; }
  }

  @-moz-keyframes siteAlert {
    0%   { top: -3em; }
    30%  { top: 0; background-color: #00a2db;}
    50%  { top: 0; background-color: #0075c8;}
    75%  { top: 0; background-color: #00a2db;}
    100% { top: 0; }
  }

  @-ms-keyframes siteAlert {
    0%   { top: -3em; }
    30%  { top: 0; background-color: #00a2db;}
    50%  { top: 0; background-color: #0075c8;}
    75%  { top: 0; background-color: #00a2db;}
    100% { top: 0; }
  }

  @-o-keyframes siteAlert {
    0%   { top: -3em; }
    30%  { top: 0; background-color: #00a2db;}
    50%  { top: 0; background-color: #0075c8;}
    75%  { top: 0; background-color: #00a2db;}
    100% { top: 0; }
  }

  @keyframes siteAlert {
    0%   { top: -3em; }
    30%  { top: 0; background-color: #00a2db;}
    50%  { top: 0; background-color: #0075c8;}
    75%  { top: 0; background-color: #00a2db;}
    100% { top: 0; }
  }

/*------ Site Alert Gradient Fade ---------*/

  @-webkit-keyframes siteAlertGradient {
    0%, 75%   { opacity: 0; }
    100%      { opacity: 1; }
  }
  @-moz-keyframes siteAlertGradient {
    0%, 75%   { opacity: 0; }
    100%      { opacity: 1; }
  }
  @-ms-keyframes siteAlertGradient {
    0%, 75%   { opacity: 0; }
    100%      { opacity: 1; }
  }
  @-o-keyframes siteAlertGradient {
    0%, 75%   { opacity: 0; }
    100%      { opacity: 1; }
  }
  @keyframes siteAlertGradient {
    0%, 75%   { opacity: 0; }
    100%      { opacity: 1; }
  }

/* ==========================================================================
   $ Page Styles
   ========================================================================== */

.page .main > .impact_area:first-child {
  padding: 0;
}

/* ==========================================================================
   $ Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead { display: table-header-group; }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }

    .site-header,
    .site-footer,
    .content__aside { display: none; }
}


/* HW Parallax Plugin CSS */
.parallax-block{position:fixed;top:0;left:0;overflow:hidden;z-index:-1;max-width:none!important;max-height:none!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;}.parallax-image{position:absolute;top:0;left:0;max-width:none!important;max-height:none!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;}

/* Footer Fix */
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: unset !important;
}