/*
Theme Name: Thompson Hines: Quicklaunch
Theme URI: http://www.thompsonhines.com
Author: Greenfield Belser
Author URI: http://www.greenfieldbelser.com
Description: Thompson Hines Quicklaunch Minisite Website Theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quicklaunch
*/

/*
1.0 Reset
2.0 Container Styles
3.0 Header
4.0 Footer
5.0 Content Styles
5.1 Professional Landing
5.2 Case Studies Landing
5.3 Contact Us
5.4 About Us
5.5 Get Started
5.6 News Landing
5.7 Single Post
5.8 Archives
5.9 Search Results
5.10 404 Page
9.0 Video Popup
10.0 Larger Screens
*/


/* ///////////////////////// */
/* 1.0 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
object,embed,iframe {position: relative;z-index: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight: bold;}
em {font-style: italic;}
address {display: inline;}
figure {margin: 0;}
input {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

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

:root {
  font-size: 67%;
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	text-rendering: optimizeSpeed;
}
p{
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 10px;
}

a {
	color: #3b2585;
	text-decoration:none;
	border:none;
	outline:none;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;
}

a:hover{
	color: #db1836;
}

.active a,
a.active{
	color: #cc00cc;
}

em {
	font-style:italic
}
img {
	border:none;
	outline:none;
	width: 100%;
	height: auto;
	display: block;	
}
ul, li {
	list-style:none;
}
form, fieldset, input, select {
	border:none;
	background:none;
	outline:none
}

address {
	font-style:normal
}
strong , b{
	font-weight: bold;
}

i, em{
	font-style: italic;
}
.clear {
	clear:both;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	height:auto !important;
	width:auto !important;
}
object, embed{
outline: none;
}

.hide{
	display:none;
}

.print-only {
	display: none;
}

sup, sub {
position: relative;
top: -0.4em;
vertical-align: baseline;
font-size: 9px;
}

sub {
top: 0.4em;
}

hr {
	margin: 25px 0;
	border-top: 1px solid #808080;
	border-bottom: none;
}

.mobileOnly,
.printOnly {
	display: none;
}


/*************************
		  FORM
*************************/	
textarea {
	
}
input {
	border: 1px solid #000;
}
select {
	border: 1px solid #000;
}
select option {
	
}

/**********************
	2.0 Container Styles
**********************/
div#siteContainer {
	min-height: 100%;
	position: relative;
}

.siteCenter {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1700px;
	padding: 0 5%;
}

div#wallpaper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
	background-size: cover;
	background-position: center top;
}

/**********************
	3.0 Header Styles
**********************/
header{
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 80px;
	padding: 15px 0 10px 0;
	z-index: 10;
}

header div#parentLogo {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 10;
	height: 43px;
	width: 110px;
}

header div#parentLogo a {
	display: block;
}

header div#parentLogo a img {
	width: 100%;
	height: auto;
}

header nav {
	text-align: right;
	margin-right: 100px;
}

header nav#mainNav {
	position: absolute;
	top: 26px;
	right: 5%;
}

header nav#headerNav {
	position: absolute;
	top: 0;
	right: 5%;
}

header nav ul {
	margin: 0 0 10px 0;
	padding: 0;
}

header nav ul li {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 20px;
}

header nav#mainNav ul li {
	margin: 0 0 0 30px;
}

header nav#headerNav li a:link,
header nav#headerNav li a:visited {
	font-size: 1.3rem;
	color: #808080;
}

header nav#headerNav li a:hover,
header nav#headerNav li a.active {
	color: #8e97d1;
}


header nav#mainNav li a:link,
header nav#mainNav li a:visited {
	color: #000000;
	font-weight: 600;
	font-size: 1.6rem;
}

header nav#headerNav li a:hover,
header nav#headerNav li.active a,
header nav#mainNav li a:hover,
header nav#mainNav li.active a,
header nav#mainNav li a.active {
	color: #8e97d1;
}



div#pageHeader {
	padding: 0 0 100px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100 */
	background: rgb(125,185,232);
	background: -moz-linear-gradient(45deg, rgba(125,185,232,1) 0%, rgba(30,87,153,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%);
	background: linear-gradient(45deg, rgba(125,185,232,1) 0%,rgba(30,87,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 );

	background-size: cover;
	background-position: center bottom;
	position: relative;
	z-index: 1;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;

}

div#pageHeader h1,
div#pageHeader span.pageTitle {
	display: block;
	font-weight: 600;
	font-size: 1.8rem;
	color: #3b2585;
	font-family:Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
}

div#pageHeader span.headline {
	color: #808080;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	font-size: 3rem;
	line-height: 1;
	display: block;
	text-rendering: optimizeLegibility;
}

div#pageHeader span.headline strong {
	color: #000000;
}

div#pageHeader div#mainLogo {
	display: inline-block;
	background-color: #ffffff;
	padding: 30px 20px;
	margin: 0 0 50px 0;
	-webkit-transition: all ease 800ms;
	-moz-transition: all ease 800ms;
	-o-transition: all ease 800ms;
	transition: all ease 800ms;
}

div#pageHeader div#mainLogo.shift {
	margin-top: 55px;
}

div#siteSearch {
	margin: 0;
	padding: 15px 0;
	background-color: #e3e4e5;
	position: relative;
	display: none;
	z-index: 100;
}

div#siteSearch form input[type="text"],
div#siteSearch form input[type="search"] {
	border: none;
	border-left: 1px solid rgba(0,0,0,.8);
	width: 80%;
	font-weight: 600;
	color: #000000;
	padding: 0 0 0 10px;
	font-size: 2rem;
	font-family: Verdana,Geneva,sans-serif;
}

div#siteSearch form input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1; /* Firefox */
}

div#siteSearch form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}

div#siteSearch form input[type="search"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

div#siteSearch form button {
	width: 60px;
	background-color: #f6d600;
	border: none;
	position: absolute;
	top: -15px;
	right: 0;
	height: calc(100% + 30px);
	font-size: 2.5rem;
	cursor: pointer;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;
}

div#siteSearch form button:hover {
	background-color: #8e97d1;
}

div#siteSearch form button span {
	display: none;
}

div#startedTab {
	position: absolute;
	z-index: 10;
	top: 90px;
	right: 0;
	text-align: right;
}

div#startedTab a:link,
div#startedTab a:visited {
	display: inline-block;
	padding: 30px 20px;
	color: #ffffff;
	background-color: #db1836;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
}

div#startedTab a:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

div#startedTab a.active {
	background-color: #000000;
}

/**********************
	4.0 Footer Styles
**********************/
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 0 0 0;
	height: 80px;
	background-color: #ffffff;
	font-size: 1.3rem;
}
footer div.colRight {
	float: right;
	text-align: right;
}

footer nav#footerNav ul {
	margin: 0;
	padding: 0;
}

footer nav#footerNav ul li {
	display: inline;
	margin: 0 10px 0 0;
	list-style: none;
	border-left: 1px solid #808080;
	padding: 0 0 0 10px;
}

footer nav#footerNav ul li:first-of-type {
	padding: 0;
	border-left: none;
}


footer nav#footerNav li a:link,
footer nav#footerNav li a:visited {
	color: #8e97d1;
}

footer nav#footerNav li a:hover,
footer nav#footerNav li.active a {
	color: #3b2585;
}

footer div.colLeft {
	float: left;
	width: 40%;
}

footer div#copyright {
	margin: 0 0 10px 0;
}

footer nav#socialNav {
	font-size: 2.5rem;
	margin: 10px 0 0 0;
}

footer nav#socialNav ul {
	margin: 0;
	padding: 0;
}

footer nav#socialNav ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}


/**********************
	5.0 Content Styles
**********************/
div#body {
	position: relative;
	padding-bottom: 80px; /* height of the footer */
}

div.shaded {
	padding: 0 0 50px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,e7e7e7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(231,231,231,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(231,231,231,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(231,231,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}


div.flexContainer {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	padding-top: 50px;
	margin-bottom: 50px;
}

div.flexContainer> div {
	align-self: stretch;
}

div.flexContainer > div.left {
	width: 30%;
	padding-right: 5%;
}

div.flexContainer > div.right {
	width: 60%;
	border-left: 1px solid rgba(0,0,0,.25);
	padding-left: 5%;
}

div.flexContainer > div.right.inline > div.narrative {
	display: none;
}

div.flexContainer > div.right.inline > div.narrative.active {
	display: block;
}

div.singleColumn {
	max-width: 800px;
	padding: 50px 0;
}

div#subnav {
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
}

div#subnav a:link,
div#subnav a:visited {
	color: #000000;
}

div#subnav a:hover,
div#subnav a.active {
	color: #db1836;
}

div#subnav ul {
	margin: 0 0 40px 0;
	padding: 0;
}

div#subnav ul li {
	margin: 0 0 10px 0;
}

.narrative {
	font-size: 1.5rem;
}

.narrative h1 {
	background-color: yellow;
	font-size: 2rem;
	color: #000000;
}

.narrative h2 {
	color: #000000;
	font-weight: 600;
	font-size: 2.5rem;
	font-family: Verdana,Geneva,sans-serif;
	line-height: 1;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}

.narrative h3 {
	color: #3b2585;
	font-weight: 600;
	font-size: 2.0rem;
	font-family: Verdana,Geneva,sans-serif;	
	line-height: 1;
	margin: 0 0 8px 0;
}

.narrative h4 {
	font-size: 1.8rem;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 8px 0;
}

.narrative h5 {
	font-size: 1.8rem;
	color: #000000;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 0 8px 0;
}

.narrative h6 {
	color: #3b2585;
	font-weight: 600;
	margin: 0 0 5px 0;
	font-size: 1.5rem;
	line-height: 1;
}


.narrative ul {
	margin: 0 0 10px 15px;
	padding: 0;
	line-height: 1.25;
}

.narrative ol {
	margin: 0 0 10px 17px;
	padding: 0;
		line-height: 1.25;
}

.narrative ul > li {
	list-style: disc;
	margin: 0 0 8px 0;
	font-size: 1.5rem;
}

.narrative ol > li {
	list-style: decimal;
	margin: 0 0 8px 0;
	font-size: 1.5rem;
}


.narrative ul > li > ul {
	margin: 10px 0 5px 17px;
	list-style: circle;
}

.narrative ul > li > ol {
	margin: 10px 0 5px 17px;
	list-style: lower-alpha;
}



.narrative sup, 
.narrtaive sub {
  vertical-align: baseline;
  position: relative;
  top: -0.6rem;
}
.narrative sub { 
  top: 0.6rem; 
}

.narrative a:link,
.narrative a:visited {
	color: #db1836;
}

.narrative a:hover,
.narrative a:active {
	color: #8e97d1;
}


/**********************
	5.1 Professional Landing
**********************/
body.page-template-page-professionals-landing div#pageHeader {
	background: none;
	padding-bottom: 0;
}

body.page-template-page-professionals-landing div.intro {
	margin: 30px 0 0 0;
	width: 70%;
}

body.page-template-page-professionals-landing div.intro p {
	font-size: 1.6rem;
}

body.page-template-page-professionals-landing div#body {
	padding-top: 50px;
}

.professional-landing h3 {
	color: #000000;
	font-weight: 600;
	font-size: 1.9rem;
	font-family: Verdana,Geneva,sans-serif;
	line-height: 1;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}
div#bioList {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

div#bioList:after {
	display: block;
	content: "";
	flex: 999 999 auto;
}

div#bioList > div.bio {
	flex: 0 0 23%;
	margin: 0 0 50px 2%;
	font-family: Verdana,Geneva,sans-serif;
}

div#bioList > div.bio:nth-child(4n+1){
	margin-left: 0;
}

div#bioList div.bio div.thumbnail {
	background-color: rgba(0,0,0,.3);
	height: 270px;
	width: 100%;
	margin: 0 0 10px 0;
	position: relative;
	background-size: cover;
	background-position: center top;
}

div#bioList div.bio div.thumbnail a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#bioList div.bio a.bioName {
	font-weight: 600;
	color: #000000;
	display: block;
	margin: 0 0 2px 0;
	font-size: 1.5rem;
}

div#bioList div.bio span.jobTitle {
	color: #464646;
	font-size: 1.2rem;
	display: block;
	margin: 0 0 10px 0;
}

div#bioList div.bio a.phone {
	color: #464646;
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 5px 0 0;
}

div#bioList div.bio a.phone i.fa.mobileOnly {
	display: none;
}

div#bioList div.bio a.email {
	color: #3b2585;
	font-size: 2rem;
	display: inline-block;
	line-height: 1;
	margin: -5px 0 0 5px;
}



/**********************
	5.2 Case Studies Landing
**********************/
div.flexContainer.grid {
	flex-wrap: wrap;
	padding: 60px 0 40px 0;
}

div.flexContainer.grid > div.case {
	position: relative;
	height: 215px;
	width: 23%;
	margin: 0 0 20px 2.5%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,d7d7d7+100 */
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(215,215,215,1) 100%);
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(215,215,215,1) 100%);
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(215,215,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d7d7d7',GradientType=0 );
}

div.flexContainer.grid > div.case:nth-child(4n+1) {
	margin-left: 0;
}

div.flexContainer.grid > div.case div.logoContainer {
	display: flex;
	padding: 0 10%;
	height: 100%;
	width: 100%;
   	flex-flow: row;
   	flex-wrap: nowrap;
   	justify-content: center;
   	align-content: center;
   	align-items: center;
}

div.flexContainer.grid > div.case div.logoContainer > div {
	align-self: center;
}

div.flexContainer.grid > div.case div.logoContainer img {
	height: auto;
	width: auto;
	max-width: 100%;
}

div.flexContainer.grid > div.case span.moreLink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	color: #ffffff;
	background-color: #db1836;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 0;
	font-weight: 600;
}

div.flexContainer.grid > div.case a.moreLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

div.flexContainer.grid > div.case div.casePopup {
	position: absolute;
	display: none;
	z-index: 50;
	top: 00px;
	left: 0;
	background-color: #ffffff;
	height: auto;
	min-height: 100%;
	width: 150%;
	padding: 20px 10% 20px 20%;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
}

div.flexContainer.grid > div.case:nth-child(4n+4) div.casePopup {
	right: 0;
	left: auto;
}


div.flexContainer.grid > div.case div.casePopup > img {
	margin: 0 0 10px -5%;
	height: auto;
	width: auto;
	max-width: 165px;
}

div.flexContainer.grid > div.case div.casePopup p {
	font-size: 1.3rem;
	line-height: 1.1;
}

div.flexContainer.grid > div.case div.casePopup span.close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}


/**********************
	5.3 Contact Us Page
**********************/
div.column.left > div.officeProfile {
	margin: 0 0 30px 0;
	font-size: 1.3rem;
	line-height: 1.1;
	display: none;
}

div.column.left > div.officeProfile:nth-child(2) {
	display: block;
}

div.officeProfile h4 {
	font-weight: 600;
	font-size: 2rem;
	font-family: Verdana,Geneva,sans-serif;
}

div.officeProfile .thumbnail {
	margin: 10px 0 15px 0;
}

div.officeProfile .thumbnail img {
	width: 100%;
	height: auto;
}

div.officeProfile address {
	display: block;
	font-weight: 600;
	margin: 0 0 15px 0;
}

div.officeProfile div.officeContact {
	display: block;
	margin: 20px 0 0 0;
}

div.officeProfile div.officeContact h6 {
	color: #3b2585;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	font-size: 1.3rem;
	margin: 0 0 8px 0;
}

form#officeQuickSelect {
	display: block;
	margin: 0 0 40px 0;
}

div.selectWrapper {
	width: 100%;
	overflow-x: hidden;
	background-color: #e3e4e5;
	padding: 8px 0 8px 5px;
	position: relative;
}

div.selectWrapper::after {
	position: absolute;
	content: "\f0d7";
	top: 6px;
	right: 10px;
	color: rgba(0,0,0,.35);
	font-size: 2.5rem;
	font-family: 'FontAwesome';
}

div.selectWrapper select {
	cursor: pointer;
	position: relative;
	width: 110%;
	border: none;
	color: #000000;
	font-size: 1.4rem;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
	background-color: transparent;
	z-index: 1;
}

form.visual-form-builder {
	margin: 30px 0;
}

form.visual-form-builder fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	width: 100%;
	overflow: hidden;
}

form.visual-form-builder ul, 
form.visual-form-builder ol {
	margin: 0 !important;
}

form.visual-form-builder label, 
form.visual-form-builder label.vfb-desc,
form.visual-form-builder fieldset:first-of-type li.vfb-item-instructions {
	font-size: 15px;
	line-height: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #2e2e2e;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
}


form.visual-form-builder label strong,
form.visual-form-builder label em {
	color: #1a1a1a;
	font-style: italic;
}

form.visual-form-builder input,
form.visual-form-builder textarea {
	width: 100%;
	background-color: #e3e4e5;
	color: #000000;
	font-weight: 400;
	font-size: 1.5rem;
	font-family:Arial, Helvetica, sans-serif;
	padding: .45em 8px;
	border: none;
	border-radius: 0;
}

form.visual-form-builder input.validator {
	background-color: rgba(0,0,0,.15);
	color: rgba(0,0,0,.65);
	max-width: 60px;
}

form.visual-form-builder input[type="submit"] {
	background-color:#3b2585;
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	padding: .7em 20px;
	margin: 15px 0;
	max-width: 150px;
	cursor: pointer;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;	
}

form.visual-form-builder input:hover[type="submit"] {
	background-color: #db1836;
}

form.visual-form-builder textarea.vfb-medium {
	height: 6em;
}

form.visual-form-builder li {
	padding: 0 !important;
	list-style: none;
}

form.visual-form-builder ul::after, 
form.visual-form-builder li::after, 
form.visual-form-builder li div::after {
	content: none;
}

form.visual-form-builder .vfb-legend {
	border: none;
}

form.visual-form-builder li.vfb-left-half {
    width: 47% !important;
    float: left;
}

form.visual-form-builder li.vfb-right-half {
    width: 47% !important;
    float: right;
}

form.visual-form-builder select {
	position: relative;
	border: none;
	background-color: #e3e4e5;
	color: #000000;
	width: 106%;
	padding: .45em 8px;
	cursor: pointer;
}

form.visual-form-builder li.vfb-item-select {
	position: relative;
	
}

form.visual-form-builder li.vfb-item-select:after {
	position: absolute;
	content: "\f0d7";
	top: 24px;
	right: 10px;
	color: rgba(0,0,0,.35);
	font-size: 2.5rem;
	font-family: 'FontAwesome';
}


form.visual-form-builder span.vfb-span {
	display: block;
	clear: both;
	margin: 5px 0;
	height: 25px;
}

form.visual-form-builder input.vfb-checkbox {
	float: left;
	margin: 2px 10px 0 0;
	width: 15px;
	text-align: left;
}

form.visual-form-builder label {
	font-weight: 400;
	text-transform: none;
}

form.visual-form-builder label.vfb-choice {
	float: left;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
}

form.visual-form-builder li.vfb-item-submit {
	margin: 30px 0 0 0;
}


/*
form.visual-form-builder fieldset {
	margin: 0 0 10px 0;
}

form.visual-form-builder fieldset input[type="text"] {
	background-color: #e3e4e5;
	color: #000000;
	font-size: 1.4rem;
	font-family:Arial, Helvetica, sans-serif;
	border: none;
	width: 49%;
	margin: 0 0 0 1%;
	padding: 8px 10px;
}

form.visual-form-builder fieldset input[type="text"]:nth-child(odd) {
	margin-left: 0;
}

form.visual-form-builder textarea {
	background-color: #e3e4e5;
	color: #000000;
	font-size: 1.4rem;
	font-family:Arial, Helvetica, sans-serif;
	padding: 8px 10px;
	width: 100%;
	border: none;
}

form.visual-form-builder fieldset input[type="submit"] {
	color: #ffffff;
	background-color: #db1836;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	padding: 20px 30px;
	border: none;
}
*/


/**********************
	5.4 About Us
**********************/
div#footerNews {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

div#footerNews h4 {
	color: #000000;
	font-size: 2.2rem;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	margin: 0 0 25px 0;
}

div#footerNews ul {
	margin: 0;
	padding: 0;
	display: flex;
}

div#footerNews ul li {
	border-left: 1px solid rgba(0,0,0,.25);
	padding: 0 5% 0 2%;
	width: 33.3%;
}

div#footerNews a:link,
div#footerNews a:visited {
	font-weight: 600;
	color: #3b2585;
	display: block;
	margin: 0 0 5px 0;
}

div#footerNews a:hover {
	color: #db1836;
}

div#footerNews a.pdf:link,
div#footerNews a.pdf:visited {
	display: inline-block;
	color: #db1836;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: -.5px;
	font-size: 1.4rem;
}

div#footerNews div.excerpt {
	margin: 0 0 10px 0;
	font-size: 1.4rem;
}

div#footerNews span.date {
	font-size: 1.25rem;
}

div#footerNews a.viewAll {
	position: absolute;
	top: 39px;
	right: 10%;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3rem;
	color: #db1836;
	letter-spacing: -.25px;
}

/**********************
	5.5 Get Started
**********************/
body.page-template-page-get-started div#startedTab a {
	background-color: #000000;
	color: #ffffff;
}

body.page-template-page-get-started div#startedTab a:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	cursor: default;
}

a.contacPageLink:link,
a.contacPageLink:visited {
	display: inline-block;
	margin: 25px 0 20px 0;
	padding: 12px 25px;
	color: #000000;
	background-color: #f6d600;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: -.5px;
}

a.contacPageLink:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);	
}

div#contract p#form_success {
	display: none;
}


/**********************
	5.6 News Landing
**********************/
div#newsLandingHeaderWrapper {
	padding: 30px 0 0 0;
	position: relative;
}

div#newsLandingHeaderWrapper .siteCenter {
	display: flex;
}

div#newsLandingHeaderWrapper .siteCenter > div.colorBlock {
	width: 0;
	background-color: #032941;
	margin: 0 0 0 -100%;
	padding: 0 0 0 100%;
}
div#newsLandingHeaderWrapper .siteCenter > div#glossaryselectorWrapper {
	position: relative;
	z-index: 10;
	width: 25%;
	background-color: #032941;
	color: #ffffff;
	padding: 20px 5% 20px 0;
}

div#newsLandingHeaderWrapper .siteCenter > div#featuredStoryWrapper {
	width: 70%;
	margin: 0 0 0 5%;
	padding: 0 0 30px 0;
}

.page-template-page-news-landing div.intro {
	width: 45%;
	max-width: 450px;
	text-align: justify;
	font-weight: 600;
}

div.insightsSearchWrapper {
	background-color: #ffffff;
	width: 45%;
	max-width: 450px;
	padding: 10px 0;
	margin: 20px 0 0 0;
}

div.insightsSearchWrapper form {
	position: relative;
}

div.insightsSearchWrapper form input[type='text'] {
	border: none;
	padding: 0 0 0 10px;
}

div.insightsSearchWrapper form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

div.insightsSearchWrapper form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

div.insightsSearchWrapper form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

div.insightsSearchWrapper form input[type='submit'] {
	border: none;
	padding: 5px;
	position: absolute;
	top: -5px;
	right:	15px;
	width: 30px;
	background-image: url('assets/images/icon_caret_right_dark.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div.insightsSearchWrapper div.awesomplete ul {
	display: none !important;
}



div#featuredStoryWrapper div.thumbnailWrapper,
div#featuredStoryWrapper div#video {
	float: left;
	margin: 0 5% 10px 0;
	width: 60%;
	background-color: rgba(0,0,0,.1);
	min-height: 100px;
}

div#featuredStoryWrapper div.thumbnailWrapper img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

div#featuredStoryWrapper article {
	float: right;
	width: 35%;
}

div#featuredStoryWrapper span.sectionTitle {
	border-bottom: 1px solid #808080;
	display: block;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	color: #000000;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 2rem;
}

div#featuredStoryWrapper span.sectionTitle.mobileOnly {
	display: none;
}

span.sectionTitle a.rss {
	float: right;
	color: #db1836;
}

span.sectionTitle a.rss span {
	font-size: 1.4rem;
	font-weight: 400;
}


div#featuredStoryWrapper p {
	margin-bottom: 15px;
}

div#featuredStoryWrapper span.date {
	font-size: 1.3rem;
	color: #808080;
}

div#featuredStoryWrapper h2 a:link,
div#featuredStoryWrapper h2 a:visited {
	font-weight: 600;
	font-size: 1.8rem;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	display: block;
	margin: 0 0 15px 0;
}


div#glossaryselectorWrapper h4,
div#glossaryselectorWrapper span.glossaryHeader {
	color: #ffffff;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 2rem;
	margin: 0 0 15px 0;
}

div#alphabetWrapper {
	text-align: justify;
	font-size: 2.5rem;
	text-transform: uppercase;
	line-height: 1.25;
	letter-spacing: 2px;
	color: rgba(255,255,255,.15);
	font-family: 'Abel', sans-serif;
}

div#alphabetWrapper span {
	color: rgba(255,255,255,.5);
	cursor: pointer;
	-webkit-transition: all ease 250ms;
	-moz-transition: all ease 250ms;
	-o-transition: all ease 250ms;
	transition: all ease 250ms;
}

div#alphabetWrapper span:hover {
	color: #db1836;
}

div#glossarySearch {
	margin: 20px 0;
	max-width: 400px;
}

div#glossarySearch form fieldset {
	background-color: rgba(255,255,255,.5);
}

div#glossarySearch form input[type="text"] {
	border: none;
	width: 80%;
	float: left;
	color: #ffffff;
	padding: 12px 10px;
	font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4rem;	
}

div#glossarySearch form input[type="submit"] {
	border: none;
	width: 20%;
	text-align: center;
	padding: 10px 0;
	background-image: url(assets/images/icon_caret_right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
}

div#glossaryResultsWrapper {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
}

div#glossaryResultsWrapper .siteCenter {
	display: block;
	position: relative;
}

div#glossaryResults {
	display: inline-block;
	background-color: #b2ccdc;
	padding: 75px 30px 50px 30px;
	position: relative;
	z-index: 10;
	width: 75%;
	margin: 30px 0 0 25%;
	overflow-y: auto;
	overflow-x: hidden;
}

div#glossaryResults a.close {
	position: absolute;
	top: 20px;
	right: 5%;
	font-size: 2rem;
	color: #000000;
}

div#glossaryResults .results {
	position: relative;
}

div#glossaryResults ul {
	margin: 0 0 20px 0;
	padding: 0;	
}

div#glossaryResults ul li {
	margin: 0 0 25px 0;
}

div#glossaryResults ul li p u {
	display: inline-block;
	text-decoration: none;
	color: #db1836;
	font-weight: 600;
}

div#recentNewsWrapper {
	padding: 50px 0;
}

div#recentNewsWrapper div.siteCenter {
	display: flex;
}

div#recentNewsWrapper div.siteCenter > div.newsList {
	width: 30%;
	margin: 0 0 0 5%;
	padding: 0 0 25px 0;
	position: relative;
}

div#recentNewsWrapper div.siteCenter > div.newsList.single {
	width: 100%;
}

div#recentNewsWrapper div.siteCenter > div.newsList.half {
	width: 47%;
}

div#recentNewsWrapper div.siteCenter > div.newsList:first-child {
	margin-left: 0;
}


div#recentNewsWrapper div.siteCenter > div.newsList div.thumbnailWrapper {
	margin: 0 0 30px 0;	
	position: relative;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-color: rgba(0,0,0,.1);
	background-position: center center;
	background-repeat: no-repeat;
}

div#recentNewsWrapper div.siteCenter > div.newsList.single div.thumbnailWrapper {
	display: none;
}

div#recentNewsWrapper div.siteCenter > div.newsList.half div.thumbnailWrapper {
	height: 250px;
}


div#recentNewsWrapper div.siteCenter > div.newsList div.thumbnailWrapper a {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

div#recentNewsWrapper div.newsList h3 {
	text-align: center;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 2rem;
	margin: 0 0 15px 0;
}

div#recentNewsWrapper div.newsList.single h3 {
	text-align: left;
	margin-bottom: 25px;
}

div#recentNewsWrapper div.newsList ul {
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
}

div#recentNewsWrapper div.newsList li {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid rgba(0,0,0,.25);
	color: #808080;
	font-size: 1.3rem;
}

div#recentNewsWrapper div.newsList li:first-child {
	margin: 0;
	padding: 0;
	border-top: none;
}

div#recentNewsWrapper div.newsList.single li {
	margin: 0 0 20px 0;
	padding: 0 3% 0 0;
	border-top: none;
	width: 30%;
	display: table-cell;
	vertical-align: top;
}


div#recentNewsWrapper div.newsList a.title:link,
div#recentNewsWrapper div.newsList a.title:visited {
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	font-size: 1.5rem;
	display: inline-block;
	margin: 0 0 10px 0;
}

div#recentNewsWrapper div.newsList a.viewAll:link,
div#recentNewsWrapper div.newsList a.viewAll:visited {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -.5px;
	color: #db1836;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.35rem;
	position: absolute;
	bottom: 90px;
	left: 0;
}

div#recentNewsWrapper div.newsList a.pdf:link,
div#recentNewsWrapper div.newsList a.pdf:visited {
	color: #db1836;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: -.5px;
}

div#recentNewsWrapper div.newsList div.excerpt {
	margin-bottom: 10px;
}

div#recentNewsWrapper div.newsList a.viewAll:hover {
	color: #8e97d1;
}



/**********************
	5.7 Single Post
**********************/
body.single-post div#pageHeader {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1;
	height: 155px;
	background: none;
}

body.single-post div#detailWrapper {
	width: 100%;
	min-height: calc(100vh - 150px);
	border-top: 1px solid rgba(0,0,0,.1);
	display: flex;
	flex-wrap: nowrap;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,e7e7e7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(231,231,231,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(231,231,231,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(231,231,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

body.single-post div#detailWrapper > div.left {
	width: 50%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#96afb6+0,546f7a+100 */
	background: rgb(150,175,182);
	background: -moz-radial-gradient(center, ellipse cover, rgba(150,175,182,1) 0%, rgba(84,111,122,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(150,175,182,1) 0%,rgba(84,111,122,1) 100%);
	background: radial-gradient(ellipse at center, rgba(150,175,182,1) 0%,rgba(84,111,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96afb6', endColorstr='#546f7a',GradientType=1 );
	
	background-size: cover;
	background-position: center top;
}

body.single-post div#detailWrapper > div.right {
	width: 50%;
	min-height: calc(100vh -150px);
	padding: 50px 5% 0 5%;
	margin: 0 0 0 50%;
}

body.single-post article {
	margin-bottom: 100px;
}

body.single-post article div#postHeader {
	margin: 0 0 30px 0;
}

body.single-post article div#postHeader h1 {
	font-weight: 600;
	color: #000000;
	font-size: 2rem;
	margin: 0 0 10px 0;
	font-family: Verdana,Geneva,sans-serif;
}

body.single-post article div#postHeader span.subtitle {
	display: block;
	margin: 10px 0 5px 0;
	font-weight: 600;
	color: #3b2585;
}

body.single-post article div#postHeader span.publication {
	display: block;
	color: #808080;
	font-size: 1.4rem;
	font-style: italic;
	margin: 5px 0 5px 0;
}

body.single-post article div#postHeader span.date {
	display: block;
	font-size: 1.3rem;
}

body.single-post article div#postHeader a.pdf {
	display: inline-block;
	margin: 10px 0;
	font-size: 3rem;
}

body.single-post article div#articleImage {
	width: 100%;
	max-width: 470px;
}

body.single-post article img {
	width: 100%;
	height: auto;
	margin: 20px 0;
}

body.single-post div#videoWrapper {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #808080;
}

div#video {
	margin: 0 0 30px 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

div#video div.thumbnail {
	position: relative;
	margin-top: -9.5%;
	margin-bottom: -9.5%;
}

div#video div.thumbnail a {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
}

div#video div.thumbnail a:link::after,
div#video div.thumbnail a:visited::after {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	content: "\f01d";
	position: absolute;
	top: 31%;
	left: 37%;
	color: rgba(255,255,255,.3);
	font-size: 12rem;
	font-family: 'FontAwesome';
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;
}

div#video div.thumbnail a:hover::after {
	color: rgba(255,255,255,.75);
}

div#video div.thumbnail img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/**********************
	5.8 Archives
**********************/
div#archive {
	padding-top: 50px;
	position: relative;
}

div#archive h1 {
	color: #000000;
	font-size: 2.2rem;
	font-weight: 600;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	margin: 0 0 25px 0;
}

div#archive div.wrapper {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
	padding: 0 0 75px 0;
}

div#archive div.wrapper:after {
	display: block;
	content: "";
	flex: 999 999 auto;
}

div#archive div.wrapper article {
	flex: 0 0 auto;
	width: 33.3%;
	border-left: 1px solid #808080;
	margin: 0 0 50px 0;
	padding: 0 5% 0 2%;
}

div#archive div.wrapper article a:link,
div#archive div.wrapper article a:visited {
	font-weight: 600;
	color: #3b2585;
	display: block;
	margin: 0 0 5px 0;
}

div#archive div.wrapper article a:hover {
	color: #db1836
}

div#archive div.wrapper article .excerpt {
	font-size: 1.4rem;
	margin: 0 0 10px 0;
}

div#archive div.wrapper article span.date {
	font-size: 1.25rem;
}

nav.pagination {
	margin: 0;
	text-align: right;
	position: absolute;
	top: 38px;
	right: 5%;
}

nav.pagination h2 {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -.5px;
	color: #808080;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.35rem;
	margin: 0 5px 0 0;
}

nav.pagination div.nav-links {
	display: inline-block;
}

nav.pagination div.nav-links span.current {
	border: 1px solid #808080;
	background-color: #ffffff;
	color: #808080;
	display: inline-block;
	padding: 2px;
}

nav.pagination div.nav-links a:link,
nav.pagination div.nav-links a:visited {
	border: 1px solid #3b2585;
	background-color: #3b2585;
	color: #ffffff;
	display: inline-block;
	padding: 2px;
}

nav.pagination div.nav-links a:hover {
	border: 1px solid #db1836;
	background-color: #db1836;
	color: #ffffff;
}

/**********************
	5.9 Search Results
**********************/
body.search div#pageHeader {
	background-image: url('assets/images/bg_search.jpg');
}
div#searchFeedback {
	margin: 8px 0 25px 0;
}

body.search article {
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #808080;
}

body.search article span.date {
	display: block;
	font-size: 1.25rem;
	color: #808080;
	margin: 5px 0;
}

body.search article .excerpt {
	font-size: 1.4rem;
	margin: 5px 0 0 0;
}

body.search .left h2 {
	font-weight: 600;
	font-size: 2rem;
	font-family: Verdana,Geneva,sans-serif;
	color: #000000;
	margin: 0 0 10px 0;
}

body.search .left form {
	position: relative;
}

body.search .left form div.awesomplete {
	width: 80%;
	display: inline-block;
}

body.search .left form input[type="search"]{
	width: 100%;
	overflow-x: hidden;
	background-color: #e3e4e5;
	padding: 8px 0 8px 5px;
	position: relative;
	border: none;
}

body.search .left form button {
	display: inline-block;
	width: 20%;
	background-color: #f6d600;
	border: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 2rem;
	cursor: pointer;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;
}

body.search .left form button span {
	display: none;
}

/**********************
	5.10 404 Page
**********************/
.narrative div.searchFormWrapper {
	margin: 20px 0;
}

.narrative div.searchFormWrapper input {
	border: none;
	padding: 8px 5px;
	background-color: #ffffff;
}

.narrative div.searchFormWrapper button {
	border: none;
	background-color: transparent;
}

.narrative div.searchFormWrapper button span {
	display: none;
}


/**********************
	5.11 Tables
**********************/
div.dataTables_wrapper {
	margin: 20px 0;
}

.narrative table.tablepress {
	border: 1px solid rgba(0,0,0,.25);
	margin-bottom: 1.5em;
}

.narrative table.tablepress tfoot th, 
.narrative table.tablepress thead th {
	background-color: #a0a0a0;
	font-size: 1.5rem;
	color: #000000;
	font-weight: 600;
	font-style: normal;
}

.narrative table.tablepress td {
	font-size: 1.45rem;
	font-style: normal;
}

.narrative table.tablepress td ul,
.narrative table.tablepress td ol {
	margin-top: 8px;
}

.narrative table.tablepress td ul > li,
.narrative table.tablepress td ol > li {
	font-size: 1.4rem;
}

.narrative table.tablepress .even td {
    background-color: #ffffff;
}

.narrative table.tablepress .odd td {
    background-color: #e9e9e9;
}

.narrative h2.tablepress-table-name {
	color: #000000;
	font-size: 1.6rem;
	margin: 25px 0 10px 0;
	text-transform: uppercase;
}


/**********************
	9.0 Video Popup
**********************/
div#videoPopup {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
}

div#videoPopup div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.925);
	z-index: 0;
}

div#videoPopup a.close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 5rem;
    color: #ffffff;
    z-index: 1;
}

div#videoPopup div#videoPlayer {
    width: 100%;
    height: auto;
    margin-top: 20vh;
    color: #ffffff;
    text-align: center;
}


/**************************
	10.0 LARGER SCREENS
***************************/
@media only screen 
	and (min-width: 1200px) {

	div#bioList > div.bio {
		flex: 0 0 18%;
	}
	
	div#bioList > div.bio:nth-child(4n+1){
		margin-left: 2%;
	}
	
	div#bioList > div.bio:nth-child(5n+1){
		margin-left: 0%;
	}


}

/**************************
	1350px Wide
***************************/
@media only screen 
	and (min-width: 1350px) {
		
	:root {
		font-size: 70%;
	}

	div#pageHeader {
		padding-bottom: 150px;
	}



}


/**************************
	1500px Wide
***************************/
@media only screen 
	and (min-width: 1500px) {

	:root {
		font-size: 75%;
	}
	
	div#pageHeader {
		padding-bottom: 170px;
	}

	div#bioList > div.bio {
		flex: 0 0 14%;
	}
	
	div#bioList > div.bio:nth-child(5n+1){
		margin-left: 2%;
	}
	
	div#bioList > div.bio:nth-child(6n+1){
		margin-left: 0%;
	}
	
	div.flexContainer.grid > div.case,
	div.flexContainer.grid > div.case:nth-child(4n+1) {
		margin-left: 2%;
		width: 18%;
	}
	
	div.flexContainer.grid > div.case:nth-child(5n+1) {
		margin-left: 0;
	}
	
	div.flexContainer.grid > div.case:nth-child(5n+5) div.casePopup {
		right: 0;
		left: auto;
	}
	

}