/*
Theme Name: cwsrefreshb
Theme URI: elusiv.com/teatime
Description: cwsrefreshb is the wordpress theme for the annual report for CWS.
Version: 1.0.1
Author: Kaitrin Higbee
Author URI: elusiv.com/teatime
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, one-column, fixed-width, white, gray, custom-menu, custom-background, custom-header, flexible-header, rtl-language-support, translation-ready, editor-style, featured-images, flexible-header, post-formats, theme-options

This theme, like WordPress, is licensed under the GPL v2 or later.
Use it to make something cool, have fun, and share what you've learned with others.

cwsrefreshb is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* ADDED 10/10/17 by Daniel F. - Homepage hero resizes based on screen size such that any graphic with elements
near the edges will be cropped. This fix keeps the hero graphic no larger than 100%. */

@media (min-width:400px) and (max-width:600px), (device-min-width:400px) and (device-max-width:600px) {

/*Lead image/action item*/
#lead-section {
	background-size: 125%!important;
	background-position: -57px 40px!important;
}
}

@media (max-width:399px), (device-max-width:399px) {
  #lead-section {
      height: 205px!important;
    background-size: 100%!important;
    background-position: 0 50px!important;
}
}


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ul, ol {line-height:1.5em;}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	text-decoration:underline;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */
* {margin:0;}
html, body {margin:0;padding:0;width:100%;height:100%;font-size:16px;/*overflow-x:hidden;*/}
body {font-family:'Lato', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.125em;background-color:#f2f2f2;color:#2a2a2a;}
.page-wrap {  min-height: 100%;
  margin-bottom: -300px;  min-width: 100%;
  min-height: 100%;
  background-color: #f2f2f2;
  position: Relative;
  top: 0;
  bottom: 100%;
  right: 0;
  z-index: 1;}
ul {  margin: 0 0 0 5px;
  padding-left: 10px;}
p, li, ol, ul, table, tr, th, td {font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 1em;}
 textarea, input, select, option {
	font-family:'Lato', Helvetica, Arial, sans-serif;
	font-size: 0.92857em;
}
a, a:link {color: #2a2a2a;
  text-decoration: underline;
  word-break: break-word;}
a:visited {opacity:0.9;}
p {margin:0 0 1em 0;color:#2a2a2a;}
.clear {clear:both;}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: .2em 0 .5em 0;
	color:#2a2a2a;
}
 h1 {
	font-size:3em;		/* 26px */
	line-height:1.25em;		/* 39px */
}
 h2 {
	font-size:2.5em;		/* 20px */
	line-height:1.25em;		/* 30px */
}
 h3 {
	font-size:2em;		/* 18px */
	line-height:1.25em;		/* 27px */
}
h4 {
	font-size: 1.5em;
	line-height:1.25em;
}
h5 {
	font-size:1.25em;
	line-height:1.25em;
}
h6 {
	font-size:1.125em;
	line-height:1.25em;
}
a img {
	border: none;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a {text-decoration:none !important;}
a:visited {
	opacity:0.9;
}
a:hover {
	text-decoration:underline;color:#2a2a2a;
}
 blockquote {
	margin:1.5em auto;
	font-size:1.35em;line-height:1.5em;text-align:center;width:75%;
	font-family:'Lato', Helvetica, Arial, sans-serif;
}
.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignleft {float:left;clear:both;margin:0px 20px 20px 0px;}
.alignright {float:right;margin:0px 0px 20px 20px;clear:both;}
strong {font-weight:bold;}
em {font-style:italic;}
div.videotime iframe {display:block;margin:0 auto 1em;}
div.calendar-center iframe {display:block;margin:1em auto;}
/* =Header
----------------------------------------------- */
header {  width: 100%;
  background-color: #2a2a2a;
  overflow: auto;}
header > div.header-wrap {  max-width: 1280px;
  width: 100%;
  margin: 0 auto;}
div#logo > a > img {  max-width: 478px;
  width: 10%;
  float: left;
  padding: 10px 0;}
#donate-search {float:right;display:block;}
#donate-button {display: block;
  background-color: #ffd200;
  color: #2a2a2a;
  text-align: center;
  padding: 10px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: bold;
  text-transform: uppercase;}

/* =Navigation
----------------------------------------------- */
nav {  color: #fff;
  display: block;
  margin: 0;
  width: 69%;
  float: left;
  margin-left: 3em;}
nav ul {  list-style: none;
  margin: 0;
  padding-left: 0;}
nav ul li {display:inline-block;}
nav ul li:before {content: "";margin:0;padding:0;}
nav a, nav a:link {color:white;text-decoration:none;}
nav a {list-style:none;margin:0;padding-left:0;display:inline-block;  color: #fff;
  display: block;
  text-decoration: none;}
nav ul li a {  color: #ffffff;
  text-align: center;
  padding: 25px 25px;
  line-height: 1;
  text-transform: uppercase;}
nav a:visited {color:white;text-decoration:none;}
nav ul ul {opacity: 0;
  position: absolute;
  top: 4.15em;
  visibility: hidden;
  z-index: 999999;
  background-color: #777;
  width: 100%;
  left: 0;
  padding-left: 290px;}
nav ul li > ul {opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}
nav ul ul ul {width:18%;left:inherit;top:2.15em;padding:0;
}
nav ul ul ul li {display:block;text-align:left;}
nav ul ul ul li a {display:block;text-align:left;text-decoration:none;}
nav ul li a {
	color:#ffffff;
	text-align:center;
	padding:25px 25px;
	line-height:1;
	text-transform:uppercase;text-decoration:none;
}
nav ul li a:hover {
	background-color:#777;
	color:#ffd200;
	line-height:1;
	padding:25px 25px;
	margin: 0;
	text-transform:uppercase;
}
nav ul ul li a {
	color:#fff;
	padding:10px 15px;
}
/*Sidney animation*/
nav ul ul li a:hover {
	color:#ffd200;
	padding:10px 15px;
}
/**/

nav ul li:hover > ul {
	display:block;
	opacity:1;
	visibility:visible;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
/**/  
  
  nav ul li > ul {
	opacity:0;
	visibility:hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
#searchform {float:right;margin:21px 0;}
#searchform input#s.field {border-radius:10px;border:medium none;padding:3px;width:120px;}
#searchform #searchsubmit {border-radius:10px;border:medium none;padding:3px 6px;}
/* =Hero Image
----------------------------------------------- */
div.section {max-width:1280px;width:100%;margin:0 auto;}
#lead-section {height:500px;background-repeat:no-repeat;}
#lead-section span {display: block;
  overflow: auto;
  background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,0.5),rgba(0,0,0,0.5),transparent);
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  top: 62%;
  height: 158px;}
#lead-section span h1 {text-align: center;
  color: white;
  text-shadow: 1px 1px 0px #2a2a2a;
  display: block;
  margin: 0; font-size:3em;line-height:1.25em;font-weight:normal;}
#lead-section span h3 {text-align: center;
  text-shadow: 1px 1px 0px #2a2a2a;
  font-size: 1.75em;
  color: white;line-height:1.25em;
  margin: 0 0 .25em 0;}
#lead-section span div {text-align: center;
  width: 300px;
  margin: 0 auto;}
#left-button {font-weight: bold;
  background-color: #2a2a2a;
  display: block;
  width: 50%;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.25em;
  color: white;
  text-decoration: none;}
#right-button {  background-color: #ffd200;
  display: block;
  width: 50%;
  float: left;
  color: #2a2a2a;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.25em;
  font-weight: bold;
  text-decoration: none;}
p.main-credit {  color: #2a2a2a;
  font-size: .7em;
  display: block;
  max-width: 1280px;
  width: 99%;
  margin: 0 auto;}
.wp-caption-text {font-size:.8em;width:100% !important;font-style:italic;}
/* =Callout Section with circles
----------------------------------------------- */
#callout-section > h3 {color:#2a2a2a;text-align:center;}
#callout-section > h2 {color:#2a2a2a;text-align:center;}
p.overview {color: #2a2a2a;
  line-height: 1.5em;
  width: 75%;
  text-align: left;
  margin: 0 auto 2em;}
  #secondary p {color: #2a2a2a;
  line-height: 1.5em;
  width: 75%;
  text-align: left;
  margin: 0 auto 2em;}
div.call-1, div.call-2, div.call-3, div.call-4 {width: 25%;
  float: left;
  margin-top: 1em;}
div.call-1 > a, div.call-2 > a, div.call-3 > a, div.call-4 > a {color:#2a2a2a;}
div.call-1 > a > img, div.call-2 > a > img, div.call-3 > a > img, div.call-4 > a > img {max-width: 225px;
  width: 100%;
  border-radius: 160px;
  display: block;
  margin: 0 auto;}
div.call-1 > p, div.call-2 > p, div.call-3 > p, div.call-4 > p {  text-align: center;
  padding: 0 1em;
  line-height: 1.5em;}
p.circle-credit-two {text-align: center;
  font-size: .7em;
  padding: 0;}
#callout-section > .callout-one, #callout-section > .callout-two, #callout-section > .callout-three {    width: 25%;
    float: left;
    display: block;}
div.callout-one {margin-left:5.5%;}
div.callout-two {margin-right:7%;margin-left:7%;}
div.callout-three {margin-right:5.5%;}
div.callout-one > a > img, div.callout-two > a > img, div.callout-three > a > img {max-width: 225px;
    width: 100%;
    border-radius: 160px;
    display: block;
    margin: 0 auto;}
div.callout-one > h4, div.callout-two > h4, div.callout-three > h4, div.callout-one > a > h4, div.callout-two > a > h4, div.callout-three > a > h4 {text-align: center;
    text-shadow: 1px 1px 0px #ccc;
    color: #2a2a2a;
    margin: .5em 0;}
div.callout-one > p, div.callout-two > p, div.callout-three > p {color: #2a2a2a;
    line-height: 1.5em;}

/* =Short Promo Section - Breadwrapper
----------------------------------------------- */
div.breadwrapper {margin: 0 auto;
    width: 100%;
    max-width: 1280px;}

div.breadwrapper h2 {color: white;
    text-shadow: 1px 1px 0px #000000;
    text-align: right;
    margin: 0;
    padding-bottom: .5em;
    padding-right: .75em;
    padding-top: 2.75em;}
/* =Right Promo Section
----------------------------------------------- */
#promo-section-test {height:500px;}
div.right-promo-test {  float: right;
  max-width: 550px;
  width: 47%;
  padding-top: 4.5em;
  padding-right: 3em;}
div.overlay {  background-color: rgba(0,0,0,0.5);
  padding: 1em;}
#promo-section-test h2 {  margin-top: 0;
  color: white;}
#promo-section-test h4 {  color: white;}
#promo-section-test h4 a {color:#ffd200;}
p.main-promo-credit {  color: white;
  font-size: .7em;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: -18px;
  padding-left: 9px;
  text-align: left;}
/* =Basic Page Styles
----------------------------------------------- */
div.level-two-content p {line-height:1.5em;width:70%;}
article.post div.entry-content p {line-height:1.5em;width:70%;}

/* =Footer
----------------------------------------------- */
footer {  width: 100%;
  background-color: #2a2a2a;
  font-size: .8em;
  overflow: auto;}
footer > div.footerwrap {max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  background-color: #2a2a2a;}
#mission {width:100%;}
#mission p {color:white;text-align:center;padding:1em 0;}
.footer-section {width:14%;float:left;margin:0 1%;}
#about {margin-left:15%;}
#members-tax {clear:both;}
#members-tax p {  color: White;
  width: 75%;
  text-align: center;
  margin: 0 auto;
  padding: 1em 0;}
div.accolades {  width: 67%;
  text-align: center;
  margin: 0 auto;}
div.accolades > a > img {margin-left:31px;margin-right:31px;}
.footer-section p {color: white;
  text-transform: uppercase;}
.footer-section ul {  list-style-type: none;
  padding: 0;
  margin: 0;}

p.info-tag {font-size: 1em;
  color: white;
  text-align: center;
  margin-top: 1em;}
footer a {color:White;}
footer a:visited {color:white;}
footer a:link {color:white;}
#fb-logo {width: 22px;
  float: left;
  clear: both;}
#connect ul li a {display: block;
  float: left;
  margin: 3px 0;}
#tw-logo {width:22px;float:left;}
 #ig-logo {  width: 13px;
  float: left;
  clear: both;
  margin: 4px 5px;}
  #gp-logo {  width: 16px;
  float: left;
  clear: both;
  margin: 5px 1px 0 6px;}
  #li-logo {float: left;
  clear: both;
  width: 13px;
  margin: 5px 6px;}
  p.separate {color:white;margin-left:6px;display:block;float:left;}
  div.social-backup {
    width: 160px;
    display: block;
    margin: 0 auto;
}
a.social-links {float:left;}
  /*Mobile Navigation begin-----------------
------------------------------------------*/

.mobile-navigation {
	list-style:none;
	background:#2a2a2a;
	margin:0;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	padding:0;
	overflow-y:scroll;
}
ul.mobile-navigation li.menu-item {
	text-align:left;
	width:60%;
	float:right;
}
ul.mobile-navigation li.menu-item:nth-child(1) {
	margin-top:10px;
}
.page-wrap {
	min-width:100%;
	min-height:100%;
	background-color:#f2f2f2;
	position:Relative;
	top:0;
	bottom:100%;
	right:0;
	z-index:1;
}
.mobile-nav-trigger {
	position:absolute;
	clip:rect(0,0,0,0);
}
label[for="mobile-nav-trigger"] {
	position:fixed;
	top:15px;
	right:15px;
	z-index:2;
	cursor:pointer;
	color:#ffd200;
	display:none;
	font-size:30px;
}
.mobile-nav-trigger:checked + label {
	right:215px;
}
.mobile-nav-trigger:checked ~ .page-wrap {
right:200px;
box-shadow:0 0 5px 5px rgba(0,0,0,0.5);
}
 .mobile-nav-trigger + label {
	transition:right .2s;
	-webkit-transition:right .2s;
	-moz-transition:right .2s;
	-o-transition:right .2s;
}
body {
	overflow-x:hidden;
}
ul.mobile-navigation li.menu-item a {color:white;}

/*Mobile Navigation end-------------------
------------------------------------------*/


/*SMALL DEVICES begin --------------------
------------------------------------------*/

@media (max-width:399px), (device-max-width:399px) {
div#logo > a > img {
	width:117px;
	float:left;
	padding:5px;
}
nav {
	float:none;
	clear:both;
	margin-left:0;
	width:100%;
	display:none;
}
#donate-search {
	clear:both;
	display:none;
}
#lead-section {
	height:275px;
	background-size:715px;
	background-position:-185px;
}
#lead-section > span {background-image:none;height:auto;top:69%;}
#lead-section > span > h1 {
	font-size:1.25em;
	background-color:rgba(0,0,0,0.7);
	margin:0;
	text-align:center;
	padding:3px;
	top:200px;
}
#lead-section > span > h3 {
	font-size:.8em;
	background-color:rgba(0,0,0,.4);
	margin:0;
	text-align:center;
	padding:3px;
	top:200px;
}
#lead-section > span > div {
	width:175px;
	top:236px;margin-top:2em;
}
#learn-more, #left-button {
	font-size:1em;
	padding:7px 0;
}
#support, #right-button {
	font-size:1em;
	padding:7px 0;
}

 #mission p {padding:1em;}
 
div.footer-section > p {
	font-size:.8em;
	}
div.footer-section > ul {
	font-size:.8em;
	
}
div.footer-section {
	width:34%;
}
#about {margin-left:16%;}
#connect {clear:both;margin-left:16%;margin-top:5%;}
#stories {margin-top:5%;}
#press {margin-top:5%;clear:both;margin-left:16%;}
#why-section p {width:90%;}
#why-section div:nth-child(3) {margin:2em auto;}
#why-section div:nth-child(4) {margin:2em auto;} 
#why-section div:nth-child(5) {margin:2em auto;}
#why-section div {width:66%;float:none;display:block;margin:2em auto;}
div.bread {padding-top:2.7em;padding-left:.25em;}
div.bread p {margin:.6em 0 .6em;font-size:.6em;padding-left:2px;}

 div.accolades {
	width:100%;text-align:center;
}
div.accolades > a > img {
	margin-left:10px;
	margin-right:10px;
}

.page-wrap {
	margin-bottom:0px;
}
 label[for="mobile-nav-trigger"] {
	display:block;
	z-index:1000;
}
header {
	position:fixed;
	z-index:999;
}
ul.mobile-navigation li.menu-item {
	text-align:left;
	max-width:170px;
	width:100%;
	float:right;clear:both;
}
#menu-item-169 {margin-top:3em;}
#members-tax p {font-size:.8em;}
#mission p {font-size:.8em;}
p.info-tag { font-size:.8em;color:white;text-align:center;margin-top:1em;}

#search-box {margin-left:0;width:100px;margin-top:1em;}
 #searchform {display:none;}
 div#level-two {padding-top:3em;width:90%;}
 div.level-two-content p {width:100%;}
 article.post div.entry-content p {width:100%;}

  .alignright {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 .alignleft {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 .aligncenter {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignright.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignright img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignleft.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignleft img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
}

/*SMALL DEVICES end ----------------------
------------------------------------------*/


/*LOW TO MEDIUM DEVICES begin ----------------
----------------------------------------------*/	

	@media (min-width:400px) and (max-width:600px), (device-min-width:400px) and (device-max-width:600px) {
div#logo > a > img {
	width:100px;
	float:left;
	padding:5px;
}
nav {
	float:none;
	clear:both;
	margin-left:0;
	width:100%;
	display:none;
}
#donate-search {
	clear:both;
	display:none;
}
/*Lead image/action item*/
#lead-section {
	height:275px;
	background-size:713px;
	background-position:-57px 0px;
}
#lead-section > span {background-image:none;height:auto;top:79%;}
#lead-section > span > h1 {
	font-size:1.25em;
	background-color:rgba(0,0,0,0.7);
	margin:0;
	text-align:center;
	padding-left:5px;
	top:233px;
}
#lead-section > span > h3 {
	font-size:.8em;
	background-color:rgba(0,0,0,.4);
	margin:0;
	text-align:center;
	padding-left:5px;
	top:233px;
}
#lead-section > span > div {
	width:200px;
	top:275px;margin-top:3em;
}
p.main-credit {
font-size: .6em;
padding-left: 2px;
}
#learn-more, #left-button {
	font-size:1em;
	padding:7px 0;
}
#support, #right-button {
	font-size:1em;
	padding:7px 0;
}
/*Section Gateway*/
#callout-section {
	margin-top:5em;
}
#callout-section > .callout-one, #callout-section > .callout-two, #callout-section > .callout-three {
	width:100%;
	float:left;
	clear:both;
	margin:0;
}
   div.call-1, div.call-2, div.call-3, div.call-4 {width:90%;float:none;margin:1em auto 1em;overflow:auto;padding:1em 0;border-bottom:1px solid #ccc;}

   div.call-1 > p, div.call-2  > p, div.call-3 > p, div.call-4 > p {padding:1em .5em 0;}
/*News Section*/
 div.call-1, div.call-2, div.call-3, div.call-4 {width:90%;float:none;margin:1em auto 0;}
/*Footer*/
p.info-tag { font-size:.8em;color:white;text-align:center;margin-top:1em;}
div.overlay {padding:.5em;}
 div.accolades {
	width:100%;text-align:center;
}
div.accolades > a > img {
	margin-left:10px;
	margin-right:10px;
}

.page-wrap {
	margin-bottom:0px;
}
 #mission p {padding:1em;}
div.footer-section > p {
	font-size:.8em;
	}
div.footer-section > ul {
	font-size:.8em;
	
}
div.footer-section {
	width:23%;float:left;margin:0 1%;
}
#about {margin:0 1%;margin-left:17%;}
#connect {margin:0 1%;}
#stories {clear:both;margin-left:17%;}

/*Mobile nav*/
label[for="mobile-nav-trigger"] {
	display:block;
	z-index:1000;
}
header {
	position:fixed;
	z-index:999;
}
ul.mobile-navigation li.menu-item {
	text-align:left;
	max-width:170px;
	width:100%;
	float:right;
	clear:both;
}
#why-section div:nth-child(3) {margin-left:0;margin-right:0;margin:1em auto;}
#why-section div:nth-child(4) {margin-left:0;margin-right:0;margin:1em auto;}
#why-section div:nth-child(5) {margin-left:0;margin-right:0;margin:1em auto;}
#why-section div {max-width:280px;float:none;display:block;margin:1em auto;width:100%;}
#members-tax p {font-size:.8em;}
#mission p {font-size:.8em;}
div.bread {padding-top:2.7em;padding-left:.25em;}

#search-box {margin-left:0;width:100px;margin-top:1em;}

 div.breadwrapper h2 {font-size:2em;padding-bottom:.25em;padding-right:.5em;}

 #searchform {display:none;}
 div#level-two {padding-top:3em;width:90%;}
 div.level-two-content p {width:100%;}
 article.post div.entry-content p {width:100%;}

   .alignright {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 .alignleft {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 .aligncenter {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
  div.alignright.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignright img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
  div.alignleft.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.alignleft img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
}


/*LOW TO MEDIUM DEVICES end  -----------------
----------------------------------------------*/

/*MEDIUM DEVICES begin -----------------------
----------------------------------------------*/

@media (min-width:601px) and (max-width:800px), (device-min-width:600px) and (device-max-width:800px) {
div#logo > a > img {
	width:100px;
	float:left;
	padding:5px;
}
ol {margin:0em .5em 1em 2em;}
nav {
	float:none;
	clear:both;
	margin-left:0;
	width:100%;
	display:none;
}
#donate-search {
	clear:both;
	display:none;
}
#search-box {margin-left:0;width:100px;margin-top:1em;}
#lead-section {
	height:350px;
	background-size:917px;
	background-position:-69px 0px;
}
#lead-section > span {background-image:none;height:auto;top:85%;}
#lead-section > span > h1 {
	font-size:1.5em;
	background-color:rgba(0,0,0,0.7);
	margin:0;
	text-align:center;
	padding-left:5px;
	top:297px;
}
#lead-section > span > h3 {
	font-size:1em;
	background-color:rgba(0,0,0,.4);
	margin:0;
	text-align:center;
	padding-left:5px;
	top:297px;
}
#lead-section > span > div {
	width:200px;
	top:333px;margin-top:3em;
}
#learn-more, #left-button {
	font-size:1em;
	padding:7px 0;
}
#support, #right-button {
	font-size:1em;
	padding:7px 0;
}
#callout-section {
	margin-top:5em;
}

 div.breadwrapper h2 {font-size:2em;padding-bottom:.25em;padding-right:.5em;}
#callout-section > .callout-one, #callout-section > .callout-two, #callout-section > .callout-three {
	width:30%;
	float:left;
	margin:0;
}
#callout-section > .callout-one {
	margin-left:1%;
}
#callout-section > .callout-two {
	margin-left:4%;
	margin-right:4%;
}
#callout-section > .callout-three {
	margin-right:1%;
}
div.call-1, div.call-2, div.call-3, div.call-4 {width:42%;float:left;margin:1em auto 0;}
div.call-1 > p, div.call-2 > p, div.call-3 > p, div.call-4 > p {padding:1em;}
div.call-1, div.call-3 {margin-left:7%;margin-right:1%;}
div.call-2, div.call-4 {margin-right:7%;margin-left:1%;}
div.call-3 {clear:both;}
 #why-section div:nth-child(3) {margin:1em auto;}
#why-section div:nth-child(4) {margin:1em auto;}
#why-section div:nth-child(5) {margin:1em auto;}
#why-section div {width:42%;float:none;}
div.footer-section > p {
	font-size:.6em;
	
}
div.footer-section > ul {
	font-size:.6em;
	
}
div.footer-section {
	width:15%;margin:0 2%;
}
#about {margin-left:7%;}
 #mission p {font-size:.8em;}
#members-tax p {font-size:.8em;}
p.main-credit {font-size:.7em;}
p.info-tag { font-size:.8em;color:white;text-align:center;margin-top:1em;}
 div.accolades {
	width:100%;text-align:center;
}
div.accolades > a > img {
	margin-left:10px;
	margin-right:10px;
}

.page-wrap {
	margin-bottom:0px;
}

 label[for="mobile-nav-trigger"] {
	display:block;
	z-index:1000;
}
header {
	position:fixed;
	z-index:999;
}
ul.mobile-navigation li.menu-item {
	text-align:left;
	max-width:170px;
	width:100%;
	float:right;
	clear:both;
}
div.bread {padding-top:2.7em;padding-left:.25em;}
#searchform {display:none;}
div#level-two {padding-top:3em;width:90%;}
 div.level-two-content p {width:100%;}
 article.post div.entry-content p {width:100%;}

   .alignright {max-width:320px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 .alignleft {max-width:320px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 .aligncenter {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
  div.alignright.wp-caption {max-width:320px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 div.alignright img {max-width:320px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 div.alignleft.wp-caption {max-width:320px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 div.alignleft img {max-width:320px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 div.aligncenter.wp-caption {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter img {max-width:320px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 
 }

/*MEDIUM DEVICES end -------------------------
----------------------------------------------*/

/*LARGE DEVICES, SMALL SCREEN begin ----------
----------------------------------------------*/
	
@media (min-width:801px) and (max-width:1100px), (device-min-width:800px) and (device-max-width:1100px) {

.page-wrap {
	margin-bottom:0px;
}
div#logo > a > img {
	width:110px;padding:10px 5px;
}
#donate-search {margin-right:10px;}
nav {
	color:#fff;
	display:block;
	width:53%;
	float:left;
	margin-left:0;
}
#searchfrom {margin:17px 0;}
nav ul li a {
	padding:23px 7px;
	font-size:.75em;
}
nav ul li a:hover {
	padding:23px 7px;
	font-size:.75em;
}
#donate-button {font-size:.75em;padding:5px 10px;font-size:.75em;}
#search-box {font-size:.75em;width:80px;margin-left:0;width:80px;}
nav ul ul {top:3.6em;padding-left:0;}
nav ul ul ul {top:2em;}
nav ul ul li a {padding:10px 10px;}
nav ul ul li a:hover {padding:10px 10px;}
#lead-section {
	height:375px;
	background-size:1085px;background-position:0px -46px;
}
#lead-section > span {height:125px;overflow:hidden;}
#lead-section > span > h1 {
	font-size:2.5em;
}
#lead-section > span > h3 {
	font-size:1.5em;
}
#learn-more, #left-button {
	font-size:1.1em;
	padding-top:10px;
	padding-bottom:10px;
}
#support, #right-button {
	font-size:1.1em;
	padding-top:10px;
	padding-bottom:10px;
}
 
body > div > footer > div > div:nth-child(1) {
	padding-left:10px;
}
div.accolades {
	width:100%;
	max-width:664px;text-align:center;
}
div.footer-section > p {font-size:.8em;}
div.footer-section > ul {font-size:.8em;}
#about {margin-left:14%}
div.footer-section {width:15%;float:left;margin:0 1%;}
div.accolades > a > img {
	margin-left:12px;
	margin-right:12px;
}
div.call-1 > p, div.call-2 > p, div.call-3 > p, div.call-4 > p {padding-top:1em;}
div.call-1, div.call-2, div.call-3, div.call-4 {width:42%;float:left;margin:1em auto 0;}
div.call-1, div.call-3 {margin-left:7%;margin-right:1%;}
div.call-2, div.call-4 {margin-right:7%;margin-left:1%;}
div.call-3 {clear:both;}
div.bread {padding-left:.25em;}
div#level-two {width:96%;}
   .alignright {max-width:400px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 .alignleft {max-width:400px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 .aligncenter {max-width:400px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
  div.alignright.wp-caption {max-width:400px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 div.alignright img {max-width:320px;height:auto;width:96%;margin:0 0px 20px 20px;clear:both;float:right;display:block;}
 div.alignleft.wp-caption {max-width:400px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 div.alignleft img {max-width:400px;height:auto;width:96%;margin:0 20px 20px 0px;clear:both;float:left;display:block;}
 div.aligncenter.wp-caption {max-width:400px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
 div.aligncenter img {max-width:400px;height:auto;width:96%;margin:0 auto;clear:both;float:none;display:block;}
}

/*LARGE DEVICES, SMALL SCREEN end ------------
----------------------------------------------*/

/*MEDIUM SCREEN begin ------------------------
----------------------------------------------*/
	
@media (min-width:1101px) and (max-width:1300px), (device-min-width:1101px) and (device-max-width:1300px) {

.page-wrap {
	margin-bottom:0px;
}
nav {
	width:66%;margin-left:1em;
}
nav ul ul {padding-left:20px;}
nav ul li a {padding:25px 15px;font-size:.9em;}
nav ul li a:hover {padding:25px 15px;font-size:.9em;}
#search-box {margin-left:0;width:115px;}
div#logo > a > img {
	width:125px;
	padding-left:10px;
}

div.accolades {
	width:100%;
	text-align:center;
}
div.accolades > a > img {
	margin-left:12px;
	margin-right:12px;
}
#about {margin-left:13%}
div.call-1 > p, div.call-2 > p, div.call-3 > p, div.call-4 > p {padding-top:1em;} 
div.footer-section {width:15%;float:left;margin:0 1%;}
#donate-search {padding-right:10px;}
div.bread {padding-left:.25em;}
div#level-two {width:96%;}
}

/*MEDIUM SCREEN end --------------------------
----------------------------------------------*/


/*LARGE SCREEN begin -------------------------
----------------------------------------------*/
	
@media (min-width:1301px), (device-min-width:1301px) {
.page-wrap:after, footer {
	height:auto;
}
.page-wrap {
	margin-bottom:0px;
}
#search-box {width:115px;}
div#logo > a > img {width:125px;padding-left:0px;}
#donate-search {padding-right:10px;}
#about {margin-left:15%}
div.footer-section {width:14%;float:left;margin:0 1%;}
div.call-1 > p, div.call-2 > p, div.call-3 > p, div.call-4 > p {padding-top:1em;} 
nav ul ul {padding-left:251px;}
div.level-two-content p {margin:0 .5em 1em .5em;}
article.post div.entry-content p {margin:0 .5em 1em .5em;}

span.breadcrumbComponent {padding-left:0px;}

 }

/*LARGE SCREEN end ---------------------------
----------------------------------------------*/

/*Print stylesheet begin ---------------------
----------------------------------------------*/

@media only print {

ul.mobile-navigation {display:none !important;}
header {display:none !important;}
footer {display:none !important;}

.mobile-nav-trigger + label {display:none !important; right:0 !important;}
}

/*Print stylesheet end -----------------------
----------------------------------------------*/