@charset "UTF-8";
/* CSS Document */

@import url(/css/interior.css);

/* *********************************************************************** */

.no-js .nav-section-wrapper { /* section nav won't work without js */
	display: none !important;
}
.highlight-box {
	background: #333;
	overflow: auto;
	margin: 0 0 20px;
	padding: 0;
}
.highlight-box.emphasize {
	border: 1px solid #fff;
}
.highlight-box a.lightbox {
	max-width: calc(100% - 40px);
	height:auto;
	display: block;
	margin: 20px;
}
.highlight-box a.lightbox+div {
	width: calc(100% - 40px);
	margin: 20px;
}
.highlight-box h2 {
	line-height: 1.1em;
}
.highlight-box .line1,
.highlight-box .year {
	color: red;
	font-size: 22px;
	font-weight: 500;
}
.highlight-box .line2,
.highlight-box .project {
	color: white;
	font-size: 18px;
	font-weight: 500;
}
.highlight-box .line3,
.highlight-box .city {
	color: white;
	font-size: 14px;
	font-weight: 300;
}
.highlight-box p {
	line-height: 1.5em;
}
.highlight-box .gallery {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 14px;
}
.highlight-box .gallery a {
	color: red;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: smaller;
}

/* *********************************************************************** */

@media screen and (min-width:768px) {
	.highlight-box a.lightbox {
		width: 160px;
		height: 160px;
		float: left;
		overflow: hidden;
	}
	.highlight-box a.lightbox+div {
		float: left;
		margin-left: 0;
		width: calc(100% - 240px);
	}
}

/* *********************************************************************** */