/*
Theme Name:		Outside In
Theme URI:		http://wordpress.org/
Description: 	Based on the 2010 theme for HTML 5, this theme is the base for a clean design with several columns and advanced wordpress options enabled.
Version: 		1.0
Author:			Allegheny Graphics Web Development, LLC.
Author URI:		http://alleghenygraphics.com/
*/

@import url('fonts/exo.css');
@import url('fonts/rokkitt.css');
@import url('fonts/fjallaone.css');

body {
	font: 70% sans-serif;
	color: #666666;
	background: #eaf2f5;
	min-width: 320px;
}

html, body {
	height: 100%;
}

/* Removes native margin and padding from ALL elements */
* {
	padding: 0;
	margin: 0;
}

/* HTML5 elements need display: block */
header,
nav,
section,
article,
aside,
figure,
footer {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}

blockquote {
	quotes: none;
	font-style: italic;
	padding: 0 3.0em;
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

blockquote:before,
blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}



/* =Global Elements
-------------------------------------------------------------- */

/* Text elements */
p,
dd,
pre,
ul,
ol {
	padding-bottom: 1.0em;
}
ul,
ol {
	margin-left: 1.5em;
}
ul.unbulleted {
	list-style: none;
	margin-left: 0;
}
ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: decimal;
}
ul ul,
ol ul,
ol ol,
ul ol {
	padding-bottom: 0;
}
dl {
	margin: 0 0 2.0em 0;
}
dt {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big,
.large {
	font-size: 1.3333em;
}
small,
.small {
	font-size: 0.75em;
}
h1, h3, h4, h5 {
	font-family: exoregular;
}
h1 {
	font-size: 5em;
	line-height: 0.7em;
}
h2 {
	font-family: rokkittregular, courier new, serif;
	text-transform: uppercase;
	font-size: 2.2em;
	line-height: 0.8;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.8em;
	font-weight: bold;
}
abbr,
acronym {
	border-bottom: 1px dotted #DEDEDE;
	cursor: help;
}

a {
	text-decoration: none;
	color: #3d738a;
}
a:hover {
	color: #ff722b;
}

/* Form Elements */

form {
	font-size: inherit;
}

input,
textarea {
	width: 100%;
	padding: 0.5em 1%;
	border: 1px solid #DEDEDE;
	margin: -1px 0;
	font: 1.5em/1.5em Arial, Helvetica, sans-serif;
	color: #787878;

	transition: border 0.5s;
	transition: background 0.5s;
}
input {
	/*height: 1.0em;*/
}
textarea {
	height: 8.0em;
	resize: none;
}

.formfield .fleft input {
	width: 94.32%;
	padding-left: 2.84%;
	padding-right: 2.84%;
}

.formfield .fright input {
	width: 82.94%;
	padding-left: 8.53%;
	padding-right: 8.53%;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

input[type="file"] {
	border: none;
	padding-left: 0;
	padding-right; 0;
}

select {
	width: 100%;
	border: 1px solid #DEDEDE;
	margin: -1px;
	font: 1.0em/1.0em Arial, Helvetica, sans-serif;
	color: #787878;

	transition: border 0.5s;
	transition: background 0.5s;
	transition: color 0.5s;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #CCC;
	background: #EFEFEF;
	outline: none;
	color: #666;

	transition: border 0.5s;
	transition: background 0.5s;
	transition: color 0.5s;
}

#employmentform input[type="submit"],
input[type="submit"] {
	font-size: 1.0em;
	background: #333;
	border: none;
	color: #FFF;
	font-size: 0;
	width: 60px;
	height: 60px;
	float: right;
	display: block;
	background: #ff722b url("images/rightarrow-icon.png") center center no-repeat;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #df4800;
	cursor: pointer;
}

#employmentform input,
#employmentform textarea,
#employmentform select {
	font-size: 1.0em;
}

#employmentform .small {
	font-size: 0.825em;
	font-weight: bold;
}

#employmentform input[type="radio"].tall {
	margin: 1.25em 0;
}

#employmentform input.radio-ex {
	width: 50%;
	display: inline-block;
	margin-left: 10px;
}

/* Table Elements */
table {
	border: 1px solid #DEDEDE;
	margin: 0 -1px 2.0em 0;
	text-align: left;
	width: 100%;
}
th,
td {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	text-align: center;
	padding: 0.5em;
}

th.left,
td.left {
	text-align: left;
}

th.right,
td.right {
	text-align: right;
}

th {
	background: #ABABAB;
	padding: 0.75em 0.5em;
	color: #FFF;
}

td {
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	background: #FFF;
}

.odd td {
	background: #EFEFEF;
}


/* Text meant only for screen readers */
.screen-reader-text,
.offscreen,
.contactfield {
	position: absolute;
	left: -9999em;
}

/* =generic class definitions
-------------------------------------------------------------- */
.clear {
	clear: both;
}

.text_r {
	text-align: right;
}

.text_l {
	text-align: left;
}

.text_c {
	text-align: center;
}

.half-col {
	width: 48.7684%;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.alignright {
	float: right;
	padding: 0.5em 0 0.5em 1.0em;
}

.alignleft {
	float: left;
	padding: 0.5em 1.0em 0.5em 0;
}

.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0.5em 0;
}

hr,
.divider {
	clear: both;
	border: 0;
	background-color: #DEDEDE;
	height: 1px;
	margin: 1.0em 0 2.0em;
}

.hrule {
	background: url('images/hrule-light.png') center center repeat-x;
	height: 1em;
}
.services-block .hrule {
	background-image: url('images/hrule.png');
}
#contact .hrule {
	background-image: url('images/hrule-dark.png');
}


#outpatient-quiz .results,
#outpatient-quiz > ul > li,
#outpatient-quiz > ul > li .answer,
#residential-quiz .results,
#residential-quiz li{
	display: none
}

#outpatient-quiz > ul > li:first-child,
#residential-quiz > ul > li:first-child {
	display:block;
}


.quiz h2 {
	font-size: 2.0em;
	font-family: exoregular;
	margin: 0 0 15px;
	text-transform: none;
}

.quiz > ul {
	margin: 0;
	list-style: none;
}
.quiz > ul,
.quiz .results {
	background: #cedadd;
	margin-bottom: 2.0em;
	min-height: 350px;
}

.quiz > ul > li,
.quiz .results {
	padding: 1.75em 2.25em;
	text-align: center;
}

.quiz ul p,
.quiz .answer ul {
	font-family: exomedium;
	font-size: 1.45em;
	line-height: 1.25em;
}

.quiz .answer p,
.quiz .answer ul {
	font-size: 1.15em;
	text-align: left;
}

.quiz button {
	display: inline-block;
	font-family: exomedium;
	font-size: 1.076923em;
	line-height: 2.7em;
	padding: 0 1.0em;
	margin: 0.5em 1.0em;
	text-decoration: none;
	border: none;
	border-radius: 0;
	background: #ff722b;
	color: #fff;
	outline: none;
}

.quiz button:hover {
	cursor: pointer;
	background: #719e3e;
}

.services-block .service-type {
	/*background: #cedadd;*/
}

.services-block .service-description, .services-block .service-item {

	background: #cedadd;
}
.services-block .service-description {
	padding: 10px;
	float: left;
	text-align: center;
	padding-top: 30px;
	height: 366px;
}
.services-block .service-list {
	float: right;
}
.services-block .service-description h3 {
	margin-bottom: 20px;
}

/*.services-block .outpatient-services .service-description {
	width: 60%;
}
.services-block .outpatient-services .service-list {
	width: 40%;
}*/

/*.services-block .residential-services .service-description */
.services-block .service-description {
	width: 42.8571429%;
}
/*.services-block .residential-services .service-list */
.services-block .service-list {
	width: 57.1428571%;
}

.services-block .service-list .service-item {
	height: 90px;
	margin-left: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.services-block .service-item a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	height: 100%;
	width: 100%;
	color: rgb(51,51,51);
	padding: 10px 100px 10px 10px;
}

.services-block .service-item .service-icon {
	height: 90px;
	width: 90px;
	position: absolute;
	top: 0;
	right: 0;
}

.services-block .countyletter {
	position: absolute;
	top: 0;
	right: 0;
}

.countyletter {
	background-color: orange;
	display: block;
	height: 90px;
	color: white;
	width: 90px;
	font-family: exoregular;
	font-size: 4em;
	line-height: 1.7em;
	text-align: center;
	
}

.service-icons2 {}

.service-icons2 .countyletter {
	height: 60px;
	width: 60px;
	font-size: 2.0em;
	line-height: 60px;
	display: inline-block;
}

.service-icons2 .countyletter.fayette-county {
	background-color: #212122;
}

.service-icons2 .countyletter.westmoreland-county {
	background-color: #ff722b;
}

.service-icon.cyan, option.cyan {
	background-color: #76a987;
	color: #fff;
}
.service-icon.green, option.green {
	background-color: #719e3e;
	color: #fff;
}
.service-icon.blue, option.blue {
	background-color: #3d738a;
	color: #fff;
}
.service-icon.darkgray, option.darkgray {
	background-color: #212122;
	color: #fff;
}
.service-icon.darkgreen, option.darkgreen {
	background-color: #293D18;
	color: #fff;
}
.service-icon.tan, option.tan {
	background-color: #C4B55E;
	color: #fff;
}

.services-block .service-title {
	font-family: exoregular;
	font-size: 1.5em;
}

.service-title.cyan {
	color: #76a987;
}
.service-title.green {
	color: #719e3e;
}
.service-title.blue {
	color: #3d738a;
}
.service-title.darkgray {
	color: #212122;
}
.service-title.darkgreen {
	color: #293D18;
}
.service-title.tan {
	color: #C4B55E;
}

/*county colors*/
.service-item.allegheny-county .countyletter {
	background-color: #203326;
}
.service-item.westmoreland-county .countyletter {
	background-color: #ff722b;
}
.service-item.fayette-county .countyletter {
	background-color: #212122;
}
.service-item.indiana-county .countyletter {
	background-color: #76a987;
}

.service-archive-item {
	width: 100%;
	float: left;
	clear: right;
}
.service-archive-item + .service-archive-item {
	border-top: none;
	padding-top: 0;
}

.service-archive-item .background {
	height: 278px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.service-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	color: white;
	height: 60px;
	overflow: hidden;
}

.service-caption .service-title {
	padding: 0.4em 120px 0 0.4em;
	font-size: 1.25em;
	line-height: 1.0em;
	font-family: exoregular;
	min-height: 53px;
}

.service-caption .excerpt {
	clear: left;
	padding: 0.50666em;
	font-size: 0.8666em;
	margin-bottom: 60px;
}

.service-caption .service-title.has-icon {
}

#content .service-title h3 {

}

.service-caption .service-icons {
	line-height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

.viewall {
	text-transform: uppercase;
	font-family: exomedium;
	font-size: 1.2em;
	color: #3d738a;
	text-decoration: none;
}

.hidden {
	display: none;
}

.frontpage-post-image {
	/*background-color: #fff;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.archive-post-image {
	width: 25%;
	padding-right: 30px;
	float: left;
}

.archive-post-image img {
	border-radius: 5px;
}

.archive-post {
	width: 100%;
	float: left;

}

.archive-post-image + .archive-post {
	width: 75%;
}

article {
	padding-bottom: 30px;
}

article + article {
	padding-top: 30px;
	border-top: solid 1px white;
}

article:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

.news > div {
	padding-bottom: 30px;
}

.bottomcenter {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
}

.page-intro {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #719e3e;
	font-size: 1.5em;
	line-height: 2em;
	font-style: italic;
}
.page-intro-placeholder {
	height: 30px;
}

.table {
	display: table;
	width: 100%;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
}

.title-with-hrule {
	width: 0;
	white-space: nowrap;
	padding-right: 15px;
}


/* =Icons
-------------------------------------------------------------- */
.icon,.icon-medium,.icon-large,.service-icon {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	backgorund-color: transparent;
	width: 20px;
	height: 20px;
}
.icon-medium {
	height: 40px;
	width: 40px;
}
.service-icon,.slide-icon {
	height: 60px;
	width: 60px;
}
.icon-large {
	height: 64px;
	width: 64px;
}
.downanglebracket.icon {
	background-image: url('images/downanglebracket-sm.png');
}
.plus.icon {
	background-image: url('images/plus-icon.png');
}
.search.icon {
	background-image: url('images/search-icon-green.png');
}
.twitter.icon {
	background-image: url('images/twitter-icon.png');
}
.facebook.icon {
	background-image: url('images/facebook-icon.png');
}
.downarrow.icon-medium {
	background-image: url('images/downarrow-icon.png');
}
.leftanglebracket.icon-medium {
	background-image: url('images/leftanglebracket-icon.png');
}
.rightanglebracket.icon-medium {
	background-image: url('images/rightanglebracket-icon.png');
}
.signpost.icon-medium {
	background-image: url('images/signpost-icon.png');
}
.rightarrow.icon-medium {
	background-image: url('images/rightarrow-icon.png');
}
.questionmark.icon-medium {
	background-image: url('images/questionmark-icon.png');
}
.tree.icon {
	background-image: url('images/tree-icon-sm.png');
}
.tree.icon-medium {
	background-image: url('images/tree-icon.png');
}
.tree.icon-large {
	background-image: url('images/tree-icon-lg.png');
}
.backpack.icon {
	background-image: url('images/backpack-icon-sm.png');
}
.backpack.icon-large {
	background-image: url('images/backpack-icon-lg.png');
}
.backpack.icon-medium {
	background-image: url('images/backpack-icon.png');
}
.book.icon {
	background-image: url('images/book-icon-sm.png');
}
.book.icon-medium {
	background-image: url('images/book-icon.png');
}
.book.icon-large {
	background-image: url('images/book-icon-lg.png');
}
.binoculars.icon {
	background-image: url('images/binoculars-icon-sm.png');
}
.binoculars.icon-medium {
	background-image: url('images/binoculars-icon.png');
}
.binoculars.icon-large {
	background-image: url('images/binoculars-icon-lg.png');
}


.hands1.icon {
	background-image: url('images/hands1-icon-sm.png');
}
.hands1.icon-medium {
	background-image: url('images/hands1-icon.png');
}
.hands1.icon-large {
	background-image: url('images/hands1-icon-lg.png');
}
.hands2.icon {
	background-image: url('images/hands2-icon-sm.png');
}
.hands2.icon-medium {
	background-image: url('images/hands2-icon.png');
}
.hands2.icon-large {
	background-image: url('images/hands2-icon-lg.png');
}
.heart.icon {
	background-image: url('images/heart-icon-sm.png');
}
.heart.icon-medium {
	background-image: url('images/heart-icon.png');
}
.heart.icon-large {
	background-image: url('images/heart-icon-lg.png');
}
.mountains.icon {
	background-image: url('images/mountains-icon-sm.png');
}
.mountains.icon-medium {
	background-image: url('images/mountains-icon.png');
}
.mountains.icon-large {
	background-image: url('images/mountains-icon-lg.png');
}
.sunset.icon {
	background-image: url('images/sunset-icon-sm.png');
}
.sunset.icon-medium {
	background-image: url('images/sunset-icon.png');
}
.sunset.icon-large {
	background-image: url('images/sunset-icon-lg.png');
}
.compass.icon {
	background-image: url('images/compass-icon-sm.png');
}
.compass.icon-medium {
	background-image: url('images/compass-icon.png');
}
.compass.icon-large {
	background-image: url('images/compass-icon-lg.png');
}



.contact.icon-medium {
	background-image: url('images/contact-icon.png');
}

/* = Page blocks
-------------------------------------------------------------- */
.services-block {
	background: #beced1;
	padding: 30px 0px 10px;
}

.news-block {
	padding: 45px 0;
	border-bottom: solid 90px #76a987;
}

.news-block article a,
.archive-post h3 a {
	color: #202021;
	text-decoration: none;
}
.news-block article {
	line-height: 1.25;
}
.news-block article h4 {
	padding-bottom: 20px;
}

#content article.post {
	font-size: 1.0666em;
	word-wrap: break-word;
}

#content .archive-post h3 {
	padding-bottom: 0.1em;
}

.single-service article.post {
	font-size: 1.2em;
	line-height: 2.0em;
}

.block-header {
	margin-bottom: 30px;
}

article.post {
	line-height: 2.0em !important;
}

/* =generic form definitions
-------------------------------------------------------------- */
.sticky { }

.abstract {
	font-size: 1.35em;
	font-weight: bold;
}

.required {
	/*color: #900;*/
}

#error {
	border: 1px solid #CC0000;
	color: #CC0000;
	padding: 1.0em 1.0em 0;
	margin: 1.5em 0;
	border-radius: 0.5em;
}


.error input[type="checkbox"],
.error input[type="file"],
.error input[type="text"],
.error textarea {
	border: 1px solid #CC0000;
	box-shadow: 0 0 7px 1px rgba(204,0,0,.35);
}

.error input[type="file"] {
	padding-left: 1.0em;
	padding-right: 1.0em;
}

.success {
	border: 1px solid #006600;
	color: #006600;
	padding: 1.0em 1.0em 0;
	margin: 1.5em 0;
	border-radius: 0.5em;
}

.formfield {
	padding: .5em 0 1.0em;
}

.formfield .fleft {
	width: 71.2125%;
}

.formfield .fright {
	width: 23.7375%;
}

label {
	font-weight: bold;
	display: block;
	line-height: 1.5em;
	font-size: 14px;
	padding-bottom: 0.2em;
}

label.required:after {
	content: "*";
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	font-weight: normal;
	padding: 0.333em;
	line-height: 1.0em;
}

/* =Layout
-------------------------------------------------------------- */

#container {
	padding: 45px 0;
}
#container.front-page-template {
	padding: 0;
}
/*
#content_holder {
	float: left;
	width: 74.3842%;
}
#content {
	float: right;
	width: 65.5629%;
}
#sidebar-left {
	float: left;
	width: 31.1258%;
}
#sidebar-right {
	float: right;
	width: 23.1527%;
}

*/

.push {
	height: 12.0em;
}


/* =Fonts
-------------------------------------------------------------- */
pre,
code,
#respond .form-allowed-tags {
	font-family: Courier, monospace;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
.wrapper {
	position: relative;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	max-width: 1400px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

footer .wrapper {
	margin: 0 auto;
}

/* =Basic 12-column Grid System
-------------------------------------------------------------- */
.grid [class*='col-'] {
	padding-right: 30px;
	min-height: 1px;
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
}
.grid [class*='col-']:last-of-type {
	padding-right: 0;
}
.grid [class*='col-']:first-of-type {
	margin-left: 0;
}
.grid.v-middle [class*='col-'] {
	vertical-align: middle;
}
.grid:after {
	content: "";
	display: table;
	clear: both;
}
.grid:after, .grid:before, .grid *, .grid *:after, .grid *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-one {
	width: 8.3333%;
}
.col-two {
	width: 16.6666%;
}
.col-three, .col-quarter {
	width: 25%;
}
.col-four, .col-third {
	width: 33.3333%;
}
.col-five {
	width: 41.6666%;
}
.col-six, .col-half {
	width: 50%;
}
.col-seven {
	width: 58.3333%;
}
.col-eight, .col-twothird {
	width: 66.6666%;
}
.col-nine, .col-threequarter {
	width: 75%;
}
.col-ten {
	width: 83.3333%;
}
.col-eleven {
	width: 91.6666%
}
.col-twelve, .col-full {
	width: 100%;
}

/* =Header
-------------------------------------------------------------- */

header {

}
#masthead {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	/*background: #203326;*/
}

#masthead.white-bg:before {
	content:'';
	clear:both;
	position: absolute;
	bottom: -120px;
	left:0;
	width:100%;
	height: 25px;
	background: rgba(255,255,255,.85);
}

.header-section {
	padding: 47px 0px 10px;
	height: 38px;
	/* background: #203326; */
	background: #fff;
}

.admin-bar .header-section {
	padding-top: 83px;
}

#header-left {
	position: absolute;
	left: 0;
	width: 250px;
}
#header-center {
	position: absolute;
	left: 240px;
	right: 0;
	padding-right: 133px;
	text-align: left;
}
#header-right-top {
	position: absolute;
	right: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 40px;
	text-align: right;
	background: none;
}
#header-right-bottom {
	position: absolute;
	top: 40px;
	right: 0;
	padding-top: 0;
	height: 45px;
	text-align: right;
	background: none;
}
.admin-bar #header-right,
.admin-bar #header-top {
	padding-top: 36px;
}

#logo {

}

#logo img {
	position: relative;
	left: 10px;
	/* top: -7px; */
	top: -43px; 
	display: block;
	width: 220px;
	/*margin-right: 42px;*/
}

#logo a {
	display: block;
}

#logo-subtitle {
	display: block;
	width: 107px;
	margin: 19px 0 0 148px;
	padding: 5px;
}

#logo-subtitle img {
	position: relative;
/*	top: 24px;
	left: 148px;*/
	top: 0;
	left: 0;
}

header .anythingSlider {
	margin: 0;
}
header .slide-content {
	top: 50%;
}
header .anythingSlider h1 {
	background: rgba(0,0,0,0.7);
	padding: 30px 30px 20px 20px;
	font-size: 6em;
	line-height: 0.8em;
}
header .anythingSlider .panel {
	max-height: 825px;
	overflow: hidden;
}
header .anythingSlider-default .back a,
header .anythingSlider-default .forward a {
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	opacity: 0.4;
	transition: opacity 0.5s, width 0.5s;
}
header .anythingSlider-default .back a:hover,
header .anythingSlider-default .forward a:hover {
	width: 65px;
	opacity: 0.8;
}
header .anythingSlider-default .arrow {
	margin-left: 0;
	margin-right: 0;
	width: auto;
	height: auto;
}
header .anythingSlider-default .back a {
	border: none;
	background-image: url('images/leftanglebracket-icon.png');
}
header .anythingSlider-default .forward a {
	border: none;
	background-image: url('images/rightanglebracket-icon.png');
}

.slide-title {

}

.slide-subsection {
	background: #203326;
	position: relative;
}

.slide-subtitle {
	font-family: 'fjallaoneregular';
	text-transform: uppercase;
	padding: 17px 180px 17px 20px;
	font-size: 1.55em;
	line-height: 26px;
	height: 26px;
}
.slide-subtitle p {
	padding-bottom: 0;
}
.page-template-default .slide-subtitle {
	height: auto;
	padding: 17px 20px;
}
.page-template-default .slide-subtitle p + p {
	padding-top: 1.0em;
}
.slide-icons {
	position: absolute;
	right: 0;
	top: 0;
}
.service-icon {
	background-color: #719e3e;
	/*position: absolute;
	right: 60px;
	top: 0;*/
}
.slide-icon {
	/*position: absolute;
	right: 120px;
	top: 0;*/
}

.learnmore {
	/*position: absolute;
	right: 0;
	top: 0;*/
	background-color: #ff722b;
	height: 60px;
	width: 60px;
	display: inline-block !important;
	transition: background 0.5s;
}
.learnmore:hover {
	background-color: #df4800;
}

.header-image {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 245px;
	border-bottom: solid 5px #5f6768;
	position: relative;
}

.header-image h1 {
	background: rgba(0,0,0,0.7);
	display: inline-block;
	padding: 0.3em 1em 0.2em;
	color: white;
}

header .anythingWindow {
	border-bottom: solid 5px #5f6768;
}

nav #header-menu li.donate a {
	background: #ff722b;
}
nav #header-menu li.donate a:hover {
	color: #fff;
	background: #719e3e;
}

section.content {
	padding: 30px 0;
	font-size: 1.1em;
	line-height: 1.5em;
}

/* =Search Form
-------------------------------------------------------------- */

#searchform { }

	#searchform input {
		width: 20em;
		float: left;
		height: 50px;
	}

	#searchform #searchsubmit {
		width: auto;
		margin-left: 0.5em;
		height: 50px;
		width: 50px;
	}

header #searchform input[type="text"] {
	width: 187px;
	height: 32px;
	padding: 0 8px;
	font-size: 1em;
	border: 0;
	margin: 0;
}
header #searchform #searchsubmit {
	width: 32px;
	height: 32px;
	margin: 0;
	background-image: url('images/rightarrow-icon-sm.png');
}

header #searchform {
	position: absolute;
	width: 245px;
	background: #203326;
	right: 0;
	top: 20px;
	padding: 10px 0px 10px 10px;
	display: none;
}

#searchanchor {
	position: relative;
	margin-right: 6px;
}

/* =Contact Form
-------------------------------------------------------------- */

#contact {
	background: url('images/map-bg.jpg') center center;
	color: #fff;
}

#contact .color-overlay {
	padding: 45px 0;
	background: #203326;
	background: rgba(32,51,38,0.9);
}

#contact .textwidget {
	font-size: 1.4em;
	color: #ccc;
}

#contact .crisis {
	color: #ff722b;
	font-weight: bold;
}


/* = General Menus
-------------------------------------------------------------- */
nav ul {
	margin: 0;
	padding: 0;
}

nav li {
	list-style: none;
	float: left;
	position: relative;
}

/* = Social Menu
-------------------------------------------------------------- */
nav#socialAccess { }

nav #social-menu li {
	padding: 0 0 0 0.5em;
}

nav #social-menu li:first-child {
	padding: 0;
}

nav #social-menu a {
	width: 32px;
	height: 32px;
	display: inline-block;
	background: teal;
	text-indent: -9999em;

	transition: opacity 0.5s;
}

nav #social-menu .facebook a {
	background: #3B5998;
}

nav #social-menu .twitter a {
	background: #00ACED;
}

nav #social-menu a:hover {
	opacity: 0.5;
	filter:alpha(opacity=50);

	transition: opacity 0.5s;
}

.crisis-contact {
	display: inline-block;
	padding: 10px 50px 0 0;
	white-space: nowrap;
}
.admin-bar .crisis-contact {
	top: 28px;
}

.crisis-contact a {
	text-decoration: none;
	color: #ff722b;
	font-family: exomedium;
	font-size: 1.3em;
}

.crisis-contact a .icon-medium {
	vertical-align: top;
	background-color: #ff722b;
	position: relative;
	top: -10px;
	margin-left: 10px;
}

.social-icons {
	padding: 10px 50px 0 0;
	white-space: nowrap;
}

/* = Header Menu
-------------------------------------------------------------- */
nav#topAccess, #mobile-menu-button {
	font-family: exomedium;
	font-size: 1.6em;
	display:inline-block;
	vertical-align: bottom;
	margin-left: 1em;
}

#mobile-menu-button {
	position: relative;
	display: none;
	text-align: left;
	/* color: #fff; */
	line-height: 2.7em;
	padding: 0 20px 0 1.0em;
	background: url('images/downanglebracket-sm.png') 96% center no-repeat;
}


nav #header-menu li {  }

nav #header-menu a {
	/* color: #fff; */
	color: #203326; 
	display: block;
	line-height: 2.7em;
	padding: 0 1.0em;
	text-decoration: none;
}

nav #header-menu ul {
	display: none;
	position: absolute;
	top: 2.6em;
	left: 0;
	width: 18.0em;
	z-index: 100;
	/* background: #203326; */
	background: #fff; 
}

nav #header-menu ul li {
	min-width: 18.0em;
	text-align: left;
}

nav #header-menu ul ul {
	position: relative;
	top: 0;
}

nav #header-menu ul a {
	/*background: #333;*/
	line-height: 1.0em;
	padding: 1.0em;
	height: auto;
}

nav #header-menu li:hover > a {
	/*background: #333;*/
	color: #76a987;
}

nav #header-menu ul :hover a {

}

nav #header-menu li:hover ul {
	display: block;
}

/*
nav #header-menu li[class*="current"] a {
	color: #fff;
}
*/

nav #header-menu > li > ul > li.menu-item-has-children > a {
	font-family: 'fjallaoneregular';
	text-transform: uppercase;
	color: #76a987;
}
nav #header-menu > li > ul > li.menu-item-has-children + li {
	border-top: solid 1px #76a987;
}

nav #header-menu > li.menu-item-has-children > a {
	padding-right: 20px;
}

nav #header-menu > li.menu-item-has-children > a:after {
	content: '';
	position: absolute;
	top: 21px;
	right: 4px;
	width: 12px;
	height: 6px;
	background: url('images/downanglebracket-sm.png') 96% center no-repeat;
}

nav #header-menu > li.current-menu-ancestor > a,
nav #header-menu li.current-menu-item > a {
	color: #ff722b;
}

nav #header-menu ul ul a {
	font-size: 0.9em;
	padding-top: 0;
}



/* = Side Menu
-------------------------------------------------------------- */
nav.sidebarAccess {
	padding: 1em 0;
}

nav.sidebarAccess ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.sidebarAccess li {
	float: none;
}

nav.sidebarAccess a {
	color: #3d738a;
	display: block;
	text-decoration: none;
	padding: 1em 0;
	font-family: exomedium;
	font-size: 1.3em;
}

nav.sidebarAccess a:hover {
	/*background: #000000;*/
}

nav.sidebarAccess ul { }

nav.sidebarAccess ul li { }

nav.sidebarAccess ul ul { }

nav.sidebarAccess ul a {
	/*padding-left: 3.5em;*/
}

nav.sidebarAccess li .current-menu-item > a {
	color: #F63;
}

.sidebar .service-title {
	font-family: exomedium;
	font-weight: bold;
}

.sidebar .countyletter,
.sidebar .service-icon {
	font-weight: regular;
	height: 45px;
	width: 45px;
	font-size: 2em;
	line-height: 1.7em;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 1px;
}

.sidebar .service-item span {
	display: inline-block;
	vertical-align: middle;
}

.sidebar .service-list {
	padding: 2em 0;
}

/* = Footer Menu
-------------------------------------------------------------- */
nav.footerAccess {
	float: left;
}

nav #footer-menu li {
	padding: 0 0 0 1.0em;
}

nav #footer-menu li:first-child {
	padding: 0;
}

nav #footer-menu a {
	text-decoration: none;
	color: white;
}

nav #footer-menu a:hover {
	color: #999;
}

nav.footerAccess .separator {
	padding-left: 1em;
}

.menu-item-last .separator, .current-menu-item-last .separator {
	display: none;
}

/* =Footer
-------------------------------------------------------------- */
/* Structure the footer area */
footer {
	clear: both;
	width: 100%;
	min-height: 10.0em;
	padding: 2em 0 2.0em;
	border-top: solid 5px #141a15;
	background: #212122;
	color: white;
	font-family: exoregular;
	font-size: 1.3em;
}

footer a {
	color: white;
}

footer a:hover {
	color: #999;
}

#footer-widget-area {
	overflow: hidden;
}

#footer-widget-area .widget-area {
	float: left;
	margin-right: 2.0em;
}

footer .widget-container {
	float: right;
	text-align: right;
}

footer .copyright {
	float: right;
	text-align: right;
}

.footer-logos {
	clear: both;
	padding: 1.5em 0 0.5em;
}

.footer-logos a {
	float: right;
}

.footer-logos a:first-child {
	float: left;
	padding-top: 10px;
}

.footer-logos a,
.footer-logos a img { 
	display: block;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	position: relative;
	/*padding: 5.0em 0 3.5em 0;*/
	font-size: 1.2em;
	line-height: 1.333em;
	color: #333;
}
.meta-info {
	padding: 1.0em 0;
	margin: 1.0em 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.meta-details {
	padding: 1.0em 0;
	margin: 1.0em 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.details-prep {
	display: inline;
	font-weight: bold;
}

.details-prep:after {
	content: ':';
}

.meta-details ul {
	display: inline;
	padding: 0;
	margin: 0;
}

.meta-details li {
	display: inline;
}
.meta-details li:before {
	content: ', ';
}
.meta-details li:first-child:before {
	content: '';
}

#meta-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#meta-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#meta-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#meta-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
#main .video-player {
	padding: 0;
}

/* =Gallery listing
-------------------------------------------------------------- */

.gallery {
	margin: 0 auto 1.0em;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery .gallery-caption { }

.gallery img {
	border: 1px solid #DEDEDE;
	padding: 0.5em;
	margin: -1px;
	background: #EEEEEE;
}

.gallery br+br {
	display: none;
}

/* =Images
-------------------------------------------------------------- */

#content img {
	width: auto;
	max-width: 100%;
	height: auto;
}

#content .attachment img { }

#content h2, #content h3 {
	padding-bottom: 0.75em;
}
#content p + h2, #content p + h3 {
	padding-top: 1em;
}

#main .wp-smiley {
	margin: 0;
}

#main .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation { }
.navigation a {
	text-decoration: none;
}
.navigation a:hover {
	color: #3C3;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above, .nav-above {
	font-family: exomedium;
	margin: 0 0 1.0em 0;
}
#nav-below, .nav-below {
	font-family: exomedium;
	margin: 1.0em 0 0 0;
}
.nav-next .arrow, .nav-previous .arrow {
	font-size: 1.3em;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 1.5em 0;
}
.commentlist {
	list-style: none;
	margin: 2.0em 0;
}
.commentlist li.comment {
	margin: 2.0em 0 0 0;
	padding: 0;
	position: relative;
}
.commentlist li.comment.depth-1:first-child {
	border-top: 0;
	margin: 0;
}
.commentlist li:last-child {
	border-bottom: none;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 1.5em;
}
#comments .comment-body p:last-child {
	padding-bottom: 0;
}

.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 1.25em;
	left: 1.25em;
}
.comment-author {
/*	padding-top: 0.5em; only use if showing avatars*/
}
.comment-author,
.comment-meta {
/*	padding-left: 50px; only use if showing avatars*/
}
.comment-author cite {
	font-style: normal;
	color: rgb(61, 115, 138);
}
#comments .reply {
	font-size: 0.8em;
}
.comment-meta {
	font-size: 0.75em;
	padding-bottom: 1.25em;
}
.commentlist .children {
	list-style: none;
	margin-left: 3.5em;
}

.commentlist li > div[id*="comment"] {
	padding: 1.25em;
	background: #beced1;
	margin: 1px;
}

.nopassword,
.nocomments {
	display: none;
}

/* Comments form */
#respond {
	position: relative;
}

.commentlist li > div[id*="comment"] + #respond {
	margin-top: 2.0em;
}

#respond #commentform {
	padding-bottom: 2.5em;
}

.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 4.0em 0 0;
}
#comments-list #respond {
	margin: 0 0 1.5em 0;
}
#comments-list ul #respond {
	margin: 0;
}
#respond .form-allowed-tags {
	float: left;
	color: #666;
	font-size: 0.75em;
	line-height: 1.5em;
	width:65%;
	float:left;
}

#respond .form-allowed-tags code {
	font-size: 1.0em;
}

#respond input[type="submit"] {
	padding-left: 1.0em;
	padding-right: 1.0em;
}

#respond .formfield {
	padding: 0;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 1.0em 0;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar thead { }

#wp-calendar thead th { }

#wp-calendar tbody { }

#wp-calendar tbody td {
	background: #EEEEEE;
	border: 1px solid #DEDEDE;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* =Responsive Styles
-------------------------------------------------------------- */

@media screen and (max-width: 1230px) {
	header .anythingSlider h1 {
		font-size: 4.5em;
	}
	.slide-subtitle {
		font-size: 1.3em;
		line-height: 17px;
	}

	nav#topAccess {
		font-size: 1.4em;
	}

	nav #header-menu a {
		line-height: 3.05em;
		padding: 0px 0.4em;
	}
	nav #header-menu > li.menu-item-has-children > a {
		background-position: 90% center;
	}
}

@media screen and (max-width: 1218px) {
	.wrapper {
		//background: red;
	}
	
	.countyletter,
	.services-block .service-item .service-icon	{
		height: 80px;
		width: 80px;
		font-size: 4em;
		line-height: 1.5em;
	}
	.services-block .service-list .service-item {
		height: 80px;
	}
	.services-block .service-item a {
		padding: 4px 90px 4px 4px;
	}
	.services-block .service-description {
		height: 326px;
	}
}

@media screen and (max-width: 1160px) {
	.wrapper {
		//background: salmon;
	}
}

@media screen and (max-width: 1075px) {
	nav #header-menu > li.menu-item-has-children > a {
		background: none;
		padding-right: 0.4em;
	}
	nav #header-menu > li.menu-item-has-children > a:after {
		display: none;
	}
}

@media screen and (max-width: 1040px) {
	.wrapper {
		//background: orange;
	}
	.services-block .service-type {
		display: block;
		width: 100%;
		padding-right: 0;
		margin-left: 0;
	}
	.crisis-contact {
		padding-right: 0;
	}
	.social-icons {
		padding-right: 10px;
	}
	#logo img {
		left: 10px;
		/* top: 0px;  */
		top: -36px; 
		width: 190px; 
	}
	#logo-subtitle {
		margin-left: 117px;
	}
	#logo-subtitle img {
		left: 0;
	}
	#header-left {
		width: 230px;
	}
	#header-center {
		left: 210px;
		padding-right: 83px;
	}
}

@media screen and (max-width: 950px) {
	nav#topAccess {
		font-size: 1.2em;
	}
	nav #header-menu a {
		line-height: 3.5em;
		padding: 0px 0.4em;
	}
}

@media screen and (max-width: 920px) {
	.wrapper {
		//background: pink;
	}
	#logo img {
		/* top: 13px; */
		top: -18px; 
		width: 140px;
		height: auto;
		
	}
	#logo-subtitle {
		margin-left: 58px;
		margin-top: 27px;
	}
	#logo-subtitle img {
		width: auto;
		top: 0;
	}
	#header-left {
		width: 160px;
	}
	#header-center {
		left: 154px;
	}
	header .slide-content {
		top: 36%;
	}
	.anythingSlider-default .arrow {
		top: auto !important;
		bottom: 5px;
	}
	/*hacky, but quick*/
	.slide-content .col-three {
		display: none;
	}
	.slide-content .col-six {
		width: 100%;
	}
	header .anythingSlider-default .back a, header .anythingSlider-default .forward a {
        height: 40px;
		width: 40px;
	}
	header .anythingSlider-default .back a:hover, header .anythingSlider-default .forward a:hover {
		width: 45px;
    }
}

@media screen and (max-width: 800px) {
	.wrapper {
		//background: yellow;
	}

	header .anythingSlider h1 {
		font-size: 3em;
		padding: 15px 10px 10px;
	}

	.slide-subsection {
		background:none;
	}

	.slide-subtitle,
	.slide-icons .signpost {
		display: none;
	}


	.slide-subsection {
		background: #203326;
	}

	.page-template-default .slide-subtitle {
		display: block;
		font-family: exomedium;
		font-size: 1.2em;
		text-transform: none;
	}

	.grid [class*="col-"] {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.grid [class*="col-"]:after {
		content: "";
		display: table;
		clear: both;
	}
	.grid [class*="col-"].has-hrule {
		text-align: center;
	}
	.grid [class*="col-"].hrule {
		display: none;
	}
	
	#mobile-menu-button {
		display: inline-block;
	}	
	nav#topAccess {
		display: none;
		/* background: #203326; */
		background: #fff; 
		width: 15em;
		min-width: 15em;
		font-size: 1.5em;
		position: absolute;
	}
	nav#topAccess ul > li > a {
		padding-left: 1em;
	}
	nav#topAccess li {
		float: none;
	}
	nav #header-menu li:hover ul {
		display: none;
	}
	nav #header-menu ul {
		position: static;
		width: 100%;
	}
	nav #header-menu ul li {
		min-width: 15em;
	}
	nav #header-menu a {
		line-height: 2.5em;
	}
	nav #header-menu > li.menu-item-has-children > a {
		padding-right: 20px;
		background: url('images/downanglebracket-sm.png') 94% center no-repeat;
	}
	
	.services-block [class*="-services"] .service-list {
		float: none;
		width: 100%;
	}
	
	.services-block [class*="-services"] .service-description	{
		width: 100%;
		height: auto;
		float: none;
	}
	
	.services-block .service-list .service-item {
		margin: 1px 0 1px 0;
	}

	.single-service #container .col-three {
		margin-bottom: 2.0em;
	}
	
	nav.footerAccess,
	footer .copyright {
		float: none;
		text-align: center;
	
	}
	footer .copyright {
		margin-top: 10px;
	}
	footer nav li {
		float: none;
		display: inline-block;
	}

	.quiz + .quiz {
		margin-top: 45px;
	}
.frontpage-post-image {
	margin-bottom: 30px;
}
}

@media screen and (max-width: 680px) {
	.wrapper {
		//background: lime;
	}
	.slide-subtitle {
		padding: 20px 14px;
		font-size: 1.4em;
	}
}


@media screen and (max-width: 560px) {
	.wrapper {
		//background: green;
	}

	header .anythingSlider h1 {
		font-size: 2em;
	}
	.page-template-default .slide-subtitle {
		display: none;
	}

	.header-image h1 {
		font-size: 3.5em;
	}

	.commentlist .children {
		margin-left: 1.5em;
	}
	
	.service-archive-item {
		width: 100%;
		float: none;
		padding: 0;
	}
	.slide-icon {
		display: none;
	}
	.anythingSlider .panel {
		min-height: 312px !important;
	}
}

@media screen and (max-width: 440px) {
	.wrapper {
		//background: blue;
	}
	.crisis-contact {
		padding-right: 5px;
		font-size: 0.8em;
	}
	.crisis-contact .downarrow {
		display: none;
	}
	#masthead.white-bg:before {
		display: none;
	}
	#logo img {
		top: -16px;
	}
	#logo-subtitle {
		display: none;
	}
	.header-section {
        height: 6px;
	}
	#header-right-bottom {
		top: 22px;
	}
	header #searchform {
		right: -20px;
		top: 22px;
	}
	#mobile-menu-button {
		line-height: 1.2;
		margin-top: -11px;
		display: block;
		width: 3.4em;
		margin-left: 0px;
		padding: 0 0 0 0.4em;
		font-size: 1.4em;
	}
	nav#topAccess {
		right: 1em;
	}
}

@media screen and (max-width: 320px) {
	.wrapper {
		//background: navy;
	}

	.commentlist .children {
		margin-left: 0.5em;
	}
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
/* Prevent these devices from automatically adjusting the text size */
body {
    -webkit-text-size-adjust: 100%;
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	.wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	header {
		display: none !important;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#main {
		display: inline;
	}
}

/* A message for users with JavaScript turned off */
noscript strong {
	display: block;
	font-size: 18px;
	line-height: 1.5em;
	padding: 5px 0;
	background-color: #ccc;
	color: #a00;
	text-align: center;
}

/****************************************/

/* Where we're reassigning div's to HTML5 elements we */
/* need to copy across their CSS styles like so... */

#content figure {
	border: 1px solid #DEDEDE;
	background: #EEEEEE;
	margin: -1px -1px 1.5em;
	padding: 0.5em;
	text-align: center;
}
#content figure img {
	margin: 0.5em 0.5em;
}
#content figure figcaption {
	margin: 0.5em;
}

form:after,
nav ul:after,
#main:after,
.wrapper:after,
footer:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.col-twelve.spacer {
	height: 60px;
}