/*
Theme Name: Catalyst Workshop
Theme URI: http://catalystworkshop.com/
Description: Catalyst Workshop Custom Theme
Author: Dmitri Bogucharsky & Adam Rallo
Author URI: http://catalystworkshop.com/
Version: 1.0
*/



/* Fonts
-------------------------------------------------------------- */

@font-face {
	font-family: 'CaeciliaLight';
	src: url('fonts/caecilialight-light-webfont.eot');
	src: url('fonts/caecilialight-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/caecilialight-light-webfont.woff2') format('woff2'),
		 url('fonts/caecilialight-light-webfont.woff') format('woff'),
		 url('fonts/caecilialight-light-webfont.ttf') format('truetype'),
		 url('fonts/caecilialight-light-webfont.svg#CaeciliaLight') format('svg');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CaeciliaLight';
	src: url('fonts/caecilialight-italic-webfont.eot');
	src: url('fonts/caecilialight-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/caecilialight-italic-webfont.woff2') format('woff2'),
		 url('fonts/caecilialight-italic-webfont.woff') format('woff'),
		 url('fonts/caecilialight-italic-webfont.ttf') format('truetype'),
		 url('fonts/caecilialight-italic-webfont.svg#CaeciliaLight') format('svg');
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CaeciliaLight';
	src: url('fonts/caecilialight-bold-webfont.eot');
	src: url('fonts/caecilialight-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/caecilialight-bold-webfont.woff2') format('woff2'),
		 url('fonts/caecilialight-bold-webfont.woff') format('woff'),
		 url('fonts/caecilialight-bold-webfont.ttf') format('truetype'),
		 url('fonts/caecilialight-bold-webfont.svg#CaeciliaLight') format('svg');
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'CaeciliaLight';
	src: url('fonts/caecilialight-bolditalic-webfont.eot');
	src: url('fonts/caecilialight-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/caecilialight-bolditalic-webfont.woff2') format('woff2'),
		 url('fonts/caecilialight-bolditalic-webfont.woff') format('woff'),
		 url('fonts/caecilialight-bolditalic-webfont.ttf') format('truetype'),
		 url('fonts/caecilialight-bolditalic-webfont.svg#CaeciliaLight') format('svg');
	font-style: italic;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLight';
	src: url('fonts/vistasanslight-webfont.eot');
	src: url('fonts/vistasanslight-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanslight-webfont.woff2') format('woff2'),
		 url('fonts/vistasanslight-webfont.woff') format('woff'),
		 url('fonts/vistasanslight-webfont.ttf') format('truetype'),
		 url('fonts/vistasanslight-webfont.svg#VistaSansLight') format('svg');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLight';
	src: url('fonts/vistasanslightitalic-webfont.eot');
	src: url('fonts/vistasanslightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanslightitalic-webfont.woff2') format('woff2'),
		 url('fonts/vistasanslightitalic-webfont.woff') format('woff'),
		 url('fonts/vistasanslightitalic-webfont.ttf') format('truetype'),
		 url('fonts/vistasanslightitalic-webfont.svg#VistaSansLight') format('svg');
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLight';
	src: url('fonts/vistasans-reg-webfont.eot');
	src: url('fonts/vistasans-reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasans-reg-webfont.woff2') format('woff2'),
		 url('fonts/vistasans-reg-webfont.woff') format('woff'),
		 url('fonts/vistasans-reg-webfont.ttf') format('truetype'),
		 url('fonts/vistasans-reg-webfont.svg#VistaSansLight') format('svg');
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLight';
	src: url('fonts/vistasans-regitalic-webfont.eot');
	src: url('fonts/vistasans-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasans-regitalic-webfont.woff2') format('woff2'),
		 url('fonts/vistasans-regitalic-webfont.woff') format('woff'),
		 url('fonts/vistasans-regitalic-webfont.ttf') format('truetype'),
		 url('fonts/vistasans-regitalic-webfont.svg#VistaSansLight') format('svg');
	font-style: italic;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLightSC';
	src: url('fonts/vistasanssc-light-webfont.eot');
	src: url('fonts/vistasanssc-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanssc-light-webfont.woff2') format('woff2'),
		 url('fonts/vistasanssc-light-webfont.woff') format('woff'),
		 url('fonts/vistasanssc-light-webfont.ttf') format('truetype'),
		 url('fonts/vistasanssc-light-webfont.svg#VistaSansLightSC') format('svg');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLightSC';
	src: url('fonts/vistasanssc-lightita-webfont.eot');
	src: url('fonts/vistasanssc-lightita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanssc-lightita-webfont.woff2') format('woff2'),
		 url('fonts/vistasanssc-lightita-webfont.woff') format('woff'),
		 url('fonts/vistasanssc-lightita-webfont.ttf') format('truetype'),
		 url('fonts/vistasanssc-lightita-webfont.svg#VistaSansLightSC') format('svg');
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLightSC';
	src: url('fonts/vistasanssc-reg-webfont.eot');
	src: url('fonts/vistasanssc-reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanssc-reg-webfont.woff2') format('woff2'),
		 url('fonts/vistasanssc-reg-webfont.woff') format('woff'),
		 url('fonts/vistasanssc-reg-webfont.ttf') format('truetype'),
		 url('fonts/vistasanssc-reg-webfont.svg#VistaSansLightSC') format('svg');
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'VistaSansLightSC';
	src: url('fonts/vistasanssc-regita-webfont.eot');
	src: url('fonts/vistasanssc-regita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/vistasanssc-regita-webfont.woff2') format('woff2'),
		 url('fonts/vistasanssc-regita-webfont.woff') format('woff'),
		 url('fonts/vistasanssc-regita-webfont.ttf') format('truetype'),
		 url('fonts/vistasanssc-regita-webfont.svg#VistaSansLightSC') format('svg');
	font-style: italic;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

/*
END Fonts
*/



/* Initialize
-------------------------------------------------------------- */
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;
}

figure {
	margin: 0;
}

html {
	font-size: 1em;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

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

a, a:visited, a:hover, a:active {
	text-decoration: none;
}

a:hover, a:active { 
	outline: 0; 
}

abbr {
	cursor: help;
}

abbr[title] {
	border-bottom: 1px dotted;
}

acronym {
	font-size: 85%;
	text-transform: uppercase;
	color: #666;
	border-bottom: 1px dotted #eee;
	cursor: help;
}
acronym:hover {
	color: #333;
	background: #f5f5f5;
	border-bottom: 1px dotted #aaa;
}

address {
	font-style: normal;
	clear: both;
	margin-bottom: 1em;
}

address.white {
	color: #bbb;
}

address:last-child {
	margin-bottom: 30px;
}

big {
	font-size: 15px;
}

b, strong {	
	font-weight: bold;
}

blockquote {
	margin: 0 1.692307em;
	font-style: normal;
}

blockquote em, blockquote cite {
	font-style: normal;
}

blockquote, q {
	quotes: none;
	font-style: italic;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

cite, cite cite {
	font-style: normal;
}

del {
	text-decoration: line-through;
}

dfn {
	font-style: normal;
}

em, em em {
	font-style: italic;
}

li address, dd address {
	margin: 0;
}

mark {
	background:rgb(216,248,232);
	color: #000;
}

object {
	margin-bottom: 1.692307em;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #e7e7e7;
	margin: 1em 0 1.5 0;
	padding: 0;
	clear: both;
}

ins {
	background: #f5f5f5;
	color: #000;
	text-decoration: none;
	font-style: normal;
}

pre, code, kbd, samp {
	font-family: monaco, Consolas, 'Lucida Console', monospace;
	font-size: 1em;
}

pre {
	font-size: 90%;
	font-family: monaco, Consolas, 'Lucida Console', monospace;
	overflow: auto;
	line-height: 1.692307em;
	margin-bottom: 1.692307em;
	padding: 10px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	font-size: 100%;
	font-family: monaco, Consolas, 'Lucida Console', monospace;
}

pre code {
	font-size: 100%
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 70%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, dl {
	margin: 0 0 .25em 0;
	padding: 0;
	text-align: left;
}

li, dd {
	margin-bottom: 1em;
}

ol {
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}

ol ol {list-style: upper-roman;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: upper-alpha;}
ol ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	margin-left: -7px;
	padding: 0;
}

button, input, select, textarea, a.button {
	margin: 0;
	vertical-align: middle;
}

button, input, a.button {
	line-height: normal;
	overflow: visible;
}

table button, table input {
	overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
	border-radius: 0;
}

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

option {
	padding: 1px 2px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.692307em;
}

td {
	vertical-align: top;
}

th, td {
	text-align: left;
}

/*
END Initialize
*/



/* WordPress classes 
-------------------------------------------------------------- */
#wpadminbar {
	position: fixed;
}
.left, .alignleft {
	float: left !important;
}
.right, .alignright {
	float: right !important;
}
.center, .aligncenter {
	display: block;
	margin: 0 auto;
}
.block, .alignnone {
	display: block;
	margin: 0;
	width: 100%;
}
img.alignleft, img.alignright {
	display: inline;
}
blockquote.alignleft, blockquote .alignright {width: 33%;}
.byline abbr, .entry-meta abbr, .comment-meta abbr {border: none;}

.textalign-center {
	text-align: center;
}

/*
END Wordpress classes
*/



/* Site-wide Styles
-------------------------------------------------------------- */

article {
	border-top: dotted 1px #ddd;
	padding: 1em 0;
}

article:only-of-type {
	border-top: none;
	padding-top: 0;
}

aside {
	padding-bottom: 30px;
}

.clear {
	clear: both;
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

header {
	position: relative;
	padding: 0;
	margin: 0;
}

.hentry img, .entry-content img, .widget img {
	border: none;
	height: auto;
	padding: 0;
}

.home-blog .content-column-one-third p {
	margin: .3em 0 1.2em 0;
}

.page-title {
	visibility: hidden;
	display: none;
}

.entry-summary .page-title {
	visibility: visible;
	display: block;
}

section ul {
	list-style: none;
	list-style-position: inside;
	margin-bottom: 1em;
	padding-left: 1.35em;
	text-indent: -1.25em;
	clear: left;
}

section ul li:before {
	content: "•";
	font-size: 120%;
	line-height: 0;
	color: rgb(144,168,160);
	margin: 0;
	padding: 0 12px 0 0;
}

section {
	float: left;
	position: relative;
	width: 90%;
	padding: 45px 5%;
}

section header {
	padding-bottom: 1em;
}

section.full-viewport {
	margin: 0 -100%;
	padding: 45px 105%;
}

.small-caps {
	font-family: 'VistaSansLightSC';
	text-transform: lowercase;
}

.tag-divider {
	font-size: 80%;
	margin: 0 .25em 0 0;
	top: .125em;
	position: relative;
	display: inline-block;
}

.white, a.white, a.white:visited, h6.white {
	color: #fff;
	opacity: 1;
	border-color: #fff;
}

.text-left {
	text-align: left !important;
}

.no-border {
	border: none !important;
}

/*
END Site-wide Styles
*/



/* Layout
-------------------------------------------------------------- */

.page-wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	overflow-x: hidden;
}

main {
	display: block;
	clear: both;
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}

.content-column-one-half {
	float: left;
	width: 50%;
}

.content-column-one-quarter {
	float: left;
	width: 25%;
}

.content-column-one-quarter-fixed {
	margin-top: 0;
	width: 240px;
	float: left;
	clear: both;
	padding: 0 3% 0 2%;
}

.content-column-three-quarter {
	float: left;
	width: 75%;
}

.content-column-three-quarter-flexible {
	float: right;
	width: -webkit-calc(95% - 240px);
	width: -moz-calc(95% - 240px);
	width: calc(95% - 240px);
}

.content-column-one-third {
	float: left;
	width: 29.6%;
	padding-right: 5.6%;
	clear: right;
	margin-top: 2.8125em;
}

.content-column-one-third:last-child {
	padding-right: 0;
}

.content-column-one-third-fixed {
	float: left;
	width: 272px;
	margin: 40px 0 0 0;
	border-top: 1px dotted #ddd;
}

.content-column-two-thirds {
	float: left;
	width: 63%;
	margin-right: 4%;
	clear: both;
}

.content-column-two-thirds-flexible {
	float: left;
	width: -webkit-calc(95% - 272px);
	width: -moz-calc(95% - 272px);
	width: calc(95% - 272px);
	margin: 40px 5% 0 0;
	clear: both;
}

.mobile-only {
	display: none;
}

.object-hidden {
	display: none;
}

.shadow {
	position: relative;
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.shadow-inset {
	position: relative;
	border: none;
	-webkit-box-shadow: inset 0 0 2em 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: inset 0 0 2em 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 2em 0 rgba(0, 0, 0, 1);
}

.shadow-inset-top {
	position: relative;
	border: none;
	-webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}

.shadow-bottom {
	position: relative;
	border: none;	
	-webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px -5px rgba(0,0,0,.2);
}

.shadow-top {
	position: relative;
	border: none;	
	-webkit-box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);
	box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);
}

/*
END Layout
*/



/* Images
-------------------------------------------------------------- */

.thumbnail-wrapper {
	max-width: 256px;
}

.thumbnail-wrapper, .thumbnail-wrapper-2x1, .thumbnail-wrapper-5x3, .thumbnail-wrapper-4x3 {
	position: relative;
	border: solid 1px #eee;
	overflow: hidden;
	margin-bottom: .75em;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}

.thumbnail-wrapper-2x1, .thumbnail-wrapper-5x3, .thumbnail-wrapper-4x3 {
	width: 100%;
	height: 0;
}

.thumbnail-wrapper-2x1 {
	padding-bottom: 50%;
}

.thumbnail-wrapper-5x3 {
	padding-bottom: 60%;
}

.thumbnail-wrapper-4x3 {
	padding-bottom: 75%;
}

.thumbnail-wrapper:hover, .thumbnail-wrapper-2x1:hover, .thumbnail-wrapper-5x3:hover, .thumbnail-wrapper-4x3:hover {
	border: solid 1px rgb(255,232,0);
}

.thumbnail-wrapper:active, .thumbnail-wrapper-2x1:active, .thumbnail-wrapper-5x3:active, .thumbnail-wrapper-4x3:active {
	border: solid 1px rgb(255,208,0);
}

body div .thumbnail-wrapper a:active, body div .thumbnail-wrapper-2x1 a:active, body div .thumbnail-wrapper-5x3 a:active, body div .thumbnail-wrapper-4x3 a:active {
	position: static;
	border: none;
	background: none;
}

img.thumbnail, img.thumbnail:visited, img.thumbnail a, img.thumbnail a:visited {
	width: 100%;
	opacity: 1;
	background-color: #fff;
	-webkit-transition: opacity 333ms ease-out;
	-moz-transition: opacity 333ms ease-out;
	-ms-transition: opacity 333ms ease-out;
	-o-transition: opacity 333ms ease-out;
	transition: opacity 333ms ease-out;
}

a img.thumbnail:hover, a img.wp-post-image:hover, img.thumbnail a:hover, img.wp-post-image a:hover {
	opacity: .85!important;
}

a img.thumbnail:active, a img.wp-post-image:active, img.thumbnail a:active, img.wp-post-image a:active {
	opacity: .7!important;
}

img.dynamic, img.dynamic:visited {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 1;
}

img.size-full {
	padding: 1.5em 0;
	max-width: 100%;
	height: auto;
}

/*
END Images
*/



/* Typography
-------------------------------------------------------------- */

address .author, address .author a, address .author a:visited {
	border-color: transparent;
}

body {
	margin: 0;
	padding: 0;
	font: 100%/1.5 'VistaSansLight', Helvetica, Arial, sans-serif;
	color: #333;
	background: rgb(192,224,212);
}

h1 {
	font-size: 270%;
	line-height: 1.25;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	padding: 30px 0 15px;
}

h1, h1 a, h1 a:visited {
	color: #333;
}

header h1 {
	font-size: 288%;
	padding: 15px 0 30px;
}

h1 cite {
	display: block;
	font-size: 80%;
	margin: -20px 0 0;
}

h2 {
	font-size: 224%;
	margin-bottom: .25em;
}

h2, h2 a, h2 a:visited {
	color: #333;
}

section header h2, h2.section, h3#reply-title, h2.blog-category {
	font-size: 100%;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 1.85;
	border-top: 4px solid #000;
	padding: 4px 0 0 5.5% !important;
	left: 0;
	position: absolute;
	width: auto;
	clear: both;
	margin-left: -5.5%;
	position: relative;
	display: inline-block;
}

header.blog-post h2.section {
	max-width: -webkit-calc(100% - 13em);
	max-width: -moz-calc(100% - 13em);
	max-width: calc(100% - 13em);
}

h2.section div {
	display: block;
}

h2.section, h2.section a, h2.section a:visited, section header h2 {
	color: #000;
	padding: .65em 0 .6em;
	border-bottom: none;
}

h3 {
	font-size: 192%;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	font-weight: bold;
	margin: .3em 0 .3em;
	padding: .1em 0 .2em;
	line-height: 1.4;
}

h3, h3 a, h3 a:visited {
	color: #333;
}

h3 q {
	font-weight: normal;
	clear: both;
	float: left;
	padding: .75em 0 .25em;
}

h3 + address {
	margin: -0.2em 0 1.4em;
}

h3.section, h3.section a, h3.section a:visited {
	margin-left: 0;
	color: #000;
	border-bottom: none;
	padding: .25em 0 .45em;
}

h3.white, h3.white a, h3.white a:visited {
	color: #fff;
}

h4, section.search-results article h2 {
	text-align: left;
	font-size: 180%;
	margin-bottom: .5em;
	line-height: 1.3;
}

h4, h4 a, h4 a:visited {
	color: #333;
}

h4 cite {
	display: block;
	font-size: 65%;
	line-height: 1.5;
	height: 3em;
}

h4 cite, h4 cite a, h4 cite a:visited {
	color: #000;
}

h4 q {
	display: block;
	clear: both;
	padding: .75em 0 .25em;
	margin-bottom: 0.3em;
	text-indent: -0.3em;
}

h4.white {
	line-height: 1.4;
}

aside h4 {
	font-size: 115%;
	line-height: 1.45;
	margin-bottom: -1.5em;
}

h5, h5 a, h5 a:visited {
	font-size: 120%;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	font-weight: bold;
	margin-bottom: .3em;
	color: #333;
}

h6 {
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	color: #666;
	border-bottom: solid 1px #bbb;
	margin-bottom: 1em;
	display: inline-block;
}

h6.tags, h6 a, h6 a:visited {
	color: #333;
}

h6.tags, h6.tags a, h6.tags a:visited {
	margin: -.3em -.2em 0;
	padding: .3em .2em .2em;
	border: none;
	text-transform: none;
	width: 100%;
	text-align: left;
}

h6.tags a, h6.tags a:visited {
	font-weight: normal;
}

h6 + p {
	margin-top: 0.25em;
}

section.blog-sidebar h6 {
	margin-top: 3.25em;	
}

section.blog-sidebar ol {
	list-style: none;
}

section.blog-sidebar ol li a, section.blog-sidebar ol li a:visited {
	display: block;
	font-size: 90%;
	width: 100%;
	max-width: 120px;
	margin: 0 0 0 -1em;
	padding: .5em .5em .25em 1em;
}

section.blog-sidebar ol li a, section.blog-sidebar ol li a:visited, section.blog-sidebar ol li a:hover, section.blog-sidebar ol li a:active {
	color: #000;
}

section.blog-sidebar ol li {
	margin: 0;
}

section p h2 {
	margin-bottom: .5em;
}

p {
	margin-top: 0;
}

p.white {
	line-height: 1.66;
}

p a, p a:visited,
address a, address a:visited,
article li a, article li a:visited,
aside a, aside a:visited,
.footer-content-column a, .footer-content-column a:visited {
	color: #333;
	margin: 0 0 1em;
	border-bottom: 2px solid rgb(255,255,0);
	padding-top: .2em;
	margin-top: -.2em;
}

footer a, footer a:visited,
h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited,
h6 a, h6 a:visited,
ul.tml-action-links li a, ul.tml-action-links li a:visited,
ul.tml-user-links li a, ul.tml-user-links li a:visited {
	border-bottom: 2px solid rgb(255,255,0);
	padding-top: .2em;
	margin-top: -.2em;
}

address a:hover,
article li a:hover,
aside a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h3.white a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
section.blog-sidebar a:hover,
ul.tml-action-links li a:hover,
ul.tml-user-links li a:hover,
.footer-content-column a:hover,
a.page-numbers:hover,
.white a:hover {
	color: #000;
	background-color: rgb(255,255,0);
	border-color: rgb(255,255,0);
}

address a:active,
article li a:active,
aside a:active,
h1 a:active,
h2 a:active,
h3 a:active,
h3.white a:active,
h4 a:active,
h5 a:active,
h6 a:active,
p a:active,
section.blog-sidebar a:active,
ul.tml-action-links li a:active,
ul.tml-user-links li a:active,
.footer-content-column a:active,
a.page-numbers:active,
.white a:active {
	color: #333;
	background-color: rgb(255,232,0);
	border-color: rgb(255,232,0);
}

address a:active,
article li a:active,
footer a:active,
p a:active,
section a:active,
ul.tml-action-links li a:active,
ul.tml-user-links li a:active {
	position: relative;
	top: 1px;
}

section.featured-blog h2.white,
section.featured-blog h2.white a,
section.featured-blog h2.white a:visited {
	color: #ffffff;
	opacity: 1;
	background: transparent;
	margin-left: 0;
	font-size: 120%;
	line-height: 1.25;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	border-top: 0;
}

a.read-more, a.read-more:visited, a.read-more:hover, a.read-more:active,
a.read-more.white, a.read-more.white:visited, a.read-more.white:hover, a.read-more.white:active, 
a.post-edit-link, a.post-edit-link:visited, a.post-edit-link:hover, a.post-edit-link:active,
a.comment-edit-link, a.comment-edit-link:visited, a.comment-edit-link:hover, a.comment-edit-link:active {
	display: inline-block;
	border-color: transparent;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	padding: .25em .33em 0 .5em;
	line-height: 1;
	margin: -1px 0 0 -0.5em;
}

a.read-more,
a.comment-edit-link,
a.post-edit-link,
ul.tml-action-links li a,
ul.tml-user-links li a {
	color: #333;
}

a.read-more::after {
	font-family: FontAwesome;
	content:"\f054";
	font-size: .9em;
	margin-left: .125em;
	color: rgb(255,244,0);
	font-style: normal;
	font-weight: normal;
	line-height: 1.25em;
}

a.read-more.white, a.read-more.white:visited {
	color: #fff;
} 

a.read-more:hover,
a.post-edit-link:hover,
a.comment-edit-link:hover,
ul.tml-action-links li a:hover {
	color: #000 !important;
}

a.next:hover:after, a.prev:hover:before,
a.read-more:hover:after,
a.post-edit-link:hover:before,
a.comment-edit-link:hover:before
ul.tml-action-links li a:before:after {
	color: rgb(255,224,0);
}

a.read-more:active,
a.post-edit-link:active,
a.comment-edit-link:active,
ul.tml-action-links li a:active {
	color: #333 !important;
}

a.read-more:active:after,
a.post-edit-link:active:before,
a.comment-edit-link:active:before
ul.tml-action-links li a:active:after {
	color: rgb(255,208,0);
}

.screen-reader-text, span.screen-reader-text, span.screen-reader-text a {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/*
END Typography
*/



/* Buttons
-------------------------------------------------------------- */

a.button,
a.comment-reply-link,
a#cancel-comment-reply-link,
a.page-numbers.prev, a.page-numbers.next,
input[type="button"],
input[type="submit"],
input#prompt_comment_unsubscribe,
#loginform .button-primary,
#submit {
	font-family: 'VistaSansLight', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 1;
	text-align: center;
	margin-left: 1.5em;
	padding: 1.25em 1em 1em;
	min-width: 10em;
	float: right;
	clear: right;
	background-color: transparent !important;
	border: solid 1px #ddd;
	color: #444;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
	box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}

a.button:hover, 
a.comment-reply-link:hover,
a#cancel-comment-reply-link:hover,
a.page-numbers.prev:hover, a.page-numbers.next:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input#prompt_comment_unsubscribe:hover,
#loginform .button-primary:hover,
#respond #submit:hover,
#submit:hover {
	background: none repeat scroll 0 0 #fff;
	border: solid 1px rgb(255,232,0);
	color: #000;
	-webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 8px 3px rgba(0,0,0,.05);
	box-shadow: 0 0 8px 3px rgba(0,0,0,.05);
}
 
a.button:active,
a.comment-reply-link:active,
a#cancel-comment-reply-link:active,
a.page-numbers.prev:active, a.page-numbers.next:active,
input[type="button"]:active,
input[type="submit"]:active,
input#prompt_comment_unsubscribe:active,
#loginform .button-primary:active,
#respond #submit:active,
#submit:active {
	background: none repeat scroll 0 0 #fff;
	border: solid 1px rgb(255,208,0);
	color: #999;
	-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.05);
	box-shadow: 0 0 8px 1px rgba(0,0,0,.05);
	top: 0;
}

a.button.white, a.button.white:visited {
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.5);
	box-shadow: 0 0 4px 2px rgba(0,0,0,.5);
	color: #eee;
}

a.button.dark, a.button.dark:visited {
	border: solid 1px #bbb;
}

a.button.white:hover {
	-webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 4px 3px rgba(0,0,0,.5);
	box-shadow: 0 0 4px 3px rgba(0,0,0,.5);
	color: #fff;
}

a.button.dark:hover {
	border: solid 1px rgb(255,255,0);
}

a.button.dark:active {
	border: solid 1px rgb(255,232,0);
}

a.button.white:active {
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 4px 1px rgba(0,0,0,.5);
	color: #ddd;
}

.circle-button, .circle-button:visited {
	position: relative;
	background: transparent;
	opacity: 1;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #eee;
	color: #ccc;
	margin: 0 16px 0 -4px;
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
	box-shadow: 0 0 4px 1px rgba(0,0,0,.05);
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}

.circle-button:hover {
	color: #bbb;
	border: solid 1px rgb(255,232,0) !important;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
	box-shadow: 0 0 4px 2px rgba(0,0,0,.05);
}

.circle-button:active {
	color: #ddd;
	border: 1px solid rgb(255,208,0) !important;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
	top: 0;
}

.contact-buttons {
	float: left;
	clear: both;
	margin: 1.5em 0 2em;
	width: 100%;
}

.contact-buttons .circle-button, .contact-buttons .circle-button:visited {
	border-color: transparent;
	color: #aaa;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.contact-buttons .circle-button:hover {
	color: #888;
}

.contact-buttons .circle-button:active {
	color: #bbb;
}

.share-buttons {
	float: right;
	margin: -3px -15px 4.25em 15px;
	padding: 0 5%;
}

header div.share-buttons {
	padding: 0;
	margin-bottom: 0;
}

.share-button {
	cursor: pointer;
}

.fa {
	font-family: FontAwesome !important;
}

span.fa {
	position: absolute;
}

.fa.fa-2x.fa-envelope {
	font-size: 17px;
	top: 6px;
	left: 6px;
}

.fa.fa-2x.fa-facebook {
	font-size: 20px;
	top: 5px;
	left: 9px;
}

.fa.fa-2x.fa-google-plus {
	font-size: 20px;
	top: 6px;
	left: 8px;
}

.fa.fa-2x.fa-linkedin {
	font-size: 20px;
	top: 4px;
	left: 7px;
}

.fa.fa-2x.fa-phone {
	font-size: 23px;
	top: 4px;
	left: 6px;
}

.fa.fa-2x.fa-pinterest {
	font-size: 22px;
}

.fa.fa-2x.fa-twitter {
	font-size: 22px;
	top: 4px;
	left: 4.5px;
}

section .contact-buttons a:active {
	top: 0;
}

a.page-numbers.prev, a.page-numbers.next, a.comment-reply-link, a#cancel-comment-reply-link, input#prompt_comment_unsubscribe {
	color: #555;
	border: solid 1px #fff;
	min-width: 8.75em;
	width: 8.75em;
	margin-right: 1em;
	padding: .7em 1.5em .5em 1.25em;
	-webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 8px 2px rgba(0,0,0,.05);
	box-shadow: 0 0 8px 2px rgba(0,0,0,.05);
}

a.prev::before, a.next::after, a#cancel-comment-reply-link::before, a.comment-reply-link::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	content: "\f112";
	font-size: 1em;
	line-height: 1em;
	margin-right: 1em;
	color: #ccc;
}

a.prev::before, a.next::after {
	font-size: 1.5em;
	line-height: .5em;
	margin: 0 .25em; 
	top: 2px;
	position: relative;
}

a.next::after {
	content:"\f0da";
	padding-left: .25em;
}

a.prev::before {
	content:"\f0d9";
	padding-right: .25em;
}

a.prev:hover::before, a.next:hover::after, a.comment-reply-link:hover::before {
	color: #bbb;
}

a.prev:active::before, a.next:active::after, a.comment-reply-link:active::before {
	color: #ddd;
}

a#cancel-comment-reply-link {
	margin-top: -4.35em;
	font-size: 100%;
}

a#cancel-comment-reply-link::before {
	content: "\f00d";
	color: #bbb;
}

a#cancel-comment-reply-link:hover::before {
	color: #aaa;
}

a#cancel-comment-reply-link:active::before {
	color: #ccc;
}

/*
END Buttons
*/



/* Pagination
-------------------------------------------------------------- */

nav.loop-nav {
	margin: 0 auto;
	width: 90%;
	max-width: 864px;
	position: absolute;
	bottom: -2em;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 1em 0;
	text-align: center;
}

.page-numbers, .page-numbers, a.page-numbers:visited {
	padding: .25em .5em;
	color: #333;
}

.current {
	color: #aaa;
}

.page-numbers.dots {
	padding: 0;
	color: #aaa;
}

a.prev.page-numbers, a.next.page-numbers {
	margin: 0;
	min-width: 7em;
	width: 7em;
	padding: .5em;
}

a.prev.page-numbers {
	float: left;
	padding-left: 0;
}

/*
END Pagination
*/



/* Form Fields
-------------------------------------------------------------- */

form {
	clear: both;
}

form label {
	color: #666;
	font-family: 'VistaSansLight', Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 1;	
	font-weight: normal;
	text-transform: uppercase;
	cursor: default;
	float: left;
	margin-bottom: .5em;
	clear: both;
}

.input-text,
input[type="text"], 
input[type="email"],
input[type="password"],
input[type="url"], 
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ddd;
	outline: none;
	font-family: 'VistaSansLight', Helvetica, Arial, sans-serif;
	font-size: 110%;
	line-height: 1.5;
	color: #000;
	margin: 0 0 1.25em;
	padding: .5em 2.5em .25em .75em;
	display: block;
	min-height: 30px;
	border-radius: 0;
}

select {
	padding: 0;
}

.input-text,
input[type="text"], 
input[type="email"],
input[type="password"],
input[type="url"], 
textarea {
	background-color: #fbfbfb;
	-webkit-box-shadow: inset 0 -4px 12px -4px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 -4px 12px -4px rgba(0,0,0,.1);
	box-shadow: inset 0 -4px 12px -4px rgba(0,0,0,.1);
	clear: both;
}

.input-text:focus,
.input-text:active,
input[type="text"]:focus,
input[type="text"]:active, 
input[type="email"]:focus,
input[type="email"]:active,
input[type="password"]:active,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="url"]:active,
textarea:focus,
textarea:active {
	-webkit-box-shadow: inset 0 -1px 12px 0 rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 -1px 12px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 12px 0 rgba(0,0,0,.15);
}

input[type="submit"]:focus,
input[type="submit"]:active {

}

input[type="radio"] {
	vertical-align: middle;
}

input[type="checkbox"] {
	display: inline;
}

input[type="submit"]:hover {
	cursor: pointer 
}

input:required:valid,
input:required:focus:valid,
textarea:required:valid, 
textarea:required:focus:valid {
	background-position: 98% !important;
	background-repeat: no-repeat !important;
	background-image: url('images/form-checkmark-24px.png');
	background-size: .75em .75em !important;
}

input:focus:invalid,
input:required:invalid, 
input:required:focus:invalid, 
textarea:required:invalid, 
textarea:required:focus:invalid {
	background-position: 98% !important;
	background-repeat: no-repeat !important;
	background-image: url('images/form-warning-32px.png');
	background-size: 1em 1em !important;
}

span.required {
	color: rgb(96, 160, 160);
}

/*
END Form Fields
*/



/* Header 
-------------------------------------------------------------- */

.breadcrumbs {
	display: none;
}

header.page {
	position: fixed;	
	height: 70px;
	clear: both;
	padding: 0;
	width: 100%;
	background: transparent url(images/header-bg-5000x80.png) center no-repeat;
	z-index: 2;
}

nav#navigation {
	clear: both;
	width: 100%;
	border-bottom: 4px solid #000;
	height: 66px;
	margin: 0 auto 5px;
	max-width: 960px;
	background: transparent url(images/header-bg-1920x140.png) no-repeat;
	background-size: 960px 70px;
	background-position: left -1px;
}

.header img {
	max-width: 100%;
}

.menu-home:focus {
	outline-style: auto;
}

.menu-home, .menu-home:visited {
	float: left;
	overflow: hidden;
	height: 36px;
	cursor: pointer;
	margin: 9px 0 0 9px;
	border: 1px solid transparent;
	padding: 0 0 10px 0;
	background: transparent url(images/header-logo-wordmark-320x96.png) no-repeat;
	background-size: 160px 48px;
	background-position: -9px 0;
}

.menu-home:hover {
	border-color: rgb(255,232,0);
}

.menu-home:active {
	border-color: rgb(255,208,0);
}

.pre-content {
	background: rgb(192,224,212) url(images/pre-content-background.png) no-repeat bottom / cover;
	height: 70px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.circle {
	background-color: rgb(255,208,0);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	position: absolute;
	bottom: 22px;
	left: 25px;
}

/*
END Header
*/



/* Primary menu 
-------------------------------------------------------------- */

#top-menu-wrap {
	float: left;
	width: -webkit-calc(100% - 180px - 61px);
	width: -moz-calc(100% - 180px - 61px);
	width: calc(100% - 180px - 61px);
}

#menu-primary {
	font-size: 1.4em;
	position: relative;
	margin: 0 auto;
	width: 100%;
	top: 9px;
}

#menu-primary .menu {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#menu-primary li {
	display: block;
	float: left;
	min-height: 30px;
}

#menu-primary li a {
	line-height: 1.4em;
	margin-left: 3.5em;
	display: block;
	text-transform: uppercase;
}

#menu-primary li.current-menu-item a {
	color: #aaa;
}

#menu-primary li li, #menu-primary li li.current-menu-item li {
	clear: both;
	float: none;
	border-top: 1px dotted #e5e5e5;
}

#menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child {
	border-top: none;
}

#menu-primary li li a, #menu-primary li li.current-menu-item li a {
	font-size: 1em;
	text-transform: none;
	color: #888;
	margin: 0 5px;
	padding: 12px 15px;
}

#menu-primary ul li a:hover, #menu-primary li ul li a:hover {
	color: #222;
}

#menu-primary ul {
	margin: 0 auto;
}

#menu-primary li {
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14pt;
	letter-spacing: 1px;
	background-color: transparent;
	text-align: center;
	width: 24%;
	margin: 0;
}

#menu-primary li a, #menu-primary li a:visited {
	line-height: 1.5em;
	margin: 0;
	text-transform: none;
	padding: 11px 15px 8px;
	border: 1px solid #fff;
	color: #000;
	background: #fff;
}

#menu-primary li a:hover {
	border: 1px solid rgb(255,232,0);
	background: #fff;
}

#menu-primary li a:active {
	border: 1px solid rgb(255,208,0);
	background: #fff;
}	

#menu-primary li.current-menu-item:after {
	content: '';
	position: absolute;
	left: 20px;
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
	border-bottom: 1px solid #666;
	bottom: 6px;
}

.menu li {
	position: relative;
}

.menu-toggle {
	display: none;
	/*margin-top:-37px;*/
}

.site-navigation .nav-menu {
	display: none;
}

.site-navigation .nav-menu .toggled-on {
	display: block;
}

/*
END Primary Menu
*/



/* Search Bar & Results
-------------------------------------------------------------- */

#search-enable:focus {
	outline-style: inherit;
	outline: initial;
	outline-style: auto;
}

#search-enable {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:-100%;
  top:-100%;
}

#search-enable + label {
	position:absolute;
	cursor:pointer;
	background: #fff;
	float: right;
	margin: 8px 15px 0 0;
	width: 50px;
	height: 47px;
	border: 1px solid transparent;
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 15px 13px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}


#search-enable:not(.mobile):hover + label {
  border: 1px solid rgb(255,232,0);
}

#search-enable + label:after {
	visibility: hidden;
	content:"Search"
}

.search-container {
	padding: 0;
	margin: 0;
	height: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 13px;
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-ms-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
	clear: both;
}

.search-form {
	float: left;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	margin-top: -60px;
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-ms-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}

#search-enable:checked ~ .search-container {
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 4px 6px -1px rgba(0,0,0,0.5);
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.5);
}

#search-enable:checked ~ .search-container .search-form {
	margin-top: 0;
}

#search-enable:checked + label {
	border: 1px solid rgb(255,208,0);
}

#search-enable:checked + label:after {
	content:"Close";
	visibility: hidden;
}

form.search {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

#search-field {
	position: absolute;
	height: 50px;
	top: -2px;
	left: -30px;
	cursor: text;
	width: 1020px;
	background-color: rgb(64,64,64);
	background-color: rgba(0,0,0,.75);
	color: #fff;
	border: none;
	text-indent: 186px;
	font-family: monaco, Consolas, 'Lucida Console', monospace;
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	text-overflow: clip;
}

form.search label {
	text-transform: none;
	font-family: 'VistaSansLight', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 120%;
	float: left;
	position: relative;
	z-index: 1;
	top: 15px;
	left: 70px;
	color: white;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

form.search label:not([open]) {
  display: inline-block;
}

.search-form .search-submit {
	display:none;
}

.search-results p {
	text-align: left;
	color: #333;
	margin: 1em 0 2em;
}

section.search-results article {
	float: left;
	padding: 1.5em 0;
	width: 100%;
}

div.entry-summary {
	float: left;
	width: 62%;
	padding-left: 4%;		
}

div.thumbnail-wrapper.search-results {
	float: left;
	width: 33%;
	margin-bottom: 1.5em;
}

section.search-results-form {
	top: 2em;
	margin-bottom: 2em;
}

/*
END Search Bar & Results
*/



/* Home Page 
-------------------------------------------------------------- */

header#home {
	width:100%;
	height: auto;
	padding: 0;
}

.swiper-container {
	width: 100%;
	height: 0;
	padding: 56.25% 0 0;
	min-height: 50px;
	background: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.swiper-container:active {
	cursor: col-resize;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

header#home h1 {
	margin: 0;
	padding: 0 4.5% 2.5%;
	width: 90%;
	font-family: 'VistaSansLight', Helvetica, Arial, sans-serif;
	font-style: normal;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: white;
	z-index: 1;
	line-height: 120%;
	font-size: 420%;
}

.swiper-slide  {
	height: 0!important;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	min-height: 180px;
	opacity: 0.4!important;
	position: absolute;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

header#home .swiper-pagination {
	left: auto;
	right: 5%;
	bottom: 4.5%;
	height: 24px;
	width: 8em;
}

header#home .swiper-pagination-bullet, header#home-carousel .swiper-pagination-bullet-active {
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
	opacity: 1;
	float: right;
	width: 28%;
	height: 100%;
	border: 1px solid rgb(64,64,64);
	border: 1px solid rgba(96,96,96,.6);
	margin: 0;
	border-radius: 0;
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}

header#home .swiper-pagination-bullet:nth-of-type(2) {
	margin: 0 8%;
}

header#home .swiper-pagination-bullet-active {
	background: rgb(48,48,48);
	background: rgba(0,0,0,.2);
	border: 1px solid rgb(144,144,144);
	border: 1px solid rgba(144,144,144,.6);
}

header#home .swiper-pagination-bullet:hover {
	border: solid 1px rgb(255,232,0) !important;
}

header#home .swiper-pagination-bullet:active {
	border: 1px solid rgb(255,208,0) !important;
}

.slide-subtitle {
	position: absolute;
	left: 5%;
	bottom: 0;
	padding-bottom: 2%;
	z-index: 3;
}

header#home .slide-subtitle a, header#home-carousel .slide-subtitle a:visited {
	font-size: 80%;
	border-top: solid 3px transparent;
	border-bottom: solid 1px rgb(255,208,0);
	color: #ddd;
}

header#home .slide-subtitle a:hover {
	background-color: rgb(255,208,0);
	border-color: rgb(255,208,0);
	color: #000;
}

header#home .slide-subtitle a:active {
	background-color: rgb(255,232,0);
	border-color: rgb(255,232,0);
	color: #333;
}

.home-recent-entry {
	overflow: hidden;
	margin: 12px 0 12px auto;
	text-align: center;
}

.home-recent-entry div, .home-recent-entry div p {
	text-align: left;
}

.home-recent-entry img {
	width: 90%;
	height: auto;
}

section.home-about{
	background: rgb(255,208,0);
}
	
section.home-blog {
	color: #000;
}

.latest-blog-post img {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.home-blog-side-section h4 a {
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	font-size: 110%;
	color: #000;
}

section.home-clients {
	background: rgb(32,120,128) url('images/background-dinosaurs-cyan.jpg') right no-repeat;
	color: #fff;
	background-size: cover;
}

section.home-map{
	width:100%;
	padding: 0;
	height: 270px;
	background: #fff;
}

/*
END Home Page
*/



/*  About Page
----------------------------------------------------- */

#about header.banner	{
	background: #444 url('images/background-office.jpg') center no-repeat;
	background-size: cover;
	padding: 5% 5% 3%;
	width: 90%;
}

.about-services p {
	font-size: 120%;
	line-height: 1.6;
}

.about-services h3 {
	margin-top: 20%;
}

.about-services ul {
	font-size: 80%;
	padding-left: 0;
	text-indent: 0;
}

.about-services .design {
	padding-right: 40px;
	margin-left: 30%;
}

.about-services .development {
	margin-left: 20%;
}

.about-services ul li:before {
	display: none;
}

section.about-collaboration {
	/*background: rgb(96,0,48) url('images/background-celebration-magenta.jpg') right no-repeat;*/
	/*background-size: cover;*/
	background-color: rgb(255,208,0);
	padding-bottom: 0;
	color: #000;
}

section.about-clients {
	background-color: rgb(255,208,0);
	padding: 0 105%;
	color: #000;
}

.about-clients h2 {
	margin-top: -15px;
}

.about-clients ul {
	text-align: justify;
	width: 100%;
	margin: 1em 0 .5em;
	padding: 0;
	text-indent: 0;
	text-decoration: none;
}

.about-clients ul:after {
   content: "";
   display: inline-block;
   width: 100%;
}

.about-clients ul li {
	display: inline-block;
	margin: 0;
	width: 19%;
	max-width: 160px;
}

.about-clients ul li:before {
	display: none;
	padding: 0;
}

.about-clients ul li img {
	max-width: 100%;
}

.about-clients ul li.client-list-aside {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 60%;
	margin: 0 auto;
	padding: 1.25%;
	vertical-align: middle;
	max-width: 512px;
}

.about-clients ul li.client-list-aside h4 {
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 96%;
}

section.about-values {
	background: rgb(32,120,128) url('images/background-eggs.jpg') left no-repeat;
	background-size: cover;
	padding-bottom: 30px;
}

section.about-management {
	background: transparent url('images/about-adam.jpg') 66% bottom no-repeat;
	background-size: 12.5%;
}

.about-management .contact-buttons {
	float: right;
	clear: none;
	margin: -.25em 0 0 1.5em;
	width: auto;
}

section.about-management h2 {
	margin-bottom: .75em;
}

section.about-management h5 {
	margin-bottom: .5em
}

a img.rgd-professional {
	width: 116.5px;
	float: right;
	border: solid 1px transparent;
}

a img.rgd-professional:hover {
	border: solid 1px rgb(255,232,0);
}

a img.rgd-professional:active {
	border: solid 1px rgb(255,208,0);
}

/*
END About Page
*/



/*  Catalyst Portfolio
----------------------------------------------------- */

header.portfolio {
	width: 100%;
	max-width: 960px;
	height: 50px;
	background: #eaeaea;
	color: #999;
	margin-bottom: 30px;
	z-index: 1;
	-webkit-box-shadow: 0 2px 6px -4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px -4px rgba(0,0,0,0.5);
	box-shadow: 0 2px 6px -4px rgba(0,0,0,0.5);
	position: relative;
	font-size: 130%;
	text-align: center;
	cursor: pointer;
}

header.portfolio:hover {
	background: #eee;
	color: #666;
}

.wrapper-dropdown {
	height: 40px;
	padding-top: 12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.wrapper-dropdown:after {/* Little arrow */
	content: "\f107";
	font-family: FontAwesome;
	width: 0;
	height: 0;
	position: absolute;
	right: 40px;
}

.wrapper-dropdown:focus {
	outline-style: inherit;
	outline: initial;
	outline-style: auto;
}

.wrapper-dropdown .dropdown {
	/* Size & position */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0 6px 6px -3px rgba(0,0,0,0.5);
	/* Styles */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	/* Hiding */
	max-height: 0;
	overflow: hidden;
}

ul.dropdown {
	margin: 0;
}

.wrapper-dropdown .dropdown li {
	list-style: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background: #777;
	background: rgb(72,72,72);
	background: rgba(0,0,0,.7);
	padding: 0;
	margin: 0;
	border-top: 1px solid #666;
	text-align: center;
}

.wrapper-dropdown .dropdown li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: transparent;
	padding: 10px 0 9px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: none;
}

.wrapper-dropdown .dropdown li i {
	margin-right: 5px;
	color: inherit;
	vertical-align: middle;
}

.wrapper-dropdown .dropdown li:hover, .wrapper-dropdown .dropdown li:hover a {
	color: #fff;
	background: rgb(40,40,40);
	background: rgba(0,0,0,.6);
}

.wrapper-dropdown.active {
	background: #ddd;
	color: #aaa;
}

.wrapper-dropdown.active:hover {
	background: #eee;
}

.wrapper-dropdown.active .dropdown {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	height: auto;
	max-height: 270px;
}

@-webkit-keyframes portfolioThumbnailZoom {
	from { width: 0; }
	50% { width: 0; }
	to { width: 100%; }
}

@-moz-keyframes portfolioThumbnailZoom {
	from { width: 0; }
	to { width: 100%; }
}

@-o-keyframes portfolioThumbnailZoom {
	from { width: 0; }
	to { width: 100%; }
}

@keyframes portfolioThumbnailZoom {
	from { width: 0; }
	to { width: 100%; }
}

.thumbnail-wrapper img.thumbnail {
	-webkit-animation: portfolioThumbnailZoom .6s;
	-moz-animation: portfolioThumbnailZoom .3s;
	animation: portfolioThumbnailZoom .3s; 
}

#portfolio-container {
	width: 90%;
	text-align: center;
	padding: 0 5%;
}

#portfolio-spinner {
	text-align: center;
	padding: 70px 0 120px;
}

#portfolio-spinner span {
	margin: 0 auto;
	color: #eee;
	font-size: 32px;
}

#portfolio-grid {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 60px auto;
	z-index: 0;
	height: auto;
	width: 100%!important;
}

.portfolio-gutter-sizer {
	width: 5%;
}

.portfolio-item {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.portfolio-item-sizer, .portfolio-item {
	width: 30%;
	min-height: 19em;
	margin-bottom: 2em;
}

.portfolio-post-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 95%;
	margin: 0 2.5% 3em;
	max-width: 960px;
	position: relative;
	min-height: 41em;
	border-top: solid 1px #eee;
	margin-top: -1px;
}

.portfolio-post-left-column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: -webkit-calc(100% - 336px);
	width: -moz-calc(100% - 336px);
	width: calc(100% - 336px);
	min-height: 25em;
	float: left;
	clear: none;
	padding: 2em 0;
}

.portfolio-post-right-column {
	background: #fff;
	position: absolute;
	top: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	right: 0;
	padding: 0 .75em 1.25em 2em;
	width: 336px;
}

.post-header {
	margin-top: 3em;
}

.right-section-header {

}

/* 
END Portfolio
*/



/* Blog
----------------------------------------------------- */

header.blog-page {
	width: 95%;
	margin: 1em 5% 0;
}

header.blog-page h1 {
	border-bottom: solid 1px #ddd;
	margin: .25em 5% 0 0;
	padding-bottom: .25em;
}

header.blog-page h4 {
	margin: .75em 5% 1em 0;
}

section.featured-blog-banner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 100vw;
	max-width: 960px;
	height: 75vw;
	max-height: 540px;
	min-height: 400px;
	background-position: center;
	background-size: cover;
	border: solid 1px #eee;
	margin-bottom: 45px;
	padding: 0;
}

section.featured-blog-banner article {
	background: rgb(180, 48, 112);
	background: rgba(160, 0, 80, 0.8);
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 -100%;
	padding: 1.25em 105%;
}

.date, .updated, .modified {
	font-weight: bold;
}

article input {
	margin: 24px 0;
}

article.featured-blog-post input {
	margin: 2px 0;
	float: right;
}

article address {
	color: #666;
}

article.excerpt-blog {
	margin: 0 5% 45px;	
}

article.excerpt-blog img {
	width: 100%;
}

section.blog-sidebar {
	width: 100%;
	margin: -2.75em 0 1.75em 0;
	padding: .25em 0 .75em;
	color: #000;
}

section.blog-sidebar.twitter {
	margin-bottom: 2em;
	border-bottom: 1px dotted #ddd;
}

section.blog-sidebar.home.twitter {
	margin-top: -1.5em;
	padding-bottom: .75em;
	padding-top: 0;
}

section.blog-sidebar p, section.blog-sidebar ol {
	margin-bottom: 0;
}

section.blog-sidebar h2, section.blog-sidebar p, section.blog-sidebar ol  {
	clear: both;
}

a.read-more.twitter {
	padding-top: 0;
	padding-bottom: .25em;
	margin-top: -.25em;
	float: right;
}

a.read-more.twitter span.fa.fa-2x.fa-twitter {
	position: relative;
	color: #999;
	margin-right: .25em;
	top: 2px;
}

div.atf-tweet-wrapper {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5%;
}

time.atf-tweet-time {
	float: right !important;
	font-size: 100%!important;
	margin: 1.5em 0 0 0 !important;
}

div.atf-user-card {
	clear: none !important;
}

div.atf-screen-name {
	padding-left: .75em;
	line-height: 1.3125;	
}

div.atf-screen-name a, div.atf-screen-name a:visited {
	font-size: 100%!important;
}

div.atf-retweet-credits {
	font-size: 85%;
}

time.atf-tweet-time,
div.atf-screen-name a, div.atf-screen-name a:visited,
div.atf-retweet-credits,
ul.atf-tweet-actions li a i,
a.atf-show-media-button {
	color: #999;
}

ul.atf-tweet-actions {
	color: #666;
	text-align: right;
	margin-right: 2em !important;
}

ul.atf-tweet-actions li a:hover .fa, div.atf-screen-name a:hover, div.atf-screen-name a:active {
	color: #000;
}

ul.atf-tweet-actions li::before {
	visibility: hidden;
}

ul.atf-tweet-actions li a .fa::before {
	border-radius: 50%;
	padding: 4px 4px 4px 5px;
	margin-left: -5px;
}

ul.atf-tweet-actions li a:hover .fa::before {
	background-color: rgb(255,255,0);
}

ul.atf-tweet-actions li a:active .fa::before {
	background-color: rgb(255,232,0);
}

div.atf-tooltip.visible {
	display: none;
}

header.blog-post {
	margin: 0 5%;
}

header.blog-post div.blog-post-header {
	width: 100%;
	overflow: hidden;
	margin: 45px 0;
	text-align: center;
	max-height: 480px;
	border: solid 1px #ddd;
}

header.blog-post img {
	max-width: 100%;
	max-height: 100%;
}

header.blog-post section {
	width: 100%;
}

header.blog-post h1.section {
	margin-left: -5%;
	max-width: -webkit-calc(100% - 200px);
	max-width: -moz-calc(100% - 200px);
	max-width: calc(100% - 200px);
}

header.blog-post h1.post-title {
	border-bottom: solid 1px #eee;
	margin: .5em 0 .2em;
	padding-bottom: .5em;
	float: left;
	width: 100%;
	clear: both;
}

h2.blog-category {
	width: 100%;
	margin-bottom: 3em;
}

h2.blog-category.sub {
	border: none;
}

article.blog-post {
	padding: 1.5em 0;
	margin: 0 5%;
}

article.blog-post h1 {
}

article.blog-post h2 {
}

article.blog-post h3 {
}

article.blog-post h4 {
}

article.blog-post h5 {
	margin: 1.75em 0 .75em;
}

article.blog-post h6 {
}

article.blog-post p {
	margin: 0 0 1em 0;
}

article.blog-post ol, article.blog-post ul {
	margin: 1em 2em 1.5em;
}

/*
END Blog
*/



/* Comments 
-------------------------------------------------------------- */

section.comments {
	padding-top: 0;
}

div.comment {
	padding-bottom: 2.5em;
}

ol.comment-list {
	margin: 2.5em 0 6em;
	list-style: none;
	border-bottom: dotted 1px #ddd;
}

ol.comment-list li {
	border-top: dotted 1px #ddd;
	padding: 2em 0 0;
	margin-bottom: 0!important;
}

ol.children {
	list-style: none;
	clear: both;
}

ol.children li {
	margin-left: 6%;
}

p.form-textarea.req {
	padding-top: 0;
}

.comment-author, .comment-author a, .comment-author a:visited {
	float: left;
	color: #333;
	font-weight: bold;
}

span.bullet, span.says {
	color: rgb(144,180,172);
	margin: 0 .1em;
	font-weight: normal;
}

p.log-in-out {
	color: #999;
	position: absolute;
	top: 3.6em;
	right: 0;
	line-height: 1.85;
	padding-top: .25em;
	margin-top: .55em;
	margin-top: calc(.3em + 4px);
}

p.log-in-out a, p.log-in-out a:visited, p.log-in-out a:hover, p.log-in-out a:active {	
	font-weight: bold;
	border-color: transparent;
}

p.log-in-out a.log-out {
	text-transform: lowercase;
	font-style: italic;
	margin-left: -.2em;
}

.comment-meta.commentmetadata {
	margin-bottom: 1em;
}

.comment-meta.commentmetadata a, .comment-meta.commentmetadata a:visited {
	color: #999;
}

a.post-edit-link:before, a.comment-edit-link:before {
	font-family: FontAwesome;
	font-style: normal;
	content: "\f040";
	font-size: 1em;
	line-height: .7em;
	margin-right: .5em;
	color: rgb(255,232,0);
}

a.comment-edit-link, span.edit {
	float: right;
}

form#commentform {
	padding: 0 0 6em;
}

h2#comments-number {
	width: 100%;
}

h3#reply-title.comment-reply-title {
	width: 100%;
	margin-bottom: 3em;
}

div#respond.comment-respond {
	margin-top: -4em;
	background-color: #fff;
	position: relative;
	padding-top: 3.7em;
}

input#email.text-input.error, textarea#comment.error {
	border: none!important;
}

#commentform div.error, #commentform label.error {
	color: rgb(240,0,144)!important;
	margin: -1.25em 0 1em;
	font-size: 90%;
	clear: both;
	display: inline;
	float: left;
}

#label-error-comment {
	clear: both;
	float: right;
	margin-top: 12px;
}

div.reply {
	min-height: 3em;
}

label#prompt-comment-subscribe {
	text-transform: none;
	color: #999;
	float: right;
	margin-bottom: 1.25em;
	clear:none;
	font-size: 85%;
}

div.prompt-unsubscribe {
	color: rgb(96, 160, 160);
	border-top: dotted 1px #ddd;
	border-bottom: dotted 1px #ddd;
	padding: 1em 0 1.25em 1em;
}

div.prompt-unsubscribe p {
	width: -webkit-calc(100% - 9.5em);
	width: -moz-calc(100% - 9.5em);
	width: calc(100% - 9.5em);
	display: inline-block;
	margin: auto;
	padding: .25em 0 0 .5em;
}

input#prompt_comment_unsubscribe {
	float: left;
	margin-left: 0;
}

div.blockUI {

}

div.blockUI + div.blockUI.blockOverlay {
	margin: auto !important;
	vertical-align: middle !important;
}

div.blockUI.blockOverlay + div.blockUI.blockMsg.blockPage {
	top: 45% !important;
	margin: auto !important;
	padding: 1em 5% !important;
	width: 90% !important;
	height: auto !important;
	font-weight: bold !important;
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

/*
END Comments
*/ 



/* Contact Page 
-------------------------------------------------------------- */

#contact header.banner	{
	background: transparent  url(images/banner-contact.jpg) top center no-repeat;
	background-size: contain;
}

#contact header.banner h1 {
	padding: 19% 5% 0;
}

section.contact address {
	margin-bottom: 2.5em;
}

form.wpcf7-form {
	margin-top: 0.5em;
}

span.wpcf7-form-control-wrap {
	min-height: 3em;
	float: left;
	clear: both;
	width: 100%;
}

.wpcf7 textarea {
	height: 140px;
}

input.wpcf7-form-control.wpcf7-submit {
	margin: 1em 0 0 0;
}

p#mc4wp-checkbox.mc4wp-checkbox-contact_form_7 label {
	text-transform: none;
	float: right;
	font-size: 85%;
	color: #666;
}

img.ajax-loader {
	position: relative;
	float: right;
	margin: 0 1.7em 0 0 !important;
	top: 1.6em;
}

.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
	border: none !important;
	float: right;
	clear: both;
	margin-top: -1em !important;
	padding: 0 !important;	
	position: relative;
	top: 2.5em;		
}

.wpcf7-mail-sent-ok {
	color: rgb(96, 160, 160);
}

span.wpcf7-not-valid-tip, .wpcf7-validation-errors, div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	color: rgb(240,0,144) !important;
	margin: -.5em 0 .5em;
	font-size: 90% !important;
	text-align: right;
	height: 0;
	line-height: 1.8;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	margin-bottom: 3em;
}

.contact-map-container {
	position: relative;
	overflow: hidden;
	width: 90%;
	margin: 4% 5% 6%;
	margin-top: 0;
	height: 270px;
}

.contact-map-container i {
	position: absolute;
	display: block;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.home-map-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	margin-top: 0;
	height: 270px;
}

.home-map-container i {
	position: absolute;
	display: block;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.map-top {
	top: -5px;
	left: 0;
	right: 0;
	height: 5px;
}

.map-right {
	right: -5px;
	top: 0;
	bottom: 0;
	width: 5px;
}

.map-bottom {
	bottom: -5px;
	left: 0;
	right: 0;
	height: 5px;
}

.map-left {
	left: -5px;
	top: 0;
	bottom: 0;
	width: 5px;
}

#contact-map-canvas,
#home-map-canvas {
	float: left;
	width: 100%;
	height: 100%;
}

.gmnoprint img {
	max-width: none; /* This is critical for Google map controls to show up properly */
}

section.careers .section-content {
	padding: 55px 0 30px;
}

.careers {
	color: #000;
	clear: both;
	background: rgb(255,208,0) url("images/contact-careers.png") no-repeat 38% 62% / 210px;
}

.careers a, .careers a:visited {
	color: #000;
}

/*
END Contact Page
*/



/*  Footer
----------------------------------------------------- */

footer {
	overflow: hidden;
	clear: both;
	background: rgb(192,224,212);
	padding-top: 3em;
}

.footer-content {
	font-size: 90%;
	width: 90%;
	padding: 0 5%;
	max-width: 864px;
	margin: 0 auto;
}

.footer-content-column {
	float: left;
	width: -webkit-calc(50% - 54px);
	width: -moz-calc(50% - 54px);
	width: calc(50% - 54px);
	padding-top: 2em;
	min-width: 212px;
}

.footer-content-column-wide {
	clear: both;
	float: left;
	text-align: right;
	padding: 1em 0 1.75em;
	width: 100%;
	color: #666;
	font-size: 80%;
	margin-top: 45px;
}

#mc_embed_signup.footer-content-column-wide {
	padding: 0;
	margin: 0;
	display: inline-table;
	line-height: 1.33em;
	clear: left;
}

#mc_embed_signup {
	font-size: 100%;
}

#mc_embed_signup input[type="email"] {
	width: -webkit-calc(100% - 10em);
	width: -moz-calc(100% - 10em);
	width: calc(100% - 10em);
	border: none;
	border-bottom: 1px #aaa solid;
	background: transparent;
	padding-right: 0;
	float: left;
	margin-bottom: .75em;
	clear: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mc_embed_signup input[type="email"]:focus {
	-webkit-box-shadow: inset 0 0 .5em 0 rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 0 .5em 0 rgba(0,0,0,.05);
	box-shadow: inset 0 0 .5em 0 rgba(0,0,0,.05);
	background-color: rgb(204,230,221);
	background-color: rgba(255,255,255,.2);
}

#mc_embed_signup input:required:valid {
	background-image: url('images/form-checkmark-24px-white.png');
}

#mc_embed_signup input[type="email"]:invalid {
	background-image: url('images/form-warning-32px.png');
	background-size: 1em 1em !important;
	background-repeat: no-repeat;
	background-position: 98% 8px !important;
}

::-webkit-input-placeholder {
   color: #888;
}

:-moz-placeholder {/* Firefox 18- */
   color: #888;
}

::-moz-placeholder {/* Firefox 19+ */
   color: #888;
}

:-ms-input-placeholder {
   color: #888;
}

input#mc-embedded-subscribe {
	border-color: #bbb;
	font-size: 89%;
	margin: -.5em 0 1.5em;
}

input#mc-embedded-subscribe:hover {
	border-color: rgb(255,232,0);
}

input#mc-embedded-subscribe:active {
	border-color: rgb(255,255,0);
}

div#mce-responses {
	color: #000;
	clear: both;
	width: -webkit-calc(100% - 10em);
	width: -moz-calc(100% - 10em);
	width: calc(100% - 10em);
}

div#mce-error-response.response, #subscribe-mail-error {
	color: #ec008c;
	margin-left: .5em;
	min-height: 5.75em;
}

#mc_embed_signup input.mce_inline_error {
	border-color: #aaa !important;
}

.social-media.footer-content-column {
	max-width: 108px;
	min-width: 108px;
}

.social-media.footer-content-column a, .social-media.footer-content-column a:visited  {
	font-size: 110%;
	color: rgb(255,244,0);
	margin: 0 10px 0 -8px;
	border-color: transparent;
	padding-top: 0;
	margin-top: -.25em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.social-media.footer-content-column a:hover  {
	color: rgb(255,255,0);
	background: none;
}

.social-media.footer-content-column a:active  {
	color: rgb(255,232,0);
	border-color: rgb(255,255,0)!important;
	background: none;
}

footer small {
	font-size: 85%;
}

/*
END Footer
*/ 



/* Login, Password Reset & Register etc.
-------------------------------------------------------------- */

div#theme-my-login.login, div#mc4wp-form-1 {
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	max-width: 960px;
}

div.mc4wp-alert {
	width: 100%;
	max-width: 320px;
	clear: both;
	margin: 0 auto;
	padding: 1.75em 0 0;
}

.mc4wp-success, .mc4wp-notice {
	color: rgb(96, 160, 160);
}

.mc4wp-error, .mc4wp-error a, .mc4wp-error a:visited {
	color: rgb(240,0,144);
}

h3.mailing-list {
	font-weight: normal;
}

div#mc4wp-form-1 {
	margin-bottom: 2em;
}

label.subscribe {
	margin-bottom: 1em;
}

input#mailing-list {
	margin-top: -2.25em;
}

form#loginform, ul.tml-action-links, form#lostpasswordform, form#registerform, div#mc4wp-form-1 form {
	max-width: 320px;
	margin: 0 auto;
}

p.forgetmenot {
	float: left;
}

p.forgetmenot label {
	float: left;
	clear: none;
	text-transform: none;
}

input#rememberme, input#subscribe, input#unsubscribe {
	margin: 0 .75em 0 0;
	float: left;
}

p.message, h1.message {
	max-width: 320px;
	margin: 0 auto;
	font-size: 160%;
	font-family: 'CaeciliaLight', Lucida Bright, Georgia, serif;
	font-style: italic;
	margin-bottom: .55em;
	text-align: left;
}

p#reg_passmail {
	color: rgb(144,180,172);
	margin: -.25em 0 1em;
	clear: none;
	width: 9em;
	float: left;
}

ul.tml-action-links, ul.tml-user-links {
	list-style: none;
	text-align: center;
	clear: both;
	padding: 2em 0;
	font-style: italic;
}

ul.tml-action-links li:first-child {
	float: left;
}

ul.tml-action-links li:last-child {
	float: right;
}

/*
END Login, Password Reset & Register
*/

/*
*
* Evil X in IE forms
*
*/ 
::-ms-clear,
::-ms-reveal {
   display: none;
}


/*  Responsive Layout Media Queries
----------------------------------------------------- */

@media only screen and (min-width: 720px) and (max-width : 960px) {


	header#home h1 {
		font-size: 400%;
	}

	header h1 {
		font-size: 282%;
	}

	h2 {
		font-size: 219%;
	}

	h3 {
		font-size: 188%;
	}

	h4 {
		font-size: 177%;
	}

	h5 {
		font-size: 118%;
	}
	
}

@media only screen and (min-width: 720px) {

	.site-navigation .nav-menu {
		display: block;
	}
	
	.menu-home {
		min-width: 170px;
	}

	#menu-primary li:nth-child(1) {
		width: 24%;
	}

	#menu-primary li:nth-child(2) {
		width: 25%;
	}

	#menu-primary li:nth-child(3) {
		width: 21%;
	}

	#menu-primary li:nth-child(4) {
		width: 24%;
		margin-right: 6%;
	}
 
}

@media only screen and (max-width : 720px) {

	body {
		font-size: 98%;
	}

	.button {
		font-size: 78%;
	}

	header h1 {
		font-size: 276%;
	}

	header#home h1 {
		font-size: 360%;
	}

	h2 {
		font-size: 214%;
	}

	h3 {
		font-size: 184%;
	}
	
	h4 {
		font-size: 174%;
	}

	h5 {
		font-size: 116%;
	}

	.menu-toggle, .menu-toggle:visited {
		display: inline-block;
		width: -webkit-calc(50% - 48px);
		width: -moz-calc(50% - 48px);
		width: calc(50% - 48px);
		float: right;
		text-align: right;
		height: 30px;
		font-size: 18px;
		font-weight: normal;
		line-height: 50px;
		cursor: pointer;
		border: 1px solid #fff;
		position: absolute;
		top: -48px;
		right: 9px;
		margin: 0;
		padding: 15px 30px 0 0;
	}

	.menu-toggle span {
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
		color: #666;
	}

	.menu-toggle:not(.mobile):hover {
		border-color: rgb(255,232,0);
	}

	.menu-toggle:hover span {
		color: #000;
	}
	
	.menu-toggle:active {
		border: 1px solid rgb(255,208,0);
	}
	
	.menu-toggle:active span {
		color: #666;
	}

	.menu-toggle span.toggled {
		color: #ccc;
	}

	@-webkit-keyframes mobileToggleON {
		from { color: #666; }
		to { color: #ccc; }
	}

	@-moz-keyframes mobileToggleON {
		from { color: #666; }
		to { color: #ccc; }
	}

	@-o-keyframes mobileToggleON {
		from { color: #666; }
		to { color: #ccc; }
	}

	@keyframes mobileToggleON {
		from { color: #666; }
		to { color: #ccc; }
	}

	@-webkit-keyframes mobileToggleOFF {
		from { color: #ccc; }
		to { color: #333; }
	}

	@-moz-keyframes mobileToggleOFF {
		from { color: #ccc; }
		to { color: #333; }
	}

	@-o-keyframes mobileToggleOFF {
		from { color: #ccc; }
		to { color: #333; }
	}

	@keyframes mobileToggleOFF {
		from { color: #ccc; }
		to { color: #333; }
	}

	.menu-toggle span.toggled {
		-webkit-animation: mobileToggleON .2s;
		-moz-animation: mobileToggleON .2s;
		animation: mobileToggleON .2s;
	}

	.menu-toggle span {
		-webkit-animation: mobileToggleOFF .4s;
		-moz-animation: mobileToggleOFF .4s;
		animation: mobileToggleOFF .4s;
	}

	.menu-home {
		width: -webkit-calc(50% - 4px);
		width: -moz-calc(50% - 4px);
		width: calc(50% - 4px);
	}

	#top-menu-wrap {
		width:100%;
	}

	#menu-primary .menu, #menu-primary .menu ul, #menu-primary ul li {
		float: left;
		width: 100%;
		text-align: left;
	}

	#menu-primary {
		top: 0;
	}
	
	#menu-primary .menu {
		background-color: #fff;
		-webkit-box-shadow: 0 6px 6px -1px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 6px 6px -1px rgba(0,0,0,0.5);
		box-shadow: 0 6px 6px -1px rgba(0,0,0,0.5);
	}

	#menu-primary .menu ul {
		padding-bottom: 9px;
	}

	#menu-primary ul{
		display: none;
	}
	
	#menu-primary ul li {
		clear:both;
		margin: 0 9px;
		width: -webkit-calc(100% - 18px);
		width: -moz-calc(100% - 18px);
		width: calc(100% - 18px);
	}
	
	#menu-primary li a, #menu-primary li li a {
		padding: 10px 60px;
	}	

	#menu-primary li.current-menu-item:after {
		left: -9px;
		width: 55px;
		bottom: 25px;
	}

	.search-container {
		height: 0px!important;
	}

	#search-enable + label {
		visibility: hidden;
	}

	.about-clients ul li.client-list-aside {
		width: 48%;
	}

	.content-column-two-thirds {
		width: 100%;
	}
	
	.portfolio-item-sizer, .portfolio-item {
		width: 47.5%;
	}

	.portfolio-post-left-column {
		width: 100%;
		padding: 0 0 3em;
	}
	
	.portfolio-post-right-column {
		display: none;
	}

	.portfolio-post-wrapper {
		width: 90%;
		margin: 0 5%;
	}
	
	.post-header {
		padding-left: 0;
	}

	.thumbnail-wrapper {
		max-width: 308px;
	}
	
}

@media only screen and (max-width : 640px) {

	body {
		font-size: 96%;
	}

	.button {
		font-size: 76%;
	}

	header h1 {
		font-size: 270%;
	}

	header#home h1{
		font-size: 310%
	}

	h2 {
		font-size: 209%;
	}

	h3 {
		font-size: 180%;
	}

	h4 {
		font-size: 171%;
	}

	h5 {
		font-size: 114%;
	}

	.about-clients ul li.optional {
		display: none;
		visibility: hidden;
	}

	.about-clients ul li {
		width: 24%;
	}

	.about-clients ul li.client-list-aside {
		width: 49%;
	}

	.content-column-one-quarter{
		width: 50%;
		margin-left: -10%;
		float: left;
		min-width: 160px;
	}

	.content-column-one-quarter-fixed, .content-column-one-third-fixed, .content-column-one-half, .content-column-two-thirds-flexible, .content-column-three-quarter, .content-column-three-quarter-flexible {
		width: 100%;
		float: left;
	}

	.content-column-one-quarter-fixed {
		padding: 0;
	}

	.content-column-two-thirds-flexible {
		margin-top: 45px;
	}

	.content-column-one-third-fixed {
		margin-top: 0;
	}

	.content-column-three-quarter-flexible h2 {
		display: block;
		margin-bottom: 1.3em;
	}

	.mobile-only {
		display: inline-block;
		margin-bottom: .5em;
	}

	section.home-blog article:last-child {
		margin-bottom: 2em;
	}

	section.about-management {
		background-image: url('images/about-white.png'),url('images/about-adam.jpg');
		background-position: 122%  bottom;
		background-size: auto 100%;
	}

	section.blog-sidebar {
		margin: -2.75em 5% 1.5em;
		float: left;
		clear: none;
		width: 72px;
	}

	section.blog-sidebar.home.twitter {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	div.atf-inner-wrapper {
		font-size: 110%;
	}

	section.blog-sidebar.twitter {
		width: -webkit-calc(85% - 72px);
		width: -moz-calc(85% - 72px);
		width: calc(85% - 72px);
		margin-left: 0;
	}

	section.careers {
		background-position: right 14px;
	}

	section.careers h4 {
		margin-top: 45px;
	}

	section.full-viewport {
		margin: 0;
		padding-left: 5%;
		padding-right: 5%;
	}

}

@media only screen and (max-width : 560px) {

	body {
		font-size: 94%;
	}

	.button {
		font-size: 74%;
	}

	header h1 {
		font-size: 264%;
	}

	header#home h1 {
		font-size: 270%;
	}
	
	h2 {
		font-size: 204%;
	}

	h3 {
		font-size: 176%;
	}

	h4 {
		font-size: 167%;
	}

	h5 {
		font-size: 112%;
	}

	.content-column-one-third {
		width: 47.5%;
		padding-right: 5%;
	}

	.content-column-one-third.portfolio:nth-of-type(2) {
		padding-right:0;
	}

	.content-column-one-third.portfolio:last-child {
		display: none;
	}

	.footer-content-column {
		width: 50%;
	}

	#mc_embed_signup input[type="email"] {
		width: 100%;
		margin-bottom: 2em;
	}

	div#mce-responses {
		width: 100%;
	}

}

@media only screen and (max-width : 480px) {

	body {
		font-size: 92%;
	}

	.button {
		font-size: 72%;
	}

	header#home h1 {
		font-size: 230%;
	}

	header h1 {
		font-size: 258%;
	}

	h2 {
		font-size: 199%;
	}

	h3 {
		font-size: 172%;
	}

	h4 {
		font-size: 164%;
	}

	h5 {
		font-size: 110%;
	}

	.about-clients ul li {
		width: 32%;
	}

	.about-clients ul li.client-list-aside {
		width: 100%;
		padding: 2.5%;
	}

}

@media only screen and (max-width : 400px) {

	body {
		font-size: 90%;
	}

	.button {
		font-size: 70%;
	}

	header#home h1 {
		font-size: 210%;
	}

	header h1 {
		font-size: 252%;
	}

	h2 {
		font-size: 194%;
	}

	h3 {
		font-size: 126%;
	}

	h4 {
		font-size: 161%;
	}

	h5 {
		font-size: 108%;
	}

	div.entry-summary {
		width: 100%;
		padding: 0;
	}

	div.thumbnail-wrapper.search-results {
		width: 100%;
		max-width: 360px;
	}

}

@media only screen and (max-width : 360px) {

	body {
		font-size: 89%;
	}

	.button {
		font-size: 69%;
	}

	header#home h1 {
		font-size: 195%;
	}

	header h1 {
		font-size: 246%;
	}

	h2 {
		font-size: 189%;
	}

	h3 {
		font-size: 168%;
	}

	h4 {
		font-size: 158%;
	}

	h5 {
		font-size: 106%;
	}

	.content-column-one-third {
		width: 100%;
	}

	.content-column-one-third.portfolio:nth-of-type(2) {
		margin: 1em 0 -1em;
	}

	.portfolio-item-sizer, .portfolio-item {
		width: 100%;
	}

}

@media only screen and (max-width : 320px) {

	body {
		font-size: 88%;
	}

	.button {
		font-size: 68%;
	}

	header#home h1 {
		font-size: 190%;
	}

	header h1 {
		font-size: 240%;
	}

	h2 {
		font-size: 184%;
	}

	h3 {
		font-size: 164%;
	}

	h4 {
		font-size: 155%;
	}

	h5 {
		font-size: 104%;
	}

}

/*
END Responsive Layout Media Queries
*/



/* Colour Reference

cyan dark			rgb(32,120,128)
cyan				rgb(128,204,224)
cyan light			rgb(144,196,216)
cyan lighter		rgb(160,224,232)

magenta				rgb(240,0,144)
magenta	dark		rgb(120,0,72)
magenta	darker		rgb(96,0,48)


tourquioise	light	rgb(216,248,232)
tourquioise			rgb(192,224,212)
tourquioise darker 	rgb(144,180,172)
tourquioise darkest	rgb(96, 160, 160)

yellow-lightest		rgb(255,255,0)
yellow-light		rgb(255,244,0)
yellow-medium		rgb(255,232,0)
yellow-dark			rgb(255,224,0) 
yellow-darkest		rgb(255,208,0)

*/