/*
Theme Name: Catalyst
Author: sprclldr
Author URI: http://sprclldr.com/

*/

.right, .alignright { float: right; }
.left, .alignleft { float: left; }
.aligncenter { margin: 0 auto; display:block; }
.clear { clear: both; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 */


* {margin:0; padding:0;}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden;}

html, button, input, select, textarea { font-family: sans-serif; color: #6a737b; }

body {margin: 0; font-size: 16px; line-height: 1.4; font-family: "myriad-pro", sans-serif; font-weight: 300; text-rendering: optimizeLegibility; color: #231f20;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links done
   ========================================================================== */

a { 
text-decoration: none; font-weight: 400; color:#f99d31;}
a:visited { color:#f99d31; }
a:hover { color: #f99d31; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography done
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn, em { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/*
================================================================================
 *
 Primary styles
 *
================================================================================
 */

/* =============================================================================
   Setup
   ========================================================================== */

p {color: #231f20;}
h1, h2, h3, h4, h5, h6 {font-family: "myriad-pro", sans-serif; font-weight: 300;}
blockquote p:before {}
blockquote p:after {}

/* =============================================================================
   Global
   ========================================================================== */
#wrapper {margin: 0 auto; /* background: url(/wp-content/themes/catalyst/img/background.jpg) no-repeat; */}
[class^="icon-"], [class*=" icon-"] {width:auto !important;}


/* =============================================================================
   Header
   ========================================================================== */

.header-wrapper {margin-bottom: 12px; text-align: center; font-family: "myriad-pro", sans-serif;  text-transform: uppercase; font-size: .75em;}   
.header {height: auto; position: relative;}   
.home .header {background: none;}
.logo {width:219px; height:65px; margin: 0 auto; padding:15px 0; display: block;}
.logo img {width: auto; max-width: 331px; height: auto;}
   
/* =============================================================================
   Main Nav
   ========================================================================== */
 
#nav.menu-main-menu-container {
	width: 100%; 
	float:left; 
	display: none;
	}
	 
ul#menu-main-menu {
	text-align: center;
	}
	
#nav ul {list-style-type: none; display: block;}

#nav ul, .client-login {
	font-family: "myriad-pro", sans-serif; 
	font-size: 0.938em; 
	color: #999; 
	letter-spacing: 1px;  
	margin: 10px auto;
	}

.client-login {text-align: center; display: block; padding: 5px 0; border: 1px solid #f99d32;  margin: 0 auto;} 

#nav ul li {
	padding-bottom:20px; 
	display: block; 
	position: relative;
	}

#nav ul li a {
	padding: 0 15px;
	margin: 0 auto;
	display: block; 
	color: #999; 
	text-decoration: none; 
	font-weight:400; 
	letter-spacing: 0.2em; 
	font-size: 1.15em; 
	line-height: 1.2em;
	}

#nav ul li ul {display: none;}
#nav ul li:hover ul {display: block;}

#nav ul li ul.sub-menu {
	position: absolute; 
	text-align: left !important; 
	background-color: #fff; 
	z-index: 5; 
	border: 1px solid #6a737b; 
	font-size: 90%;
	}

#nav ul li ul.sub-menu:before {
	width: 35px; 
	height: 18px; 
	content: ""; 
	display: block; 
	position: absolute; 
	background: url('/wp-content/themes/catalyst/img/triangle.png') no-repeat; 
	top: -17px; 
	left: 8px; 
	z-index: 6;
	}

#nav ul li ul.sub-menu li {
	margin: 0;
	}

#nav ul li li{padding-bottom:0;}
#nav ul li li a{font-size: 1.1em; padding:5px 15px;}
#nav li.current-page-parent > a {color: #f99d32;}
#nav li.current-menu-item li a {color: #666;}


#menu-trigger, a.client-login {width:35%; padding:7px 11px; margin-bottom:11px; margin-left:5%; display: block; cursor: pointer; font-weight: 400; color:#666; float: left; font-size: 1.1em;
letter-spacing: 2px;border: 1px solid #f99d32; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.login-contact {clear:left;}
  
.contact {width:50%; display: block; padding:0; margin: 20px auto 0; font-family: "myriad-pro", sans-serif; color: #999; font-weight: bold; text-transform: uppercase; font-size: 0.5em; color: #6a737b; font-size: 1em; margin:0 auto; clear:left;}
.email {border-right: 1px solid #6a737b; padding-right: 5px;;}
.email, .phone {float: left;}
.phone {padding-left: 5px;}

/* =============================================================================
   Homepage
   ========================================================================== */


.bucket-wrapper, .bucket-wrapper-2  {
	font-size: 1em; 
	font-family: "myriad-pro", sans-serif;
}

.bucket-wrapper #bucket-1 ul#menu-your-needs li, .bucket-wrapper #bucket-2 ul#menu-why-us li {
	font-size: 1.3em;
}
	
.bucket-wrapper {height: auto; margin-bottom: 0; position: relative;}
.bucket-wrapper .menu {padding: 0 15px; padding-top: 10px; margin: 0 auto; font-size: 1.10em;}
.bucket-wrapper li {margin: 0 0 0 15px; text-indent: -15px;color:#6a737b; list-style-type: none; }
.bucket-wrapper li:before {
   content: "\2022";
   font-size: 100%;
   padding-right: 10px;
   position: relative;
   top:-1px;
}
/* .bucket-wrapper ul ul li {margin-left: 125px;} */

div.bucket-1, div.bucket-2 {width: 100%; background-color: #f7f9f9; float: left; margin: 0 auto; padding-bottom: 25px; position: relative;}
div.bucket-2 {display: none;}
.bucket-1 a, .bucket-2 a{ color:#231f20; font-weight: 300; }
.bucket-1 a:hover, .bucket-2 a:hover{ color:#f99d31; font-weight: 300;}
.bucket-toggle-buttons h4.title.active { background: #f99d31; color:white;}
.bucket-toggle-buttons h4 {cursor: pointer}

.bucket-wrapper h4.title-left,.bucket-wrapper h4.title-right {margin:0; padding:5px 0 10px; float: left; background: #f7f9f9; color:#231f20; width: 50%; font-size: 1.85em; line-height: 1;}
.bucket-wrapper-2 {width: 100%; margin: 25px 0; background-color: #f7f9f9; position: relative;}
h4.title {  margin: 0 auto 10px; border-bottom: 1px solid #666; list-style: none; color: #666; /* font-size: 1.75em; */  font-weight: 300; text-align: center;  }
.bucket-4 h5 {font-size: 1.25em;}
.bucket-4 p {font-size: .9em;}
.bucket-4 h5, .bucket-4 p, .quote {padding: 0 30px;}

.bucket-3, .the-page-title {padding: 25px 10px; margin: 5px 0; text-align: center; color: #231f20; font-weight: 300;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #eaedef 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#eaedef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#eaedef 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#eaedef 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#eaedef 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#eaedef 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.the-page-title {font-size: 2.25em;}
.bucket-3 span {font-size: .45em; color:#f99d32; font-weight: bold;}
a.read-more, a.more-info {font-size: .65em; color: #f99d32;}
a.read-more {padding-left: 30px; text-align: left;}
	
.quote {font-size: 1.55em; padding: 25px 0;}

.rule-line {width: auto; height: 1px; background-color: #999}

.rule-line-top {
	width: auto; 
	height: 1px; 
	background-color: #999;
	margin-top: 30px; /* added by Steve */
	}

.section-bottom {margin-bottom:15px;}

#searchform {padding: 25px 0;}
#error404 input#searchsubmit {background-color: orange; border: none; color: #fff; text-transform: uppercase; font-size: .45em !important; font-weight: 300; letter-spacing: .5em; padding: 8px 5px 6px 8px;
-moz-box-shadow:    1px 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow:         1px 1px 1px 1px #ccc;}

/* =============================================================================
   Slideshow
   ========================================================================== */
   
ul.bxslider { list-style-type: none;} 
ul.bxslider img {max-width: 100%; height: auto;}
ul.bxslider span p {height: auto; padding: 10px; color: white; font-size:2.25em; text-align: left; font-weight: 400;}
ul.bxslider li {background-color: #f99d32;}
li a.slide img, .bxslider p {float: left;}
a.slide {width:100%; display: block; min-height:315px; }
a.slide span {padding-top:0;}
.bx-wrapper .bx-viewport {border: none;}

.home .bx-wrapper .bx-viewport {left: 0;

-moz-box-shadow: none;
-webkit-box-shadow: none;
}



/* =============================================================================
   Sidebar base
   ========================================================================== */
ul.bxslider span p {font-size: 1.95em;}

/* =============================================================================
   Content
   ========================================================================== */
   
#content {margin-top:0; background-color: white;}
.page-content p {font-size: 1.05em; margin: 25px 0; padding: 0 15px;}
.page-content ul {padding-left:15px;}
.survey-content p {padding: 0;}
.page-content a {color:#f99d31; font-weight: 400;}
.page-content li {list-style-type: none;}
.page-content strong {font-weight: 400;}
.page-content h3 b {font-weight: 300;}
.image img {border: 1px solid #999; margin: 25px auto 15px; display: block;}
.right-content img {width: auto; border: 1px solid #999; margin: 15px 0 15px 15px;}

.hentry {padding-top:15px;}
.page-template-feature-page-php .hentry {padding-top:0;}


.page-content-cause a {color: #f99d32; line-height: 1.5em; font-weight: 600 !important;}

.page-content h4, .left-content h4 a, team-member-name, .bucket-3 {font-size: 1.75em;}

.page-content h4, .left-content h4 a {padding: 5px 0; }

a.bucket-3 {display: block; color: #231f20; padding: 11px;;}

/* team member page */
.team-wrapper {border-bottom: 1px solid #999; padding: 15px;}
.plus-minus {display: block; cursor: pointer;}
.plus-minus, .name-title-wrapper {float: left; padding-right: 10px;}
.plus-minus img {margin-right: 5px;}

.team-member-name {
	font-size: 2.15em; /* was 1.65em */
	}
	
.team-member-title {
	font-size: 1.4em; /* was 1em */
}
.team-member-content {
	padding-bottom: 5px;
	font-size: 20px;
	}
	
.team-member-education {font-size: .95em; color: #6a737b;}
.team-member-photo img,.team-thumb img{border: 1px solid #6a737b;}
.team-thumb img {margin-top:10px;}
.team-container-three, .team-container-two {display: none;}

a.map-link {display: block; font-size: 1em; color: #f99d32; margin-bottom: 10px;}

a.image-2 img {
-moz-box-shadow:    1px 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow:         1px 1px 1px 1px #ccc;}
a.whitepaper-link {color: #f99d32; text-align: left; display: block; font-size: 1em;}
.blog .post-meta {padding-bottom: 15px; border-bottom: 1px solid #6a737b;}
.blog .post-meta a {color: orange;}
.categories a {color: #f99d32;}

.single .left-content h4 a {font-size: 1.75em; line-height: 1; color: #231f20; display: block; padding: 0 0 10px 0;}

.blog .left-content .summary {font-size: .85em; line-height: 1.25; color: #6a737b; padding: 10px 0;}

.left-content h3 {font-size: 1.5em; padding: 10px 15px; line-height: 1;}

.survey-content,.page-content-cause {padding: 0 15px;}

.blog .left-content h4 a, .blog-content h3, .single .left-content h4 a {font-size: 2.15em; font-weight: 300; color: #231f20; padding: 10px 0; margin-bottom: 5px; line-height: 1;}

.blog-content h3 {padding: 0;}

.left-content strong {}

.left-content p em strong {color:#6a737b; font-weight: 400; font-style: normal;}

.left-content em {color: #231f20;}

.post-content {padding-bottom: 25px; border-bottom: 1px solid #999;}
.post-content a {color: #f99d32;}

.post-list {margin-left: 10px;}
.post-list h4 {font-size: 1.76em;}
.post-list ul {padding-right: 25px;}
.post-list li {list-style-type: none; padding-bottom: 10px;}

#page-content h4, .left-content h4 a, team-member-name {font-size: 1.45em;}

.bucket-3 {font-size: 1.35em;}

h3.survey-title, 
.page-id-6 h3, 
.page-content h3, 
.page .summary, 
.page-id-1170 h3,
.page-id-1426 h3,
.page-id-1455 h3,
.page-id-1481 h3,
.page-id-1545 h3,
.page-id-1568 h3,
.page-id-1575 h3 {
	padding-left:15px; 
	font-size: 2.15em; 
	font-weight:300;
	}
.page-id-6 .wrapper h3 {
	padding-left:65px;
	}
	
h3#testi {
	padding-left: 65px;
	padding-bottom: 20px;
	}

.page .summary {padding:10px 15px;}
.no-divide {border-right:none;}

.left-content.no-divide {margin-bottom:10px;}

.client-wrapper {padding-left:15px; }

.client-group ul li {list-style-type: none;}
.hentry p {margin-bottom: 15px;}

.blog .left-content, .blog-content, .entry-date	 {padding: 10px 15px;}

.blog-content p {
	font-size: 20px;
}
.page-id-8 .left-content .page-content .gform_description, .page-id-8 .left-content .page-content label {
	font-size: 20px !important;
}

.widget-area ul h4, .widget-area ul p {
	font-size: 20px;
}

.blog-content ul, .post-content ul {padding-left: 15px;}
.image-caption {margin: 0 15px 15px 15px;}
#post-8 {padding:0 15px;}
#post-167 img {border: 0;}
#post-167 a {color:#231f20; text-decoration: underline; font-weight: 300;}

#post-6 .left-content {width: 75%; padding-top:10px; float: left; clear: left;}

#post-6 .right-content {display: none;}

.client-content em {padding: 15px 15px 15px 0; display: block;}

.single-post img {max-width: 100%; height:auto;}

.single-post .left-content {padding: 0 15px;}

.sample-report {width:100%; height:auto; border: 1px solid #a7a9ac; display: block;}
.sample-small {width:100%; height:auto; margin:0 0 46px 0; float: left; }
.sample-small:nth-child(even) {margin-right:0;} 
.sample-large {margin-bottom:38px; clear:both;}

.page-id-1170 .client-content {padding-top:25px;}

.page-id-1170 .client-wrapper {padding-right:15px;}

.page-id-156 .gform_title {text-align: center;}

/* =============================================================================
   Feature
   ========================================================================== */
   
.hero-wrapper {height: auto; margin-bottom: 25px; border-top: 10px solid #f89d32; border-bottom: 12px solid #f89d32; background-color: #f89d32; position: relative;   }
.hero-wrapper:before, .hero-wrapper:after {width: 0; height: 199px; content: ""; background-color: #f89d32; position: absolute; top: 0; border-top: 1px solid black; border-bottom: 1px solid black;}
.hero-wrapper:before {left: -500px;}
.hero-wrapper:after {right: -500px;}
.hero { border-top: 1px solid black; border-bottom: 1px solid black; position: relative;  }
.hero:before, .hero:after {width: 0; height: 201px; content: ""; background-color: #f89d32; position: absolute; border-top: 10px solid #f89d32; border-bottom: 10px solid #f89d32; top: -11px; z-index: -10;}
.hero:before {left: -500px;}
.hero:after {right: -500px;}
h1.hero { height:auto; padding: 20px 10px 34px; color: white; font-size: 75px; text-align: center; line-height: .85;   background-color: #f89d32; border-top: 1px solid black; border-bottom: 1px solid black; }
h1.hero span { font-size: 55px; }
.column-1, .column-2 {width: 100%; padding:15px 10px; float: left; margin-bottom: 15px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.column-1 {margin-right: 0;}
.column-2 {margin-left: 0; }
.column-1 strong, .column-2 strong {color: #f89d32;}
.content h4 {font-size: 18px;}
.column-3 {margin-bottom: 35px;}

.surveying-wrapper { width: 100%; height: auto; border-top: 5px solid #f7f8f9; border-bottom:5px solid #acadae; margin-bottom:35px; background-color: #f7f8f9; color: #666; padding: 15px 0; }
.block-one, .block-two, .block-three {float: left;}
.block-one, .block-three { width: 100%; }
.block-two {text-align: center; clear: left; float: none;}
.block-two p {font-size: 3.4em; color: #231f20;}
.photo {max-width: 100%; height: auto; margin-bottom: 10px;}
.block-one-text, .block-three-text {width: 300px; display: block; margin: 0 auto;}
.surveying-wrapper h3, .surveying-wrapper h4 {text-align: center; color:#231f20;}
.surveying-wrapper h3 {font-size: 2.55em;}
.surveying-wrapper h4 {font-size: 1.5em; padding-bottom: 10px; border-bottom: 1px solid #999; margin-bottom: 10px;}
.surveying-wrapper ul {padding-left: 25px;}
.section {margin-bottom:35px;}
.page-template-feature-php #content img {max-width: 100%; height:auto;}
.bucket-3 span.link-cover {font-size: 1em; font-weight: 300; color:#231f20; display: inline;}
.bucket-3-smaller {font-size: 0.7em;}
.callout {margin:10px 15px 0 15px;}

/* =============================================================================
   Blog
   ========================================================================== */
.social-share {display: none; padding-top:10px;}   
.left-stuff .mr_social_sharing img,.left-stuff .mr_social_sharing a span {display: none;}
.left-stuff .mr_social_sharing a {width:20px; height:20px; padding-right:3px; display: inline-block;}
a.mr_social_sharing_popup_link:HOVER {padding-right:3px !important;} 
a.mr_social_sharing_popup_link, span.mr_social_sharing a {font-size:20px; color:#6a737b;line-height: 1px;}
.entry-date {padding-top: 0;}   
   
/* =============================================================================
   Contact Form
   ========================================================================== */
 
.gform_wrapper span.gform_description, .gform_wrapper .top_label .gfield_label {font-weight: 300 !important;}
.gform_wrapper span.gform_description, .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {font-size: .75em; }
.gform_wrapper span.gform_description, .gform_wrapper .top_label .gfield_label {font-size: .9em;}
.gform_wrapper .gfield_required {color: #231f20;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label select.medium /* drop down selection */ {width: 99% !important;}

input, input[type="password"], input[type="search"], isindex, .gform_wrapper .top_label textarea.textarea {border: 1px solid #999;}
#error404 input {padding: 0 0 3px 0;}

/* submit button */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {background-color: orange; border: none; color: #fff; text-transform: uppercase; font-size: 1.05em !important; font-weight: bold; letter-spacing: .2em; padding: 7px 15px 6px 18px; font-family: "myriad-pro", sans-serif;
-moz-box-shadow:    1px 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow:         1px 1px 1px 1px #ccc;}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
font-weight: 300; font-size: 1.3em;}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"] {margin-top: 6px !important}
.page-id-8 .page-content {position: relative;}

.checkbox {background-color: white; color: orange;}

.map {margin-bottom: 15px;}
.right-content .contact-info {font-size: .9em; padding-top: 10px; font-size: 1.05em;}
.right-content .contact-info a {/* color: #231f20; */}

.older a {float: left;}
.newer a {float: right;}



/* =============================================================================
  Widget Footer
   ========================================================================== */
.widget-footer {padding: 15px 0; margin: 15px auto 0;}
.widget-area {padding: 25px; text-align: center; border-bottom: 1px solid #f99d32;}

.widget-area h3 {padding-bottom: 5px; border-bottom: 1px solid #999; margin-bottom: 5px;font-size: 2.15em;line-height: 1.2; color: #231f20; }
.widget-area h4 {font-size: 1em;}
.widget-area li {list-style-type: none;}
.widget-area:first-child p {font-size: .75em; padding-top: 5px;}
.widget-area a.read-more {color: #f99d32;}
.widget-area img {margin-top: 15px; margin-left: -10px;}
.footer-white-paper.widget-area img {border: 1px solid #999;}

/* =============================================================================
  Footer
   ========================================================================== */
   
#footer-wrapper {border-top: 1px solid #000;}
.footer-left-info {width: 100%;}
.footer-text {width: 75%; color: #6a737b; text-align: center;}
.footer-text span {color: #f99d32;}
.footer-text a {color: #6a737b;}
.pulse-mark img {display: block;}
.pulse-mark img, .footer-text {margin: 20px auto;}
.footer-right-info {width:auto; padding-left: 9px; display: block; margin: 0 auto 50px; color: #6a737b; text-align:center;}
.footer-contact {margin-bottom:5px; float: none; text-align: center; color: #6a737b;}
.footer-contact a {color: #6a737b;}
.footer-contat .phone {color: inherit; text-decoration: none;}
.footer-contact .email, .footer-contact .phone {display: inline; float: none;}
.footer-text span {color: #f99d32;}
.social {clear: left;}
.social a {color: gray; font-size: 21px; margin-left: 0; }

/* ADDED BY STEVE */

#needsheader p {
	font-size: 190%;
	padding-bottom: 20px;
}

.page-id-1575 #needsheader p {
	font-size: 190%;
	padding-bottom: 10px;
}

.page-id-1575 #needsheader p + p {
	font-size: 20px;
	margin-top: 0;
	padding-top: 0;
}

.page-id-1481 .left-content .client-wrapper a#theaboutlink {
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
}

.client-content { /* added by Steve to fix mobile devices */
	display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
ul.bxslider img {max-width: 40%}
a.slide {width:100%; display: block; min-height:inherit; }

a.slide span {width: 49%;}
#nav.menu-main-menu-container {width: auto;}
div.bucket-1, div.bucket-2 {width: 45%;}
.widget-area {width: 26.7%;float: left; border-right: 1px solid #f99d32; border-bottom: none; margin: 10px 0;}
.widget-area img{max-width: 100%; height:auto;}
.bucket-3 {font-size: 1.45em;}
a.whitepaper-link {padding-left:15px;}

}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
/* =============================================================================
	HEADER - TABLET <
 ============================================================================= */
#menu-trigger {display: none;}
.header-wrapper {text-align: left; margin-bottom: 25px;}
.logo, ul#menu-main-menu, .login-contact {float: left;}

.logo {
	width: 219px; 
	height: 65px; 
	padding-top: 30px; 
	padding-bottom:0; 
	margin-left:15px; 
	display: block;
	}

.logo img {
	width:219px; 
	height:auto;
}


/* =============================================================================
	MAIN NAV - TABLET <
 ============================================================================= */
#nav.menu-main-menu-container {margin-left:29px; display: block;}
#nav ul {display: inline-block; margin: 0;}
ul#menu-main-menu {margin-top: 40px;}
#nav ul li {padding-bottom:20px; display: inline-block;}

#nav ul li a { 
	display:block; 
	padding: 5px 10px; 
	font-family: "myriad-pro", sans-serif; 
	color: #666; text-transform: uppercase; 
	text-decoration: none; 
	font-size:1.15em; 
	line-height: 1.4em;
	}

#nav ul li ul.sub-menu {
	position: absolute; 
	left: 10px; 
	top: 45px; 
	padding: 13px 5px;
	}
	
#nav ul li li a{width:145px;
}

.login-contact {float:right; clear: none; margin-right: 15px;}
a.client-login {width:auto; margin-right:0; margin-left:0; float: none;}
.client-login {width: 130px; float: left; padding: 5px 20px; margin: 0 38px 25px 20px;}
.contact {width: auto; padding:0; margin-top:0; font-size: 0.938em;}

/* =============================================================================
	SLIDER - TABLET <
 ============================================================================= */

a.slide span { display: block; float: left; padding: 0 40px 0;}
a.slide span p {padding: 0;}


/*  =============================================================================
	BUCKETS
 =============================================================================*/

.bucket-wrapper {width: 96.9%; margin-bottom: 27px; padding-left: 3.1%;}
div.bucket-1, div.bucket-2 { float: left; margin: 25px 34px 0 0px; position: relative; display: block;}

.bucket-wrapper h4.title-left,.bucket-wrapper h4.title-right {background: none; color:#231f20; float: none;}
.bucket-wrapper h4.title {width:75%; padding: 0 15px 10px; margin: 0 auto 10px; line-height: inherit; color:#231f20; font-size: 2.25em;}
div.bucket-1, div.bucket-2 {margin: 25px 34px 0 0px; }
div.bucket-1, div.bucket-2, .bucket-wrapper-2 {border-top:1px solid white; border-left:1px solid white;border-right: 2px solid #999; border-bottom: 2px solid #999;}

/* =============================================================================
   CONTENT - TABLET <
   ========================================================================== */
.sample-small {width:46%; height:auto; margin:0 38px 46px 0; float: left; }
.sample-report {box-shadow: 10px 10px 10px #bebebe;}
.page-id-1170 .client-content {padding-left:65px;}

.page-id-1170 .client-wrapper {}


/* =============================================================================
   FEATURE - TABLET <
   ========================================================================== */
h1.hero { height:145px; font-size: 85px; }
h1.hero span { font-size: 65px; }
.hero-wrapper {height: 199px;}
.block-one, .block-three { width: 375px; }
.block-two {width: 120px; clear:none; float: left;}
.block-two p {padding-top: 350px; font-size: 3.4em;}
.photo {width: 400px; height: 313px; margin-bottom: 10px;}


/*  =============================================================================
WIDGET FOOTER
 =============================================================================*/

.widget-area ul {overflow: visible;}


.bucket-wrapper .menu {width: 70%; padding-top: 0;}
.footer-contact .email {border-right: 1px solid #f99d32; display: block;}
.social a {margin-left: 10px; clear: none;}

#page-content h4, .left-content h4 a, team-member-name, .bucket-3 {font-size: 2.25em;}

.right-content img {width: auto; border: 1px solid #999;}
.page-content-cause {padding: 0 15px;}
.surveying-wrapper { width: 100%; height: auto; border-top: 5px solid #f7f8f9; border-left: 5px solid #f7f8f9; border-right:5px solid #acadae; border-bottom:5px solid #acadae; margin-bottom:35px; background-color: #f7f8f9; color: #666; padding: 15px; }

.client-group ul{padding-right:14px; 
columns:250px 2;
-webkit-columns:250px 2; /* Safari and Chrome */
-moz-columns:250px 2; /* Firefox */}

#newclientlogin {
	height: 43px;
	background: #b1b1b2;
	width: 100%;
	margin: 5px 0 20px 0;
	padding-top: 12px;
}

#newclientlogin a {
	text-align: center;
	font-size: 130%;
	width: 190px;
	height: 32px;
	color: #fff;
	display: block;
	border-radius: 5px;
	margin: 0 auto;
	background: #f99d32;
}

div#signup {
	float: left;
	background: #b1b1b2;
	width: 580px;
	color: #fff;
	margin: 0 0 0 140px;
	padding: 10px 0 10px 20px;
}

div#signup p {
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-size: 120%;
	width: 250px;
	float: left;
	display: block;
}

#signupformdiv {
	float: left;
	width: 330px;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
}

#signup div#gform_wrapper_8 {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

#signup div#gform_wrapper_8 form#gform_8 {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;	
}

#signup div.gform_body {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: 180px !important;
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
}

#signup ul#gform_fields_8 {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

#signup ul#gform_fields_8 li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

#signup ul#gform_fields_8 li div.ginput_container {
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

#signup ul#gform_fields_8 li div.ginput_container input#input_8_1 {
	width: 180px !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 30px !important;
	text-align: left !important;
	border-radius: 5px !important;
	text-align: center !important;
	font-size: 130% !important;
	color: #6a737b !important;
	float: none !important;
}

#signup div.gform_footer.top_label {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	right: 20px !important;
	top: 0 !important;
	width: 100px !important;
	float: none !important;
}

#signup label.gfield_label {
	display: none !important;
}	

#signup div.gform_footer.top_label input[type=submit] {
	margin: 0 !important;
	box-shadow: none !important;
	width: auto !important;	
	height: 30px;
}

#signup div#gform_confirmation_wrapper_8 {
	text-align: center !important;
	padding: 10px 0 !important;
	font-size: 130%;
	font-weight: 600;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*
BREAK POINT EXCEPTION

*/
@media only screen and (min-width: 960px) {
.client-login {margin-top:35px;}

.left-content h3 {padding: 10px 0; }

.left-content h3:first-child {padding-top:0; }

h3.survey-title {padding-left: 15px;}

.left-content {width: 70%; float: left;}

#post-8 {padding:0;}
.team-wrapper {padding:15px 0;}
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1023px) {
body {overflow: hidden;}
#wrapper {
	width: 960px;
}

/* =============================================================================
	HEADER
 ============================================================================= */
.header-wrapper {
	margin-bottom: 17px;
}

.logo {
	margin: 0;
}
#nav ul {list-style-type: none; font-size: 0.938em; letter-spacing: 1px; }
.header {width:100%; height:98px; position: relative;}

.header-interior {
	float:left;
}



/* =============================================================================
	MAIN NAV
 ============================================================================= */
#nav.menu-main-menu-container {
	width: 710px;
	margin-left: 29px; /* was 29px */ 
	display: block;
	padding: 0;
	position: relative;
	}

#nav ul {
	list-style-type: none; 
	font-size: 1.23em; 
	letter-spacing: 1px;
	padding: 15px 0 0 0;
	margin: 0;
	text-align: right !important;
	}
	
#nav ul li a { 
	padding: 5px 10px; /* was 5px 10px */ 
	font-size: 1.15em; /* was 1.15em */
	}
	
#nav ul li:last-of-type a {
	padding: 5px 0 5px 10px;
}

#nav ul ul li:last-of-type a {
	padding: 5px 10px 5px 15px;
}
	
#nav ul li { display: inline-block; position: relative;}

#nav ul li ul.sub-menu:before {
	top: -18px;
}

#nav ul li ul.sub-menu li a:hover {
	color: #f99d32;
	}

#nav li.current-menu-item a {color: #f99d32;}

.login-contact {margin-right: 0;}


.feature-text { margin-right: 0;}
.single-event-item {width: 220px;}
#content .single-news-item .left-col {text-align: right; width: 342px; margin-right: 69px;}
.feature-text p.feature-text-meta {right:-15px;}



/*  =============================================================================
	SLIDER
 =============================================================================*/
.slideshow {position: relative;}
.slideshow:before, .slideshow:after {position: absolute; content: ""; background-color: #f99d32; width: 1500px; height: 315px; z-index: -1; top: 0; }
.slideshow:before {left: -1500px;}
.slideshow:after {right: inherit;}
ul.bxslider span p {font-size: 2.25em;}


li a.slide img, .bxslider p {float: left;} 
li a.slide img {width: 400px; height: 315px; }
ul.bxslider {position: relative;}
.bxslider p {display: table-cell; vertical-align: middle; text-align: center;}
a.slide {height:315px;}
a.slide span {width: 480px; padding-top:0;}


/*  =============================================================================
	BUCKETS
 =============================================================================*/

.bucket-wrapper {width: 1000px; padding-left: 0}
.bucket-wrapper .menu {padding:0;}
.bucket-wrapper-2 {width: 960px; margin: 0 auto;}
div.bucket-1, div.bucket-2 {width: 461px; float: left; margin: 25px 34px 0 0px; }
.widget-area {width: 200px; float: left; padding: 10px 59px 10px 60px; }
div.bucket-1, div.bucket-2, .bucket-wrapper-2 {border-top:1px solid white; border-left:1px solid white;border-right: 2px solid #999; border-bottom: 2px solid #999;}
 a.bucket-3 {padding:11px 60px;color: #231f20; font-weight: 300;}

.bucket-3 span {
	display: inline; /* changed from block */
	}

/*  =============================================================================
	CONTENT
 =============================================================================*/
#content {padding: 0; margin: 0; margin-top:25px;}

.left-content.no-divide {width: 630px;}

.left-content,
.blog .left-content {width: 630px; padding: 10px 0; padding-right: 14px; border-right: 1px solid #999; margin-right: 14px;}

#needsintro {
	margin-bottom: 30px;
}

.page-id-1426 .left-content, 
.page-id-1455 .left-content, 
.page-id-1481 .left-content, 
.page-id-1545 .left-content,
.page-id-1568 .left-content
 {
	height: auto !important;
}

.page-id-1426 .right-content, 
.page-id-1455 .right-content, 
.page-id-1481 .right-content, 
.page-id-1545 .right-content,
.page-id-1568 .right-content {
	height: auto !important;
}

.left-content p,
.page-id-1426 .left-content p, 
.page-id-1455 .left-content p, 
.page-id-1481 .left-content p, 
.page-id-1545 .left-content p, 
.page-id-1568 .left-content p,
.page-id-6 #content #thetestimonials p {
	padding-left: 65px;
	font-size: 20px;
}

.page-id-6 .client-content .client-group.left-content ul li, .page-id-167 .left-content .page-content ul li {
	font-size: 20px;
}

.page-id-6 .client-content .client-group.left-content ul li {
	padding-bottom: 10px;
	}

.page-id-87 .survey-content {
	font-size: 20px;
}

.page-id-6 #content #thetestimonials .client-content img {
	display: block;
	margin-bottom: 50px;
	margin-left: 65px;
}

.page-id-1426 .left-content #needsintro p, 
.page-id-1455 .left-content #needsintro p, 
.page-id-1481 .left-content #needsintro p, 
.page-id-1545 .left-content #needsintro p,
.page-id-1568 .left-content #needsintro p,
.page-id-1575 .left-content #needsintro p {
	padding-left: 0;
	font-size: 20px;
}

.page-id-1455 .left-content ul, 
.page-id-1481 .left-content ul,
.page-id-1545 .left-content ul,
.page-id-1568 .left-content ul {
	padding-left: 85px;
	font-size: 20px;
}

.page-id-1455 .left-content ul li, 
.page-id-1481 .left-content ul li, 
.page-id-1545 .left-content ul li,
.page-id-1568 .left-content ul li {
	padding-bottom: 10px;
}

.page-id-1545 .left-content h2,
.page-id-1568 .left-content h2 {
	padding-left:85px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.yourneedsquote {
	color: #f99d31;
	font-family: "myriad-pro", sans-serif;
	font-weight: 600;
	font-style: italic;
}

.page-id-1426 .left-content em, 
.page-id-1455 .left-content em,
.page-id-1481 .left-content em {
	padding: 0;
	margin: 0;
	display: inline;
}


.page-id-442 .left-content,.blog .left-content {width: 630px; padding: 10px 0; padding-right: 14px; border-right: none; margin-right: 14px;}

.left-content {padding-top: 0;}

#post-8.post-8 .left-content {width: 625px; border-right: none; /* padding-right: 35px; */}

.right-content {width: 300px; /* margin-right: 15px; */}

.left-content, .right-content {margin-top: 30px; float: left;}

.page-content p {padding: 0 25px 0 0; margin: 0;}

.image img, .image-caption {margin: 0 0 15px 0;}
a.image-2 img {display: block; margin: 30px auto;}
#gform_wrapper_2 {position: relative;}

.gform_footer.top_label {
	position: absolute; 
	right:200px; 
	bottom: 0;
}


	
.right-content .gform_footer.top_label {position: static; }
.post-list {margin-left: 0;}
h3.survey-title {padding-left: 0px;}
.survey-content {padding-left: 0;}
.callout {margin:0;}
.page .summary {padding:0 0 10px;}
.page-content-cause {padding: 0 0;}
.right-content img:first-child {margin-top:0;}

.single-post .left-content {width: 625px; padding: 0 10px 0 0;}

a.whitepaper-link {text-align: center; padding-left:0;}
.sample-small {width:auto; height:auto; }
.sample-large {width:auto; height:auto; }

.page-id-1170 .client-wrapper {padding-right:0;}


/*  =============================================================================
	CONTENT
 =============================================================================*/
.block-one, .block-three { width: 400px; }
.entry-date {padding-left: 0;}


/*  =============================================================================
	TEAM MEMBER PAGE
 =============================================================================*/ 
.plus-minus {clear:left;} 

.name-title-wrapper { /* changed by Steve 8 */
	width: 200px; /* was 150px */
}  

.team-container-one {
	width: 280px; /* was 245px */
}
 
.team-container-two {
	width: 452px; /* was 510px */
}


.team-container-three {width: 195px;} 
.team-container-one , .team-container-two, .team-container-three {float: left}

/*  =============================================================================
	CLIENTS PAGE
 =============================================================================*/ 
.client-group {padding-right: 0; border-right:none; }

#post-6 .left-content {height:auto;width:574px; margin-top:0; border-right: 1px solid #999;}

.client-group ul{padding-right:14px; 
columns:270px 2;
-webkit-columns:270px 2; /* Safari and Chrome */
-moz-columns:270px 2; /* Firefox */}
.client-group.right-content {width:290px; padding-left:30px; margin-top: 0; }
.client-group.right-content img{margin-bottom:25px; border: none;}
.hentry p {margin-bottom:15px;}
.page-id-6 .plus-minus {}
.section-bottom {margin-bottom:30px;}

.client-wrapper {padding-left:0; margin-bottom:30px;}

.client-content {display: none;}

.team-wrapper {position: relative;}
.team-thumb img{width:48px; border: 1px solid #6a737b; position: absolute; left:910px; margin: 0;}

.team-container-two {
	width: 452px; /* was 495px */
	padding-right: 23px;
}

.client-content em {padding-top: 15px; padding-bottom:0; padding-left: 65px; display: block; }

#post-6 .left-content {margin-right: 0; padding-left: 0; clear: none;}

#post-6 .right-content {display: block;}


/* =============================================================================
	CONTACT FORM
 =============================================================================*/



.date, .location {float: left;}
.date, .location {margin-right: 10px;}
.ginput_container,  {float: left;} 


/*  =============================================================================
BLOG
 =============================================================================*/

.line {width: 960px; height: 1px; background-color: #999; margin: 45px 0 15px;}
.left-stuff, .right-stuff {float: left;}
.left-stuff {width: 300px;}
.right-stuff {width: 630px;}
.blog-content ul, .post-content ul {padding-left: 50px;}
a.facebook, a.twitter, a.linkedin, a.mail {height: 20px; float: left; padding-right: 10px; background-image: url('/wp-content/themes/catalyst/img/socialsprite.png'); background-repeat: no-repeat;}
a.facebook {width: 19px;  top: 0; left: 0; background-position: 0px 0px;}
a.twitter {width: 16px; top: 0; left: 0; background-position: -29px 0px;}
a.linkedin {width: 18px; top: 0; left: 0; background-position: -54px 0px;}
a.mail {width: 28px; top: 0; left: 0; background-position: -83px 0px;}


/*  =============================================================================
FEATURE
 =============================================================================*/

.surveying-wrapper { width: 920px; }
.hero:before, .hero:after,.hero-wrapper:before, .hero-wrapper:after {width: 500px;}
.column-1, .column-2 {width: 460px; padding:0; padding-top:15px; margin-bottom: 50px;}
.column-1 {margin-right: 20px;}
.column-2 {margin-left: 20px; }


/*  =============================================================================
WIDGET FOOTER
 =============================================================================*/
.home .widget-footer {border-top: none;}
.widget-footer {border-top: 1px solid #000;}
.widget-area {width:265px; padding:10px 27px 10px 27px;}
.widget-area a, .email a {color:#f99d32; font-weight: 600;}
.widget-area ul {overflow: auto;}
.widget-area:last-child {border-right:none;}
.widget-area img {max-width: 265px; max-height: 182px;}


/*  =============================================================================
FOOTER
 =============================================================================*/
#footer-wrapper {min-height: 125px;}
.footer-interior {width:960px; margin:0 auto;}
.footer-left-info {width:auto; margin-left:0; float: left;}
.footer-text {width:auto; margin-top: 21px; margin-right: 10px; font-size:.7em; font-weight: 400; text-align: left; float: left; }
.footer-text span {color: #f99d32;}
.pulse-mark {float:left; margin-right:30px;}
.pulse-mark img {width: 32px; float:none; margin-right: 0;}
.footer-right-info {padding:0; float: right; margin:0; margin-top:20px; text-align: inherit;}
.social {width: 75px; float: left; text-align: right; margin-right: 0; }
.social {clear: none;}
.social a {margin-left: 10px;}
.footer-contact {margin-bottom:0; font-size:.8em; font-weight: 400;float: left;}
.footer-contact .email {color:#f99d32; }
.footer-contact .email,.footer-contact .phone {float: left;}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {}



/*
================================================================================
 *
 Non-semantic helper classes -------------
 Please define your styles before this section.
 *
================================================================================
 */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* 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 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* 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 { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*
================================================================================
 *
 Print styles -------------
 Inlined to avoid required HTTP connection: h5bp.com/r
 *
================================================================================
 */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 2cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
.header-interior,.widget-footer,.wp-pagenavi,.social-share {display: none !important;}

}

/*
red - #c31f08
green - #1ab90e
headline dark - #241710
text - #4e4c4c
*/