/**
 * Theme Name: PMPress
 * Description: PresenceMaker custom theme for wordpress.
 * Author: Presence Maker
 * Author URI: http://presencemaker.com
 * Text Domain: pmpress
 * Version: 1.0
 * Date: 12.18.2014
 * 
 * reset
 * web/icon fonts
 * global
 * content
 * media queries
 */

/** reset/normalize - based on http://meyerweb.com/eric/tools/css/reset/ */
:focus{outline:none;}
::selection{background-color:#82bc1a;color:#fff}
::-moz-selection{background-color:#82bc1a;color:#fff}
::-webkit-selection{background-color:#82bc1a;color:#fff}
*{box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:transparent}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video,main{display:block}
a img{border:0;display:block;line-height:1px}
figure{position:relative}
figure img{width:100%}
table{border-collapse:collapse;border-spacing:0}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],textarea{-webkit-appearance:none}
/* do not group these rules - can't recall why now, but still don't. because reasons. */
*::-webkit-input-placeholder { color: #888; }
*:-moz-placeholder { color: #888; }
*::-moz-placeholder {  color: #888; }
*:-ms-input-placeholder {  color: #888; }
*:placeholder { color: #888; }
img{height:auto;max-width:100%}
.cf,.container{clear:both;*zoom:1}
.container:after,.cf:after{content:"";display:table;clear:both}
a {text-decoration: none;}
a,button {cursor: pointer;}
.visuallyHidden {
	display: none;
}
em { font-style: italic; }
strong { font-weight: 700; }
.container {
	margin: 0 auto;
	max-width: 69.626em;
}

/** web/icon fonts */
.wf-active body,
.wf-active input,
.wf-active button,
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
	font-family: "Roboto", serif;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?scrafw');
	src:url('fonts/icomoon.eot?#iefixscrafw') format('embedded-opentype'),
		url('fonts/icomoon.ttf?scrafw') format('truetype'),
		url('fonts/icomoon.woff?scrafw') format('woff'),
		url('fonts/icomoon.svg?scrafw#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {content: "\e606";}
.icon-angle-down:before {content: "\e600";}
.icon-angle-up:before {content: "\e601";}
.icon-angle-right:before {content: "\e602";}
.icon-angle-left:before {content: "\e603";}
.icon-phone:before {content: "\e604";}
.icon-arrow-right:before {content: "\e605";}
.icon-circle-with-minus:before {content: "\e607";}
.icon-circle-with-plus:before {content: "\e608";}
.icon-circle-down:before {content: "\e609";}

/**
 * Global Modules
 */
body {
	position: relative;
	background-color: #f3f3f3;
}
a {
	color: #e15908;
}

/** buttons */
.btn, .btn > input, .btn > a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;	
	padding: 0;
	border: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background: transparent;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.btn1, .btn2 {
	height: 40px;
	line-height: 40px;
	padding: 0 1.4375em /* 23px */;
	font-size: .875em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #fff!important;	
	-webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease;
}
.btn1 { /* Red */
	background: #e15908;
}
.btn1:hover, .btn1:active {
	background: #82bc1b;
}
.btn2 { /* Green */
	background: #82bc1b;
}
.btn2:hover, .btn2:active {
	background: #e15909;
}

/** forms */
::-webkit-input-placeholder {text-transform: uppercase; color: #262626;}
:-moz-placeholder {text-transform: uppercase; color: #262626;} /* Firefox 18- */
::-moz-placeholder {text-transform: uppercase; color: #262626;} /* Firefox 19+ */
:-ms-input-placeholder {text-transform: uppercase; color: #262626;}
.placeholder {text-transform: uppercase; color: #262626;}
#frm_field_cptch_number_container,
.frm_submit {
	margin: 0 0 .5em 0;
}
.form-block > div {
	margin: 0 0 1em 0;
}
.form-block div:first-child {
	
}
.frm_submit > .form-block {
	text-align: center;
}
.form-block label {
	display: block;
	margin-bottom: .3em;
	font-family: 'Open Sans', sans-serif;
	font-size: .75em;
	font-weight: 700;
	text-transform: uppercase;
}
.form-block label .frm_required {
	color: #de4d38;
}
.form-block input[type="text"],
.form-block input[type="email"],
.form-block input[type="tel"],
.form-block select,
.form-block textarea,
#frm_field_cptch_number_container input[type="text"] {
	border: 1px solid #b9b6b6;
	background: #9d9fa0;
	font-family: 'Open Sans', sans-serif;
	font-size: .75em!important;
	text-transform: uppercase;
	color: #262626;
}
.form-block input[type="text"],
.form-block input[type="email"],
.form-block input[type="tel"],
.form-block select {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
}
.form-block textarea {
	height: 125px;
	padding: 15px;
	width: 100%;
}
#frm_field_cptch_number_container input[type="text"] {
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	margin: 0 .2em;
	text-align: center;
}
.form-block input[type="text"]:focus,
.form-block input[type="email"]:focus,
.form-block input[type="tel"]:focus,
.form-block select:focus,
.form-block textarea:focus,
#frm_field_cptch_number_container input[type="text"]:focus {
	border: 1px solid #82bc1b;
	background: #fff;
}
#frm_field_cptch_number_container {
	font-size: .875em;
	text-align: center;
	color: #9a9a9a;
}
.frm_submit .btn {
	width: 100%;
	font-size: .875em;
}
.frm_full {
	width: 100%!important;
}
.form-block .frm_error {
	padding: 4px 0 0 0;
	font-size: .875em /* 14px */;
	color: #de4d38;
}
.frm_message p,
.frm_error_style {
	text-align: center;
	font-weight: 700;
	color: #516d93;
}

#form_duwvy8 fieldset .form-field input[type="text"] {
	border: 1px solid #aaa;
	border-radius: 0;
	font: 300 1em/1em "Roboto", Arial, sans-serif;
	width: 100%;
}

#form_duwvy8 {
	padding: 0 1em;
}


/** accordions */
.accordions {
	margin: 0 0 2em 0;
}
.accordion {
	margin: 0 0 1px 0;
}

.accordion:last-child {
	margin-bottom: 1em;
}
.accordion-title {
	position: relative;
	margin: 0;
	padding: .85em 1em;
	border: 1px solid #e15908;
	background: #e15908;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.accordion.active .accordion-title {	
	background: transparent;
	border: 1px solid #e4e8ed;
	color: #333;
}
.accordion-title span[class^="icon-angle-"] {
	display: inline-block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 48px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	-webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease;
}
.accordion-title .icon-angle-down {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */  
	filter: alpha(opacity=100); /* IE 5-7 */ 
	-moz-opacity: 1; /* Netscape */  
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1;
}
.accordion-title .icon-angle-up {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  
	filter: alpha(opacity=0); /* IE 5-7 */ 
	-moz-opacity: 0; /* Netscape */  
	-khtml-opacity: 0; /* Safari 1.x */
	opacity: 0;
}
.accordion.active .accordion-title .icon-angle-down {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  
	filter: alpha(opacity=0); /* IE 5-7 */ 
	-moz-opacity: 0; /* Netscape */  
	-khtml-opacity: 0; /* Safari 1.x */
	opacity: 0;
}
.accordion.active .accordion-title .icon-angle-up {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */  
	filter: alpha(opacity=100); /* IE 5-7 */ 
	-moz-opacity: 1; /* Netscape */  
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1;
	color: #333;
}
.accordion-content {
	display: none;
	padding: 1em 2.5em;
	border: 1px solid #e4e8ed;
	border-top: none;
	font-size: .875em;
}

/** header */
.header__wide {
	background: #fff url('images/bg-header.jpg') repeat;
	margin-top: 2.3125em;
}
.header__narrow {
	background-color: #262626;
	left: 0;
	padding: 0.25em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1800;
}

/** logo */
.logo__image {
	margin: 0 auto;
}

/** crisis contact */
.crisis-contact__link {
	display: block;
}
.crisis-contact {
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}
.crisis-contact--narrow {
	float: left;
	font-size: 0.875em;
}
.crisis-contact--wide {
	display: none;
}
.crisis-contact__link--narrow {
	padding: 0.5em;
}
.crisis-contact__link--wide {
	color: #000;
	display: inline-block;
}
.crisis-contact__icon {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.crisis-contact__label {
	color: #82bc1b;
	display: inline-block;
	vertical-align: middle;
}
.crisis-contact__label--wide {
	border-right: 1px solid #ddd;
	margin-right: 0.75em;
	padding: 1em 1em 1em 0;
}

/** menu */
.menu {
	background: #333;
	left: 1em;
	max-height: 75%;
	opacity: 1;
	overflow-y: auto;
	padding: 0 0.5em;
	position: fixed;
	z-index: 1500;
	right: 1em;
	top: 3.75em;
	transform: scale( 1, 1 );
	transition: all 0.25s ease-out;
}
.menu--inactive {
	opacity: 0;
	top: -25em;
	transform: scale( 0,0 );
}
.menu__list {
	list-style: none;
	padding: 0;
}
.menu__item {
	border-bottom: 1px solid #000;
	border-top: 1px solid #555;
}
.menu__item:first-child {
	border-top: none;
}
.menu__item:last-child {
	border-bottom: none;
}
.menu__item a {
	color: #ddd;
	display: block;
	font-size: 0.8125em;
	line-height: 1em;
	padding: 2em;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s;
}
.menu__item a:hover {
	background: #000;
	color: #fff;
}
.menu-toggle {
	background: rgba(0, 0, 0, 0);
	border: none;
	color: #E15908;
	float: right;
	font-size: 1em;
	padding: 0.3em 0.5em;
}
.menu-toggle__label {
	display: none;
}

/** footer */
.footer {
	background-color: #333;
	color: #848484;
	margin-top: -4px;
	padding: 2.5em 1em;
}
.footer .container {
	position: relative;
}
.footer a {
	color: #82bc1a;
}
.footer p {
	text-align: center;
}
.footer small {
	font-size: 0.75em;
}
.footer .footer-links {
	margin-bottom: 2em;
}
.footer .footer-links p:first-child {
	margin-bottom: .5em;
}
.footer .footer-links .employment {
	font-size: .8125em;
	color: #e15908;
}

/**
 * content modules
 */

/** home hero */
.home-hero {
	background-size: contain, cover;
	background-repeat: repeat-x, no-repeat;
	background-position: bottom, center;
	padding: 1em;
}
.hero-welcome-content {
	margin-bottom: 2em;
}
.welcome-title {
	color: #fff;
	font-size: 1.625em;
	font-weight: 300;
	text-align: center;
	text-shadow: 3px 3px 5px rgba(60,60,60,0.35);
}
.welcome-text {
	color: #fff;
	font-size: 0.875em;
	font-weight: 400;
	line-height: 1.75em;
	margin: 1em auto;
	max-width: 55rem;
	text-align: center;
	text-shadow: 3px 3px 5px rgba(60,60,60,0.35);
}

/** actions */
.actions {
	list-style: none;
	margin-bottom: 2em;
}
.action-item {
	margin-bottom: 0.5em;
}
.action-link {
	background-color: #9bc948;
	border-bottom: 7px solid #e15908;
	color: #333;
	display: block;
	font-weight: 300;
	height: 5rem;
	padding: 0 0.5em;
	transition: all 0.2s;
	vertical-align: middle;
}
.action-link--2 {
	background-color: #82bc1a;
}
.action-link--3 {
	background-color: #75aa17;
}
.action-link--4 {
	background-color: #689615;
}
.action-link--5 {
	background-color: #5c870e;
}
.action-link:hover {
	background-color: #a2d24c;
	border-bottom-color: #82bc1a;
	box-shadow: 3px 3px 9px rgba(18,18,18,0.18);
	color: #000;
	transform: scale( 1.03, 1.03 );
}
.action__label {
	display: inline-block;
	width: 85%;
	vertical-align: middle;
}
.action-link:before {
	content: "";
	display: inline-block;
	height: 100%;
	margin-left: -1%;
	vertical-align: middle;
	width: 1%;
}
.action__icon {
	display: inline-block;
	text-align: right;
	width: 12%;
}

/** aside blocks */
.aside .container {
	max-width: 90em;
}
.aside__block {
	background-color: #fff;
	overflow: hidden;
}
.aside__content {
	padding: 1.5em 1em;
}
.aside__title {
	color: #82bc1a;
	font-size: 2.25em;
	font-weight: 700;
	text-transform: uppercase;
}
.aside__text {
	color: #282828;
	font-size: 0.875em;
	font-weight: 300;
	line-height: 1.75em;
}
.aside__link {
	color: #e15908;
	font-size: 0.75em;
	text-decoration: underline;
	text-transform: uppercase;
}
.aside__link:hover {
	color: #82bc1a;
	text-decoration: none;
}

/** interior pages */
.page-heading {
	height: 1.875em;
	margin: 3.5em 0;
	padding: 0 1em;
	position: relative;
}
.page__name {
	background-color: #f3f3f3;
	color: #333;
	font-size: 1.875em;
	font-weight: 300;
	line-height: 1em;
	padding-right: 1em;
	position: absolute;
}
.page-heading__hr {
	border: none;
	border-bottom: 1px solid #82bc1a;
	display: inline-block;
	margin: 0.95em 0;
	vertical-align: middle;
	width: 100%;
}
.page__content {
	background-color: #fff;
	padding: 2em;
}
.page__header-image {
	margin-bottom: 2em;
}
.section-name {
	color: #7fb818;
	font-size: 1.875em;
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 1em;
}
.page__content p {
	font-weight: 300;
	line-height: 1.75em;
	margin-bottom: 1em;
}
hr.dotted {
	border: none;
	border-bottom: 2px dotted #ddd;
	margin: 2em 0;
}

/** locations page */
.location {
	padding: 2em 0;
	border-bottom: 1px dotted #bfbfbf;
}
.location:first-child {
	padding: 1em 0 2em 0;
}
.location:last-child {
	padding: 2em 0 1em 0;
	border-bottom: none;
}
.location-img {
	text-align: center;
}
.location .bx-wrapper {
	position: relative;
}
.location .slider img {
	display: block;
}
.location .bx-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.location .bx-pager {
	padding-bottom: .5em;
	text-align: center;
}
.location .bx-pager-item,
.location .bx-pager-item a {
	display: inline-block;
	width: 15px;
	height: 15px;
}
.location .bx-pager-item {
	margin: 0 .2em;
}
.location .bx-pager-item a {
	-webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;
	border: 2px solid transparent;
	background: #fff;
	text-indent: -9999px;
}
.location .bx-pager-item a.active {
	border: 2px solid #fff;
	background: transparent;
}
.location-content {
	padding: 1em;
	border-bottom: 7px solid #e15908;
	background: url(images/bg-header.jpg);
}
.location-title {
	font-size: 1.875em;
	font-weight: 300;
	color: #82bc1a;
}
.location-content p {
	line-height: 1.5em;
	margin: 0;
	font-weight: 700;
}
.location-viewstaff {
	padding: .6em 0;
}
.location-viewstaff a {
	font-size: .875em;
	text-transform: uppercase;
}

/** events page */
.events-past {
	margin-bottom: 2em;
	border-bottom: 1px dotted #c8c8c8;
}
.events-past-sliders {
	margin: 0 0 2.5em 0;
	padding: 13px;
	border: 1px solid #e5e5e5;
}
.events-past-imgs,
.events-past-thumbs {
	position: relative;
}
.events-past-imgs {
	margin-bottom: 9px;
}
.events-past-thumbs .bxslider li a {
	display: block;
	padding: 13px;
	border: 1px solid #e5e5e5;
}
.events-past-thumbs .bxslider li.active a {
	border: 1px solid #7fb818;
}
.events-past-thumbs .bxslider img {
	width: 44px;
	height: 44px;
}
.events-past-sliders .slide-prev,
.events-past-sliders .slide-next {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.events-past-sliders .slide-prev {
	left: 0;
}
.events-past-sliders .slide-next {
	right: 0;
}
.events-past-sliders .slide-prev a.disabled,
.events-past-sliders .slide-next a.disabled {
	display: none;
}
.events-past-imgs .slide-prev .icon-angle-left,
.events-past-imgs .slide-next .icon-angle-right {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #d9d9d9;
	font-size: 1em;
	text-align: center;
}
.events-past-thumbs .slide-prev .icon-angle-left,
.events-past-thumbs .slide-next .icon-angle-right {
	display: block;
	width: 12px;
	height: 25px;
	line-height: 25px;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	color: #7fb818;
}
.events-past-captions {
	padding-left: 1em;
}
.event {
	margin-bottom: 2em;
}
.event-img {
	position: relative;
	margin-bottom: .5em;
}
.event-date {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: .5em .7em;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background: #e15908;
	text-align: center;
	color: #fff;
}
.event-date .event-day {
	font-size: 1.6875em;
	font-weight: 300;
}
.event-date .event-month {
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase;
}
.event-title {
	margin: 0 0 .8em 0;
	font-size: 1.125em;
	font-weight: 700;
}

/** contact form dialog */
.dialog {
	display: none;
	position: absolute;
	width: 300px;
	padding: 2em 1em 1em 1em;
	background: #333;
	z-index: 9999;
}


/** staff page */
.results {
	min-height: 18em;
}

.service-filter,
.location-filter {
	position: relative;
}

.service-filter {
	margin-bottom: 1em;
}

.filter__toggle {
	background-color: #b4d776;
	border: none;
	border-bottom: 3px solid #82bc1a;
	cursor: pointer;
	display: block;
	font: 300 0.875em/1em "Roboto", Arial, sans-serif;
	padding: 1em;
	text-align: left;
	transition: all 0.2s;
	z-index: 100;
}

.filter__toggle:hover,
.filter__toggle--location--active,
.filter__toggle--service--location {
	background-color: #82bc1a;
	color: #fff;
}

.filter__toggle--location {
	width: 14em;
}

.filter__toggle--service {
	width: 21.25em;
}

.filter__icon {
	color: #fff;
	float: right;
	transition: all 0.1s;
}

.filter__toggle:hover .filter__icon {
	transform: scale( 1.2, 1.2 );
	vertical-align: middle;
}

.filter__toggle--location--active .filter__icon,
.filter__toggle--service--active .filter__icon {
	transform: scale( 1.25, 1.25 ) rotate(180deg) !important;
}

.filter__list {
	border: 1px solid #ddd;
	border-bottom: 3px solid #82bc1a;
	border-radius: 3px;
	position: absolute;
	z-index: 1;
}

.filter {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #ddd;
	font: 400 0.8125em/1em "Roboto", Arial, sans-serif;
	padding: 1em;
	text-align: left;
	transition: all 0.2s;
	width: 100%;
}

.filter:hover,
.filter.active {
	background-color: #b4d776;
	color: #fff;
}

.filter.active {
	border-bottom: 2px solid #82bc1a;
}

.filter__count {
	color: #a8d04a;
	float: right;
	font-weight: 700;
}

.filter:hover .filter__count,
.filter.active .filter__count {
	color: #fff;
}

.staff-members {
	overflow: hidden;
}

.staff__location-name {
	color: #7fb818;
	font: 300 3.125em/1em "Roboto", Arial, sans-serif;
	margin-bottom: 0.6666em;
}

.location-list {
	list-style: none;
	transition: all 0.25s ease 0.2s;
}

.location-list--inactive {
	opacity: 0;
	transition: none;
}

.location--inactive {
	height: 1px;
	overflow: hidden;
	padding: 0 !important;
	visibility: hidden;
}

.filter-status {
	clear: both;
	display: block;
	text-align: center;
}

.filter-status--inactive {
	display: none;
}

.staff-member__content {
	background-color: #ECF4DD;
	padding: 1em 2em 1em 1em;
	position: relative;
}

.staff-member__name {
	font-weight: bold;
}

.staff-member__job-title {
	font-size: 0.9375em;
}

.staff-member__bio-toggle {
	background-color: transparent;
	border: none;
	color: #7FB819;
	font-size: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}



.location .bx-viewport {
	border: 1px solid #82bc1a;
}


.staff-modal {
	background-color: #fff;
	box-shadow: 2px 4px 5px rgba(0,0,0,0.25);
	width: 100%;
	max-width: 48em;
	max-height: 100%;
	overflow-y: auto;
	padding: 1em 3em 1em 1em;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transition: all 0.25s;
	z-index: 100000;
}

.staff-modal--inactive {
	opacity: 0;
	z-index: -1000;
}

.staff-modal__name {
	color: #82bc1a;
	font-size: 1.5em;
	font-weight: 700;
}

.staff-modal__image-block .staff-member__image {
	float: left;
	margin: 0 1em 1em 0;
}

.staff-modal__job-title {
	margin-bottom: 0.5em;
}

.staff-modal__close-button {
	background-color: transparent;
	border: none;
	position: absolute;
	top: 1em;
	right: 1em;
}

.mix {
	display: none;
	margin: 0 1% 1em;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.location-filter__list--inactive {
	display: none;
}

.service-filter__list--inactive {
	display: none;
}

/** global media queries */
@media screen and (min-width: 30em) { /* 480+px */
	.events-past-imgs .slide-prev .icon-angle-left,
	.events-past-imgs .slide-next .icon-angle-right {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 1.5em;
	}
}

@media screen and (min-width: 37.5em) { /* 600+px */
	.event-img,
	.event-content {
		float: left;
	}
	.event-img {
		width: 38.095% /* 400/1050 */;
		margin-bottom: 0;
	}
	.event-content {
		width: 61.905% /* 650/1050 */;
		padding-left: 1em;
	}

	.mix {
		width: 47.5%;
	}
}

@media screen and (min-width: 48em) { /* 768+px */
	.form-block > div {
		float: left;
		width: 47.436%;
	}
	.form-block div:first-child {
		margin: 0 5.128% 1em 0;
	}
	
	.header__narrow {
		display: none;
	}
	.header__wide {
		margin-top: 0;
	}

	.logo {
		float: left;
	}

	.crisis-contact--wide {
		display: block;
		float: right;
		margin-top: 1.5em;
		padding-right: 1em;
	}

	.menu {
		border-bottom: 2px solid #82bc1a;
		border-top: 2px solid #82bc1a;
		left: inherit;
		overflow: hidden;
		position: relative;
		right: inherit;
		top: inherit;
	}
	.menu__item {
		border: none;
		display: inline-block;
	}
	.menu__item a {
		font-size: 0.9375em;
		padding: 1.75em 0.875em;
	}
	
	.footer .footer-links {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
		right: 0;
		margin-bottom: 0;
	}
	
	.actions {
		margin-top: 4.5rem;
		margin-bottom: 4.5rem;
	}
	.action-item {
		display: inline-block;
		margin-left: 1%;
		width: 18.75%;
	}
	.action-item:first-child {
		margin-left: 0;
	}
	
	.location-img,
	.location-content {
		float: left;
	}
	.location-img {
		width: 55%;
		margin-right: 2%;
	}
	.location-content {
		width: 43%;
	}
	
	.events-past-sliders,
	.events-past-captions {
		float: left;
	}
	.events-past-sliders {
		width: 69.048% /* 725/1050 */;
	}
	.events-past-captions {
		width: 30.952% /* 325/1050 */;
	}
	
	.dialog {
		width: 450px;		
	}

	.service-filter,
	.location-filter {
		float: right;
	}

	.service-filter {
		margin-left: 1em;
	}
}

@media screen and (min-width: 57em){
	.aside__image {
		width: 62.5694%;
	}
	.aside__content {
		width: 37.4306%;
	}	
	.vision__image {
		float: left;
	}
	.aside__content--vision {
		float: right;
	}
	.who-we-are--image {
		float: right;
	}
	.aside__content--who-we-are {
		float: left;
	}
	.aside__title--who-we-are,
	.aside__text--who-we-are,
	.aside__content--who-we-are p {
		text-align: right;
	}
}

@media screen and (min-width: 60em){
	.actions {
		margin-top: 5.75rem;
		margin-bottom: 5.75rem;
	}

	.aside__content {
		padding: 2em 1em;
	}

	.mix {
		text-align: left;
		width: 22.5%;
	}
}

@media screen and (min-width: 70em){
	.actions {
		margin-top: 6.875rem;
		margin-bottom: 6.875rem;
	}

	.action-link {
		font-size: 1.25em;
		height: 7.25rem;
	}

	.welcome-title {
		font-size: 2.1875em;
	}
	.welcome-text {
		font-size: 1.125em;
	}

	.aside__content {
		padding: 3em 1.5em;
	}
	.aside__title {
		font-size: 2.875em;
	}
	.aside__text {
		font-size: 1em;
	}
}

@media screen and (min-width: 80em){
	.aside__content--who-we-are {
		padding: 4em 3.25em 4em 8em;
	}
	.aside__content--vision {
		padding: 4em 8em 4em 3.25em;
	}
}

@media screen and (min-width: 84em){
	.aside__text {
		margin-bottom: 3em;
	}
}

/***** Hide from both screenreaders and browsers: h5bp.com/u *****/
.hidden {
	display: none!important;
	visibility: hidden;
}

/***** Hide only visually, but have it available for screenreaders: h5bp.com/v *****/
.visuallyhidden {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;    
    padding: 0;
	border: none;
	clip: rect(0 0 0 0);    
}

/***** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p *****/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static;
	overflow: visible;
	width: auto;
	height: auto;
	margin: 0;
	clip: auto;   
}

/***** Hide visually and from screenreaders, but maintain layout *****/
.invisible {visibility: hidden;}

legend.frm_hidden,
.frm_ajax_loading {
	display: none;
}



