/* Custom CSS File */

/*
    This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@font-face{
font-family:"Futura LT W01 Light";
src:url("/fonts/1475786/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix");
src:url("/fonts/1475786/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix") format("eot"),url("/fonts/1475786/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("/fonts/1475786/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff"),url("/fonts/1475786/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf") format("truetype"),url("/fonts/1475786/14d6bf5d-15f1-4794-b18e-c03fb9a5187e.svg#14d6bf5d-15f1-4794-b18e-c03fb9a5187e") format("svg");
}

@media (max-width: 768px) {
	  .margin-no-title {
			margin-top: 33px;
	}
	  .margin-title {
			margin-top: 10px;
	}
}

@media (min-width: 768px) {
	  .margin-no-title {
		margin-top: 69px;
	}
	  .margin-title {
		margin-top: 30px; /* was 40 */
	}
}
body {
	font-family: 'Futura LT W01 Light', sans-serif;
}
p {
	font-size: 16px;
}
.greyBG {
	background-color: gray;
}
.top-gutter img{
	margin-top: 10px;
}
.image-table {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 15%;
	padding-top: 10px;
	overflow-y: auto;
}
.image-cell {
	border-right: #FFF 8px solid;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: auto;
	-webkit-transition: "all ease-in-out 250ms";
	-moz-transition: "all ease-in-out 250ms";
	-ms-transition: "all ease-in-out 250ms";
	-o-transition: "all ease-in-out 250ms";
	transition: "all ease-in-out 250ms";
	cursor: pointer;
	opacity: 0.8;
}
td.image-cell:last-child {
	border-right: none;
}
.display-none {
	display: none;
}
a {
	color: #777;
}
a:hover, a:active, a:visited {
	color: #777;
}
.menu {
	position: relative;
	bottom: 0px;
}
.menu p a {
	color: #777;
}
.menu h2 a, .menu h3 a {
	text-decoration: none;
}
.font-md {
	font-size: 14px;
}
.font-sm {
	font-size: 11px;
}
.prj-matrix-div {
	height: 50px;
	margin-top: -50px;
	margin-left: 10px;
}
.prj-matrix-txt {
	line-height: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-top: 0px;
	color:#fff;
}
.font-dark {
	color: #333;
}
.font-shadow {
	text-shadow: 1px 1px 1px #333, 1px 1px 2px #333;
}
.prj-title {
	display: inline-block;
	padding-left: 10px;
}
.prj-info {
	display: inline-block;
	position: absolute;
	right: 10px;
}
.prj-info a {
	text-decoration: none;
	color: #777;
}
#projDesc {
	display: none;
}
.address-row p {
	margin-top: 10px; /* make 0 if overlay text is present*/
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-item {
	transform: translate3d(0, 0, 0);
}
.project-arrow-container {
	z-index:5;
	position: absolute;
	height: 100%;
	width:100%;
}
.project-arrow {
	display: inline-block;
	position:absolute;
	height: 100%;
	width:50%;
	outline: 0px none;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.project-arrow-left {
	position:absolute;
	top: 50%;
	left: 15px;
}
.project-arrow-right {
	position:absolute;
	top: 50%;
	right: 15px;
}
.project-arrow:hover {
	outline: 0px none;
	opacity: 1;
}
#map-seattle {
	background-image: url(/contact/images/map_Seattle.png);
}
#map-ptownsend {
	background-image: url(/contact/images/map_Port-Townsend.png);
}
#map-seattle, #map-ptownsend {
	height: 320px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 200%;
}

@media (min-width: 768px) {
	.content-area-container {
		height: 447px;
		overflow: hidden;
	}
	#projDesc {
		display: inline-block;
		background-color: #fff;
		z-index: 10;
		position: absolute;
		right: 0;
		opacity: .9;
		height: 100%;
		overflow: auto;
	}
	#projDesc p {
		padding-left: 10px;
		padding-right: 10px;
	}
	#projDesc p:nth-child(2) {
		padding-top: 10px;
	}
	.owl-theme .owl-controls .owl-buttons div {
		display: inline-block;
	}
	#map-seattle, #map-ptownsend {
		height: 364px;
		background-size: auto 166%;
	}
	.address-row p {
		margin-top: 6px;
	}
	.menu-spacing-contact {
		line-height: 20px;
	}
	.menu-projects
	{
		bottom: 12px;
	}
	.prj-matrix-txt {
		line-height: 20px;
		padding-top: 13px;
	}
}
@media (min-width: 992px) {
	.content-area-container {
		height: 573px;
		overflow: hidden;
	}
	.owl-theme .owl-controls .owl-buttons div {
		display: inline-block;
	}
	#map-seattle, #map-ptownsend {
		height: 481px;
		background-size: auto 133%;
	}
	.address-row p {
		margin-top: 10px;
	}
	.menu-projects
	{
		bottom: 8px;
	}
}
@media (min-width: 1344px) {
	.content-area-container {
		height: 773px;
		overflow: hidden;
	}
	.owl-theme .owl-controls .owl-buttons div {
		display: inline-block;
	}
	#map-seattle, #map-ptownsend {
		height: 682px;
		background-size: cover;
	}
	.menu-projects
	{
		bottom: 11px;
	}
}