/*
Theme Name: Paladin
Theme URI: http://www.paladinmgmt.com
Author: Kenan Rubenstein for Boy Blue & Co.
Author URI: http://www.boyblueandco.com/
Description: Custom theme for Paladin Management Group.
Version: 1.2
Text Domain: boyblue


Colors
--------
White: 		#ffffff;
Cream: 		#f6f4f1;
Pale Yellow: #f9f3d2

Gold: 		#aa8857;
Tan: 		#c9bca9;
Goldenrod: 	#b5813c;

Dark Blue:	#0c293f;
Baby Blue: 	#76b2cc;
Sea Foam: 	#6da8b5;
Medium Blue #006b8f;
Pale Blue: 	#bfd7dd;
Bright Blue #0099c8;

Red: 		#ca1f46;
Rose: 		#d35d76;
Bright Red: #ed1846;

Grey: 		#a3a2a2;

*/



/* Fonts */

@font-face {
	font-family: 'BB-BookmanOldStyle';
	src: url('fonts/3B1271_0_0.eot');
	src: url('fonts/3B1271_0_0.eot?#iefix') format('embedded-opentype'),
	     url('fonts/3B1271_0_0.woff2') format('woff2'),
		 url('fonts/3B1271_0_0.woff') format('woff'),
		 url('fonts/3B1271_0_0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
  font-family: 'BB-BookmanOldStyle';
  src: url('fonts/BookmanOldStylePro-BoldIt/font.woff2') format('woff2'), 
  	   url('fonts/BookmanOldStylePro-BoldIt/font.woff') format('woff');
	   font-weight: 700;
	   font-style: italic;
 }

@font-face {
	font-family: 'BB-FranklinGothic';
	src: url('fonts/3B1271_1_0.eot');
	src: url('fonts/3B1271_1_0.eot?#iefix') format('embedded-opentype'),
	     url('fonts/3B1271_1_0.woff2') format('woff2'),
		 url('fonts/3B1271_1_0.woff') format('woff'),
		 url('fonts/3B1271_1_0.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'BB-FranklinGothic';
	src: url('fonts/3B1271_2_0.eot');
	src: url('fonts/3B1271_2_0.eot?#iefix') format('embedded-opentype'),
	     url('fonts/3B1271_2_0.woff2') format('woff2'),
		 url('fonts/3B1271_2_0.woff') format('woff'),
		 url('fonts/3B1271_2_0.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'BB-FranklinGothic';
	src: url('fonts/3B1271_3_0.eot');
	src: url('fonts/3B1271_3_0.eot?#iefix') format('embedded-opentype'),
	     url('fonts/3B1271_3_0.woff2') format('woff2'),
		 url('fonts/3B1271_3_0.woff') format('woff'),
		 url('fonts/3B1271_3_0.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'BB-FranklinGothic';
	src: url('fonts/3B12AD_0_0.eot');
	src: url('fonts/3B12AD_0_0.eot?#iefix') format('embedded-opentype'),
	     url('fonts/3B12AD_0_0.woff2') format('woff2'),
		 url('fonts/3B12AD_0_0.woff') format('woff'),
		 url('fonts/3B12AD_0_0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
   
@font-face {
	font-family: 'BB-FranklinGothic';
	src: url('webfonts/3B12AD_1_0.eot');
	src: url('webfonts/3B12AD_1_0.eot?#iefix') format('embedded-opentype'),
	     url('webfonts/3B12AD_1_0.woff2') format('woff2'),
		 url('webfonts/3B12AD_1_0.woff') format('woff'),
		 url('webfonts/3B12AD_1_0.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}



/* Animation */

@keyframes reveal {
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

@keyframes slow-reveal {
	0%, 10% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

@keyframes slower-reveal {
	0%, 20% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}



/* Global / Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
	margin: 0;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}

.preseen .vidbg-container {
	/* opacity: 0 !important; */
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	font-weight: 400;
	line-height: 1;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color .4s, background .4s, border .4s;
}
a:hover, a:active {
	border-color: #aa8857;
}
a:focus, a:hover, a:active {
	outline: 0;
}


abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b, strong, dt {font-weight: 700;}
address, cite, dfn, em, i {font-style: italic;}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
blockquote:after {
	height: 32px;
	width: 32px;
	background: #fff;
	position: absolute;
	right: -16px;
	bottom: -16px;
	transform: rotate(45deg);
}
blockquote {
	padding: 16px 20px;
	margin: 0 0 32px;
	border-top: 16px solid #0c293f;
	position: relative;
	overflow: hidden;
}
blockquote cite, blockquote small {
	line-height: 1.5;
}
.entry-content blockquote p:last-child {
	margin: 0;
}

small {font-size: smaller;}
big {font-size: 125%;}

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

ul, ol {list-style: none;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
svg {
	height: 100%;
	width: 100%;
	transition: fill .4s, stroke .4s, transform .4s;
	fill: #fff;
}

fieldset {border: 1px solid rgba(0, 0, 0, 0.1);}
legend {white-space: normal;}
button, input, select, textarea {
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {line-height: normal;}
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
input[type="search"], input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {font-weight: bold;}

del {color: #767676;}

hr {display: none;}

/* non-standard selection styling */
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}


/* Fonts */

body,
#content #page-header h2, .author {
	font-family: 'BB-FranklinGothic', sans-serif;
}
h1, h2, blockquote {
	font-family: 'BB-BookmanOldStyle', serif;
}

body,
#menu ul ul, .author {
	font-size: 21px;
}
.article-info,
.grid li,
#legal-bar {
	font-size: 18px;
}
#menu,
a h3, h3 a,
.cta, .grid li .label,
.name h3,
input[type="submit"],
blockquote {
	font-size: 24px;
}
#content #page-header h2 {
	font-size: 26px;
}
#ctas h2,
#content article h2,
#content #related-articles h2 {
	font-size: 38px;
}

#content h2 {
	font-size: 50px;
}

body,
#menu ul ul,
.article-info {
	font-weight: 400;
}
.cta, #menu,
h3, h4,
#announcement-bar span span,
.name, .grid li .label, .parent-link,
input[type="submit"] {
	font-weight: 600;
}
blockquote {
	font-weight: 700;
}

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

#content h2,
#ctas h2 {
	line-height: 1.15;
}
#content #page-header h2 {
	line-height: 1.05;
}
#content h3 {
	line-height: 1.2;
}
blockquote,
.grid li,
#announcement-bar, #legal-bar,
#content #page-header h2 {
	line-height: 1.35;
}
.entry-content,
.index,
.sidebar,
.article-info {
	line-height: 1.6;
}

#content h3,
.article-info {
	text-transform: uppercase;
}
#content a h3,
#content h3 a {
	text-transform: none;
}


/* Colors */

/* Dark Blue Text */
body, article h2 span,
.bg-medium-blue h2,
.bg-bright-blue h2,
.bg-gold h2,
.grid a:hover,
.bg-white h2,
#page-header h2,
#page-header a:hover h2 {
	color: #0c293f;
}
/* White Text */
blockquote,
.bg-medium-blue,
.bg-medium-blue h2 span,
.bg-baby-blue h2 span,
.bg-tan h2 span,
.bg-sea-foam h2 span,
.bg-bright-blue,
.bg-bright-blue h2 span,
.bg-gold,
.bg-gold h2 span,
.single #ctas,
.last-bg-white + #ctas,
#announcement-bar {
	color: #fff;
}
/* Gold Text */
a:hover,
.bg-cream h2 span,
.bg-white h2 span,
article h2,
.article-info {
	color: #aa8857;
}
/* Tan Text */
#colophon, #legal-bar {
	color: #c9bca9;
}
/* Pale Blue Text */
#menu ul ul a {
	color: #bfd7dd;
}
.preseen h2 span, article h2 span.author,
.preload #page-header h2 span {
	color: inherit;
}

/* Dark Blue Fill */
svg,
#content .grid a:hover svg {
	fill: #0c293f;
}
/* Red Fill */
.cls-1,
#content #page-header .header-content a:hover svg {
	fill: #ca1f46;
}
/* Gold Fill */
article header svg,
.sidebar .contact-info svg,
#content a:hover svg,
#content #page-header .header-content a svg {
	fill: #aa8857;
}
/* White Fill */
#menu-list svg,
#announcement-bar svg {
	fill: #fff;
}

/* Cream Background */
#masthead {
	background: #f6f4f1;
}
/* Medium Blue Background */
.bg-medium-blue,
.bg-medium-blue .cta span:after,
#announcement-bar {
	background: #006b8f;
}
/* Bright Blue Border */
.bg-medium-blue .cta span,
#legal-bar .cta span {
	border-color: #0099c8;
}
/*.bg-medium-blue .cta:hover span {
	border-color: #b5813c;
}*/
blockquote,
.bg-baby-blue, 
.bg-baby-blue .cta span:after {
	background: #76b2cc;
}
.bg-sea-foam,
.bg-sea-foam .cta span:after{
	background: #6da8b5;
}
/* Bright Blue Background */ 
.bg-bright-blue,
.bg-bright-blue .cta span:after,
#announcement-bar {
	background: #0099c8;
}
.bg-cream,
.bg-cream .cta span:after,
.bg-cream.index .service-content,
.bg-cream.index .service-content ul {
	background: #f6f4f1;
}
.bg-cream .cta span,
#ctas .cta span,
.bg-white .cta span,
.bg-white span.submit {
	border-color: #6da8b5;
}
.bg-bright-blue .cta span {
	border-color: #0c293f;
}
/*#ctas .cta:hover span,
.single #ctas .cta:hover span,
.last-bg-white + #ctas .cta:hover span{
	border-color: #ca1f46;
}*/
.bg-tan,
.bg-tan .cta span:after,
.single #ctas .call:nth-of-type(2n):after,
.last-bg-white + #ctas .call:nth-of-type(2n):after {
	background: #c9bca9;
}
.bg-tan .cta span, {
	border-color: #b5813c;
}

.bg-gold,
.bg-gold .cta span:after,
.single #ctas,
.last-bg-white + #ctas,
.single #ctas .cta span:after,
.last-bg-white + #ctas .cta span:after,
#announcement-bar a:hover {
	background: #aa8857;
}
.single #ctas .cta span,
.last-bg-white + #ctas .cta span {
	border-color: #c9bca9;
}

.grid .cta span {
	border-color: #aa8857;
}

#colophon, #legal-bar, #legal-bar .cta span:after {
	background: #0c293f;
}


.icon {
	display: block;
}
h4 .icon {
	display: inline-block;
	height: 14px;
	width: 14px;
	float: right;
	margin: -1px 0 0 8px;
	vertical-align: top;
}
a .icon-arrow {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 1px 0 0 16px;
	transform-origin: 50% 50%;
	transition: transform .5s;
	vertical-align: top;
}

.staff-member h4 .icon svg,
a .icon-arrow svg {
	transform: rotate(180deg);
	transform-origin: 50% 50%;
}
.staff-member.compressed h4 .icon svg,
.closed a .icon-arrow svg,
.compressed a .icon-arrow svg {
	transform: rotate(90deg);
}

.entry-content .ctas {
	padding: 0;
	margin: 0 0 32px;
}
#related-articles .ctas {
	max-width: 900px;
	margin: 16px auto;
	text-align: center;
}
#related-articles ul + .ctas {
	text-align: left;
}
.ctas.conclusion {
	margin-top: 48px;
}
.cta {
	display: block;
	text-decoration: none !important;
}
.ctas .cta {
	margin: 0 0 32px;
}
.cta:hover {
	color: inherit;
}
.cta span,
form span.submit {
	display: inline-block;
	padding: 0 0 6px;
	border-bottom: 8px solid #aa8857;
	position: relative;
	transition: border .5s;
}
/* a.cta:hover span,
a:hover .cta span,
form span.submit:hover {
	border-color: #ca1f46;
} */
.cta span:after,
form span.submit:after,
.alm-btn-wrap:after {
	content: '';
	display: block;
	height:12px;
	width: 12px;
	border: 0px solid #999;
	position: absolute;
	left: -7px;
	bottom: -14px;
	background: #fff;
	transform: rotate(45deg);
	transition: left .5s;
}
.alm-btn-wrap:after {
	bottom: -6px;
}

.entry-content p a {
	text-decoration: underline;
}



/* Structure */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

#masthead .banner,
#colophon .banner {
	margin: 0;
	padding: 16px;
}

#page {
	transition: opacity .4s;
}
.preload #page {
	opacity: 0;
}



/* Header */

#masthead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: background .5s, border .5s;
}
#masthead .banner {
	position: relative;
}
#masthead .banner:after {
	content: '';
	display: block;
	clear: both;
}
#masthead h1 {
	float: left;
	line-height: 32px;
	height: 32px;
	width: 160px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.home #masthead h1 {
	opacity: 0;
	transition: opacity 1s;
}
.home.scrolling #masthead h1 {
	opacity: 1;
}
#masthead h1 .icon {
	height: 100%;
}
#masthead a {
	display: block;
	text-decoration: none;
	height: 100%;
}






/* Main Nav */

#menu h2 {
	position: absolute;
	right: 0;
	bottom: 100%;
	padding: 0;
	width: 70px;
	height: 64px;
	display: none;
	overflow: hidden;
}
#menu h2 a {
	display: block;
	height: 100%;
	width: 100%;
}
#menu h2 a svg {
	padding: 16px 0;
}
#menu ul ul {
	text-transform: none;
}

#menu {
	width: 100%;
	max-width: none;
	position: absolute;
	top: 100%;
	left: 0;
}
#menu h2 {
	display: block;
}
#menu h2 svg rect {
	transition: transform .6s;
}
#menu h2 svg #menu-rect-1 {
	transform-origin: 0 18px;
}
#menu h2 svg #menu-rect-3 {
	transform-origin: 0 2px;
}
#menu h2 svg #menu-rect-2 {
	transform-origin: 25% 0;
}
#menu.active h2 svg #menu-rect-3 {
	transform: rotate(45deg);
}
#menu.active h2 svg #menu-rect-1 {
	transform: rotate(-45deg);
}
#menu.active h2 svg #menu-rect-2 {
	transform: scale(0, 1);
}

#menu #menu-overlay {
	position: fixed;
	background: none;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	z-index: -1;
	display: none;
	cursor: alias;
}
#menu.active #menu-overlay {
	display: block;
}
#menu #menu-overlay .label {
	display: none;
}

#menu > div {
	position: fixed;
	top: 64px;
	bottom: 48px;
	right: 0;
	width: calc(100% - 16px);
	padding: 0;
	z-index: 9;
	background: #0c293f;
	transform: translate(100%, 0);
	transition: transform .6s, top .6s;
	z-index: 10;
}
.scrolling #menu > div {
	top: 64px !important;
}
#menu > div:before {
	content: '';
	display: block;
	height: 32px;
	width: 45px;
	background: #0c293f;
	transform: rotate(45deg);
	transform-origin: 100% 100%;
	position: absolute;
	bottom: -32px;
	left: -13px;
	box-sizing: border-box;
	z-index: -1;
}
#menu > div:after {
	content: '';
	display: block;
	height: 32px;
	width: 0448;
	background: #0c293f;
	position: absolute;
	bottom: -32px;
	left: 32px;
	right: 0;
}
#menu-list {
	max-height: 100%;
	overflow: auto;
	padding: 32px 0;
}
#menu ul ul {
	overflow: hidden;
	transition: height .5s;
}
#menu ul .open {
	border-bottom: 1px solid #aa8857;
}
#menu .parent-link {
	border-bottom: 1px solid #bfd7dd;
}
#menu.active > div {
	transform: translate(0, 0);
}

#menu ul a {
	color: #fff;
	line-height: 1.2;
	padding: 12px 32px;
	position: relative;
}
#menu ul ul a {
}
#menu ul a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #aa8857;
	transition: transform .4s;
	transform: scale(0,1);
	transform-origin: 0 50%;
	z-index: -1;
}
#menu ul ul a:before {
	background: #006b8f;
}
#menu ul .open > a:before {
	transform: scale(1,1);
}
#menu ul .has-submenu > a {

}
#menu li ul {
	margin: 0 0 32px;
}
#menu li.closed ul {
	height: 0 !important;
	margin: 0;
}




/* Content */

#content {
	margin: 64px 0 0;
	padding: 0;
	transition: opacity .8s;
}
.preload #content {
	opacity: 0;
}

#content .banner {
	height: 96px;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

section {
	padding: 48px 16px 32px;
	clear: both;
	overflow: hidden;
}
.section-content {
	max-width: 960px;
	margin: 0 auto;
}

section.video-container {
	padding: 16px 16px;
}
.video-container .section-content {
	max-width: 640px;
}

.hero-image-container .section-content {
	max-width: 880px;
}

.bg-video {
	display: none;
}

section:nth-of-type(2n-1) h3 + .entry-content:before {
	background-color: #00375e;
}

.index {
	clear: both;
}

#paladin-logo {
	width: 100%;
	height: 19vw;
	background: url('images/paladin-lockup.svg') 0 0/contain no-repeat;
	margin: 0 0 32px;
}

article img.attachment-boyblue-splash {
	width: 100%;
}
#page-header {
	position: relative;
	padding: 48px 16px;
	background-size: cover !important;
	background-color: #fff;
	background-repeat: no-repeat;
}
#page-header h2 {
	
}
#page-header h2 span {
	color: #aa8857;
}

#page-header .header-content .headline {
	margin: 0 0 32px;
}
#page-header .header-content .icon {
	width: 64px;
	height: 64px;
	display: block;
	margin: 0 auto 32px;
}

.section-content h2 {
	padding: 0 0 3px;
}

article {
	padding: 32px 16px;
	margin: 0 auto;
	max-width: 960px;
}
article header,
.article-section {
	position: relative;
	margin: 0 0 16px;
	transition: margin .6s;
}
.article-section.active {
	margin: 48px 0;
} 
article header .icon {
	height: 128px;
	margin: 0 0 16px;
}
article header .illo-icon {
	width: 192px;
	margin: 0 auto 16px;
}
.entry-content a h3:after {
	content: '';
	display: block;
	clear: both;
}
.entry-content h3 .icon {
	float: left;
	height: 64px;
	width: 64px;
	margin: 4px 16px 4px 0;
}

.expanded-content {
	transition: height .6s;
	overflow: hidden;
}
.compressed .expanded-content {
	height: 0 !important;
}

.grid {
	padding: 0 16px 32px;
}
.page #related-articles {
	padding-top: 64px;
}
.grid h2 {
	max-width: 912px;
	margin: 0 auto 16px;
}
.grid > ul,
.ajax-load-more-wrap {
	max-width: 912px;
	margin: 0 auto;
}
.ajax-load-more-wrap {
	padding: 0 8px;
}
.ajax-load-more-wrap .alm-listing {
	margin: 0 -8px;
}
.alm-btn-wrap {
	padding: 0;
	display: inline-block;
	margin: 32px 0;
	position: relative;
}
.alm-btn-wrap button {
	padding: 0 0 8px;
	background: none;
	border: 8px solid #aa8857;
	border-width: 0 0 8px;
}
.alm-btn-wrap button[disabled] {
	opacity: .4;
	display: none;
}
.grid li {
	text-align: center;
	margin: 0 0 12px;
}
.grid li.featured {
	text-align: left;
	margin-bottom: 32px;
}
.grid li.service {
	margin: 0 0 80px;
}
.grid li.team-member {
	margin: 0 0 48px;
}
.grid a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}
.grid .icon {
	width: 96px;
	height: 80px;
	margin: 0 auto 24px;
}
.grid .icon img {
	max-height: 100%;
	width: auto;
}
.grid .cta {
	margin: 0;
}
.grid .service-content ul {
	padding-top: 16px;
}

section .grid {
	padding: 48px 0 0;
}
section .grid li {
	margin-bottom: 48px;
}



/* Industries Index */
.list .row-content {
	padding: 8px 16px 32px;
}


.post-edit-link {
	position: absolute;
	top: 0;
	right: 100%;
	padding: 0 20px 0 0;
	font-size: 12px;
	text-transform: uppercase;
}
.entry-content {
	max-width: 640px;
	margin: 0 auto 16px;
	position: relative;
}
.article-content {
	position: relative;
	max-width: 640px;
	margin: 0 auto;
}
.single-service .article-content {
	max-width: none;
}

#mc_embed_signup {
	max-width: 640px;
	margin: 0 auto 64px;
	position: relative;
	padding: 0 16px;
}

.conclusion {
	margin-top: 48px;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content form {
/*	max-width: 720px;*/
	margin: 0 0 30px;
}
.entry-content h4 {
}

.author {
	display: block;
}

.entry-content h3 {
	margin: 42px 0 0;
}
article .entry-content h3 {
	margin-top: 64px;
}
article .entry-content a h3 {
	margin-top: 16px;
}
.entry-content h4 {
	margin: 32px 0 0;
}

.article-info {
	display: block;
}
.article-source + .article-date:before,
.featured .article-source + .article-date:before {
	content: ' • ';
}
	
.article-meta {
	margin: 32px auto;
	padding: 12px 0 0;
	border-top: 2px solid #00375e;
	width: calc(100% - 32px);
	max-width: 718px;
}

.entry-content ul {
	list-style: circle;
	margin: 16px 0 30px 18px;
}
.entry-content ul li {
	margin: 0 0 12px;
}
.entry-content .related-team ul {
	list-style: none;
	margin-left: 0;
}
.entry-content .related-team ul li {
	margin: 0;
}

.pub-logo {
	display: block;
	width: 35%;
	margin: 0 0 24px 32px;
	max-width: 160px;
	float: right;
}


#post-nav > div {
	padding: 15px;
}
#post-nav .icon {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto 15px;
}
#post-nav div[style] svg {
	fill: #fff;
}
#post-nav .prev,
#post-nav .next {
	width: 50%;
	display: inline-block;
}
#post-nav .prev .icon {
	transform: rotate(180deg);
}

.preview-image {
	border-top: 16px solid #0c293f;
	margin: 16px 0 32px;
}

p.img img {
	border-top: 16px solid #0c293f;
	margin: 4px 0 32px;
}

.related-team {
	margin: 64px 0 0;
}
.related-team-member:after {
	content: '';
	display: block;
	clear: both;
}
.entry-content h3 + .ctas {
	margin-top: 32px;
}
article .entry-content .related-team h3 {
	margin-top: 32px;
}
.related-team h3 a {
	display: block;
}


/* Team page */

.team-member-portrait {
	border-top: 16px solid #0c293f;
	background-color: #aa8857;
	margin: 0 0 16px;
}
.team-member-portrait img {
	width: 100%;
}

.sidebar {
	overflow: hidden;
}
.sidebar div {
	margin: 0 0 32px;
}
.sidebar .icon {
	width: 48px;
	height: 48px;
	margin: 4px 16px 8px 0;
}
.contact-info .icon + .label {
	display: none;
}
.placeholder .team-member-portrait {
	display: none;
}
.grid li .entry-content {
	max-width: none;
}
.placeholder .name h3 {
	border-top: 16px solid #0c293f;
	padding-top: 16px;
	display: inline-block;
}
#search-bar {
	transition: height .5s;
}



/* Forms */

form:after {
	content: '';
	display: block;
	clear: both;
}
label .helper,
label.helper {
	display: none;
}
input,
textarea,
select {
	width: 100%;
	padding: 14px 18px;
	border: 2px solid #fff;
	background: #bfd7dd;
	color: #00375e;
	margin: 8px 0;
	transition: background-color .3s, box-shadow .4s;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	height: 40px;
	border: 1px solid #aaaaaf;
	color: #aaaaaf;
	padding: 0 12px;
	position: relative;
	cursor: pointer;
}
span.select {
	position: relative;
	display: block;
}
span.select:after {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	right: 16px;
	height: 18px;
	width: 15px;
	background: transparent url('images/icon_select_lei.svg') no-repeat right 0;
	background-size: auto 100%;
	z-index: 4;
	pointer-events: none;
}
select option {
	background: #42424b;
	color: #fff;
	font-weight: 300;
	height: 40px;
	padding: 8px 12px;
}
select:focus,
select option:focus {
	color: #6da8b5;
	outline: none;
}
select:-moz-focusring { /* hack: remove FF's focus ring */
    color: transparent;
    text-shadow: 0 0 0 #42424b;
}
input:focus,
textarea:focus {
	outline: none;
	background: #6da8b5;
}
form span.submit {
float: right;
}
input[type="submit"] {
	background: none;
	color: #0c293f;
	text-align: right;
	width: auto;
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	box-shadow: none;
}

/* placeholders */
::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
   opacity: 1;
}
:-ms-input-placeholder {  
   color: #fff;  
   opacity: 1;
}

/* WPCF7 overrides */

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: none;
}
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors {
	border: none;
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
	background: #d35d76;
	color: #fff;
}
.wpcf7 span.wpcf7-not-valid-tip {
	color: #d35d76;
	margin: 0 0 16px;
}
.wpcf7 .ajax-loader {
	position: fixed;
	right: 100%;
	margin: 0 0 0 -16px;
	background: #fff;
	padding: 8px;
	border-radius: 1px;
}



/* Footer */

#ctas {
	padding: 64px 16px 16px;
	z-index: 1;
	position: relative;
	background: #fff;
}
#ctas .call {
	margin: 0 0 48px;
}

#ctas h2 {
	padding: 0 0 8px;
}

#colophon {
	line-height: 1.6;
	padding: 32px 0 0;
	z-index: 1;
	position: relative;
	text-align: center;
}
#colophon div {
	margin: 0 0 32px;
}
#colophon a {
	display: inline-block;
}
#colophon svg {
	fill: #ca1f46;
}
#colophon .social svg {
	fill: #aa8857;
}
#colophon span {
	display: inline-block;
}
#colophon #social-menu li {
	display: inline-block;
}

#contact-menu .icon,
#social-menu .icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin: 0 12px;
	vertical-align: middle;
}
#social-menu li .label,
#contact-menu li .label{
	display: none;
}
#colophon .generator,
#colophon .designer {
	display: none;
}
#colophon .logo .icon {
	height: 64px;
}

.awards-bar {
	border-top: 1px solid #c9bca9;
	text-align: center;
	padding: 16px 0;
	margin: 16px 0 0;
}
.awards-bar li {
	display: inline-block;
	width: 50%;
	padding: 16px;
}
.awards-bar span {
	display: block;
}
#colophon .awards-bar span.label {
	display: none;
}

#announcement-bar {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: height .6s, padding .6s;
	overflow: hidden;
}
#announcement-bar a {
	color: inherit;
	padding: 16px 64px 16px 16px;
}
.scrolling #announcement-bar {
	height: 0 !important;
	padding: 0 64px 0 16px;
}
#announcement-bar .icon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translate(0, -50%);
	height: 32px;
	width: 32px;
}

#legal-bar {
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 32px 16px;
	border-top: 1px solid #fff;
	transition: transform .5s;
}
#legal-bar.closed {
	transform: translate(0, 100%);
}
#legal-bar .message a {
	text-decoration: underline;
}
#legal-bar .cta {
	margin: 32px 0 0;
}
#legal-bar .close {
	display: block;
	position: absolute;
	right: 16px;
	bottom: 24px;
}
#legal-bar .icon {
	display: block;
	width: 40px;
	height: 40px;
}
#legal-bar .label {
	display: none;
}
#legal-bar svg {
	fill: #c9bca9;
}


/* Responsivity */

/* Future-proof the viewport meta tag */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}



@media (min-width: 641px) {

	#page-header.float {
		height: calc(100vh - 64px);
	}
	
	#menu > div {
		max-width: 320px;
	}
	
	#content .banner {
		height: 128px;
	}
	
	blockquote {
		padding: 72px 76px 70px;
		font-size: 26px;
	}
	blockquote:before {
		content: '';
		display: block;
		position: absolute;
		top: 48px;
		left: 48px;
		height: 24px;
		width: 24px;
		border: 5px solid #0c293f;
		border-width: 5px 0 0 5px;
	}
	blockquote:after {
		height: 64px;
		width: 64px;
		right: -32px;
		bottom: -32px;
	}
	
	#content h2 {
	}
	
	
	#page-header .header-content {
		width: 90%;
		max-width: 736px;
		overflow: hidden;
		transition: width 1.2s;
		transition-delay: 1.2s;
		margin: 64px auto;
	}
	#page-header.float .header-content {
		width: 90%;
		max-width: 736px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: hidden;
		transition: width 1.2s;
		transition-delay: 1.2s;
	}
	
	#page-header .header-content:after {
		content: '';
		display: block;
		clear: both;
	}
	#paladin-logo {
		height: 18vw;
		max-height: 146px;
		margin-bottom: 0;
	}
	#page-header .headline {
		width: 100%;
		margin: 0;
		transition: opacity 2s;
	}
	#page-header h2 {

	}
	
	h2 span {
		transition: color .4s;
		transition-delay: .8s;
	}
	#page-header h2 span {
		transition: color .4s;
		transition-delay: 2s;
	}
	
	.home #masthead {
		background-color: transparent;
	}
	.home.scrolling #masthead,
	#masthead:hover {
		background-color: #f6f4f1;
	}
	
	section {
		padding: 96px 16px 64px;
	}
	
	#page-header {
		background-attachment: fixed;
		background-size: 100% auto !important;
	}
	
	
	#legal-bar:after {
		content: '';
		display: block;
		clear: both;
	}
	#legal-bar .message {
		width: calc(100% - 200px);
		float: left;
		text-align: right;
	}
	#legal-bar .cta {
		margin: 0;
		width: 200px;
		padding: 0 0 0 32px;
		float: right;
	}
	
	#legal-bar .close {
		bottom: auto;
		top: 16px;
	}
	#legal-bar .icon {
		width: 24px;
		height: 24px;
	}
	#legal-bar a:hover svg {
		fill: #fff;
	}
	
	section:after,
	#ctas:after {
		content: '';
		display: block;
		clear: both;
	}
	
	#ctas {
		padding: 0;
	}
	.ctas-content {
		padding: 64px 32px 32px;
		margin: 0 auto;
		max-width: 960px;
	}
	.ctas-content:after {
		content: '';
		display: block;
		clear: both;
	}
	#ctas .call {
		position: relative;
	}
	
	.section-content .section-header,
	.section-content .section-body {
		width: calc(50% - 8px);	
		padding: 0 8px;
		margin: 0;
		overflow: hidden;
		transition: transform 1.6s
	}
	#ctas .call {
		width: 50%;	
		padding: 0 16px;
		margin: 0;
	}
	
	.section-content h2,
	.section-content .entry-content{
		margin: 0;
		width: 100%;
		transition: transform 1.6s, opacity .4s;
	}
	.preseen .section-content h2,
	.preseen .section-content .entry-content{
		opacity: 0;
		transform: translate(100%, 0)
	}
	.preseen:nth-of-type(2n) .section-content h2,
	.preseen:nth-of-type(2n-1) .section-content .entry-content {
		transform: translate(-100%, 0)
	}
	.section-content .section-header,
	#ctas .call:nth-of-type(2n-1) {
		float: left;
		text-align: right;
	}
	#ctas .call:nth-of-type(2n-1) {
		padding: 0 33px 0 0;
	}
	.section-content .section-body,
	#ctas .call:nth-of-type(2n) {
		float: right;
	}
	#ctas .call:nth-of-type(2n) {
		padding: 0 0 0 33px;
	}
	#ctas h2 {
		margin-bottom: 32px;
		padding-bottom: 0;
	}
	#ctas .call:nth-of-type(2n):after {
		content: '';
		display: block;
		position: absolute;
		width: 2px;
		left: -1px;
		top: 4px;
		bottom: 31px;
		background: #0c293f;
	}
	section:nth-of-type(2n-1) .section-body {
		padding-top: 12px;
	}
	section:nth-of-type(2n) .section-header {
		float: right;
		text-align: left;
	}
	section:nth-of-type(2n) .section-body {
		float: left;
		text-align: right;
	}
	section:nth-of-type(2n-1) .section-header {
		padding-left: 0px; 
	}
	section:nth-of-type(2n) .section-header {
		padding-right: 0px; 
	}
	
	section .entry-content h3:first-child {
		margin-top: 0;
	}
	
	article {
		padding: 64px 32px;
	}
	.article-content:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.single-team .article-content {
		margin-left: 256px;
	}
	article header .team-member-portrait,
	.single-team .sidebar {
		float: left;
		width: 224px;
		margin: 0 0 32px -256px;
		clear: left;
	}
	article header .team-member-portrait {
		margin-top: 5px;
	}
	
	.single-service .article-content {
		padding: 0 0 0 160px;
	}
	.single-service article header .icon,
	.single-service article header .illo-icon,
	.single-service article h3 .icon {
		float: none;
		position: absolute;
		top: 0;
		right: calc( 100% + 32px );
		padding: 0;
	}
	.single-service article header .illo-icon {
		top: -10px;
		right: calc( 100% + 24px );
	}
	.single-service article header .icon {
		width: 128px;
		height: 128px;
	}
	.single-service article header .illo-icon {
		width: 192px;
	}
	.single-service article h3 .icon {
		width: 32px;
		height: auto;
		margin: 2px 0 0 0;
		transition: width .6s, right .6s;
	}
	.single-service article .active h3 .icon {
		width: 96px;
	}
	
	.related-team .team-member-portrait {
		width: 192px;
		margin: 0 32px 32px 0;
		float: left;
	}
	
	#colophon {
		text-align: center;
		font-size: 18px;
	}
	
	.index li {
	transition: opacity .8s;
	}
	.index li.preseen {
		opacity: 0;
	}
	
	.grid {
		padding: 16px 16px 48px;
	}
	.grid h2 {
		padding: 0 8px;
	}
	#team-index.grid {
		padding: 0 8px 32px;
	}
	.grid .placeholder .team-member-portrait {
		display: block;
		margin-bottom: 16px;
	}
	.grid > ul > li,
	.alm-reveal > li {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	.grid > ul > li.featured {
		width: 100%;
	}
	.team-member-portrait .featured-bg {
		background-size: cover;
		background-position: 50% 50%;
		height: 100%;
		width: 100%;
		transition: transform 1.5s;
		z-index: 2;
		padding: 30% 0;
	}
	.featured .team-member-portrait img {
		display: none;
	}
	.grid li.service {
		padding: 0 16px;
	}
	.grid li.team-member {
		padding: 0 8px;
	}
	.grid .team-member-portrait .default {
		padding: 47.224% 0;
	}
	.placeholder .name h3 {
		border: none;
		padding: 0;
	}
	li:not(.featured) .article-info span {
		display: block;
	}
	.article-date + .article-source:before,
	.article-source + .article-date:before{
		content: '';
	}
	
	section .grid {
		padding-top: 64px;
	}
	section .grid li {
		margin-bottom: 64px;
	}
	
	#colophon {
		text-align: left;
		line-height: 1.8;
	}
	#colophon .banner {
		max-width: 496px;
		margin: 0 auto;
		padding: 32px 0 48px;
	}
	#colophon .banner div {
		margin-bottom: 0;
	}
	#colophon .logo {
		float: left;
		width: 96px;
		height: 120px;
		margin: 0 32px 16px 0;
	}
	#colophon .logo .icon {
		height: 100%;
		width: 100%;
	}
	#colophon #social-menu {
		margin-bottom: 16px;
	}
	#social-menu .icon {
		margin: 0 16px 0 0;
	}
	
	#colophon .footer-links {
		text-align: center;
		border-top: 1px solid #c9bca9;
		margin: 12px 0 0;
		padding: 12px 0 0;
	}
	
}



@media ( min-width: 768px ) {
	
	#content #page-header h2 {
		line-height: 1.5;
	}
	
	#page-header {
		transition: opacity 1.2s;
		transition-delay: .4s;
		position: relative;
	}
	.preload #page-header {
		opacity: 0;
	}
	.scrolling #page-header {
		transition: opacity .4s;
		transition-delay: 0s;
	}
	
	#page-header .header-content h2 {
		transition: height .6s;
		transition-delay: .8s;
		overflow: hidden;
	}
	.preload #page-header .header-content h2.compressed {
		height: 0;
	}
	#page-header .header-content .icon {
		margin-bottom: 0;
	}
	

	#page-header.float {
		height: calc(100vh - 64px);
	}
	.scrolling #page-header.float {
		opacity: 0;
	}
	
	#page-header.float .header-content {
		position: fixed;
	}
	
	#colophon .awards-bar {
		margin: 16px 0 32px;
	}
	
	#colophon .awards-bar ul {
		margin: 0 -128px;
	}
	.awards-bar li {
		width: 33.3%;
		padding: 16px;
	}

	
}

@media ( min-width: 880px ) {

	/* Fonts */
	.article-info,
	.grid li {
		font-size: 16px;
	}
	/* body,
	#menu ul ul {
		font-size: 18px;
	} */
	#menu,
	.cta,.grid li .label,
	.name h3,
	#announcement-bar,
	input[type="submit"] {
		font-size: 21px;
	}
	#legal-bar {
		padding: 32px;
	}
	blockquote {
		font-size: 29px;
	}
	.featured .name h3 {
		font-size: 36px;
	}
	#ctas h2,
	#content #related-articles h2 {
		font-size: 48px;
	}
	#content article h2 {
		font-size: 52px;
	}
	#content h2 {
		font-size: 74px;
	}
	
	
	#legal-bar {
		padding-left: 100px;
	}
	#legal-bar .cta {
		padding-left: 64px;
	}
	
	
	/* Colors */
	.article-info {
		color: #f9f3d2;
	}
	
	/* Hover */
	#menu ul a:hover:before {
		transform: scale(1,1);
	}
	a.cta:hover span:after,
	a:hover .cta span:after,
	form span.submit:hover:after,
	.alm-btn-wrap:hover:after {
		left: calc(100% - 6px);
	}
	a:hover .team-member-portrait .featured-bg {
		transform: scale(1.16, 1.16);
	}
	
	blockquote {
		padding: 92px 96px 89px;
	}
	blockquote:before {
		top: 64px;
		left: 64px;
	}
	blockquote:after {
		height: 72px;
		width: 72px;
		right: -36px;
		bottom: -36px;
	}
	
	
	
	.alignleft,
	p.img .alignleft {
		float: left;
		margin: 0 48px 32px -96px;
		width: 320px;
	}
	.alignright,
	p.img .alignright {
		float: right;
		margin: 0 -96px 48px 32px;
		width: 320px;
	}
	
	a .icon-arrow {
	height: 16px;
	width: 16px;
	}	
	
	#content .banner {
		height: 160px;
	}
		
	
	section {
		padding: 128px 16px 96px;
		z-index: 1;
		position: relative;
	}
	.section-content .section-header,
	.section-content .section-body {
		padding: 0 24px;
	}
	section:nth-of-type(2n-1) .section-body {
		padding-top: 18px;
	}
	section:nth-of-type(2) .section-body {
		padding-top: 4px;
	}
	#ctas .call:nth-of-type(2n-1) {
		padding-right: 64px;
	}
	#ctas .call:nth-of-type(2n) {
		padding-left: 64px;
	}
	#ctas h2 {
		margin-bottom: 48px;
	}
	
	article {
		padding: 80px 32px;
	}
	article header {
		margin: 0 0 32px;
	}
	.article-section.active {
		margin: 64px 0;
	} 
	.single-service .article-content {
		padding: 0 0 0 256px;
	}
	.single-service article header .icon {
		right: calc( 100% + 64px );
	}
	.single-service article header .illo-icon {
		right: calc( 100% + 48px );
	}
	
	.single-team .article-content {
		margin-left: 304px;
	}
	article header .team-member-portrait,
	.single-team .sidebar {
		width: 256px;
		margin-left: -304px;
	}
	article header .team-member-portrait {
		margin-top: 7px;
	}
	
	.preview-image {
		margin: 32px 0 48px;
	}
	
	.bg-video {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	.bg-video video {
		height: 100%;
		width: auto;
	}
	.bg-video + .section-content {
		z-index: 2;
		position: relative;
	}

	
	.sidebar .icon {
		width: 32px;
		height: 32px;
	}
	
	.grid {
		padding-bottom: 64px;
	}
	#team-index.grid {
		padding-bottom: 96px;
	}
	.grid > ul > li,
	.alm-reveal > li {
		width: calc( 100% / 3 );
	}
	.grid li.service,
	.grid li.grid-item {
		padding: 0 32px;
		margin-bottom: 80px;
	}
	.grid .icon {
		margin-bottom: 32px;
	}
	
	.grid li:nth-child(3n-2) {
		transition-delay: .2s;
	}
	.grid li:nth-child(3n-1) {
		transition-delay: .4s;
	}
	
	.grid li.featured .name {
		max-width: 320px;
		padding: 32px;
		transition: background 1.5s;
	}
	.grid li.featured a:hover .name {
		background: rgba(12, 41, 63, .8);
	}
	.grid li.featured .entry-content {
		max-width: 640px;
		margin-top: 48px;
	}
	.grid li.featured .name h3 {
		padding: 32px;
	}
	.grid li.team-member.featured {
		margin-bottom: 64px !important;
	}
	
	#services-index > ul {
		max-width: 1024px;
	}
	
	.service ul {
		transform: translate(100%, 0);
		transition: height .3s, transform .6s;
		overflow: hidden;
	}
	.service a:not(:hover) ul.compressed {
		height: 0 !important;
	}
	.service a:hover ul {
		transform: translate(0, 0);
		max-height: 256px;
	}
	.service .icon {
		transition: height .6s, margin .6s, opacity .4s, transform .6s !important;
	}
	.service a:hover .icon {
		transform: scale(1.2, 1.2);
	}
	.service.has-subsections a:hover .icon {
		height: 0;
		margin-bottom: 0;
		opacity: 0;
		transform: none;
	}
	.service .service-content {
		transition: transform .6s;
		z-index: 6;
		position: relative;
		overflow: hidden;
	}
	
	.grid .team-member {
		overflow: hidden;
		position: relative;
		margin-bottom: 0 !important;
	}
	.grid .team-member .name {
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		width: 100%;
		height: 100%;
		padding: 16px;
		z-index: 3;
		transition: opacity .4s;
	}
	.grid .team-member .name h3 {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		padding: 16px;
	}
	.grid .image .name {
		background-color: rgba(170, 136, 87, .6);
		background-color: rgba(12, 41, 63, .6);
		opacity: 0;
	}
	.grid .featured .image .name {
		opacity: 1;
	}
	.grid .image a:hover .name {
		opacity: 1;
	}
	.grid .team-member-portrait .default {
		background: #0c293f;
		transition: opacity .4s;
		opacity: 0;
	}
	.grid a:hover .team-member-portrait .default {
		opacity: 1;
	}
	.grid .team-member-portrait {
		overflow: hidden;
		transition: background .5s;
	}
	.grid a:hover .team-member-portrait {
		background-color: #aa8857;
	}
	.grid .team-member-portrait img {
		z-index: 2;
		position: relative;
		transition: transform .8s, opacity .3s;
	}
	.team-member a:hover .team-member-portrait img {
		/* transform: translate(0, -100%); */
		transform: scale(1.1, 1.1);
		/* opacity: 0; */
	}
	.related-team .team-member-portrait {
		overflow: hidden;
	}
	.related-team .team-member-portrait img {
		transition: transform .8s, opacity .3s;
	}
	.related-team .team-member-portrait a:hover img {
		transform: scale(1.1, 1.1);
	}
	
	.index .row {
		position: relative;
		overflow: hidden;
	}
	.index .row:before,
	.index .row:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 60%;
		top: 0;
		height: 100%;
		z-index: 1;
		transition: opacity .4s;
	}
	.index .row:nth-of-type(2n):before,
	.index .row:nth-of-type(2n):after {
		left: auto;
		right: 0;
	}
	.index .row:before {
		background: rgba(255, 255, 255, .4);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.index .row:nth-of-type(2n):before {
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.index .row:hover:before {
		opacity: 0;
	}
	
	.index .row:after {
		background: rgba(0, 0, 0, .4);
		background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		opacity: 0;
	}
	.index .row:nth-of-type(2n):after {
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.index .row:hover:after {
		opacity: 1;
	}
	.index .row a:hover {
		color: #fff;
	}
	.index .row a:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(255, 255, 255, .4);
		transition: background .4s;
		z-index: 2;
	}
	.index .row a:hover:before {
		background: rgba(0, 107, 143, .4);
	}
	.index .row .row-content {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 3;
		width: 50%;
		padding: 24px 32px;
		max-height: 100%;
	}
	.index .row:nth-of-type(2n) .row-content {
		left: auto;
		right: 0;
		text-align: right;
	}
	.index .row a .banner {
		transition: transform 1s;
	}
	.index .row a:hover .banner {
		transform: scale(1.08, 1.08);
	}
	
	#colophon {
		padding: 48px 0 16px;
	}
	#contact-menu .icon,
	#social-menu .icon {
		width: 32px;
		height: 32px;
	}
	#colophon .banner div {
		margin-bottom: 4px;
	}
	#colophon #social-menu {
		margin-bottom: 28px;
	}
	
	
}

@media (min-width: 1088px) {

	.alignleft,
	p.img .alignleft {
		float: left;
		margin: 0 64px 32px -160px;
		width: 320px;
	}
	.alignright,
	p.img .alignright {
		margin: 0 -160px 32px 64px;
	}

	#content .banner {
		height: 192px;
	}
	
	#industry-index .name {
		font-size: 29px;
	}
	#content article h2 {
		font-size: 62px;
	}
	#content h2 {
		font-size: 86px;
	}
	#content #page-header h2 {
		font-size: 26px;
		line-height: 1.55;
	}

	section:first-child {
		padding-top: 128px;
	}
	section.video-container {
		padding: 32px 16px !important;
	}
	section:nth-of-type(2n-1) .section-body {
		padding-top: 21px;
	}
	
	
	article {
		padding: 96px 32px 80px;
	}
	
	.single-service article header .icon {
		width: 192px;
		height: 192px;
	}
	.single-service article header .illo-icon {
		width: 256px;
	}
	.single-service article .active h3 .icon {
		width: 128px;
	}
	
	.single-team .article-content {
		margin-left: 352px;
	}
	article header .team-member-portrait,
	.single-team .sidebar {
		width: 288px;
		margin-left: -352px;
	}
	article header .team-member-portrait {
		margin-top: 8px;
	}
	
	.single-service .related-team .team-member-portrait {
		margin-left: -224px;
	}
	
	#team-index.grid {
		padding-bottom: 128px;
	}
	.grid li.service {
		margin-bottom: 112px;
	}
	.index .row .row-content {
		padding: 32px 64px;
	}
	
	section .grid {
		padding-top: 80px;
		margin-bottom: -24px;
	}
	section .grid li {
		margin-bottom: 80px;
	}
	
	.columns {
		/* column-count: 2; */
	}
	
	#colophon .awards-bar ul {
		margin: 0 -256px;
	}
	.awards-bar li {
		width: 20%;
		padding: 16px;
	}
	
}

@media (min-width: 1200px) {
	.single-service article header .illo-icon {
		width: 320px;
	}
	
	#colophon .awards-bar ul {
		margin: 0 -320px;
	}
	.awards-bar li {
		width: 20%;
		padding: 16px;
	}
	
}




/* Print */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}
}