/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3020b3");

  
@font-face {font-family: 'AvenirLT-Medium';src: url('fonts/3020B3_0_0.eot');src: url('fonts/3020B3_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3020B3_0_0.woff2') format('woff2'),url('fonts/3020B3_0_0.woff') format('woff'),url('fonts/3020B3_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-Book';src: url('fonts/3020B3_1_0.eot');src: url('fonts/3020B3_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/3020B3_1_0.woff2') format('woff2'),url('fonts/3020B3_1_0.woff') format('woff'),url('fonts/3020B3_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-Light';src: url('fonts/3020B3_2_0.eot');src: url('fonts/3020B3_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/3020B3_2_0.woff2') format('woff2'),url('fonts/3020B3_2_0.woff') format('woff'),url('fonts/3020B3_2_0.ttf') format('truetype');}
 


/* custom styles go here */

body {
	background: #fff;
	font-family: 'AvenirLT-Book',"HeveticaNeue",Helvetica,Arial,sans-serif;
}

body, input, textarea {
	color: #333;
}


/* header */

#header_wrapper {
	
}

#header {

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

}

#branding {
	
}

#branding #site_logo img {
	width: 170px;
	height: 30px;
	display: block;
}

.sf-menu li a {
	color: #b9b9b9;
	text-transform: lowercase;
}

#mobile_menu {
	display: none;
}



/* main content */
h1 {

}

h2 {
	
}

h3 {
	
}

h4 {
	
}

#wrapper {
	width: 100%;
}

#main_wrapper {
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

#main {
	
}

#main #container {
	float: none;
	width: 100%;
	margin: 0;
}

#main .main-aside {
	
}

#container {
}

#container #content {
	display: block;
}

#container #content,
#container #content .hentry,
#container #content .hentry .entry-content,
#container #content .hentry .content-table .entry-content {
	height: 100%;
	width: 100%;
	min-height: 300px;
	margin: 0;
	position: relative;
}

#container #content .hentry {
	display: table;
	height: 300px;
}

#container #content .hentry .content-table {
	display: table-row;
	background: #bbb;
	color: #fff;
}

#container #content .hentry .content-table .entry-content {
	display: table-cell;
	vertical-align: middle;
	font-size: 22pt;
	font-weight: 100;
	padding: 20px;
}

#container #content .hentry p,
#container #content .hentry ul,
#container #content .hentry ol {
	margin-bottom: 0;
}

.goldbar {
	padding: 0;
	margin: 0 0 10px 0;
	width: 100%;
	height: 6px;
	background: #d5c42b;
}

.cleardiv {
	clear: both;
}

.edit-link {
	display: none;
}



.onecolumn_wrapper,
.three_columns {
	background: #555;
	margin: 20px 0 0 0;
	color: #fff;
}

.three_columns, .three_columns a, .three_columns a:visited {
	color: #b8b8b8;
}

.three_columns a:hover {
	color: #fff;
}

.onecolumn_wrapper .onecolumn p,
.two_columns .twocolumn p,
.three_columns .threecolumn p {
	margin: 0 0 20px 0;
}

.two_columns {
	background-color: #bbb;
	color: #fff;
	margin: 20px 0 0 0;
	width: 100%;
}

.onecolumn_wrapper,
.two_columns .twocolumn .content_padding,
.three_columns {
	padding: 40px 40px 20px 40px;
}



.work_project_wrapper {
	margin-top: 0 !important;
}

.work_project {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	height: 320px;
	height: auto;
	width: 100%;
	margin-top: 20px !important;
    -webkit-transition: height .5s ease;
       -moz-transition: height .5s ease;
        -ms-transition: height .5s ease;
         -o-transition: height .5s ease;
            transition: height .5s ease;
}

.work_project_img {
	
}

.work_project_overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}

.work_project_overlay a {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}

.work_project_overlay .work_project_name {
	background: rgba(68,68,68,.9);
	display: table-cell;
	height: 100%;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 18pt;
	opacity: 0;
    -webkit-transition: opacity .5s ease;
       -moz-transition: opacity .5s ease;
        -ms-transition: opacity .5s ease;
         -o-transition: opacity .5s ease;
            transition: opacity .5s ease;
}

.work_project_overlay .work_project_name,
.work_project_overlay .work_project_name a {
	color: #d5c42b;
}

.work_project_overlay .work_project_name span {
	border-bottom: 8px solid #d5c42b;
	padding-bottom: 10px;
}

.hover .work_project_overlay .work_project_name {
	opacity: 1;
}



.project_name_wrapper {
	text-align: center;
}

.project_name_content {
	padding: 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.project_name_content .project_name span,
.project_name_content .client_name span {
	color: #666;
}

.project_name_wrapper,
.single_image,
.two_images.two_columns,
.work_nav_wrapper {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}

.main_image img,
.single_image img,
.two_columns.two_images .twocolumn img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
}

.two_images.two_columns {
	background: transparent;
}

.work_nav {
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
}

.work_nav, .work_nav a {
	color: #b9b9b9;
}

.work_nav .divider {
	padding: 0 12px;
}



/* home */

.home_hero_item {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
	display: table;
	height: 100%;
    text-indent: -100%;
}

.home_hero_item a {
	height: 100%;
	width: 100%;
	display: table;
}

.home_hero_item img {
	width: 100%;
	height: auto;
}

.cycle-pager {
	z-index: 150;
	position: absolute;
	bottom: 100px;
	width: 100%;
	text-align: center;
}

.cycle-pager span {
	background: #fff;
	color: #fff;
	width: 40px;
	height: 6px;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
	cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
	background: #d6c504;
	color: #d6c504;
}



/* footer */

#footer_wrapper {
	
}

#footer {
	
}



/* links */

a.hover50:hover img {
	opacity: .5;
}

a {
	
}

a:visited {
	
}

a:hover, a:active {
	
}



/* let's get responsive! */

/* Desktops */
@media screen and (min-width: 641px),
/* Tablets Portrait or Landscape */
screen and (min-device-width: 768px) and (max-device-width: 1024px){

	.desktop {
		display: block !important;
	}
	
	.mobile {
		display: none !important;
	}

	html {
		height: 100%;
	}
	
	body {
		height: 100%;
		min-height: 100%;
	}

	body.home #wrapper,
	#main_wrapper,
	#main,
	#home_hero_wrapper,
	.cycle-slideshow {
		display: table;
		height: 100%;
		width: 100%;
	}
	
	#header_wrapper {
		position: absolute;
		width: 100%;
		background: #fff;
		z-index: 1000;
	}
	
	#header {
		padding: 55px 65px 0 65px;
	}
	
	#main_wrapper {
		padding: 0 65px;
		box-sizing: border-box;
		height: 100%;
		display: table;
	}
	
	#container {
		margin-top: 97px !important;
	}
	
	body.home #container {
		margin-top: 0 !important;
	}
	
	#content_control_wrapper {
		width: 100%;
		height: 80px;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 152;
	}
	
	#content_control {
		background: url(../images/content_arrow-up.png) center center;
		height: 16px;
		width: 30px;
		cursor: pointer;
		position: relative;
		top: 30px;
		left: 50%;
		margin-left: -15px;
	}
	
	#content_control.active {
		background: url(../images/content_arrow-down.png) center center;
	}
	
	#footer_wrapper {
		display: none;
	}

	#branding, 
	#main, 
	body.home #main #container,
	.content_wrapper,
	#footer {
		width: 100%;
		margin: 0 auto;
	}
	
	body.home #main #container {
		overflow: auto;
	}
	
	body.home .entry-content {
		display: table-cell;
		vertical-align: middle;
	}
	
	body.home #main {
		display: table-cell;
		width: 100%;
		overflow: hidden;
	}
	
	#header #branding {
		width: 25%;
		float: left;
	}
	
	#header #access {
		width: 75%;
		float: right;
	}

	#access .menu {
		float: right;
	}
	
	#mobile_menu_icon {
		display: none !important;
	}

	#access .sf-menu {
		display: block !important;
	}
	
	#access .sf-menu li {
		float: left;
		position: relative;
	}

	.sf-menu li a {
	}

	.sf-menu li a:hover, .sf-menu li.hover a {
		background: transparent;
		color: #000;
	}
	
	#access .sf-menu li .sub-menu,
	#access .sf-menu li .sub-menu li .sub-menu {
		display: none;
	}
	
	#access .sf-menu li.hover .sub-menu {
		display: block;
		position: absolute;
		width: 200px;
		background: #333;
		z-index: 100;
		padding: 0;
	}
	
	#access .sf-menu li:last-of-type.hover .sub-menu {
		right: 0;
	}

	.sf-menu li .sub-menu li {
		display: block;
		float: none;
		width: 100%;
	}
	
	.sf-menu li .sub-menu a {
		padding: .5em 1em;
		color: #fff;
	}

	.sf-menu li.current-page-parent a,
	.sf-menu li.current_page_item a,
	.sf-menu li.current-page-ancestor a,
	.sf-menu li a:hover, .sf-menu li.hover a {
		color: #000;
	}
	
	body.page-template-home_page #container {
		height: 100%;
		vertical-align: middle;
		position: absolute;
		top: 100%;
		left: 0;
		background: #bbb;
		color: #fff;
		z-index: 150;

	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;

	}

	body.page-template-home_page #container.active {
		top: 0;
	}
	
	body.page-template-home_page #container #content {
		display: table;
		height: 100%;
	}
	
	body.page-template-home_page #container #content .hentry {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
		margin: 0;
		font-weight: 100;
		padding: 50px 14%;
	}
	
	#container #content .hentry .content-table .entry-content,
	body.page-template-home_page #container #content .hentry {
		font-size: 32px;
	}
		
	.three_columns .threecolumn {
		width: 30%;
		margin-right: 5%;
		float: left;
	}
	
	.three_columns .threecolumn.third {
		margin-right: 0;
	}

	.two_columns {
		display: table;
		background: #bbb url(../images/twocol_divider.png) center center repeat-y;
	}
	
	.two_columns .twocolumn {
		display: table-cell;
		width: 49%;
		margin-right: 2%;
		float: left;
	}
	
	.three_columns .threecolumn.third,
	.two_columns .twocolumn.second {
		margin-right: 0;
	}

	#container #content .hentry .content-table .entry-content {
		padding: 90px 150px;
	}
	
	body.home #container #content .hentry .content-table .entry-content {
		padding: 0;
	}
	
	.two_columns.two_images {
		display: block;
		background: none;
	}
	
	.two_columns.two_images .twocolumn {
		display: block;
		width: 50%;
		float: left;
		overflow: hidden;
		margin: 0;
	}
	
	.two_columns.two_images .twocolumn.first img {
		padding-right: 20px;
	}
	
	.two_columns.two_images .twocolumn.second img {
		padding-left: 20px;
	}
	
	.work_project {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	
	.work_project:nth-child(even) {
		border-left: 10px solid #fff;
	}
	
	.work_project:nth-child(odd) {
		border-right: 10px solid #fff;
		clear: both
	}
	
	.project_name_content {
		padding: 50px;
	}
	
	.project_name_content .project_name,
	.project_name_content .client_name {
		white-space: nowrap;
		padding: 0 15px;
	}
	
	.project_name_content .project_name span,
	.project_name_content .client_name span {
		padding-right: 10px;
	}
	
	
}


/* medium styles */
@media screen and (max-width: 800px) {

	#container #content .hentry .content-table .entry-content,
	body.page-template-home_page #container #content .hentry {
		font-size: 18px;
	}
	
	#container #content .hentry .content-table .entry-content {
		padding: 20px;
	}

	.three_columns .threecolumn {
		width: auto;
		margin-right: 0;
		float: none;
	}
	
	.work_project {
		width: 100%;
		float: none;
		border: none;
	}

	.project_name_content .project_name,
	.project_name_content .client_name {
		display: block;
		padding: 0;
	}

}


/* mobile styles */
@media only screen and (max-width: 640px) and (max-device-width : 640px),
only screen and (max-width: 640px) and (min-device-width : 1201px) {
	
	.mobile {
		display: block !important;
	}
	
	.desktop {
		display: none !important;
	}
	
	#branding {
		width: 80%;
		margin: 0;
	}
	
	#access {
		width: 20%;
		position: absolute;
		text-align: right;
		right: 0;
		top: 20px;
	}
	
	#access .menu {
		width: 30px;
	}
	
	#access #mobile_menu_icon {
		height: 30px;
		line-height: 30px;
		padding-left: 50px;
		width: auto;
		background: url(../images/mobile_menu_icon.png) 5px center no-repeat;
		background-size: 30px 30px;
		display: block;
		cursor: pointer;
	}
	
	#access #mobile_menu_icon.active {
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	#access .sf-menu {
		display: none;
		background: #333;
		margin-left: 44px;
	}

	.sf-menu li {
		float: none;
	}
	
	.sf-menu li a {
		color: #fff;
		display: block;
	}

	#mobile_menu {
	    background: #b2b2b2;
	    caption-side: #fff;
	    border: 15px solid #fff;
		box-sizing: border-box;
	    text-align: center;
	    display: none;
	    height: 100%;
	    left: 0;
	    overflow: hidden;
	    position: fixed;
	    z-index: 500;
	    top: 0;
	    width: 100%;
	}
	
	#mobile_menu #mobile_menu_wrap {
		display: table;
		width: 100%;
		height: 100%;
	}
	
	#mobile_menu #mobile_menu_wrap .menu-main-nav-container {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}

	.close_mobile_menu {
		background: url("../images/x-close.png") no-repeat scroll center center / 26px 26px;
		color: #fff;
		cursor: pointer;
		display: block;
		height: 30px;
		width: 30px;
		position: absolute;
		right: 15px;
		top: 15px;
		text-align: left;
		text-indent: -300em;
		z-index: 25;
	}
	
	#mobile_menu .menu-main-nav-container ul.menu {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#mobile_menu .menu-main-nav-container li a {
		color: #fff;
		display: block;
		font-size: 20pt;
		line-height: 85px;
		text-align: center;
		text-transform: lowercase;
	}
	
	body.home #wrapper,
	#main_wrapper,
	#main,
	#home_hero_wrapper,
	.cycle-slideshow {
		height: 250px;
	}
	
	#home_hero_wrapper {
		margin-bottom: 20px;
	}

	.cycle-pager {
	 	position: relative;
	 	bottom: 40px;
	}
	
	#header {
		padding: 20px 15px 0 15px;
	}
	
	#main_wrapper {
		padding: 15px;
		box-sizing: border-box;
	}
	
	.two_columns .twocolumn .content_padding,
	.three_columns {
		padding: 20px;
	}
	
	.two_columns.two_images .twocolumn.second {
		margin-top: 20px;
	}

	.work_project {
		height: 200px;
		height: auto;
	}

	.project_name_content .project_name,
	.project_name_content .client_name,
	.project_name_content .project_name span,
	.project_name_content .client_name span {
		display: block;
	}

	.project_name_content .client_name {
		padding-top: 20px;
	}
	
}