/*

Theme Name:  Shannon Freshour for Ohio
Description:  Site for Shannon Freshour.
Author:  Summit Strategy
Author URI: http://summitstrategy.com/
Version:  1.0

 */
@keyframes moveitin {
  0% {
    transform: translate(0, 250px);
    opacity: 0; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes slidetext {
  0% {
    transform: translate(20vh);
    opacity: 0; }
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes headerslide {
  0% {
    top: -100px; }
  100% {
    top: 0; } }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline; }

/* +++ Base +++ */
body {
  line-height: 1.4;
  font-size: 16px;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif; }

html, body {
  height: 100%; }

ol, ul {
  padding-left: 1.25em; }

li {
  margin-top: .5em; }

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

a img {
  border: none; }

h1, h2, h3, h4, h5, h6 {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1; }

body, input, textarea {
  color: #222;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  line-height: 1.3; }

p {
  margin: 0.5em 0 0.5em 0; }

a {
  color: #51405A; }

a:hover, a:focus {
  color: #214290;
  text-decoration: none; }

a:visited {
  color: #02462B;
  text-decoration: none; }

/* Clearfix */
.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.fullwidth {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.bodywidth {
  width: 1000px;
  margin: 0 auto;
  transition: .3s ease width;
  box-sizing: border-box; }

input {
  -webkit-appearance: none;
  display: inline-block;
  font-size: 1em;
  padding: .5em;
  margin: 0.25em 0.25em 0.75em 0.25em;
  border: 1px solid #666;
  border-radius: 0; }

input[type=submit] {
  background-color: #C81800;
  color: white;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 900;
  border: 0;
  font-size: inherit;
  padding: 0.5em 1em;
  transition: 0.3s ease background, 0.3s ease color; }

input[type=submit]:hover, input[type=submit]:focus {
  background-color: #ff3216; }

/* Wordpress Posts */
.post {
  color: #111;
  margin-bottom: 1.5em;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif; }

.post.widecontent__post {
  padding: 0 2em; }

.post p {
  color: #335;
  line-height: 1.5;
  font-size: .95em; }

.post.widecontent__post p {
  font-size: 1.1em; }

.post p a {
  text-decoration: underline; }

.post p a:hover {
  text-decoration: none; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  color: #444;
  font-weight: 700; }

.post h1 {
  font-size: 150%;
  font-weight: 700; }

.post h2 {
  font-size: 140%;
  font-weight: 700; }

.post h3 {
  font-size: 130%;
  font-weight: 700; }

.post h4 {
  font-size: 120%; }

.post h5 {
  font-size: 100%;
  text-transform: uppercase; }

.post h6 {
  text-transform: uppercase; }

.post ul, .post ol {
  margin-bottom: 1.5em; }

.post ul li {
  margin-left: .5em;
  line-height: 1.2; }

.post ol li {
  margin-left: .5em;
  line-height: 1.2; }

.post em {
  font-style: italic; }

.post strong {
  font-weight: 700; }

.post img {
  max-width: 95%;
  height: auto;
  margin: .5em; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

::selection {
  background-color: #02462B;
  color: #fff; }

::-moz-selection {
  background-color: #02462B;
  color: #fff; }

/* /Wordpress Posts */
body #can_embed_form_inner input[type="text"], body #can_embed_form_inner input[type="password"], body #can_embed_form_inner input[type="date"], body #can_embed_form_inner input[type="datetime"], body #can_embed_form_inner input[type="datetime-local"], body #can_embed_form_inner input[type="month"], body #can_embed_form_inner input[type="week"], body #can_embed_form_inner input[type="email"], body #can_embed_form_inner input[type="number"], body #can_embed_form_inner input[type="search"], body #can_embed_form_inner input[type="tel"], body #can_embed_form_inner input[type="time"], body #can_embed_form_inner input[type="url"], body #can_embed_form_inner input[type="color"], body #can_embed_form_inner textarea {
  -webkit-appearance: none;
  display: inline-block;
  font-size: 1em;
  padding: .5em;
  margin: 0.25em 0.25em 0.75em 0.25em;
  border: 1px solid #666;
  border-radius: 0;
  width: auto; }

body #can_embed_form_inner input:focus, input:focus {
  outline: none;
  box-shadow: 0 0 0 0.15em rgba(200, 24, 0, 0.5); }

/* +++ Layout +++ */
.header--main {
  min-height: 5em;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  overflow: visible; }

.header__title {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -500px;
  margin-top: .2em;
  width: 319px;
  height: 65px; }

.header__nav {
  position: relative;
  float: right;
  width: 70%;
  margin-top: 1.1em;
  padding-right: 1em; }

.header__navlist, .header__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

.mobilenav {
  display: none; }

.hero {
  height: 800px;
  max-height: 80vh;
  position: relative;
  background-color: #e9eefa;
  background-image: url(images/hero_freshour_v2.jpg);
  background-size: cover;
  background-repeat: no-repeat; }


.hero__signup {
  position: relative;
  width: 30%;
  top: 55%;
  left: 60%; }

.hero__signup .heading--section {
  text-transform: none;
  color: #F6F6F6;
  text-shadow: 0 0 10px rgba(20, 20, 20, 0.2);
  text-align: center;
  margin: .25em auto; }

.inthero {
  height: 0;
  padding-bottom: 30%;
  background-size: cover;
  background-position: center top;
  position: relative;
  overflow: hidden; }

.inthero--aboutclass {
  background-position: center 15%; }

.inthero--fallback {
  background-image: url(images/priorities_hero_fallback.jpg?v=1.001); }

.inthero__heading {
  position: absolute;
  bottom: 5%;
  left: 5%;
  font-size: 3em;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  color: #fff;
  text-transform: none;
  font-weight: 900;
  text-shadow: 0 0 10px rgba(30, 30, 30, 0.3);
  max-width: 70%;
  opacity: 0;
  animation: moveitin 0.5s ease 1;
  animation-fill-mode: forwards;
  animation-delay: .5s; }

.btnbar {
  background-color: #354565;
  min-height: 2em;
  padding: .25em 0; }

.meetsf {
  min-height: 50vh;
  background-color: #fff; }

.meetsf__content {
  height: auto;
  margin: 3em auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around; }

.priorities {
  background-color: #F6F6F6;
  border-bottom: 2px solid white;
  height: 60vh;
  min-height: 30em;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch; }

.priorities.priorities--jordan {
  flex-direction: row;
  background-color: #444; }

.priorities__heroimage {
  background-image: url(images/priorities_freshour_hero.jpg);
  background-size: cover;
  background-position: center;
  width: 55%; }

.intcontent {
  margin-top: 9em;
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.intcontent.widecontent {
  margin-top: 2em;
  display: block; }

.intcontent__main {
  flex-basis: 65%;
  padding-bottom: 2em; }

.intcontent__side {
  flex-basis: 30%; }

.intcontent__sideitem {
  margin: 0.5em auto 1.5em auto;
  text-align: center; }

.footer--main {
  min-height: 8em;
  background-color: #fff; }

/* +++ Details +++ */
.header__title a {
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/logo_freshour.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative; }

.header__title a:focus {
  opacity: .5; }

/*
.header__title a:focus :before {
	content: '';
	position: absolute;
	left: -10%;
	top: -10%;
	width: 120%;
	top: 120%; 
	border: 2px solid black;
}
*/
.header__navlist, .header__nav ul {
  display: flex;
  justify-content: space-around;
  justify-content: flex-end;
  flex-wrap: nowrap;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-size: 1.15em;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 900; }

.header__navitem, .header__nav li {
  position: relative;
  margin: 0.5em 1.5em; }

.header__navlink, .header__nav li a {
  color: #214290;
  position: relative;
  z-index: 1;
  text-decoration: none;
  box-shadow: none;
  transition: 0.3s ease box-shadow, 0.3s ease color; }

.header__navlink:hover, .header__navlink:focus, .header__nav li a:hover, .header__nav li a:focus {
  box-shadow: 0 6px 0 -3px;
  color: #C81800; }

.header__navlink.header__donate, .header__nav li.header__donate a {
  color: #fff;
  transition: .3s ease color; }

.header__donate:after {
  content: '';
  position: absolute;
  left: -15%;
  top: -.2em;
  width: 130%;
  height: 1.75em;
  z-index: -1;
  box-shadow: 0 0 0 4px #C81800; }

.header__navlink.header__donate:hover, .header__nav li.header__donate a:hover, .header__navlink.header__donate:focus, .header__nav li.header__donate a:focus {
  box-shadow: none;
  color: #C81800; }

.header__donate:before {
  content: '';
  position: absolute;
  right: -15%;
  left: auto;
  top: -.2em;
  height: 1.75em;
  z-index: -1;
  background-color: #C81800;
  width: 130%;
  transition: .3s ease background-color; }

.header__donate:hover:before, .header__donate:focus:before {
  background-color: white; }

.mobilenav__open {
  display: none; }

.header--scrolled {
  position: fixed;
  z-index: 50;
  height: 4em;
  min-height: auto;
  overflow: hidden;
  top: -100px;
  animation: headerslide 0.5s ease 1;
  animation-fill-mode: forwards; }

.header--scrolled .header__title {
  height: 80%;
  box-shadow: none;
  background-color: transparent; }

.header--scrolled .header__nav, .header--scrolled .menu-main-navigation-container {
  margin-top: 0;
  height: 100%; }

.header--scrolled .header__navlist, .header--scrolled .header__nav ul {
  justify-content: flex-end;
  align-items: center;
  height: 100%; }

.header--scrolled .header__navitem, .header--scrolled .header__nav li {
  margin: 0 2%; }

.header--scrolled .header__donate:after {
  top: -1em;
  width: 120%;
  height: 3.5em;
  z-index: -1;
  box-shadow: none; }

.header--scrolled .header__donate:before, .header--scrolled .header__donate:hover:before, .header--scrolled .header__donate:focus:before {
  top: -1em;
  left: -13%;
  width: 130%;
  height: 3.5em;
  transition: 0; }

.header--scrolled .header__donate a:hover, .header--scrolled .header__donate a:focus {
  color: #C81800;
  transition: .3s ease color; }

.header--scrolled .header__donate a {
  color: white;
  transition: .7s ease color; }

.header--scrolled .header__donate:hover:before, .header--scrolled .header__donate:focus:before {
  background-color: #fff;
  transition: .3s ease background-color; }

.hero__action {
  display: flex;
  justify-content: space-between; }

.hero__signup .heading--cond {
  text-shadow: 0 0 8px rgba(30, 30, 30, 0.4);
  text-align: center;
  width: 100%;
  margin: 0; }

.hero__action .at input[type="email"], .hero__action .at input[type="tel"] {
  border-radius: 0;
  border-color: #214290;
  width: 95%;
  font-size: .9rem; }

.hero__action .at input::placeholder, .hero__action .at input {
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif; }

.footer__form .at input[type="email"], .footer__form .at input[type="tel"], .footer__form .at input[type="text"] {
  border-radius: 0;
  border-color: #214290;
  width: 95%;
  margin: .75em auto;
  font-size: .9rem; }

.footer__form .at input::placeholder, .footer__form .at input {
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif; }

.footer__form {
  text-align: center;
  padding-bottom: 1em;
  background-color: #214290; }

.footer__form .heading--cond {
  color: white; }

.hero__signup .at {
  overflow: show; }

.hero__action .at fieldset:last-of-type {
  padding: .625rem 0 0 0; }

#action_info, #logo_wrap {
  display: none; }

.at-form header, .at-form .at-legend {
  display: none; }

.at-form .at-inner {
  background-color: transparent; }

.footer__form .at-form .at-inner {
  background-color: transparent;
  width: 70%;
  margin: 0 auto; }

.footer__form .at-row.FirstName.LastName {
  display: flex;
  flex: 1 100%; }

.at-form .at-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.at-row.FirstName.LastName {
  display: none; }

.at-form .at-form-submit {
  text-align: center;
  padding: 0; }

.at-text.MobilePhone {
  display: none; }

/*
.at-form .at-form-submit .at-submit, .at-form .btn-at-primary {
	background-color: $primary-blue;
	color: white;
	font-family: $font-slab;
	font-weight: 700;
	float: none;
	border-radius: 0;
	text-transform: uppercase;
	border: 0;
	font-size: 1.25em;
	padding: .5em 1em;
	transition: .2s ease background;	
}

.at-form .at-form-submit .at-submit:hover, .at-form .btn-at-primary:hover {
	background-color: $bright-green;
	}
*/
.footer__form .at-form .at-form-submit .at-submit, .footer__form .at-form .btn-at-primary {
  background-color: white;
  color: #214290; }

.footer__form .at-form .at-form-submit .at-submit:hover, .footer__form.at-form .btn-at-primary:hover {
  color: white;
  background-color: #354565; }

.at-form .at-row.PostalCode, .at-form .at-row.EmailAddress {
  flex: 1 56%;
  order: 1; }

.at-form .at-row.PostalCode {
  order: 2;
  flex: 1 35%; }

.at-form .at-row > [class^="at-"] {
  flex: 1 40%;
  margin: 0 0;
  min-width: auto;
  max-width: 100%;
  color: white;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 0; }

.at-text.PostalCode u, .at-text.EmailAddress u {
  color: white;
  text-decoration: none; }

.hero__form {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }

.hero__form input {
  font-size: 1.25em;
  border: none;
  border-radius: 2px !important; }

input.hero__formmail, .hero__form .at-form .at-row.EmailAddress {
  width: 50%;
  margin: 0 0.25em; }

input.hero__formzip, .hero__form .at-form .at-row.PostalCode {
  width: 30%;
  margin: 0 0.25em; }

.hero__formmail--hidden, .hero__formgroups--hidden, .hero__formphone--hidden {
  display: none; }

/*
.at-form .at-form-submit .at-submit, .at-form .btn-at-primary, .hero__form input[type=submit] {
	color: white;
	float: none;
	border-radius: 0;
	border: 0;

	padding: .5em 2.5em;
	text-transform: none;
	flex-basis: 45%;

}
*/
/*
.hero__form input[type=submit] {
	padding: .5em 2.5em;
	text-transform: none;
	flex-basis: 45%;
}
*/
.hero__form .at-form-submit .at-submit {
  border-radius: 0px;
  float: none;
  font-weight: 700;
  font-size: 1.25em;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  border: 0;
  background-color: #C81800; }

.hero__form input[type=submit]:hover, .hero__form input[type=submit]:focus, .at-form .at-form-submit .at-submit:focus, .at-form .at-form-submit .at-submit:hover {
  background-color: white;
  box-shadow: inset 0 0 0 4px #C81800;
  border-radius: 0;
  color: #C81800;
  border: 0; }

.btnbar__content {
  /*
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
*/ }

.btnbar__header {
  margin: .25em 0 0 0;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 900;
  font-size: 2.5em;
  text-align: center;
  color: #F6F6F6;
  letter-spacing: .02em; }

.btnbar .btnbar__stored {
  text-align: center;
  text-transform: uppercase;
  color: #F6F6F6;
  font-weight: 700;
  letter-spacing: .02em; }

.btnbar__buttonsgroup {
  display: flex;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: .5em; }

.btnbar__button, .btnbar__button:visited {
  flex-grow: 1;
  text-align: center;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 900;
  background-color: #fff;
  color: #354565;
  font-size: 2em;
  padding: 0.35em 0.25em 0.25em 0.25em;
  margin: 0 0.15em;
  text-decoration: none;
  transition: background 0.3s ease-out, color 0.3s ease-out; }

.btnbar__button:hover, .btnbar__button:focus {
  background-color: #C81800;
  color: white; }

.btnbar__button--other {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: .02em; }

.heading--cond {
  color: white;
  font-family: proxima-nova-condensed, "Century Gothic", "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 3.5em;
  display: inline-block; }

.meetsf__text {
  margin: 2em;
  font-size: 1.1em;
  line-height: 1.5;
  width: 50%;
  color: #354565; }

.meetsf__text p {
  font-size: 1.2em; }

.heading--section {
  font-size: 3.25em;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  width: 80%;
  color: #C81800; }

.meetsf__more, .meetsf__more:visited {
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 900;
  color: #214290;
  font-style: italic;
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
  box-shadow: inset 0 -5px 0 -2px #214290;
  transition: 0.3s ease color, 0.3s ease box-shadow; }

.meetsf__more:hover, .meetsf__more:focus {
  box-shadow: inset 0 -5px 0 -2px #C81800;
  color: #C81800; }

.meetsf__more .fa-arrow-right {
  transform: translate3d(0, 0, 0);
  transition: .3s ease transform; }

.meetsf__more:hover .fa-arrow-right, .meetsf__more:focus .fa-arrow-right {
  transform: translate3d(0.5em, 0, 0); }

.meetsf__headshot {
  width: 30%; }

.meetsf__headshot img {
  width: 100%;
  height: auto; }

.priorities--freshour .priorities__heroimage {
  background-image: url(images/priorities_freshour_hero.jpg); }

.priorities--jordan .priorities__heroimage {
  background-image: url(images/priorities_jordan.jpg); }

.priorities__herotext {
  text-decoration: none;
  font-size: 1.25vw;
  background-color: #F6F6F6;
  width: 45%;
  box-sizing: border-box;
  padding: 0% 2% 3% 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  transition: 0.3s ease color, 0.3s ease background; }

.priorities__heading {
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  color: #214290;
  font-style: italic;
  padding-left: .3em;
  line-height: 1.2;
  font-weight: 900;
  font-size: 3.7em;
  width: 70%;
  transition: 0.3s ease color, 0.3s ease background; }

.priorities__more {
  display: block;
  font-size: 1.3em;
  letter-spacing: .01em;
  background-color: #214290;
  padding: .5em 3%;
  width: 94%;
  color: #F6F6F6;
  font-weight: 900;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s ease color, 0.5s ease background; }

.priorities__herotext:hover .priorities__heading, .priorities__herotext:focus .priorities__heading {
  color: #C81800; }

.priorities__herotext:hover .priorities__more, .priorities__herotext:focus .priorities__more {
  color: #F6F6F6;
  background-color: #C81800; }

.priorities--jordan .priorities__herotext {
  background-color: #444; }

.priorities--jordan .priorities__heading {
  color: #F6F6F6; }

.priorities--jordan .priorities__more {
  color: #444;
  background-color: #F6F6F6; }

.priorities--jordan .priorities__herotext:hover, .priorities--jordan .priorities__herotext:focus {
  background-color: #222; }

.priorities--jordan .priorities__heading:hover, .priorities--jordan .priorities__herotext:hover .priorities__heading, .priorities--jordan .priorities__herotext:focus .priorities__heading {
  color: white; }

.priorities--jordan .priorities__more:hover, .priorities--jordan .priorities__herotext:hover .priorities__more, .priorities--jordan .priorities__herotext:focus .priorities__more {
  background-color: white;
  color: #222; }

h2.intcontent__heading {
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  color: #214290;
  font-size: 1.75em;
  letter-spacing: -.02em;
  line-height: 2.25rem;
  margin-top: 0; }

h2.intcontent__heading a {
  color: #214290;
  text-decoration: none; }

h2.intcontent__heading a:hover, h2.intcontent__heading a:focus {
  color: #354565;
  text-decoration: underline; }

h3.intcontent__subhead {
  font-size: .85em;
  font-family: proxima-nova-condensed, "Century Gothic", "Roboto", sans-serif;
  color: #214290;
  letter-spacing: .02em;
  line-height: 2.25rem;
  margin-top: 0;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center; }

.intcontent__navcontainer {
  text-align: center; }

.intcontent__postnav {
  display: inline-block;
  text-align: left;
  width: 48%; }

.intcontent__next {
  text-align: right; }

span.intcontent__meta {
  display: block;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-size: .55em;
  letter-spacing: 0;
  padding: 0.25em 0 0.5em 0;
  border-bottom: 1px solid;
  color: #354565;
  text-transform: uppercase; }

.footer__social {
  margin: 2em auto 1em;
  width: 40%;
  text-align: center; }

.footer__icn {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 8px 0 8px 0;
  margin: 0 0.75em 0 0.75em;
  background-image: url(images/icons_fb.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  transition: .2s ease-out transform; }

.icn--fb {
  background-image: url(images/icn_facebook.png); }

.icn--tw {
  background-image: url(images/icn_twitter.png); }

.icn--ig {
  background-image: url(images/icn_instagram.png); }

a.footer__icn:hover, a.footer__icn:focus {
  transform: translate3d(0, -0.5em, 0); }

.footer__inner {
  width: 80%;
  margin-bottom: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.footer__content {
  flex-basis: 25%;
  color: #214290;
  font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
  font-weight: 900;
  margin: 0 auto; }

.footer__content a {
  color: #214290;
  text-decoration: none;
  transition: 0.3s ease color, 0.5s ease box-shadow; }

.footer__content a:hover, .footer__content a:focus {
  color: #C81800;
  box-shadow: 0 4px 0 -2px; }

.footer__disclaimer {
  border: 5px solid #214290;
  padding: .5em;
  flex-basis: 40%; }

.footer__paidforby {
  text-transform: uppercase; }

@supports (-ms-ime-align: auto) {
  .header__navlist, .header__nav ul {
    justify-content: space-around !important; } }

/* +++ Responsive Breakpoints +++ */
@media (min-width: 999px) and (max-height: 725px) {
  .hero__signup {
    top: 45%;
    transition: .3s ease top; } }

@media (max-width: 999px) {
  .bodywidth {
    width: 100%; }
  .header--main {
    min-height: 4em; }
  .header__nav {
    display: none; }
  .hero {
    background-position: 30% center; }
  .header__title {
    margin: .125em auto;
    left: 0;
    background-color: transparent;
    box-shadow: none;
    position: relative;
    height: 65px;
    width: 150px; }
  .header__nav {
    margin-top: 1.5em; }
  .header__navlist {
    font-size: 1.1em; }
  .btnbar__buttonsgroup {
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0.25em auto 0.5em;
    flex-wrap: wrap; }
  .btnbar .btnbar__stored {
    width: 80%;
    margin-left: 10%; }
  .btnbar__button, .btnbar__button:visited {
    font-size: 1.4em;
    padding: 0.85em 0.65em 0.75em 0.65em;
    width: 35%;
    margin: .125em; }
  .btnbar__button--other {
    /*
		font-size: 1.1em;
		font-size: 5vw;
		padding: .65em .65em .15em .65em;
*/ }
  .intcontent {
    width: 90%;
    margin: auto; }
  .footer__social {
    width: 80%; }
  .mobilenav__open {
    display: block;
    padding: .5em;
    background: transparent;
    border: none;
    outline: none;
    color: white;
    position: absolute;
    z-index: 1500;
    width: auto;
    height: 35px;
    right: 20px;
    top: 1.5em;
    cursor: pointer; }
  .mobilenav__close {
    display: block;
    padding: .5em;
    background: transparent;
    border: none;
    outline: none;
    color: white;
    position: absolute;
    z-index: 1500;
    width: 40px;
    height: auto;
    right: 25px;
    top: 1.25em;
    cursor: pointer; }
  .mobilenav__open img, .mobilenav__close img {
    display: block;
    max-width: 100%;
    max-height: 100%; }
  .mobilenav {
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    background: #F6F6F6;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: scroll;
    transition: .3s ease; }
  .mobilenav.switchedon {
    display: block;
    visibility: visible;
    opacity: 1; }
  .mobilenav__menu {
    width: 90%;
    padding: 5%;
    margin-top: 2em;
    font-size: 1.75em;
    text-transform: none;
    font-weight: 700;
    text-align: center; }
  .mobilenav__navlist, .mobilenav ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .mobilenav__navitem, .mobilenav li {
    margin-top: .5em;
    line-height: 1.25;
    font-size: 1.1em;
    font-family: proxima-nova, "Century Gothic", "Roboto", sans-serif;
    text-transform: uppercase; }
  .menu_separator {
    display: none; }
  .mobilenav__navlink, .mobilenav__navlink:visited, .mobilenav li a, .mobilenav li a:visited {
    color: #354565;
    display: inline-block;
    text-decoration: none;
    padding: 0.25em 0.5em;
    overflow: hidden;
    transition: 0.3s ease box-shadow, 0.3s ease color; }
  .mobilenav__navlink:hover, .mobilenav__navlink:focus, .mobilenav li a:hover, .mobilenav li a:focus {
    color: #C81800;
    box-shadow: 0 6px 0 -3px; }
  .mobilenav__navlink:hover, .mobilenav__navlink:focus, .mobilenav li a:hover, .mobilenav li a:focus {
    color: #C81800;
    box-shadow: 0 6px 0 -3px; }
  .mobilenav__donate .mobilenav__navlink, .mobilenav .header__donate a, .mobilenav .header__donate a:visited {
    box-shadow: 0 0 0 4px #C81800;
    color: #fff;
    background-color: #C81800;
    transition: 0.3s ease color, 0.3s ease background; }
  .mobilenav__donate .mobilenav__navlink:hover, .mobilenav__donate .mobilenav__navlink:focus, .mobilenav .header__donate a:hover, .mobilenav .header__donate a:focus {
    box-shadow: 0 0 0 4px #C81800;
    color: #C81800;
    background-color: transparent; }
  .mobilenav .header__donate:before, .mobilenav .header__donate:after {
    display: none; }
  nav.mobilemenu li.nav_endorse a {
    background-color: #354565;
    color: white; }
  nav.mobilemenu li.nav_donate a:hover, nav.mobilemenu li.nav_donate a:focus {
    background-color: #fff;
    color: #C81800; }
  nav.mobilemenu li.nav_endorse a:hover, nav.mobilemenu li.nav_endorse a:focus {
    background-color: #fff;
    color: #354565; }
  .mobilenav__navlist.mobilenav--social, .mobilenav--social {
    margin-top: 1em; }
  .mobilenav__icn {
    display: inline-block;
    box-sizing: border-box;
    max-width: 30%;
    width: 50px;
    height: 50px;
    padding: 8px 0 8px 0;
    margin: 0 0.25em 0 0.25em;
    background-image: url(images/icons_fb.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    transition: .3s ease opacity; }
  .mobilenav__icn:hover, .mobilenav__icn:focus, .mobilenav li a.mobilenav__icn:hover, .mobilenav li a.mobilenav__icn:focus {
    box-shadow: none; }
  .icn--fb {
    background-image: url(images/icn_facebook.png); }
  .icn--tw {
    background-image: url(images/icn_twitter.png); }
  .icn--ig {
    background-image: url(images/icn_instagram.png); }
  .mobilenav__icn:hover, .mobilenav__icn:focus {
    opacity: .8;
    box-shadow: none; }
  .footer__inner {
    display: flex;
    flex-direction: column;
    /*
		align-items: center;
		text-align: center;
*/ }
  .intcontent {
    flex-direction: column;
    margin-top: 6.5em; }
  .inthero {
    margin-top: 4.5em; }
  .inthero__heading {
    max-width: 80%;
    font-size: 1.2em; }
  .footer__content {
    width: 70%;
    margin: .5em auto; }
  .footer__disclaimer {
    order: 3; }
  body.no_scroll {
    overflow: hidden; } }

@media (max-width: 768px) {
  .widecontent .post {
    width: 90%;
    margin-left: 5%;
    padding: 0; }
  .post.widecontent__post {
    padding: 0; }
  .heading--cond {
    margin: 0.2em 15% 0.4em;
    font-size: 2.5em; }
  .hero {
    height: auto;
    max-height: auto;
    padding-top: 45vh; }
  .hero__signup {
    position: relative;
    bottom: 1%;
    left: 0;
    width: 100%; }
  .hero__action {
    display: flex;
    flex-direction: column; }
  .hero__form input {
    font-size: 1em; }
  .hero__form .at-form .at-fields {
    flex-direction: column; }
  .hero__form .at .at-fieldset {
    padding: 0; }
  .at-form .at-row > [class^="at-"] {
    flex: 1 100%;
    margin: 0 0;
    max-width: 100%; }
  input.hero__formmail, .hero__form .at-form .at-row.EmailAddress {
    width: 100%;
    margin: 0; }
  input.hero__formzip, .hero__form .at-form .at-row.PostalCode {
    width: 100%;
    margin: 0; }
  /*
	input.hero__formmail, input.hero__formzip {
	    width: 90%;
	}
*/
  .at-form {
    width: 100vw;
    margin: 0 auto; }
  .footer__form .at-form .at-fields, .footer__form .at-row.FirstName.LastName {
    flex-direction: column; }
  .footer__form .at-form .at-inner {
    width: 100%; }
  .footer__form .at input[type="email"], .footer__form .at input[type="tel"], .footer__form .at input[type="text"] {
    width: 100%; }
  .at-form .at-inner {
    width: 90%;
    margin-left: 5%; }
  .btnbar__buttonsgroup {
    justify-content: center; }
  .meetsf__content {
    width: 90%;
    flex-direction: column; }
  .meetsf__headshot {
    position: relative;
    width: 80%;
    left: 0; }
  .meetsf__text {
    margin-top: 0;
    width: auto;
    margin: 1em; }
  .meetsf__morewrap {
    text-align: center; }
  .meetsf__text ul {
    text-align: left; }
  .heading--section {
    margin-top: .25em; }
  .hero__signup .heading--section {
    text-shadow: 0 0 15px rgba(20, 20, 20, 0.45); }
  .meetsf__text .heading--section {
    font-size: 12vw;
    text-align: center;
    margin: .25em auto;
    margin-bottom: .3em;
    padding-bottom: .2em;
    border-bottom: 0.07em solid #214290; }
  .meetsf__text p {
    font-size: 1.5em;
    font-size: 5.5vw;
    text-align: left; }
  .priorities, .priorities.priorities--jordan {
    padding-bottom: 0;
    flex-direction: column; }
  .priorities__heroimage {
    position: relative;
    height: 50vh;
    width: 100%;
    background-position: top;
    background-size: cover; }
  .priorities__herotext {
    text-decoration: none;
    color: white;
    width: 80%;
    position: relative;
    bottom: auto;
    display: block;
    right: auto;
    width: 100%;
    opacity: 1;
    padding-bottom: 3em; }
  .priorities__heading {
    width: 80%;
    margin: .5em auto;
    margin-bottom: .25em;
    font-size: 10vw; }
  .priorities__more {
    width: 80%;
    margin: .25em auto;
    font-size: 3em; } }
