/*
File: style.css
Author: Jonathan Kissam, jk@webskillet.com

Table of contents:
1. Framework
2. Typography
3. Header
4. Navigation
5. Content
6. Blocks
7. Media Queries

*/

/**
 * 1. Framework
 */

html, body { height: 100%; }
body { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body.toolbar-drawer { padding-top: 65px; }
#wrapper { width: 100%; min-width: 1000px; min-height: 100%; position: relative; background: #fff; }
#skip-link { position: absolute; }
#header-wrapper { width: 100%; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15); margin-bottom: 5px; }
#header { width: 960px; margin: 0 auto; padding: 15px 0 25px; min-height: 87px; }
#navigation-wrapper { width: 100%; margin: 0 auto 40px; }
#navigation { width: 900px; margin: 0 auto; position: relative; }
#wrapper-main { max-width: 1000px; margin: 0 auto; clear: both; }
#main { float: left; width: 90%; margin-left: 5%; margin-right: 0; }
body.sidebar-first #main { width: 64%; margin-right: -69%; }
body.front.sidebar-first #main { width: 90%; margin-right: 0; }

#sidebar-first { float: left; width: 22%; margin-left: 73%; margin-right: -95%; padding-bottom: 30px; }
#sidebar-first .region { background: #4188a3; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; color: #fff; padding: 10px; }
#sidebar-first a:link, #sidebar-first a:visited, #sidebar-first h2, #sidebar-first h3, #sidebar-first h4 { color: #fff; }
.no-touch #sidebar-first a:hover, #sidebar-first a:active { color: #ccc; }

#front-page-cards, #front-page-lower { clear: both; width: 90%; margin: 0 auto; }

#footer-1 { width: 100%; background: #4188a3; padding: 15px 0; border-top: 2px solid #f15922; border-bottom: 2px solid #f15922; }
#footer-1 .region { width: 960px; margin: 0 auto; min-height: 30px; color: #fff; font-family: alternate-gothic-no-3-d,Arial,sans-serif; }
#footer-1 .block { width: 25%; float: left; margin: 0; height: 30px; line-height: 30px; }
#footer-1 a:link, #footer-1 a:visited { color: #fff; }
.no-touch #footer-1 a:hover, #footer-1 a:active { color: #ccc; }

#footer-2 { width: 100%; background: #ccc; color: #666; padding: 30px 0 20px; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2) inset; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2) inset; }
#footer-2 .region { width: 960px; margin: 0 auto; overflow: hidden; }
#footer-2 .block { width: 33%; float: left; }

#footer { width: 100%; clear: both; padding: 10px 0 5px; background: #333; }
#footer.fixed { position: fixed; left: 0; bottom: 0; }
#footer .region { width: 960px; margin: 0 auto; color: #959595; }
#footer .block { margin-bottom: 1em; }
#footer a:link, #footer a:visited { color: #959595; }
.no-touch #footer a:hover, #footer a:active { color: #f15922; }
.no-touch #footer #site-credit a:hover, #footer #site-credit a:active { color: #ccc; }
#footer #site-credit { clear: both; text-align: center; font-size: 0.7857em; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
#popups and #utility are positioned absolutely relative to #wrapper, to put them at the top of the page
#popups .region and #utility .region are the region divs, which are centered so they lie over the site content (for full-screen)
#utility .region .block : each block is position absolutely by default, to allow theme to position each block
	wherever (usually in or near the header region) for full-screen, and to allow them to flow to the bottom
	for smaller-width devices
#popups .region .block : each block is, by default, positioned off-screen to the left
	and can be re-positioned relative to the top left of the site content
	by jquery, etc.
*/

#utility { position: absolute; top: 0; left: 0; width: 100%; }
#utility .region, #utility-nav { width: 1000px; margin: 0 auto; position: relative; }
#utility .block { position: absolute; }

#popups { position: fixed; top: 0; left: 0; z-index: 314160; }
#popups .block { position: absolute; top: 0; left: -999em; z-index: 314160; width: 560px; padding: 20px; background-color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#popups .block .popup-close { position: absolute; top: 15px; right: 10px; cursor: pointer; font-size: 3em; }
#ws-pop-overlay { background-color: #000; z-index: 314159; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#popups .block .node h2 { display: none; }
#popups h2 a#heckle-spanish { font-size: 0.75em; margin-left: 0.5em; }

/* loader */
#wsutil-loader { width: 100px; padding: 20px 20px; border: 1px solid #ccc; background-color: #fff; position: fixed; top: -100px; left: -999em; height: 100px; z-index: 31415; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#wsutil-loader .throbber { display: inline-block; width: 100px; height: 100px; text-indent: -999em; background: #fff url(../images/throbber.gif) no-repeat 0 0; }

/**
 * 2. Typography
 */

body { color: #787878; font: 62.5%/1.8em Arial, Helvetica, 'Helvetica Neue', sans-serif; }

/* Headers */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 0.25em; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; }
h1 { font-size: 2.1428em; line-height: 1em; font-family: alternate-gothic-no-3-d,Arial, Helvetica, 'Helvetica Neue', sans-serif; }
h2 { font-size: 1.857em; line-height: 1em; margin-bottom: 0.333em; font-family: alternate-gothic-no-3-d,Arial, Helvetica, 'Helvetica Neue', sans-serif; color: #4188a3; }
h3 { font-size: 1.5em; line-height: 1em; font-family: alternate-gothic-no-3-d,Arial, Helvetica, 'Helvetica Neue', sans-serif; color: #333; }
h4 { font-size: 1em; font-weight: bold; color: #333; margin: 0; }
h5, h6 { font-size: 0.9em; font-weight: bold; margin-bottom: 0; }
h1 strong, h2 strong, h3 strong { font-weight: normal; }

/* Font Size */
#navigation, #main, #popups, .sidebar, #footer, #front-page-cards, #front-page-lower { font-size: 1.4em; }
#footer-1 { font-size: 2.4em; }
#footer-2 { font-size: 1.3em; }
#header, #utility { font-size: 1.2em; line-height: 1.2em; }

/* Text */
p { margin-bottom: 1.5em; }
p.leftalign { text-align: left; }
p.centeralign { text-align: center; }
p.rightalign { text-align: right; }
address { font-style: normal; margin-bottom: 1.5em; }
blockquote { margin: 0 0 0 2em; padding-bottom: 1.8em; }
blockquote p { margin-bottom: 0.75em; }

/* Lists */
ul, ol { margin: 0 0 1em 1.5em; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
dl { margin: 0 0 1em 0; }
dt { font-weight: bold; }
dd { margin: 0 0 1.5em 2em; }
dd ul, dd ol { margin-left: 0; }

/* Links */
a { text-decoration: none; }
a:link { color: #4188a3; }
a:visited { color: #4188a3; }
.no-touch a:hover { color: #f15922; }
a:active { color: #4188a3; }

/* Images */
img { max-width: 100%; height: auto !important; }
img.image-left, p.image-left img { float: left; margin: 0 20px 20px 0; }
img.image-right, p.image-right img { float: right; margin: 0 0 20px 20px; }
img.image-center, p.image-center img { display: block; width: auto; margin: 0 auto 1.5em; }

/**
 * 3. Header
 */

#header { position: relative; }
#header #logo { float: left; width: 160px; }
#header #site-name-slogan { position: absolute; left: -999em; }
#header #site-name { }
#header #site-slogan { }

/**
 * 4. Navigation
 */

#navigation .navigation-header { position: absolute; left: -999em; }
ul.om-menu li.close { display: none; }

#navigation-wrapper {
	height: 30px;
}
#navigation { }

.om-maximenu ul.om-menu { width: 100%; }
.om-maximenu ul.om-menu li.om-leaf { position: static; }

ul.om-menu { height: 30px; line-height: 30px; width: 100%; z-index: 20; margin: 0; }
ul.om-menu li.om-leaf { float: left; display: block; margin: 0; padding: 0; height: 30px; line-height: 30px; position: relative; list-style: none outside none; position: static; }
#navigation ul.om-menu li.om-leaf a.om-link, #navigation ul.om-menu li.om-leaf span.om-link { display: block; float: left; padding: 0; height: 26px; line-height: 26px; color: #666; margin: 0 4em 0 0; }
#navigation ul.om-menu li.last a.om-link, #navigation ul.om-menu li.last span.om-link { margin: 0; }
.no-touch #navigation ul.om-menu li.om-leaf a.om-link:hover, .no-touch #navigation ul.om-menu li.om-leaf span.om-link:hover { border-bottom: 3px solid #f15922; }

#navigation li.om-leaf a.om-link.active:link, #navigation li.om-leaf a.om-link.active:visited { color: #333; border-bottom: 3px solid #f15922; }
#navigation .no-touch li.om-leaf a.om-link.active:hover, #navigation li.om-leaf a.om-link.active:active { color: #f15922; border-bottom: 3px solid #f15922; }

/* Handles drop-down menus */
.om-maximenu li.open a.om-link, .om-maximenu li.open span.om-link { position: relative; }
.om-maximenu li.open span.om-link:after {
	content: '';
	position: absolute;
	top: 30px;
	left: 40%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ebebeb;
}
.no-touch #navigation ul.om-menu li.om-leaf.open a.om-link:hover,
.no-touch #navigation ul.om-menu li.om-leaf.open span.om-link:hover { border-bottom: none; }

.om-maximenu .om-maximenu-content { width: 75%; left: -30px; top: 35px; }
.om-maximenu .om-maximenu-middle { background: #ebebeb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; line-height: 1.2em; color: #333; }
.om-maximenu .om-maximenu-content a:link, .om-maximenu .om-maximenu-content a:visited { color: #333; }
.no-touch .om-maximenu .om-maximenu-content a:hover, .om-maximenu .om-maximenu-content a:active { color: #f15922; }
.om-maximenu-content h3 { font: 1em Arial,Helvetica,'Helvetica Neue',sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; }
.not-logged-in .om-maximenu-open { position: absolute; left: -999em; }
.om-maximenu-no-style .om-maximenu-middle-right { padding: 15px; }

.om-maximenu-content .block { width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 0; margin: 0; }
.om-maximenu-content .block-menu { border-left: 5px solid #03adf8; padding-left: 8px; }
.om-maximenu-content .block-block { }
.om-maximenu-content .block-block a { display: block; }
.leaf-about-us .om-maximenu-content .block-block a:after { content: ''; display: table; clear: both; }

.om-maximenu-content ul.menu { padding: 0; margin: 0; }
.om-maximenu-content ul li.leaf { list-style: none outside none; margin: 0 0 1em; }
.om-maximenu-content ul li.last { margin: 0; }
.om-maximenu-content ul li a { display: block; }

.om-maximenu-content .block-block-id-41 { width: 66.66%; }
.om-maximenu-content .block-block-id-41 img { float: left; margin-right: 20px; }
.leaf-domestic-work .om-maximenu-content .block-menu { border-left-color: #ef5725; }

.leaf-initiatives .om-maximenu-content .block { width: 100%; padding: 0; border-left: none; }
.om-maximenu-content .view-initiatives .views-group { width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 5px solid #03adf8; padding: 0 15px 0 8px; margin-bottom: 20px; }
.om-maximenu-content .view-initiatives .views-row { margin: 0 0 1em; }
.om-maximenu-content .view-initiatives .views-row a { display: block; }
.om-maximenu-content .view-initiatives .views-row-last { margin: 0; }
.om-maximenu-content .view-initiatives .views-group.grassroots-innovation { border-left-color: #ef5725; }
.om-maximenu-content .view-initiatives .views-group.transforming-the-care-industry,
.om-maximenu-content .view-initiatives .views-group.national-and-international-initiatives { border-left-color: #30318d; }
.om-maximenu-content .view-initiatives .views-group.immigration-and-trafficking { border-left-color: #00a854; }

.om-maximenu-content .block-views-id-frontpage-block_1 { border-left: 5px solid #03adf8; padding-left: 8px; }
.om-maximenu-content .block-views-id-frontpage-block_2 { border-left: 5px solid #ef5725; padding-left: 8px; }
.om-maximenu-content .block-views-id-frontpage-block_1 .views-row, .om-maximenu-content .block-views-id-frontpage-block_2 .views-row { margin: 0 0 1em; }
.om-maximenu-content .block-views-id-frontpage-block_2 .view-footer h3 { margin: 1em 0; }
.om-maximenu-content .block-block-id-9 { border-left: 5px solid #30318d; padding-left: 8px; }
.om-maximenu-content .block-block-id-9 p { margin-bottom: 0; }

.om-maximenu ul.om-menu li.leaf-resources { position: relative; }
.leaf-resources .om-maximenu-content { min-width: 0; left: -15px; width: 180px; }
.leaf-resources .om-maximenu-content .block-menu { width: 100%; border-left-color: #30318d; }

.om-maximenu ul.om-menu li.leaf-support-us { position: relative; }
.leaf-support-us .om-maximenu-content { min-width: 0; left: -15px; width: 180px; }
.leaf-support-us .om-maximenu-content .block-menu { width: 100%; border-left-color: #00a854; }

/**
 * 5. Content
 */

/* Menus and item lists */
.item-list ul { margin: 0; padding: 0; }
.item-list ul li { margin: 0; padding: 0; list-style: none outside none; }
ul.menu { margin-left: 0; }
ul.menu ul { margin-left: 2em; }
ul.menu li { margin: 0 0 0.5em; padding: 0; }
ul li.expanded, ul li.collapsed, ul li.leaf { list-style: none outside none; }
ul.inline, ul.links.inline { clear: both; margin: 0; }
ul.inline li { margin: 0; padding: 0 1em 0 0; }
li a.active { color: #333; }

/* Messages */
div.messages { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 2em; }
div.messages ul { list-style: none outside none; padding: 0; margin: 0; }
div.messages li { margin-bottom: 1em; }
div.messages .close { cursor: pointer; float: right; font-size: 2em; }
div.status, div.warning, div.error { border-color: #ccc; background-color: #fff; }
div.status, .ok, div.warning, .warning, div.error, .error { color: #666; }

/* Admin tabs */
.tabs-wrapper { }
ul.primary { text-transform: uppercase; margin: 0 0 1.5em; padding: 0; border: none; }
ul.primary li {	display: inline; margin: 0; }
ul.primary li a { display: inline-block; border-radius: 4px; background-color: #ccc; border-color: #ccc; padding: 0.5em 1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-bottom: 1px solid #ccc; color: #333; text-shadow: 1px 1px 1px #fff; font-weight: bold; }
ul.primary li.active a { background-color: #fff; border-color: #ccc; }
.no-touch ul.primary li a:hover { background-color: #fff; border-color: #ccc; border-bottom: 1px solid #ccc; }
ul.secondary { margin: 0 0 1.5em; padding: 0; }
ul.secondary a.active { border-bottom: none; }

#page-title { line-height: 1em; margin-bottom: 1em; text-transform: uppercase; color: #f15922; }
.node { margin-bottom: 4em; }
.submitted { text-transform: uppercase; color: #959595; }
body.node-type-article .submitted { margin-bottom: 2.3em; }
.field { margin-bottom: 1.5em; }

.node-type-staff .field-name-field-position { font-weight: bold; margin-bottom: 2.3em; }

.node-type-job-opening .field-name-field-position { font-weight: normal; }
.node-type-job-opening .field-name-field-position,
.node-type-job-opening .field-name-field-flsa-status,
.node-type-job-opening .field-name-field-reports-to,
.node-type-job-opening .field-name-field-salary,
.node-type-job-opening .field-name-field-start-date,
.node-type-job-opening .field-name-field-work-location { margin-bottom: 0; }
.node-type-job-opening .field-name-field-position .field-label,
.node-type-job-opening .field-name-field-flsa-status .field-label,
.node-type-job-opening .field-name-field-reports-to .field-label,
.node-type-job-opening .field-name-field-salary .field-label,
.node-type-job-opening .field-name-field-start-date .field-label,
.node-type-job-opening .field-name-field-work-location .field-label { width: 120px; }
.node-type-job-opening .field-name-body .field-label,
.node-type-job-opening .field-name-field-responsibilities .field-label,
.node-type-job-opening .field-name-field-job-requirements .field-label { margin: 1.5em 0; }

.video-container {
  width: 100%;
  position: relative;
  padding: 0;
  height: 0;
  overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.field-name-field-image, .field-name-field-photo { float: right; margin: 0 0 20px 20px; }
.node-staff.node-teaser .field-name-field-photo { float: left; margin: 0 20px 20px 0; }
.node-staff.node-teaser .field-name-body { margin-left: 220px; }
.field-name-field-tags { margin: 0 0 1.5em; }
.field-name-field-tags div { display: inline; }
.field-name-field-tags .field-item { margin: 0 1em 0 0; }

.book-navigation { margin-top: 4em; }
.book-navigation .page-links { margin-bottom: 1.5em; border-color: #e4e3e8; }
.book-navigation .menu { margin: 0; padding: 1em 0; border-color: #e4e3e8; }
#book-navigation-303, #book-navigation-534 { display: none; }

.node ul.links.inline { text-align: left; }
.node ul.links.inline li { padding: 0 1em 0 0; }
.node ul.links.inline a { text-transform: uppercase; color: #f15922; }

/* profiles */
.profile { margin: 1.5em 0; }
.profile h3 { border: none; }
.profile dt { margin-bottom: 0; }
.profile dd { margin-bottom: 1.5em; }
.password-parent { width: 36em; }

/* comments */
#comments { clear: both; margin-top: 1.5em; }
.comment { margin-bottom: 1.5em; }
.comment .new { color: #f15922; text-transform: capitalize; }

/* forms */

label { font-weight: normal; }
input, select, textarea { border: 1px solid #e4e3e8; color: #666; padding: 2px; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; outline: 0; }
input:focus, select:focus, textarea:focus { border-color: #4188a3; }
input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="image"] { width: auto; }
input[type="image"] { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: invert none medium; }
input[type="search"] { -webkit-appearance: none; moz-appearance: none; }
input, select { max-width: 400px; }
.webform-client-form .description, .fieldset-description { margin-bottom: 1.5em; }
.fieldset-description { margin-top: 20px; }
legend { font: 1.333em Arial,Helvetica,'Helvetica Neue',sans-serif; color: #959595; }
legend + * { -webkit-margin-top-collapse: separate; }
.form-type-checkbox label, .form-type-radio label { color: #959595; }
input.form-checkbox:checked + label, input.form-radio:checked + label { color: #666; }
input[type="submit"], button, a.button {
  background: #dddddd; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ededed');
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ededed));
  background: -moz-linear-gradient(top,  #dddddd,  #ededed);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  padding: 6px 10px;
  margin-right: 1em;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #ccc;
  font-size: 1em;
  cursor: pointer;
}
.no-touch input[type="submit"]:hover, .no-touch button:hover, .no-touch a.button:hover {
  background: #ededed;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dddddd');
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dddddd));
  background: -moz-linear-gradient(top,  #ededed,  #dddddd);
}

.views-exposed-form .views-exposed-widget .form-submit { margin-top: 1em; }

.button-cta {
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6742d), color-stop(1, #eb3013) );
	background:-moz-linear-gradient( center top, #f6742d 5%, #eb3013 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6742d', endColorstr='#eb3013');
	background-color:#f6742d;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-size:28px;
	font-style:normal;
	height:50px;
	line-height:52px;
	padding:0 15px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #666666;
	font-family: alternate-gothic-no-3-d,Arial,Helvetica,'Helvetica Neue',sans-serif;
}
.button-cta i.flaticon-donation:before { margin-left: 0; }
.button-cta:link,.button-cta:visited { color: #fff; }
.no-touch .button-cta:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb3013), color-stop(1, #f6742d) );
	background:-moz-linear-gradient( center top, #eb3013 5%, #f6742d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3013', endColorstr='#f6742d');
	background-color:#eb3013;
	color: #fff !important;
}
.button-cta:active {
	position:relative;
	top:1px;
	color: #fff;
}

div.error, .error { color: #f15922; }
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #f15922; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

/* embedded Google forms */
ul.ss-choices { margin-left: 0; }
li.ss-choice-item { list-style: none outside none; margin: 0.5em 0; }
li.ss-choice-item label { display: inline; }

/* tables */

th, td { padding: 5px; }

/* search form */

.search-form .form-text { width: 200px; }
.search-form #edit-basic, .search-form #edit-advanced { margin-bottom: 3em; }
.search-results { margin-left: 0; }
.search-results .search-snippet-info { padding-left: 0; border-bottom: 1px solid #ccc; }
.search-results .search-info { display: none; }
.page-search #block-system-main .content h2, .page-search404 #block-system-main h2 {
	padding-bottom: 1.1em; border-bottom: 1px solid #ccc;
}

/* social media links */

.share-links h3 { float: left; height: 32px; line-height: 34px; color: #959595; text-transform: uppercase; }
ul.btn-social { float: left; margin: 0; height: 32px; }
.btn-social li { float: left; margin-left: 8px; list-style: none outside none; font-size: 1.6em; height: 32px; line-height: 32px; width: 24px; text-align: center; }
.btn-social li.last { margin-right: 0; }
.btn-social li a { display: block; outline: 0; }
.btn-social li a span { position: absolute; left: -999em; }
.btn-social li a:link, .btn-social li a:visited { color: #959595; }
.btn-social li.btn-facebook a:hover, .btn-social li.btn-facebook a:active { color: #3b5999; }
.btn-social li.btn-twitter a:hover, .btn-social li.btn-twitter a:active { color: #00aced; }
.btn-social li.btn-email a:hover, .btn-social li.btn-email a:active { color: #f15922; }

#main .share-links { float: right; margin: 0 0 20px 20px; }

/* front page */
.view-front-page .view-header h2 { font-size: 2.6429em; color: #f15922; }
.view-front-page .views-row { position: relative; }
.view-front-page .views-field-field-image img { display: block; }
.view-front-page .views-field-body {
	color: #fff;
	position: absolute;
	top: 0;
	left: 66.66%;
	width: 25%;
	background: rgba(65, 136, 163, 0.9);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
.view-front-page .views-field-body .field-content { padding: 15px; }
.view-front-page .cta-body { font-size: 1.2857em; line-height: 1.1em; }
.view-front-page .cta-body p { margin-bottom: 0.75em; }
.view-front-page .cta-body small { font-size: 0.8333em; line-height: 1em; }
.view-front-page .cta-link { margin-top: 1em; text-align: center; }

.view-id-nodequeue_2.view-display-id-page .views-field-field-image img { display: block; }
.view-id-nodequeue_2.view-display-id-page > .view-content { float: left; max-width: 560px; position: relative; }
.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body {
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 500px;
	padding: 10px;
	background: rgba(65, 136, 163, 0.9);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body p { margin: 0; }
.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body .button-cta { float: right; margin-left: 10px; }

.view-id-nodequeue_2 .attachment { float: left; margin-left: 40px; width: 300px; }
.view-id-nodequeue_2 .attachment .views-row { height: 100px; margin-bottom: 25px; }
.view-id-nodequeue_2 .attachment .views-field-field-image { float: left; margin-right: 10px; }
.view-id-nodequeue_2 .attachment h2 { font-size: 1.2857em; }
.view-id-nodequeue_2 .attachment .views-field-body p { margin-bottom: 0; }
.view-id-nodequeue_2 .attachment .views-field-body .more-link a:after { content: ' »'; }
.view-id-nodequeue_2 .attachment .views-row-last { margin-bottom: 0; }


/* members page */
img#map-membership { float: left; width: 62.5%; margin-right: 6.25%; }
.members-map-display .view-members .view-filters { float: left; width: 31.25%; margin-top: 5em; }
.members-map-display .view-members .views-exposed-form .views-exposed-widget { padding: 0; width: 100%; text-align: center; }
.members-map-display .view-members .views-exposed-form .views-submit-button input[type="submit"] { width: 100%; margin-right: 0; }
.view-members .view-content { padding-top: 2em; }
.members-map-display .view-members .view-content { clear: both; padding-top: 4em; }
.view-members .views-group { margin-bottom: 4em; }
.view-members h3 { font-size: 1.857em; color: #4188a3; margin-bottom: 0.5em; }
.view-members .views-row { margin-bottom: 1.5em; }

/* staff page */
.view-staff .views-row { width: 47.5%; float: left; padding-left: 140px; min-height: 120px; position: relative; margin-bottom: 2em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.view-staff .views-row-odd { clear: both; margin-right: 5%; }
.view-staff .views-field-field-photo { position: absolute; top: 0; left: 0; }
.view-staff h2 { margin-bottom: 0; }
.view-staff .views-field-field-roles { margin-top: 1em; font-size: 0.85714em; font-weight: bold; text-transform: uppercase; }

/* news page */
#block-system-main .view-frontpage .views-row { clear: both; margin-bottom: 4em; }
.view-frontpage .has-image { position: relative; padding-left: 140px; min-height: 120px; }
.view-frontpage .has-image > a > img { position: absolute; top: 0; left: 0; }
.view-frontpage .views-row p { margin-bottom: 0.75em; }
.view-frontpage .views-row .more-link { position: relative; top: -0.75em; text-transform: uppercase; }
.view-frontpage .views-row .more-link a { color: #f15922; }

/* photos page */
#flickrgallery .flickr-wrap { min-width: 0; }
#flickrgallery .flickr-wrap img { display: block; }
.flickrgallery-return { display: none; }
.page-flickr #imageData #caption { display: none; }

/* video page */
.view-videos.view-display-id-page .views-row { width: 45%; float: left; margin-bottom: 4em; }
.view-videos.view-display-id-page .views-row-odd { clear: both; margin-right: 10%; }
.view-videos.view-display-id-page .video-link-wrapper img { display: block; margin: 0 auto; }

/* bill of rights landing page */
/* d3map - general layout */
#d3map-wrapper { width: 100%; height: 0; padding-bottom: 50%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 50px; }
#d3map-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#d3map-state-name { position: absolute; top: 0; left: 0; margin: 0; color: #787878; padding: 4px; border: 1px solid #333; background: #fff; display: none; }
#d3map-state-info { position: absolute; width: 90%; z-index: 500; left: 5%; top: 60%; display: none; }
#d3map-state-info > .content { background: #fff; border: 1px solid #ccc; padding: 15px; border-radius: 4px; }

#d3map-state-info span.close { position: absolute; top: 0.5em; right: 0.5em; cursor: pointer; font-size: 2em;  z-index: 25;}
#d3map-state-info span.indicator { display: block; position: absolute; top: -18px; left: 50%; z-index: 501; }
#d3map-state-info span.indicator:before, #d3map-state-info span.indicator:after { position: absolute; height: 0; width: 0; content: " "; margin-left: -20px; border: solid transparent; border-color: rgba(255, 255, 255,); border-width: 20px; left: 0; top: -21px; border-bottom-color: #fff; }
#d3map-state-info span.indicator:before { border-width: 21px; left: -1px; top: -23px; border-bottom-color: #ccc; }
#d3map-state-info .node { margin-bottom: 0; }
.d3map-intro { display: none; }
.js.svg .d3map-intro { display: block; }
.js.svg .d3MapStateSlide .node { margin-bottom: 0; }
.js.svg .d3MapStateSlide h2 { font: 1em Arial,Helvetica,sans-serif; position: relative; top: -3em; }
.js.svg .d3MapStateSlide .content, .js.svg .d3MapStateSlide footer { display: none; }

/* d3map - svg map */
#d3map .background { fill: none; pointer-events: all; }
#d3map-states { fill: #4188a3; stroke: #fff; stroke-width: 1px; }
#d3map-states .hilight { fill: #03adf8; cursor: pointer; }
#d3map-states .hilight.hover { fill: #f15922; }
#d3map-states .active, #d3map-states .active.hover { fill: #f15922; }

/* ferguson statements - remove donations, keep main column at smaller width even if there is no sidebar */
#page-node-635 #block-block-5,
#page-node-637 #block-block-5,
#page-node-638 #block-block-5,
#page-node-639 #block-block-5 { display: none; }

/* MacArthur signup form & associated share page */
.share fieldset { border: 10px solid #959595; padding: 20px 10px 10px; margin-bottom: 2em; }
.share legend { padding-left: 10px; padding-right: 10px; }
.share legend .fa { color: #4188a3; }
@media (min-width: 768px) {
  #page-node-651 #main { max-width: 640px; float: none; margin: 0 auto; }
  #page-node-652 .explanation { width: 45%; float: left; }
  #page-node-652 .share { width: 50%; margin-left: 5%; float: left; }
}

/**
 * 6. Blocks
 */

.block { margin-bottom: 3em; }
.block h2 { }

/* 6.0 header blocks */

#header #block-block-5 { float: right; margin: 0; }
#header #block-block-5 .content p { margin: 0; }
#header #block-block-5 .content img { width: 69px; height: 69px; display: block; }

/* 6.1 sidebar blocks */

.sidebar .block { margin-bottom: 1.5em; padding-top: 1.5em; border-top: 1px solid #fff; }
.sidebar .block-sidebar_first-1 { padding-top: 0.5em; border-top: none; }
#block-block-34, #block-block-55 { text-align: center; }
.sidebar .item-list ul li.views-row { margin-bottom: 1em; }
.sidebar .item-list ul li.views-row a { display: block; }

/* 6.2 front page blocks */


#front-page-cards .block { float: left; width: 32%; margin: 0 0 30px 2%; border: 1px solid #eee; padding: 10px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	box-shadow: 3px 3px 3px #eee; -moz-box-shadow: 3px 3px 3px #eee; -webkit-box-shadow: 3px 3px 3px #eee; }
#front-page-cards .block h2 { color: #f15922; }
#front-page-cards .block p { margin: 0; font-size: 1.0714em; line-height: 1.333em; }
#front-page-cards .block em { font-size: 1.33em; color: #4188a3; font-style: normal; }
#front-page-cards .block strong { display: block; clear: both; font: 1.333em/1.1em alternate-gothic-no-3-d,Arial,Helvetica,'Helvetica Neue',sans-serif; font-style: normal; }
#front-page-cards .block-fp_cards-1, #front-page-cards .block-fp_cards-4, #front-page-cards .block-fp_cards-7 { clear: left; margin-left: 0; }
#front-page-cards .content { padding-top: 5px; }
#front-page-cards .content img { width: 60px; margin: 0 10px 10px 0; float: left; position: relative; }

.js.no-touch #front-page-cards .block { cursor: pointer; }
.js.no-touch #front-page-cards section.block:hover { background: #f8f8f8; }
.js.no-touch #front-page-cards section.block:hover .content a { color: #f15922; }

#block-block-48 { text-align: center; max-width: 750px; margin: 0 auto -50px; padding: 150px 0 0; }
#block-block-48 .content { z-index: 10; position: relative; }
#block-block-48 .content p { font-style: italic; }
/* #block-block-48 .content em { font: 3em/0.85em alternate-gothic-no-3-d,Arial,Helvetica,'Helvetica Neue',sans-serif; font-style: normal; color: #f15922; } */
#block-block-48 .content em { font: 3em/0.85em Georgia,Times,'Times New Roman',serif; font-style: italic; color: #4188a3; }
#block-block-48:before { content: '“'; display: block; text-align: left; font: 300px/1px 'PT Sans Caption'; color: #ebf1f4; margin-bottom: -50px; }
#block-block-48:after { content: '”'; display: block; text-align: right; font: 300px/160px 'PT Sans Caption'; color: #ebf1f4; }

#block-views-victories-block .view { }
#block-views-victories-block .view-header {  }
#block-views-victories-block .view-header p { font: 2em/1em alternate-gothic-no-3-d,Arial,Helvetica,'Helvetica Neue',sans-serif; color: #f15922; }
#block-views-victories-block .view-header img { float: left; width: 45%; margin-bottom: 40px; }
#block-views-victories-block .view-content { margin-left: 50%; }
#block-views-victories-block .views-row {
	padding-top: 1em; border-top: 1px solid #eee; margin-top: 1em;
/*
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #eee; padding: 10px; float: left; margin-bottom: 25px;
	box-shadow: 3px 3px 3px #eee; -moz-box-shadow: 3px 3px 3px #eee; -webkit-box-shadow: 3px 3px 3px #eee; width: 23.5%; margin-left: 2%;
	width: 23.333%; padding-left: 3.333%; border-left: 1px solid #eee; margin-left: 3.333%;
*/
}
#block-views-victories-block .views-row-1 {
	padding-top: 0; border-top: none; margin-top: 0;
/* padding-left: 0; border-left: none; margin-left: 0; width: 20%; */ }
#block-views-victories-block .views-field-title { font: 1.5em/1em alternate-gothic-no-3-d,Arial,Helvetica,'Helvetica Neue',sans-serif; /* margin: 0.5em 0; */ }
#block-views-victories-block .views-field-field-campaign { text-align: right; }
#block-views-victories-block .views-field-field-campaign.fixed-height { position: relative; }
#block-views-victories-block .views-field-field-campaign.fixed-height .field-content { position: absolute; right: 0; bottom: 0; }

#footer-1 .block .button-cta { height: 28px; line-height: 31px; margin-left: 10px; font-size: 0.8em; text-transform: uppercase; position: relative; top: -1px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
}

#footer-1 #block-block-35 { text-align: left; }

#footer-1 #block-webform-client-block-553 { float: none; width: 50%; margin: 0 auto; }
#block-webform-client-block-553 h2 { font-size: 1em; display: inline-block; width: 50%; margin-right: 2%; text-align: right; color: #fff; }
#block-webform-client-block-553 .content { display: inline-block; width: 150px; }
#block-webform-client-block-553 form { position: relative; }
#block-webform-client-block-553 .form-item { margin: 0; }
#block-webform-client-block-553 .form-item label { position: absolute; left: -999em; }
#block-webform-client-block-553 .form-item label.error { left: 0; top: 35px; font: 14px/20px Arial,Helvetica,sans-serif; height: 20px; display: block; width: 250px; background: #fff; border: 1px solid #f15922; padding: 2px 5px; }
#block-webform-client-block-553 .form-item input { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-top: -2px; }
#block-webform-client-block-553 .form-item input:focus { border-color: #e4e3e8; }
#block-webform-client-block-553 .form-actions input { position: absolute; margin: 0; padding: 0; background: transparent; border: none; color: #ccc; text-shadow: none; font-size: 0.5em; top: 6px; right: 3px; }

#footer-1 #block-block-37 { float: right; text-align: right; }

#footer-2 .block .content { padding-right: 40px; }
#footer-2 h2 { font-family: Arial,Helvetica,'Helvetica Neue',sans-serif; font-size: 1.1538em; color: #f15922; margin-bottom: 1em; }
#footer-2 .block-wssf { width: 30%; }
#footer-2 #block-views-videos-block { width: 40%; }
#footer-2 #block-views-videos-block .content { padding-right: 0; }
#footer-2 #block-views-videos-block .view-content { margin-bottom: 20px; }
.wssf-tweet-tweet { margin: 1.5em 0 0; }
.wssf-fb-post img { display: block; margin: 0 auto; }
.wssf-fb-post p { margin-bottom: 7px; }
.wssf-fb-post a.wssf-fb-link { display: block; padding: 5px; background: #eee; color: #787878; }
.no-touch .wssf-fb-post a.wssf-fb-link:hover { background: #e6e6e6; color: #787878; }
.wssf-fb-post p.wssf-fb-picture { margin-bottom: 0; }
.wssf-fb-post p.wssf-fb-name { text-transform: uppercase; font-weight: bold; margin: 5px 0; line-height: 1.2em; }
.wssf-fb-post p.wssf-fb-description { line-height: 1.2em; font-size: 0.923076923em; margin-bottom: 5px; }
.wssf-fb-post p.wssf-fb-caption { color: #bbb; margin-bottom: 0; }

/* 6.3 footer blocks */

#block-block-1 { clear: both; text-align: center; }
#block-block-2 { float: right; font-size: 1.4285em; }
#block-block-2 a { margin-left: 0.25em; }

#block-menu-menu-footer-menu, #block-menu-menu-footer-menu li { float: left; }
#block-menu-menu-footer-menu .content ul { margin: 0; }
#block-menu-menu-footer-menu .content li { margin: 0 2em 0 0; }

/* 6.4 utility blocks */


#utility-menu-links { position: absolute; right: 112px; top: 25px; display: block; }
#utility-menu-links a:link, #utility-menu-links a:visited { color: #959595; }
.no-touch #utility-menu-links a:hover, #utility-menu-links a:active { color: #f15922; }
#utility-menu-links li { float: left; padding-left: 1em; margin-left: 1em; border-left: 1px solid #959595; line-height: 12px; }
#utility-menu-links li.first { border-left: none; margin-left: 0; padding-left: 0; }

#utility #block-search-form { right: 112px; top: 58px; }
#search-block-form { position: relative; }
#search-block-form input.search { padding: 2px 20px 2px 4px; height: 24px; width: 124px; color: #ccc; max-width: none; margin: 2px 0 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #ccc; }
#search-block-form input.form-submit { background: transparent; border: none; text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: absolute; top: 7px; right: 5px; color: #ccc; font-size: 1.2em; padding: 0; margin: 0; }

#block-block-38 { top: 64px; right: 245px; }
#block-block-38 .content a { font-size: 1.333em; color: #959595; margin-left: 0.25em; }
.no-touch #block-block-38 .content a:hover { color: #f15922; }

/* 6.5 popup blocks */

/* 6.6 other page content blocks */

.petition-text { float: left; width: 50%; margin-right: 5%; padding-right: 5%; border-right: 1px solid #eee; font-size: 0.9em; font-style: italic; }
.petition-form { float: left; width: 39%; }

/**
 * 7. Media Queries
 */

/* things that should be hidden on larger devices */
#navigation li.expanded .expand { display: none; }

/* Smaller than "full screen" (1000 pixels) */
@media screen and (max-width: 999px) {
	#wrapper { min-width: 0; }
	#header, #navigation, #utility .region, #utility-nav, #footer-1 .region, #footer-2 .region, #footer .region { width: 96%; }

	#navigation ul.om-menu li.om-leaf a.om-link, #navigation ul.om-menu li.om-leaf span.om-link { margin: 0 2em 0 0; }

	.om-maximenu .om-maximenu-content { left: 0; width: 100%; }
	.leaf-resources .om-maximenu-content, .leaf-support-us .om-maximenu-content { left: -15px; width: 180px; }

	#wrapper-main, #popups .region { width: 100%; }
	body.front.sidebar-first #main { width: 100%; margin-left: 0; margin-right: 0; }
	body.front #block-system-main { max-width: 900px; margin: 0 auto 3em; }
	.view-front-page .view-header h2 { margin-left: 2%; margin-right: 2%; font-size: 2em; }
	.view-front-page .views-field-body { left: 60%; width: 35%; }

	#footer-1 { font-size: 2em; }
	#footer-1 .block { width: 30%; }
	#footer-1 #block-webform-client-block-553 { width: 40%; }
	#block-webform-client-block-553 h2 { width: 42%; }
	#block-webform-client-block-553 .content { width: 40%; }

	.view-id-nodequeue_2.view-display-id-page > .view-content { float: none; margin: 0 auto 40px; }

	.view-id-nodequeue_2 .attachment { float: none; margin: 0 auto; width: auto; max-width: 560px; }
	.view-id-nodequeue_2 .attachment .views-row { margin-bottom: 40px; }

	#front-page-cards .block { width: 47.5%; margin-left: 5%; }
	#front-page-cards .block-fp_cards-4 { clear: none; margin-left: 5%; }
	#front-page-cards .block-fp_cards-1, #front-page-cards .block-fp_cards-3,
	#front-page-cards .block-fp_cards-5, #front-page-cards .block-fp_cards-7 { clear: left; margin-left: 0; }

	#utility-menu-links, #utility #block-search-form { right: 92px; }
	#block-block-38 { right: 225px; }

}

/* Anything smaller than iPad in portrait mode */

@media screen and (max-width: 767px) {
	#header, #navigation, #utility .region, #utility-nav, #footer-1 .region, #footer-2 .region, #footer .region { width: 90%; }

	#header-wrapper { box-shadow: none; margin-bottom: 0; }
	#header { padding: 10px 0; }
	#header #block-block-5 { display: none; }

	#navigation { font-size: 1.6em; }
	#navigation-wrapper, #navigation { height: auto; }
	#navigation ul.om-menu, #navigation ul.om-menu li.om-leaf,
	#navigation ul.om-menu li.om-leaf a.om-link,
	#navigation ul.om-menu li.om-leaf span.om-link { float: none; height: auto; }
	.no-touch #navigation ul.om-menu li.om-leaf a.om-link:hover,
	.no-touch #navigation ul.om-menu li.om-leaf span.om-link:hover,
	li.om-leaf a.om-link.active:link,
	li.om-leaf a.om-link.active:visited,
	.no-touch li.om-leaf a.om-link.active:hover,
	li.om-leaf a.om-link.active:active,
	#navigation li.om-leaf a.om-link.active:link,
	#navigation li.om-leaf a.om-link.active:visited { border-bottom: none; }
	.om-maximenu .om-maximenu-content { position: relative; top: auto; left: auto; min-width: 288px; }
	.leaf-resources .om-maximenu-content { left: auto; width: 100%; }
	.om-maximenu .om-maximenu-middle { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.om-maximenu li.open a.om-link:after, .om-maximenu li.open span.om-link:after { top: 45px; left: 10%; }

	.om-maximenu-content .block, .om-maximenu-content .view-initiatives .views-group { width: 100%; float: none; padding-bottom: 1em; border-bottom: 1px solid #959595; margin-bottom: 1em; padding-left: 0; border-left: none; }
	.om-maximenu-content .block.last, .om-maximenu-content .view-initiatives .views-group.culture-shift { border-bottom: none; padding-bottom: 0; }

	.js #navigation-wrapper { position: absolute; top: 0; right: 0; }
	.js #navigation h2.navigation-header { position: absolute; left: auto; right: 5px; top: 10px; font-size: 1.5em; margin: 0; cursor: pointer; }
	.js #navigation { width: 100%; }
	.js #om-maximenu-main-menu { display: none; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: transparent; }
	.js #om-maximenu-main-menu.show { display: block; }
	.js ul.om-menu { position: absolute; left: 100%; width: 100%; margin: 0; min-height: 100%; z-index: 1010; background: #fff; }
	ul.om-menu li.close { display: block; position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 3em; }
	.touch ul.om-menu li.close { display: none; }
	ul.om-menu li.om-leaf { height: auto; border-bottom: 1px solid #333; }
	.js #navigation ul.om-menu li.om-leaf a.om-link,
	.js #navigation ul.om-menu li.om-leaf span.om-link { height: auto; line-height: 30px; padding: 10px 5%; margin-right: 4em; }
	.touch #navigation ul.om-menu li.om-leaf a.om-link,
	.touch #navigation ul.om-menu li.om-leaf span.om-link { margin-right: 0; }
	li ul.om-menu { position: relative; top: auto; left: auto; width: auto; margin: 0 0 0 25px; }
	li ul.om-menu li { line-height: 40px; }
	li ul.om-menu li a { padding: 0; }

	#main, #sidebar-first { float: none; }
	#main, body.sidebar-first #main { width: 90%; margin-left: auto; margin-right: auto; }
	#sidebar-first { width: 100%; margin-left: 0; margin-right: 0; }
	#sidebar-first .region { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 10px 5%; }

	#page-title { margin: 0.5em 0; font-size: 1.7143em; line-height: 1em; }
	h2 { font-size: 1.4286em; line-height: 1em; margin-bottom: 0.5em; }
	body.node-type-article .submitted { top: 0; }
	.field-name-field-image { float: none; margin: 20px 0; text-align: center; }
	.node-readmore .element-invisible { left: -999em; }

	body.front #block-system-main { margin-bottom: 1em; }
	.view-front-page .view-header h2 { margin-left: 2%; margin-right: 2%; text-align: center; font-size: 1.5em; }
	.view-front-page .views-field-body {
		color: #787878;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		background: #fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	.view-front-page .cta-body, .view-front-page .cta-body small { font-size: 1em; line-height: 18px; }

	.view-id-nodequeue_2.view-display-id-page > .view-content { }
	.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body {
	color: #787878;
	position: relative;
	bottom: auto;
	left: auto;
	width: auto;
	padding: 10px 0 0;
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
}
	.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body .button-cta { float: none; margin: 0 0 0.5em; display: block; }
	.view-id-nodequeue_2 .attachment .views-row { height: auto; }
	.view-id-nodequeue_2.view-display-id-page > .view-content .views-field-body, .view-nodequeue-2 .attachment { width: 90%; margin-left: auto; margin-right: auto; }

	img#map-membership { float: none; display: block; width: 100%; max-width: 400px; margin: 0 auto; }
	.members-map-display .view-members .view-filters { float: none; display: block; width: 100%; max-width: 400px; margin: 2em auto 0; }
	.members-map-display .view-members .view-content { padding-top: 2em; }

	.view-videos.view-display-id-page .views-row { width: 100%; }
	.view-videos.view-display-id-page .views-row-odd { margin-right: 0; }

	#front-page-cards { border-top: 1px solid #eee; padding-top: 1em; }
	#front-page-cards .block { float: none; width: 100%; margin: 0 0 1em; border-left: none; border-top: none; border-right: none; padding: 0 0 1em;
		box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

	#block-block-48 { padding-top: 15px; margin-bottom: 0px; }
	#block-block-48 .content em { font-size: 2em; line-height: 0.85em; }
	#block-block-48:before { font-size: 100px; line-height: 75px; }
	#block-block-48:after { font-size: 100px; line-height: 25px; }

	#block-views-victories-block .view-header p { font-size: 1.5em; margin-bottom: 1em; }
	#block-views-victories-block .view-header img { float: none; width: 100%; max-width: 640px; display: block; margin: 0 auto 20px; }
	#block-views-victories-block .view-content { margin-left: 0; }

	#footer-1 .block { width: 50%; margin-bottom: 0.5em; height: auto; }
	#footer-1 #block-block-35, #footer-1 #block-block-37 { text-align: center; }
	#footer-1 #block-webform-client-block-553 { width: 100%; height: auto; clear: both; border-top: 1px solid #fff; padding-top: 0.5em; }
	#block-webform-client-block-553 h2, #block-webform-client-block-553 .content { display: block; width: 100%; text-align: center; }

	#footer-2 .block, #footer-2 .block-wssf, #footer-2 #block-views-videos-block { width: 100%; float: none; padding-bottom: 1.5em; border-bottom: 1px solid #959595; margin-bottom: 1.5em; }
	#footer-2 .block .content { padding: 0; }

	#block-menu-menu-footer-menu .content li { float: none; margin: 0 0 1em; }

	.petition-text { float: none; width: 100%; margin-right: 0; padding-right: 0; border-right: none; font-size: 1em; margin-bottom: 1.5em; }
	.petition-form { float: none; width: 100%; }

	.block { margin-bottom: 2em; }
	#utility { position: relative; font-size: 1.5em; }
	#utility .region, #utility-nav { width: 90%; }
	#utility-menu-links, #utility .block { position: relative; top: auto !important; right: auto !important; text-align: center; margin: 1em 0; }
	#utility-menu-links li { display: inline-block; float: none; }
	#block-block-38 { display: none; }
	#search-block-form input.search { width: 100%; }
	#search-block-form input.form-submit { top: 3px; }

	#site-credit a { display: block; }
	.site-credit-sep { display: none; }
	.site-credit-description { display: block; line-height: 1.1em; }

	#popups .block { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}

/* phones */

@media screen and (max-width: 480px) {
  .field-name-field-image, .field-name-field-photo,
  .node-staff.node-teaser .field-name-field-photo { float: none; margin: 20px 0; }
  .field-name-field-image img, .field-name-field-photo img { display: block; margin: 0 auto; }
  .node-staff.node-teaser .field-name-body { margin-left: 0; }
  .js.svg .d3map-intro { display: none; }
  .js.svg .d3MapStateSlide .node { margin-bottom: 4em; }
  .js.svg .d3MapStateSlide h2 { font: 1.857em alternate-gothic-no-3-d,Arial,sans-serif; position: static; top: auto; }
  .js.svg .d3MapStateSlide .content, .js.svg .d3MapStateSlide footer { display: block; }
}

/* Phones in portrait mode */

@media screen and (max-width: 360px) {
	#header { min-height: 65px; }
	#header #logo { width: 120px; }
	.js #navigation h2.navigation-header { top: 15px; right: 15px; font-size: 3em; }
	.js #navigation h2.navigation-header span { position: absolute; left: -999em; }
}

/* IMCE */
.imce #navigation-wrapper { width: 25%; height: 100%; background: #fff; }

/* IE fixes */
html.lt-ie8 #header, html.lt-ie8 #wrapper-main, html.lt-ie8 #footer { position: relative; z-index: 0; }
html.lt-ie8 input[type="text"], html.lt-ie8 input[type="password"], html.lt-ie8 select, html.lt-ie8 textarea { width: 90%; }
html.lt-ie8 #navigation li:hover ul.main-menu { left: 0; }
html.lt-ie9 img { max-width: none; }