/*
Theme Name: Yamamar
Author: Brian Thomas
Author URI: http://notmargarine.com/
*/



/** ------------------------------------------------ */
/** -------------- PRIMARY ------------------------- */
/** ------------------------------------------------ */

body, html {
	height:100%;
}

#wrap {
	min-height:100%;
	position:relative;
}

.pointer {
	cursor:pointer;
}

.overflow {
    overflow:hidden;
    display:block;
    float:none;
}

.absolute {
    position:absolute;
}

.fixed {
    max-width:1040px;
    position:fixed;
    top:0;
    z-index:999;
}



/** ------------------------------------------------ */
/** -------------- TYPOGRAPHY ---------------------- */
/** ------------------------------------------------ */

.vacant {
    font-family:'Vacant-Light';
    letter-spacing:normal;
}

.sm {
    font-size:.65em;
    line-height:1.5em;
}

.rg, p {
    font-size:.8em;
    line-height:1.5em;
}

.excerpt p, .description p {
	font-size:.72em;
}
 
.lg {
    font-size:1.15em; 
    line-height:1.5em;
}

.xlg {
	font-size:2.1em;
	line-height:.9em;
}

.xxlg {
	font-size:8em;
	line-height:.9em;
}

.bold, strong, b {
    font-family:'gotham_boldregular';
}

.paragraph {
	max-width:40em;
}

.paragraph p {
	line-height:1.5em;
}

p, p br {
	line-height:1.5em;
	margin-bottom:1em;
}



/** ------------------------------------------------ */
/** -------------- COLOR --------------------------- */
/** ------------------------------------------------ */

.black {
	color:#000;
}

.white {
	color:#fff;
}

.gray {
    color:#808080;
}



/** ------------------------------------------------ */
/** -------------- BORDER -------------------------- */
/** ------------------------------------------------ */

.border-top {
	border-top:1px solid #808080;
	padding-top: .2em;
	margin-top:1em;
}

.arrow.is-checked, .button.is-checked, .divider.underline, .underline, .gray.underline:hover, .filter.underline, .button.active, .link:hover {
	border-bottom:.1em solid #000;
}

.arrow {
	border-bottom:.1em solid #fff;
}

.nav.underline {
	border-bottom:.1em solid #000;
}

.filter.underline {
	border-bottom:.1em solid #808080;
}

.active a {
    color:#000;
}



/** ------------------------------------------------ */
/** -------------- SPACER -------------------------- */
/** ------------------------------------------------ */

.spacer-top {
    margin-top:1.4778%;
}

.spacer-bottom {
    margin-bottom:1.4778%;
}

.spacer-bottom2 {
    margin-bottom:5%;
}

.spacer-top2 {
	margin-top:12%;
}



/** ------------------------------------------------ */
/** -------------- HEADER -------------------------- */
/** ------------------------------------------------ */

#header {
    margin-bottom:1em;
    text-transform:capitalize;
}

#header .underline {
	padding-bottom:.2em;
}

#header a:hover, #tags a:hover, #people-list a:hover {
    color:#000;
}

#header .active, #header .current-page-ancestor, .underline:hover, .nav.underline:hover {
    border-bottom:.2em solid #000;
}

#header-logo a img {
    height:auto;
    width:10em;
}

.filter {
    margin-top:1.25em;
}

#tags, #people-list {
    margin-bottom:.75%;
    line-height:1em;
}

#tags .item {
    margin-bottom:.5em;
}



/** ------------------------------------------------ */
/** -------------- WORK: THUMBNAILS ---------------- */
/** ------------------------------------------------ */

.work.thumb.copy {
    height:3.5em;
    background-color:#fff;
    bottom:0;
    padding-top:.25em;
    z-index:100;
    position:absolute;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
}

.thumbnail-title.short {
    height:2.2em;
    padding-bottom:.5em;
    margin-top:-2.2em;
}

.work.thumb:hover {
	opacity:90%;
}



/** ------------------------------------------------ */
/** -------------- PROCESS: THUMBNAILS ------------- */
/** ------------------------------------------------ */

.item.process {
    margin:0;
}

.process.thumb.copy {
	padding:5% 6% 6% 6%;
}

.vacant.xlg {
	margin-bottom:.5em;
}



/** ------------------------------------------------ */
/** -------------- PROJECT ------------------------- */
/** ------------------------------------------------ */

#post-title {
    position:absolute;
    top:25%;
    left:200px;
    z-index:10;
}

#post-copy {
    margin-bottom:1.4778%;
}

#related {
    top:2.5em;
}

.alignleft {
    float:left;
    margin:0;
}

.alignright {
    float:right;
    margin:0;
}

.item.process {
    background-color:#000;
    overflow:hidden;
    color:#fff;
    margin-bottom:1.5%;
    text-overflow:ellipsis;
}

#carousel img, #carousel, #slider {
		height:662px;
	}
	
#carousel img {
	width:auto;
}

#mobilegallery {
	display:none;
}

#carousel {
	margin-bottom:4em;
}

.title.description a {
	display:block;
	padding-top:1em;
	text-decoration:underline;
}


/** ------------------------------------------------ */
/** -------------- PROJECT: CAROUSEL --------------- */
/** ------------------------------------------------ */

/* ---- arrow ---- */
.arrow {
    cursor:pointer;
}

.arrow:hover {
    color:#000;
}

.arrow.is-checked {
    color:#000;
}

.arrow:active {
    color:#000;
}



/** ------------------------------------------------ */
/** -------------- CONTACT ------------------------- */
/** ------------------------------------------------ */

#googlemaps {
    width:100%;
    display:inline-block;
}

#content-people .item .content img {
	width:100%;
	height:auto;
}

#footer .item {
	margin-bottom:0;
}

.button {
    cursor:pointer;
    border-bottom:.1em solid #fff;
}

.button:hover {
    color:#000;
}

.button.is-checked {
    color:#000;
}

.button:active {
    color:#000;
}

#content-news .paragraph a {
	border-bottom:.1em solid #000;
}

#content-news .item img {
	width:100%;
	height:auto;
}

.spacer-right {
	padding-right:15.416666666%;
}

#content-staff .item img {
	width:100%;
	height:auto;
}

.item.news img {
	width:100%;
	height: auto;
	margin-bottom:3%;
}

.item.news {
	margin-bottom:4.5%;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	margin-bottom:1.5em;
	font-size:1.1em;
}

.work.title {
	position:fixed;
    width:100%;
    text-align:center;
    z-index:10;
    margin:0;
    padding:0;
    top: 50%;
    left:0;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#content-footer {
	bottom:0;
	position:absolute;
}

.arrow {
	background-color: #000;
	color:#fff;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	line-height: 1.05em;
	display: block;
	height: 1.25em;
	float: left;
}

.arrow:hover a {
	color:#808080;
}

.fa-houzz {
	height:.2em;
	width:auto;
}

.fa-lg {
	font-size:1.5em !important;
}