/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Libre+Franklin:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Merriweather:300,300i,400,400i,700,700i,900,900i");
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFF; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFF; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #FFF; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?wisv4v");
  src: url("fonts/icomoon.eot?wisv4v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?wisv4v") format("truetype"), url("fonts/icomoon.woff?wisv4v") format("woff"), url("fonts/icomoon.svg?wisv4v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[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-envelop:before {
  content: "\e945"; }

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

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

.icon-linkedin2:before {
  content: "\eaca"; }

.clear {
  width: 100%;
  height: 0;
  float: none;
  clear: both; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #344a7a;
  font-family: "Libre Franklin", sans-serif; }

header {
  padding: 2vw 4vw 0 4vw;
  box-sizing: border-box;
  width: 100%;
  height: 85px;
  color: #424242;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 9999;
  background-color: #FFF;
  margin: 0 0 0 0; }
  header h1 {
    margin: 0;
    clear: none;
    font-weight: 800;
    float: left;
    letter-spacing: -2px;
    font-family: "Libre Franklin", sans-serif;
    color: #344a7a;
    text-transform: uppercase; }
    header h1 span:first-of-type {
      color: #8f8f8f; }
    header h1 span:nth-of-type(2) {
      color: #ef5354; }
  header hr {
    display: none; }
  header ul {
    padding: 0;
    float: right;
    list-style: none;
    margin: 0;
    font-size: .9em;
    font-weight: 500;
    text-transform: uppercase;
    color: #344a7a; }
    header ul li {
      display: table-cell;
      vertical-align: middle;
      float: left;
      padding: 0.8em 0 0 1.5em;
      box-sizing: border-box; }
      header ul li a {
        color: #344a7a;
        text-decoration: none; }
      header ul li a:hover {
        color: #ef5354;
        /*font-weight: 800;*/
        cursor: pointer; }
    .donate {
      font-size: 0.8em;
      margin-left: 1em;
      margin-top: 0.3em;
      font-weight: bold;
      letter-spacing: 0.12em; 
      color: #FFF;
      text-decoration: none;
      padding: 1em 3em;
      background-color: #ef5354; }
      .donate:hover{
        background-color: #eb2426;
        color: #FFF;
        transition: 500ms;
        cursor: pointer; }

header ul li ul {position:absolute;width:18em;}
header ul li ul li {width:100%; margin-left: -1.5em; background-color: #FFF; padding-top: 0.4em; padding-bottom: 0.4em; }
header ul li ul li:first-of-type { margin-top: 1em;}
header ul li ul li a {display:block; color:#344a7a;}
header ul li ul li:hover {background:#F7F7F7;}
header ul li ul.fallback {display:none;}
header ul li:hover ul.fallback {display:block;}

.anchor {
  margin: -85px 0px 85px 0px; 
  position: absolute; 
  visibility: hidden; 
  display: block; }

section#content {
  padding: 8vw 4vw 2vw 4vw;
  text-align: left; }
  section#content div:nth-of-type(2) {
    display: none; }
  section#content div:first-of-type, section#content div:nth-of-type(2) {
    width: 47vw;
    float: left; }
    section#content div:first-of-type h1, section#content div:nth-of-type(2) h1 {
      font-family: "Merriweather", serif;
      margin: 0;
      font-size: 1.78em;
      font-weight: normal;
      color: #424242; }
    section#content div:first-of-type h3, section#content div:nth-of-type(2) h3 {
      color: #ef5354; }
    section#content div:first-of-type hr, section#content div:nth-of-type(2) hr {
      width: 10vw;
      height: 0.2vw;
      background-color: #424242;
      border: 0;
      margin: 1.3em 0; }
    section#content div:first-of-type p, section#content div:nth-of-type(2) p {
      line-height: 1.75em;
      margin: 0 0 1.8em 0;
      font-size: 1em;
      color: #424242; }
    section#content div:first-of-type ol, section#content div:nth-of-type(2) ol {
      display: block;
      padding: 0 0 0 3.5294em;
      list-style: none;
      overflow: hidden;
      counter-reset: numList; }
    section#content div:first-of-type ol li, section#content div:nth-of-type(2) ol li {
      position: relative;
      margin-bottom: 1em; }
    section#content div:first-of-type ol li:before, section#content div:nth-of-type(2) ol li:before {
      counter-increment: numList;
      content: counter(numList);
      float: left;
      position: absolute;
      left: -2.4em;
      font: normal 1em sans-serif;
      text-align: center;
      color: #424242;
      line-height: 1.6em;
      width: 1.6em;
      height: 1.6em;
      border: 1px solid #424242;
      -moz-border-radius: 999px;
      border-radius: 999px; }
    section#content div:first-of-type li, section#content div:nth-of-type(2) li {
      line-height: 1.75em;
      margin: 0 0 1.8em 0;
      font-size: 1em;
      color: #424242;
      margin: 0; }
      section#content div:first-of-type li a, section#content div:nth-of-type(2) li a {
        font-weight: bold;
        text-decoration: underline;
        color: #ef5354; }
      section#content div:first-of-type li a.mobilelink, section#content div:nth-of-type(2) li a.mobilelink {
        display: none; }
      section#content div:first-of-type li span.nomobile, section#content div:nth-of-type(2) li span.nomobile {
        display: inline-block; }
  /*section#content form {
    width: 38vw;
    float: right;
    margin: 0 0 0 5vw;
    background-color: #344a7a;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 3px 3px 7px 1px rgba(144, 144, 144, 0.4);
    padding: 1.5em; }
    section#content form h2 {
      margin: 0 0 1em 0;
      font-size: 1.65em;
      font-family: "Merriweather", serif;
      font-weight: normal; }
    section#content form .error {
      display: none; }
    section#content form input[type="text"], section#content form input[type="tel"], section#content form input[type="email"] {
      width: 100%;
      padding: 1em;
      font-size: 0.9em;
      background-color: transparent;
      border: 2px solid #FFF;
      box-sizing: border-box;
      margin-bottom: 0.75em;
      color: #FFF; }
    section#content form input:nth-of-type(1) {
      width: 49%;
      float: left; }
    section#content form input:nth-of-type(2) {
      width: 49%;
      float: right; }
    section#content form input[id="zip"] {
      margin-bottom: 2em; }
    section#content form input[type="submit"] {
      width: 100%;
      background-color: #ef5354;
      color: #FFF;
      border: 0;
      box-sizing: border-box;
      padding: 1em;
      font-size: 1em;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      font-weight: 700; }
    section#content form input[type="submit"]:hover {
      background-color: #eb2426;
      transition: 500ms;
      cursor: pointer; }*/
  section#content div:nth-of-type(4), section#content div:nth-of-type(5) {
    display: none;
    width: 35vw;
    float: right;
    margin: 0 0 0 5vw;
    border: 4px solid #9b9b9b;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    padding: 1.5em 1.5em 1.5em 2.5em;
    text-align: left;
    position: relative;
    margin-bottom: 1em; }
    section#content div:nth-of-type(4) p, section#content div:nth-of-type(5) p {
      width: 100%;
      margin: 0;
      color: #424242;
      text-align: left; }
    section#content div:nth-of-type(4) p:first-of-type, section#content div:nth-of-type(5) p:first-of-type {
      font-weight: bold;
      font-size: 1.4em; }
    section#content div:nth-of-type(4) p:nth-of-type(2), section#content div:nth-of-type(5) p:nth-of-type(2) {
      font-size: 0.9em; }
    section#content div:nth-of-type(4) span, section#content div:nth-of-type(5) span {
      height: 1.1764705882em;
      width: 1.1764705882em;
      font-size: 1.2em;
      border-radius: 100%;
      border: 4px solid #9b9b9b;
      display: inline-block;
      padding: 11px 10px 10px 12px;
      color: #9b9b9b;
      background-color: #FFF;
      position: absolute;
      top: 1.2em;
      left: -1.2em; }
    section#content div:nth-of-type(4) a, section#content div:nth-of-type(5) a {
      width: 100%;
      display: block;
      box-sizing: border-box;
      background-color: #344a7a;
      color: #FFF;
      text-align: center;
      padding: 1em 0.3em;
      margin-top: 1em;
      text-decoration: none;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 0.9em; }
      section#content div:nth-of-type(4) a span, section#content div:nth-of-type(5) a span {
        position: relative;
        height: auto;
        width: auto;
        color: #FFF;
        font-size: 0.9em;
        border: 1px solid #FFF;
        padding: 0.3em;
        background-color: transparent;
        margin-right: 0.6em;
        top: 0;
        left: 0; }
    section#content div:nth-of-type(4) textarea, section#content div:nth-of-type(5) textarea {
      border: 1px solid #CCCCCC;
      width: 100%;
      height: 5em;
      white-space: pre-wrap;
      word-wrap: break-word;
      overflow: hidden;
      box-sizing: border-box;
      padding: 0.3em;
      font-size: 0.8em;
      color: #000;
      margin-top: 0.8em;
      max-width: 100%;
      font-weight: 300; }

section.tabcontent {
  padding: 2vw 4vw 2vw 4vw;
  text-align: left;
  line-height: 1.75em;
  margin: 0;
  font-size: 1em;
  color: #424242; }
    section.tabcontent:first-of-type {
      padding-top: 85px; } /* push it down to fit the nav bar */
    section.tabcontent:nth-of-type(even) {
      background-color: #f0f0f0; }
    section.tabcontent h1 {
      font-family: "Merriweather", serif;
      font-size: 1.78em;
      font-weight: normal; }
    section.tabcontent h2 {
      font-family: "Merriweather", serif;
      font-size: 1.8em;
      font-weight: normal; 
      color: #344a7a; }

  div.faqitem {
    box-sizing: border-box;
    color: #424242;
    margin: 2em 0; }

footer {
  padding: 2vw 4vw;
  background-color: #344a7a;
  text-align: center;
  font-size: .9em;
  text-transform: uppercase;
  box-sizing: border-box;
  color: #FFF; }
  footer p {
    font-size: 0.8em; }
  footer p:first-of-type {
    width: 95%;
    max-width: 450px;
    font-weight: bolder;
    text-transform: uppercase;
    box-sizing: border-box;
    border: 2px solid #FFF;
    padding: 1em 2em;
    margin: 0 auto 1em auto; }
  footer a {
    color: #cccccc; 
    text-decoration: none; }
  footer a:hover {
    color: #ef5354;
  }
  footer ul {
    float: none;
    margin: 1em 0 2em 0;
    text-align: center; 
    margin-left: -40px;}
  footer ul li {
    display: inline-block;
    float: none;
    padding: 0;
    margin: auto 2em; }
  footer ul li:last-of-type a {
    color: #ef5354;
    text-decoration: none;
  }
  footer ul li:last-of-type a:hover {
    color: #FFF;
  }

@media only screen and (max-width: 1169px) {
  html, body {
    font-size: 16px; }
}
@media only screen and (max-width: 1097px) {
  header ul { font-size: 0.85em; }
  header ul li { padding-left: 1.2em;} 
}
@media only screen and (max-width: 1056px) {
  header ul { font-size: 0.8em;}
  header ul li { padding-left: 1em;} 
  header {
    height: 65px; }
  .anchor {
    margin: -65px 0px 65px 0px; }
  section.tabcontent:first-of-type, section#content {
    padding-top: 65px; }
}
@media only screen and (max-width: 972px) {
  html, body {
    font-size: 15px; } 
}
@media only screen and (max-width: 910px) {
  header {
    height: 95px; }
  .anchor {
    margin: -95px 0px 95px 0px; }
  section.tabcontent:first-of-type, section#content {
    padding-top: 95px; }
}
@media only screen and (max-width: 910px) {
  section#content div:first-of-type {
    float: none;
    clear: both;
    width: 100%; }
    section#content div:first-of-type h3 {
      display: none; }
  section#content div:nth-of-type(4), section#content div:nth-of-type(5) {
    display: none !important; }
  section#content div:nth-of-type(2) {
    width: 100%; }
    section#content div:nth-of-type(2) li a.mobilelink {
      display: block; }
    section#content div:nth-of-type(2) li span.nomobile {
      display: none; }
  /*section#content form {
    float: none;
    width: 100%;
    margin: 0;
    text-align: left; }
    section#content form input:nth-of-type(1) {
      width: 32%;
      float: left; }
    section#content form input:nth-of-type(2) {
      width: 32%;
      float: left;
      margin-left: 1%; }
    section#content form input:nth-of-type(3) {
      width: 34%;
      float: right; }
    section#content form input:nth-of-type(4) {
      width: 49.5%;
      float: left; }
    section#content form input:nth-of-type(5) {
      width: 49.5%;
      float: right; } */
  footer ul li {
    margin: auto 1em;
    line-height: 1.5em;
    font-size: 0.8em; }
}

@media only screen and (max-width: 624px) {
  header {
    text-align: center;
    height: 110px; }
    header h1 {
      float: none; }
    header a {
      text-decoration: none; }
    header hr {
      width: 100%;
      background-color: #c2c2c2;
      border: 0;
      height: 2px;
      margin: 0;
      float: none;
      clear: both;
      display: block; }
    header ul {
      float: none;
      margin: .8em 0 .8em 0;
      text-align: center;
      width: 100%; }
      header ul li {
        display: inline-block;
        float: none;
        line-height: 1.4em;
        padding: 0 1em; }
        header ul li:last-of-type a {
          color: #ef5354;
          text-decoration: none;
          background-color: transparent;
          padding: 0; }
        header ul li:last-of-type a:hover {
          color: #424242;
          cursor: pointer;
          background-color: transparent;
          transition: none; }
        header ul li:hover ul.fallback {display:none;} /* don't display dropdown menu on small screens */

  .anchor {
    margin: -110px 0px 110px 0px; }
  section.tabcontent:first-of-type {
    padding-top: 110px; }
  section#content {
    padding-top: 110px;  }
  section#content div:first-of-type {
    text-align: center; }
    section#content div:first-of-type hr {
      display: none; }
    section#content div:first-of-type h1#title {
      margin-bottom: 1em;
      font-size: 1.3em; }
    section#content div:first-of-type p {
      text-align: justify;
      line-height: 1.5em;
      font-size: 1em; }
  section#content form {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center; }
    section#content form input {
      width: 100% !important;
      margin: 0 0 0.5em 0 !important; }
  footer ul {
    float: none;
    margin: 1em 0 2em 0;
    text-align: center;
    margin-left: -40px; }
    footer ul li {
      display: inline-block;
      float: none;
      padding: 0;
      line-height: 1.5em; }
}

/*Action Network*/
section#content div.can_embed.v2.form {
    width: 38vw;
    float: right;
    margin: 0 0 0 5vw;
    background-color: #344a7a;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 3px 3px 7px 1px rgba(144, 144, 144, 0.4);
    padding: 1.5em;
}

section#content div.can_embed.v2.form div:nth-of-type(2) {
    display: inline-block;
    width: 100%; }

section#content div#can_embed_form {
  float: none;
  width: auto;
}

section#content div#can_embed_form_inner {
  float: none;
  width: auto;
}

section#content div#can_embed_form_inner h2 {
  margin: 0 0 1em 0;
  font-size: 1.65em;
  font-family: "Merriweather", serif;
  font-weight: normal;
}

section#content div#can_embed_form_inner h4 {
  display: none;
}

section#content div#form_col1 {
  display: block;
  width: auto;
  float: none;
}

section#content div#form_col1 > input {
  background-color: transparent;
}

section#content div#form_col1 input[type="text"],
section#content div#form_col1 input[type="email"] {
  padding: 1em;
  font-size: 0.9em;
  background-color: transparent;
  border: 2px solid #FFF;
  box-sizing: border-box;
  margin-bottom: 0.75em;
  color: #FFF;
  width: 100%;
}

section#content div#form_col1 input#form-first_name {
  width: 49%;
  float: left;
}

section#content div#form_col1 input#form-last_name {
  width: 49%;
  float: right;
}

section#content div#form_col1 input#Mobile-phone {
  margin-bottom: 2em;
}

.country_wrap {
  display: none;
}

img.ajax-loading {
  display: none;
}

div#d_sharing {
  display: none;
}

div#action_info {
  display: none;
}

section#content div#form_col2 input[type="submit"] {
  width: 100%;
  background-color: #ef5354;
  color: #FFF;
  border: 0;
  box-sizing: border-box;
  padding: 1em;
  font-size: 1em;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
}

section#content div#form_col2 input[type="submit"]:hover {
  background-color: #eb2426;
  transition: 500ms;
  cursor: pointer;
}


section#content div#action_welcome_message {
  float: none;
  width: 100%;
}

section#content div#action_welcome_message_inner {
  float: none;
  width: 100%;
}

section#content div.left {
  float: none;
  width: 100%;
}

section#content div.left div:first-of-type {
  float: none;
  width: 100%;
  margin-bottom: 2em;
}

section#content div#logo_wrap {
  display: none;
}

section#content li.control-group {
    list-style: none;
}

section#content div#action_welcome_message div:nth-of-type(2) {
    margin-bottom: 20px;
}

@media only screen and (max-width: 910px) {
  section#content div.can_embed.v2.form {
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
  }
}

@media only screen and (max-width: 600px) {
  iframe {
    width: 100%;
  }
}