/*
Theme Name: Active Archive Alliance 2017
Description: WordPress Theme for Active Archive
Author: Lauren Graphics Inc.
Author URI: https://www.laurengraphicsinc.com
Version: 1.0
*/

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

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

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

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

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

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

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

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



/*--------------------------------------------------------------------------------------------------------
		GENERAL/GLOBALS
--------------------------------------------------------------------------------------------------------*/

*, *: :after, *: :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* { margin: 0; padding: 0; outline: none;}

body, html {
	height: 100%;
	font-family: 'truenolight', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #05060a; 
	line-height: 24px;
	text-align: left;
	transition: all .25s;
	-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-o-transition: all .25s;
}

body.overflow-hidden {
  overflow: hidden;
}

hr {
	width: 100%;
	border: none;
	border-bottom: 1px dotted #999;
	height: 1px;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 15px;
	clear: both;
}

strong {font-family: 'truenobold'; font-weight:bold;}
em {font-style: italic;}

p {margin-bottom: 15px;}

a { color: #f47721; font-weight: bold; text-decoration: none; cursor: pointer!important;}
a:hover {color: #292929; text-decoration: none;}

a.button {
	background: transparent;
	border: 2px solid #cfcfcf;
	color: #cfcfcf;
	font-weight: 400!important;
	display: block;
	line-height: 18px;
	margin: 20px 0;
	max-width: 160px;
	padding: 10px 28px;
	text-align: center;
	text-transform: uppercase;
	transition: all .25s;
	    -webkit-transition: all .25s;
		-moz-transition: all .25s;
		-o-transition: all .25s;
}
a.button:hover {
	border: 2px solid #262626;
	color: #262626;
}

a.button.orange-btn {
	color: #fff;
	background: rgb(244,119,33);
	max-width: 250px;
	border-radius: 5px;
}

a.button.orange-btn:hover {
	background: #9f9f9f;
	border: 2px solid #fff;
}

.page-content ul, .page-content ol {margin-bottom: 15px;padding-left: 40px;}
.page-content li {font-weight: 300;}

.alignright {float: right;margin-left: 10px;}

.alignleft {float: left;margin-right: 10px;}

.wp-caption-text { display: block; background: #ececec; color: #777; padding: 3px; font-size: 12px; text-align: center;}

img { border: 0;}

html .hollyhack { width: 1%;}

main ul, main ol {list-style:disc; margin-bottom:15px;padding-left:40px;}
main ul li {font-weight:300;}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}

.clear {clear: both;}

.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}

.half {width: 48%;}
.one-third {width: 33.3333%;}
.two-thirds {width: 63.6666%;}
.quarter {width: 24.25%;}
.quarter {margin-right: 1%;}
.three-quarters {width: 74%;}
.last {margin-right: 0;} 

.page-template-page-press #text-2 {display: none;}

table {
	border: auto;
	padding: 10px;
}

table td {padding: 10px;}

/*--------------------------------------------------------------------------------------------------------
		HEADINGS
--------------------------------------------------------------------------------------------------------*/

h1 {
	color: #292929;
    font-size: 36px;
    line-height: 41px;
    margin: 25px 0;
    text-align: left;
}

h2 {
	color: #05060a;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	margin: 15px 0;
	padding: 0;
	transition: all .45s;
	    -webkit-transition: all .45s;
		-moz-transition: all .45s;
		-o-transition: all .45s;
}

h3 {
	font-size: 15px;
	color: #000000;
	margin: 3px 0 5px 0;
	padding: 0;
 }

h3.heading {
	color: #e1e1e1;
	font-size: 40px;
	line-height: 50px;
	margin: 20px 0 15px;
	text-align: center;
	text-transform: uppercase;
}
 
footer h3 {
	color: #fdf4c0;
	font-size: 24px;
	font-weight: 300;
	line-height: 28px;
	margin: 8px 0 5px 0;
}



/*--------------------------------------------------------------------------------------------------------
		STRUCTURE
--------------------------------------------------------------------------------------------------------*/

.container {position: relative; width: 80%;}

section {padding: 70px 0;}


/* HEADER */

header {
	position: fixed;
	width: 100%;
	transition: all .35s;
	    -webkit-transition: all .35s;
		-moz-transition: all .35s;
		-o-transition: all .35s;
	z-index: 200;
}

header .top {
	background: #000000;
	background: rgba(0,0,0,0.8);
	padding: 10px 0;
	transition: all .35s;
	    -webkit-transition: all .35s;
		-moz-transition: all .35s;
		-o-transition: all .35s;
}
header.stuck .top {
	background: rgba(0,0,0,1);
	padding: 0;
}

header .bottom {
	background: #000000;
	background: rgba(29,29,29,0.6);
	padding: 0;
	transition: all .35s;
	    -webkit-transition: all .35s;
		-moz-transition: all .35s;
		-o-transition: all .35s;
}
header.stuck .bottom {
	background: rgba(29,29,29,0.85);
}

.logo {
	background: url(images/logo-active-archive.png) left center no-repeat;
	background-size: 300px;
	height: 172px;
	left: 10%;
	margin: 0;
	padding: 0;
	position: fixed;
	text-indent: -9999px;
	top: 22px;
	transition: all .25s;
	    -webkit-transition: all .25s;
		-moz-transition: all .25s;
		-o-transition: all .25s;
	width: 300px;
}

header.stuck .logo {
	background: url(images/logo-active-archive.png) left center no-repeat;
	background-size: 200px;
	height: 90px;
	width: 200px;
}

.special {background: #9f9f9f; color: #FFF; padding: 20px 0 0;}
.special .container {max-width: 1200px;}
.special .one-third.right {border: 2px solid #FFF; padding: 3%; text-align: center; width: 30%;}
.special .two-thirds.left {width: 55%;}
.special h2 {color: #FFF;}
.special h3 {color: #000; font-family: 'truenobold'; font-size: 34px; margin: 0; padding: 30px 0 0; text-align: center; text-transform: uppercase;}
.members {background: #FFF; padding: 10px 0;}
.members li {padding: 0 1%;}


.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* FOOTER */

footer {
	background: #003457;
	min-height: 300px;
	padding: 70px 0 40px;
}

.footer-top {
	background:#005891;
	color: #FFF;
	font-size: 28px;
	margin: 25px 0 0;
	padding: 40px 0;
	position: relative;
	text-align: center;
}

.footer-top p {
	position: relative;
	z-index: 5;
}

.footer-top:before {
    color: #00a9e9;
    content: '“';
    font-family: 'truenolight';
    font-size: 370px;
    position: absolute;
    left: 20%;
    top: 127px;
	line-height: 0;
	z-index: 1;
}

.footer-top:after {
    color: #00a9e9;
    content: '”';
    font-family: 'truenolight';
    font-size: 370px;
    position: absolute;
    right: 20%;
    bottom: -64px;
    line-height: 0;
	z-index: 1;
}

footer, footer a {
	color: #5a90b4;
	font-size: 14px;
}

footer .logo {
	background: url(images/logo-active-archive.png) center no-repeat;
	background-size: 250px;
	height: 140px;
	left: 0;
	margin: 0 auto;
	position: relative;
	text-indent: -9999px;
	top: 0;
	transition: all .35s;
	    -webkit-transition: all .35s;
		-moz-transition: all .35s;
		-o-transition: all .35s;
	width: 250px;
}

footer .info, footer .info a {
	color: #141414;
	font-size: 13px;
	line-height: 16px;
}

footer .info p {
	margin-bottom: 8px;
}

footer .info h3 {
	color: #b6b6b6;
	font-size: 19px;
	margin: 15px 0 8px;
	text-transform: uppercase;
}

.info {font-size: 18px; text-align: center;}
.info p {
	margin: 5px 0 0;
}
footer a:hover {color: #FFF;}

footer ul {margin-top: 20px; text-align: left;}
footer ul li {display: inline;}

footer ul li a {
	display: block;
	font-size: 13px;
	font-family: 'truenolight';
	line-height: 13px;
	margin: 0 0 15px 0;
	padding: 0;
	text-transform: uppercase;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
}

footer ul li a:hover {
	color: #FFF;
}

footer nav.social, .mobile-nav nav.social {
	background: transparent;
	text-align: right;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
	width: 100%;
	z-index: 2;
}

footer nav.social ul, .mobile-nav nav.social ul {margin: 10px 0 20px; text-align: center;}
footer nav.social li, .mobile-nav nav.social li {display: inline; position: relative;}
footer nav.social li a, .mobile-nav nav.social li a {
	color: #bababa; 
	display: inline-block;
	font-family: 'truenolight';
	font-size: 12px;
	line-height: 35px;
	margin: 0 12px;
	text-align: center;
	vertical-align: top;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
}

footer nav.social li.facebook a, footer nav.social li.twitter a, footer nav.social li.linkedin a,
.mobile-nav nav.social li.facebook a, .mobile-nav nav.social li.twitter a, .mobile-nav nav.social li.linkedin a{
	background: url(images/sprite-social.png) 0 -70px no-repeat;
	background-size: 105px;
	height: 35px;
	margin: 0 5px;
	text-indent: -9999px!important;
	width: 35px;
}
footer nav.social li.facebook a {background-position: 0 -70px;}
footer nav.social li.linkedin a {background-position: -35px -70px;}
footer nav.social li.twitter a {background-position: -70px -70px;}
.mobile-nav nav.social li.facebook a {background-position: 0 -70px;}
.mobile-nav nav.social li.linkedin a {background-position: -35px -70px;}
.mobile-nav nav.social li.twitter a {background-position: -70px -70px;}
	
footer nav.social li.facebook a:hover {background-position: 0 -105px;}
footer nav.social li.linkedin a:hover {background-position: -35px -105px;}
footer nav.social li.twitter a:hover {background-position: -70px -105px;}
.mobile-nav nav.social li.facebook a:hover {background-position: 0 -105px;}
.mobile-nav nav.social li.linkedin a:hover {background-position: -35px -105px;}
.mobile-nav nav.social li.twitter a:hover {background-position: -70px -105px;}

footer nav.social li a:hover {
	color: #FFF;
}


.copyright {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 40px 0 0;
	text-align: center;
}


/*--------------------------------------------------------------------------------------------------------
		BLOG SPECIFIC STYLE
--------------------------------------------------------------------------------------------------------*/

.blog main {padding-top: 100px;}

section.blog-single.container {
    padding: 150px 0;
}

.posts .meta {color: #9f9f9f; font-size: 13px; margin-bottom: 5px;}

.posts ul {list-style: none; margin: 0; padding: 0;}

.posts.architects ul {
    font-size: 14px;
	line-height: 20px;
	margin-top: 40px;
}

.posts h2 {
	line-height: 28px;
	margin: 0 0 5px 0;
}

.posts h2 a {
    color: #05060a;
    font-size: 22px;
}

.posts.architects h2 {
	color: #343434;
    font-family: 'truenoregular';
	line-height: 28px;
	margin: 0 0 5px 0;
}

.posts.architects .date h2 {
	color: #666;
    font-family: 'truenoultralight';
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 5px 0;
	text-align: center;
}

.posts.architects .date.txt-left h2 {
	text-align: left;
}

.posts.architects h3 {
    color: #343434;
    font-family: 'truenoregular';
    font-size: 17px;
}

.posts.architects a {color: #343434; font-family: 'truenoregular';}
.posts.architects a:hover {color: #f47721;}

.posts ul li {
	margin: 0 0 30px;
}

.posts.press ul li {
    margin: 0;
}

.posts.press hr {
    width: 100%;
    border: none;
    border-bottom: 1px dotted #999;
    height: 1px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
    clear: both;
}

.posts ul li .image {
	border: 1px solid #dedede;
	height: 240px;
}

.posts.architects ul li .image {
	border: none;
	max-width: 100%;
	height: auto;
	text-align: center;
}

.posts.architects ul li .image img {
	max-width: 90%;
	height: auto;
}

.blog-image img {height: auto; width: 100%;}

a.button.more {
	border: 2px solid #F17721;
	border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	color: #F17721;
	font-size: 14px;
	padding: 8px 10px;
}

a.button.more:hover {
	background: #F17721;
	color: #fff;
}

/* SIDEBAR */

.sidebar {
	border: 1px solid #dedede;
	padding: 35px 3%;
}

.sidebar.one-third.right {
	color: #939393;
	font-size: 14px;
	width: 25%;
}

.sidebar a {
	color: #292929 !important;
	transition:all .35s;
		-webkit-transition:all .35s;
    	-moz-transition:all .35s;
    	-o-transition:all .35s;
}
.sidebar a:hover {color: #f47721;}

.sidebar h2, .sidebar .subscribe_wrapper h3.gform_title {
	border-bottom: 1px solid #c8c8c8;
    color: #939393;
	display: block;
    font-family: 'truenolight';
    font-size: 20px!important;
    margin: 0 0 15px 0!important;
	padding: 0 0 3px 0!important;
    text-align: left;
}

.sidebar .widget_search {padding: 30px 0;}

.widget_search input[type=text] {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 13px;
    padding: 8px;
    width: 87%;
}

.widget_search #searchsubmit {
    background: url(images/search-icon.gif) 8px 5px no-repeat;
    background-size: 25px;
    border: none;
    -moz-border: none;
    cursor: pointer;
    height: 35px;
    width: 15%;
    margin: 0;
    padding: 0;
    position: absolute;
}

ul.videos {list-style: none; margin: 0; padding: 0;}
ul.videos li {
	display: inline-block;
	margin: 0 4% 0 0;
	padding: 0;
	vertical-align: top;
	width: 30.333%;
}

ul.videos li:nth-child(3n) {margin-right:0;}

.video-wrap {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--------------------------------------------------------------------------------------------------------
		HOMEPAGE SPECIFIC STYLE
--------------------------------------------------------------------------------------------------------*/
.slide {
	background: 000;
	background-size: cover;
	position: relative;
	transition:all .35s;
		-webkit-transition:all .35s;
    	-moz-transition:all .35s;
    	-o-transition:all .35s;
	width: 100%;
}

.page .slide {
	height: 225px;
	background-size: cover!important;
}

.slide-overlay {
	background: #000;
	content: '';
	height: 100%;
	opacity: .65;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.home .slide {
	height: auto;
    overflow: hidden;
    padding: 0;
}

.home .slide:before {
	opacity: .5;
}

.home-content.container {position: relative; width: 75%;}

.home-content {
	color: #909090;
	font-family: 'truenoultralight_italic';
	font-size: 18px;
	line-height: 34px;
	position: relative;
}

.home-content:after {
	content: '';
    position: absolute;
    left: 50%;
	margin-left: -5px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #FFF;
    clear: both;
}

.feature {padding: 15px 0; text-align: center;}
.feature .quarter {background:url(images/img-case-studies.jpg) center no-repeat; background-size: cover; height: 280px; position: relative;}
.feature .quarter:before {
	background: #000;
	content: '';
	height: 100%;
	left: 0;
	opacity: .65;
	position: absolute;
	top: 0;
	transition:all .35s;
		-webkit-transition:all .35s;
    	-moz-transition:all .35s;
    	-o-transition:all .35s;
	width: 100%;
	z-index: 20;
}
.feature .quarter:hover:before {
	opacity: 0;
}
.feature .quarter p {
	background: #000; 
	background: rgba(0,0,0,0.45); 
	color: #FFF;
	font-family: 'truenobold';
	font-size: 20px;
	left: 0; 
	padding: 15px 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
	z-index: 30;
}

.subscribe_wrapper, .subscribe_wrapper h3.gform_title {margin: 0!important; padding: 0;}
.subscribe_wrapper h3.gform_title {
	color: #FFF;
	font-family: 'truenolight';
	font-size: 30px!important;
	font-weight: normal!important;
	padding: 0 0 20px;
	text-transform: none;
}

.subscribe_wrapper span.gform_description {
    font-family: 'truenoultralight';
	text-align: center;
}

.subscribe_wrapper .gform_body ul {
	text-align: center;
}

.sidebar .subscribe_wrapper span.gform_description {
	text-align: left;
}

.sidebar .subscribe_wrapper .gform_body ul {
	text-align: left;
}

.subscribe_wrapper input.large, .subscribe_wrapper input.medium, .subscribe_wrapper input.small, .subscribe_wrapper select.large, .subscribe_wrapper select.medium, .subscribe_wrapper select.small {
    width: 100%!important;
}

.subscribe_wrapper .gform_footer.top_label {text-align: center;}

.gform_footer input.button, .gform_footer input[type=submit], .gform_page_footer input.button, .gform_page_footer input[type=submit] {
	background: #f47721;
	border: 2px solid #f47721;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	color: #FFF;
	font-weight: 400!important;
	display: block;
	line-height: 18px;
	margin: 20px auto!important;
	padding: 10px 28px;
	text-align: center;
	transition: all .25s;
	    -webkit-transition: all .25s;
		-moz-transition: all .25s;
		-o-transition: all .25s;
}

.gform_footer input.button:hover, .gform_footer input[type=submit]:hover, .gform_page_footer input.button:hover, .gform_page_footer input[type=submit]:hover {
	background: transparent;
	border: 2px solid #f47721;
	color: #f47721;
}

.special .subscribe_wrapper .gform_footer input.button:hover, .special .subscribe_wrapper .gform_footer input[type=submit]:hover, .special .subscribe_wrapper .gform_page_footer input.button:hover, .special .subscribe_wrapper .gform_page_footer input[type=submit]:hover {
	background: transparent;
	border: 2px solid #FFF;
	color: #FFF;
}

.subscribe_wrapper .disclaimer .gfield_description {
	text-align: left;
    font-size: 11px;
    line-height: 14px;
	padding: 0!important;
    color: #000;
}

.subscribe_wrapper .disclaimer .gfield_description ol {
	margin-top: 10px;
	padding-left: 15px!important;
}

.subscribe_wrapper .disclaimer .gfield_description ol li {
	list-style: decimal!important;
	margin-bottom: 3px;
	padding-left: 3px;
}

.subscribe_wrapper .disclaimer .gfield_description ol li a {
	color: #FFF;
	text-decoration: underline;
}


.members ul {margin: 0; padding: 20px 0; text-align: center;}
#home .members ul {margin: 0; padding: 0; text-align: center;}
.members ul li {display: inline-block; margin: 15px 0 20px; vertical-align: middle; width: 26%;}
#home .members ul li {margin: 0 0 10px; width: 47%;}
#home .members ul li img {width: 100%;}

/*--------------------------------------------------------------------------------------------------------
		ABOUT US SPECIFIC STYLE
--------------------------------------------------------------------------------------------------------*/

section.benefits {
	font-size: 14px;
    padding: 0 0 70px;
}
.benefits h2 {
	color: #95989a;
    font-size: 36px;
    line-height: 41px;
    margin: 25px 0;
    text-align: center;
}
.benefits h3 {color: #343434; font-family: 'truenoregular'; font-size: 20px;}
.box1, .box2, .box3, .box4 {min-height: 225px; width: 37%;}
.box1, .box3 {padding: 60px 3% 60px 10%;}
.box2, .box4 {padding: 60px 10% 60px 3%;}
.box1 {background: #f0f0f0;}
.box2 {background: #e6e6e6;}
.box3 {background: #dddddd;}
.box4 {background: #d5d5d5;}


/*--------------------------------------------------------------------------------------------------------
		NAVIGATION
--------------------------------------------------------------------------------------------------------*/

nav#main {
	background: transparent;
	text-align: right;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
	width: 100%;
	z-index: 2;
}

nav#main ul {text-align: right;}
nav#main li {display: inline; position: relative;}
nav#main li a {
	color: #bababa; 
	display: inline-block;
	font-family: 'truenolight';
	font-size: 17px;
	line-height: 60px;
	margin: 0 20px;
	padding: 0;
	vertical-align: top;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
}

header.stuck nav#main li a {
	line-height: 60px;
}

nav#main li.orange a {color: #F17721;}

nav#main li.current-menu-item a, nav#main li.current-page-ancestor a, nav#main li.current_page_parent a, .press-template-default.single nav#main li#menu-item-32 a {
	color: #FFF;
}

nav#main li a:hover {
	color: #FFF;
}

nav#main li a:last-child {
	margin-right: 0;
}


/* *** Level 2 *** */

nav#main ul.menu li ul {
	display: list-item;
	left: -9999px;
	position: absolute;
	z-index: 1000;
	list-style-type: none;
	margin:0;
	padding:10px 0px;
	background: #000000;
    background: rgba(29,29,29,0.9);
	border:2px solid #F17721;
	border-radius: 3px;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	white-space: nowrap;
	min-width: 250px;
	z-index: 2;
}

nav#main ul.menu li.over ul, 
nav#main ul.menu li:hover ul { 
	left:0; 
}

nav#main ul.menu li ul li {
	display: block;
	border:none;
	height: 100%;
	line-height: 30px;
	position: relative;
	left:0;
}

nav#main ul li ul li:first-child > a:before {
		content:'';
		position:absolute;
		left:35px;
		top:-20px;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:10px solid #F17721;
	    z-index: 1;
}

nav#main ul.menu li ul li a {
	display: block;
	line-height: 100%;
	margin:0;
    padding:15px 20px 5px;
	height: 20px;
	font-size: 13px;
	font-weight: normal;
	color:#bababa;
	text-align:left;	
	transition:all .25s;
		-webkit-transition:all .25s;
    	-moz-transition:all .25s;
    	-o-transition:all .25s;
}

nav#main ul.menu li ul li a:hover {
	color: #FFF;
}

/* SECONDARY NAV */

nav.social {
	background: transparent;
	text-align: right;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
	width: 100%;
	z-index: 2;
}

nav.social ul {text-align: right;}
nav.social li {display: inline; position: relative;}
nav.social li a {
	color: #bababa; 
	display: inline-block;
	font-family: 'truenolight';
	font-size: 12px;
	line-height: 35px;
	margin: 0 12px;
	text-align: center;
	vertical-align: top;
	transition: all .35s;
		-webkit-transition: all .35s;
    	-moz-transition: all .35s;
    	-o-transition: all .35s;
}

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


nav.social li.facebook a, nav.social li.twitter a, nav.social li.linkedin a {
	background: url(images/sprite-social.png) 0 0 no-repeat;
	background-size: 105px;
	height: 35px;
	margin: 0 5px;
	text-indent: -9999px!important;
	width: 35px;
}
nav.social li.facebook a {background-position: 0 0;}
nav.social li.linkedin a {background-position: -35px 0;}
nav.social li.twitter a {background-position: -70px 0;}
	
nav.social li.facebook a:hover {background-position: 0 -35px;}
nav.social li.linkedin a:hover {background-position: -35px -35px;}
nav.social li.twitter a:hover {background-position: -70px -35px;}

nav.social li a:hover {
	color: #FFF;
}


/*--------------------------------------------------------------------------------------------------------
		MOBILE NAVIGATION
--------------------------------------------------------------------------------------------------------*/

.mobile-nav-trigger {
	background: transparent;
	border: 2px solid #f47721;
	display: none;
	height: 50px;
	line-height: 45px;
	position: fixed;
	right: 3%;
	top: 10px;
	transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
	width: 70px;
	z-index: 10000;
}
.mobile-nav-trigger.sticky {top: 40px;}

.mobile-nav-trigger .menu-text {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.mobile-nav-trigger .menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 28px;
  height: 4px;
  background-color: #FFF;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.mobile-nav-trigger .menu-icon::before, .mobile-nav-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #FFF;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.mobile-nav-trigger .menu-icon::before {
  top: -8px;
}
.mobile-nav-trigger .menu-icon::after {
  top: 8px;
}
.mobile-nav-trigger .menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.mobile-nav-trigger .menu-icon.is-clicked::before, .mobile-nav-trigger .menu-icon.is-clicked::after {
  background-color: #FFF;
}
.mobile-nav-trigger .menu-icon.is-clicked::before {
  top: 0;
  right:0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mobile-nav-trigger .menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
	
.nav-container .mobile-nav-trigger, .down .logo-container .mobile-nav-trigger  {top: 50%;}
  .mobile-nav-trigger .menu-text {
	  display: inline-block;
  }
  .mobile-nav-trigger .menu-icon {
    left: auto;
    right: 28%;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.mobile-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 52, 87, 0.95);
  z-index: 1100;
  text-align: left;
  padding: 60px 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.mobile-nav ul {margin: 0 auto; width: 95%;}
.mobile-nav li {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 0 .2em 0;
	text-transform: capitalize;
}
.mobile-nav a {
	color: #FFF;
	display: inline-block;
	border-radius: 0.25em;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
	width: 100%;
}
.no-touch .mobile-nav a:hover {
	color: #FFF;
}
.mobile-nav .label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.mobile-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .mobile-nav {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1170px) {
  .mobile-nav li {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .mobile-nav .label {
    font-size: 16px;
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------------------------------------------------
		PROJECT PAGE STYLE
--------------------------------------------------------------------------------------------------------*/

#page main {padding-top: 150px;}

section.project {margin-bottom: 100px;}

section.more {background:#f0f0f0; margin-bottom: 0; padding: 60px 0;}

.project .project-image {
	background:url(images/project-pic.jpg) center no-repeat;
	background-size: cover;
	height: 390px;
	margin-bottom: 45px;
	width: 100%;
}
.project .text {}

.project .text h2, .project .text h2 a {
	color: #939393;
	font-family: "truenoultralight";
	font-size: 22px;
	line-height: 26px;
	text-transform: uppercase;
}

.project .text h2 a:hover {
	color: #262626;
	transition:all .35s;
		-webkit-transition:all .35s;
    	-moz-transition:all .35s;
    	-o-transition:all .35s;
}

.more .one-third {
	margin-right: 2%;
	width: 31.333%;
}

.more .project-image {
	background:url(images/project-pic.jpg) center no-repeat;
	background-size: cover;
	height: 255px;
	margin-bottom: 25px;
	position: relative;
	width: 100%;
}

.more .project-image:before {
	content: '';
	background:url(images/triangle.png) center no-repeat;
	background-size: cover;
	bottom: 0;
	height: 45px;
	left: 0;
	position: absolute;
	width: 45px;
}

.more .project-image:after {
	bottom: 0;
	color: #5b5d5e;
	content: '+';
	font-family: 'truenoregular';
	font-size: 33px;
	left: 0;
	position: absolute;
}

.project-single .project-image img {
	height: auto;
	width: 100%;
}

.project-single .text {
	background: rgba(255,255,255,0.9);
    border: 1px solid #d3d3d3;
	margin: -40px 0 150px 35%;
    padding: 55px 80px;
	position: relative;
    width: 45%;
    z-index: 50;
}

.project-single h1 {
	color: #262626;
	font-family: 'truenolight';
	font-size: 28px;
	font-weight: normal;
	line-height: 33px;
	margin: 0 0 20px;
	text-align: left;
}

body .gform_body ul li.no-mtop {
	margin-top: 0;
}

body.page-id-595 .gform_wrapper .gform_footer {
	padding-top: 0;
	margin-top: 0;
}

body.page-id-595 .gform_wrapper select {
	padding-top: 5px;
	padding-bottom: 5px;
}

.simple-border {
	padding: 10px;
	border: 1px dotted #999;
	margin-bottom: 20px;
}


/*--------------------------------------------------------------------------------------------------------
		MEDIA QUERIES
--------------------------------------------------------------------------------------------------------*/

/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
		.container {width: 90%;}
		.logo {left: 5%;}
		nav#main li a {font-size: 15px;}
		
		.feature .quarter {height: 220px;}
		
		.home-content.container {padding: 40px 0 50px; width: 75%;}
	}
	
	
	@media only screen and (max-width : 960px) {
		section {padding: 40px 0;} 
		header .bottom {padding: 10px 0;}
		.logo {background-size: 250px; left: 2%; width: 250px;}
		
		nav.social li a {margin: 0 9px;}
		
		nav.social li.facebook a, nav.social li.twitter a, nav.social li.linkedin a {
			background-size: 90px;
			height: 30px;
			width: 30px;
		}
		nav.social li.facebook a {background-position: 0 0;}
		nav.social li.linkedin a {background-position: -30px 0;}
		nav.social li.twitter a {background-position: -60px 0;}
		
		nav.social li.facebook a:hover {background-position: 0 -30px;}
		nav.social li.linkedin a:hover {background-position: -30px -30px;}
		nav.social li.twitter a:hover {background-position: -60px -30px;}
		
		.feature .quarter {height: 170px;}
		.feature .quarter p {font-size: 18px;}
		
		.home-content.container {width: 80%;}
		
		footer .container {width: 100%;}
		
		ul.videos li {display: inline-block; margin: 0 4% 25px 0; width:47%;}
		ul.videos li:nth-child(2n) {margin-right: 0;}
}


/* Small Devices, Tablets */
	@media only screen and (max-width : 800px) {
		section.survey-msg { display: none; }
}


	@media only screen and (max-width : 768px) {
		header .top {height: 75px; padding: 0;}
		header .bottom {display: none;}
		
		.mobile-nav .half {padding: 20px 0 0;}
		.logo {background-size: 220px; height: 100px; top: 0px;}
		.mobile-nav .logo {background-position: center; background-size: contain; height: 70px; left: auto; margin: 0 auto; position: relative; width: 85%;}
		.content-area.two-thirds.left {float:none; width: 100%;}
		.sidebar.one-third.right {float:none; width: 93%;}
		.text.half.left, .video.half.right, .posts.two-thirds.left {float: none; width: 100%;}
		.box1, .box2, .box3, .box4 {float: none; min-height: auto; padding: 30px 4%; width:92%;}
		
		.page .slide {background-size: cover; height: 125px;}
		.home .slide {
			height: auto;
			padding: 75px 0 0 0;
			background: #000;
		}
		.blog main {padding-top: 60px;}
		
		header nav {display: none;}
		.mobile-nav-trigger {display: block;}
		
		.feature .quarter {height: 150px;}
		
		.home-content {font-size: 14px; line-height: 30px;}
		footer .half.right {display: none;}
		footer .half.left {width: 100%;}
	}
	
	@media only screen and (max-width : 680px) {
		
		.slide {height: 400px;}
		
		main section.special {padding: 35px 0 50px;}
		main section.special h3 {margin-bottom: 25px;}
		.special .one-third.right, .special .two-thirds.left {float: none; margin: 50px auto 0; width: 90%;}
		
		.style .content .menu, .style .content .text, .personalized .content .menu, .personalized .content .text {width: 90%;}
		
		.feature .quarter {margin-bottom: 20px; width: 100%;}
		.feature {padding: 15px 0 0;}
		
		.home-content .two-thirds.left, .home-content .one-third.right {float: none; width: 100%;}
		
		.members ul li {width: 30%;}
		.members ul li img {height: auto; width: 100%;}
		
		ul.videos li {display: block; margin: 0 0 25px; width: 100%;}
		
	}


/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		.slide {background-position: top; height: 275px;}
		.home-video .video {height: 200px;}
	}
	

/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {

	}