@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,400b');

@font-face {
    font-family: 'prospectus_pro_mbold';
    src: url('fonts/prospectusmbld-webfont.woff2') format('woff2'),
         url('fonts/prospectusmbld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, html {
    height: 100%;
    font-family: 'Nunito Sans', sans-serif;
    color: #333;
    font-weight:400;
}

a {
    color: #303c42;
    font-weight:400;
}

a:hover {
    color: #777777;
    text-decoration:none;
}

.pad-top-20 {
	padding-top:20px;
}

.pad-top-30 {
	padding-top:30px;
}

.title-kicker {
	margin-top:-8px;
	margin-bottom:30px;
	letter-spacing:1.5px;
}

.shadow {
  	-webkit-filter: drop-shadow( 0px 0px 10px rgba(99, 99, 99, .35));
  	filter: drop-shadow( 0px 0px 10px rgba(99, 99, 99, .35));
}

/* ------------------------------------------------------------------------------------ */
/* slide-out nav */
/* ------------------------------------------------------------------------------------ */

nav {
  	display: block;
  	height: 100%;
  	overflow: auto;
  	position: fixed;
  	right: -33em;
  	font-size: 15px;
  	top: 0;
  	width:auto;
  	z-index: 2000;
  	transition: right 0.3s ease-in-out 0s;
  	-webkit-transition: right 0.3s ease-in-out 0s;
  	-moz-transition: right 0.3s ease-in-out 0s;
  	-o-transition: right 0.3s ease-in-out 0s;
}

.nav-expanded nav {
  	right: 0;
}

.nav-row {
	position:relative;
	background-color: #f3f3f3;
	padding-left:10px;
	padding-right:55px;
}


/* ------------------- */
/* menu section */
/* ------------------- */

.menu-section {
    font-size: 12px;
    padding: 29px 13px 22px 15px;
}

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

.menu-section li {
    margin: 0;
    padding: 0;
    padding-bottom: 14px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
}

.menu-section hr {
    margin-top: 10px;
    margin-bottom: 26px;
    border: 0;
    border-top: 1px solid #dddddd;
    margin-left:0px;
    width:100%;
}


/* ------------------- */
/* hamburger */
/* ------------------- */

.hamburger {
	top:12px;
	right:20px;
	z-index:2000;
	position:fixed;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    border-radius: 0px;
    background-color: #5e6067;
}

button:focus {outline:0;}

/* ------------------------------------------------------------------------------------ */
/* port */
/* ------------------------------------------------------------------------------------ */

.port-header {
	background-color:#ffffff;
	padding-top:0px;
	padding-top:40px;
	padding-bottom:30px;
	/* color:#777777; */
}

.port-header h3 {
	margin-bottom: 20px;
}

.port-header p {
	line-height:1.7;
}

.port-logo-wrap {
	display:inline-block;
}

@media (min-width: 768px) {
	.port-logo-wrap {
		padding-left:10px;
	}
}

.port-logo-menu {
	background-color:#ffffff;
	/* height:94px; */
	padding-top:0px;
}

@media (min-width: 270px) {
	.port-logo-menu {
		padding-top:20px;
	}
}


/* landing intro */

.landing-intro {
	padding-top:30px;
	padding-bottom:40px;
}

.landing-title {
	color:#303c42;
	/* font-family: freight-big-pro,serif; */
	font-family: 'prospectus_pro_mbold', serif;
	font-weight: 300;
	font-style: normal;
	font-size: 40px;
	margin-bottom:0px;
	letter-spacing:.5px;
}

.landing-sub {
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing:3px;
}

.landing-intro h2 {
	font-weight:200;
	font-size: 20px;
	line-height: 1.4em;
	color:#333333;
}

@media (min-width: 768px) {

	.landing-intro {
		padding-top:60px;
		padding-bottom:50px;
	}

	.landing-title {
		font-size: 55px;
	}

	.landing-sub {
		font-size: 16px;
	}

	.landing-intro h2 {
		font-size: 26px;
		line-height: 1.5em;
	}
}

.container-port {
	max-width:1400px;
	margin-bottom: 15px;
}

.row.port-gutters {
   margin-right: 10px;
   margin-left: 10px;
}
.row.port-gutters > [class^="col-"],
.row.port-gutters > [class*=" col-"] {
   padding-right: 10px;
   padding-left: 10px;
}

.port-thumb {
	margin-bottom:30px;
}

.port-title {
	font-size:12px;
	padding-top:14px;
	margin-bottom:0px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight:400;
}

.port-note {
	color:#7F7F7F;
	font-size:9px;
	padding-top:0px;
	margin-bottom:0px;
	text-align:center;
	/* text-transform:uppercase; */
	letter-spacing: 1px;
	font-weight:400;
	font-style:italic;
}

.port-thumb:hover .port-image {
    opacity: .8;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
}

.port-image {
	width:100%;
	-webkit-backface-visibility: hidden;
	padding:6px;
}

.port-hr {
	width:80%;
	margin-top:10px;
	border-top: 1px solid #e0e0e0;
}

/* ------------------- */
/* quote panel */
/* ------------------- */

.quote-image-area {
 	background-color:#b3b3b3;
 	position:relative;
 	margin:6px;
 }
 
 .quote-image {
 	opacity:0;
 	width:100%;
 }
 
 .quote-content {
 	text-align:center;
 }
 
 .quote-content div {
	position: absolute;               
	top: 50%;                         
	transform: translate(0, -50%);
	padding:30px;
}

p.quote-quote {
	font-size:12pt;
	color:#ffffff;
	font-weight:200;
	padding-left:0px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.quote-quote img {
	width:16px;
}

p.quote-credit {
	font-size:10pt;
	color:#dddddd;
	font-weight:200;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	padding-left:0px;
	letter-spacing:2px;
}

@media (min-width: 768px) {
	p.quote-quote {
		font-size:12pt;
	}
	
	p.quote-credit {
		font-size:10pt;
		/* margin:20px; */
	}
	
	.quote-quote img {
		width:16px;
	}
}

@media (min-width: 1200px) {
	p.quote-quote {
		font-size:12pt;
		padding-top:0px;
	}

	p.quote-credit {
		font-size:10pt;
	}
	
	.quote-quote img {
		width:16px;
	}
}


/* ------------------------------------------------------------------------------------ */
/* project */
/* ------------------------------------------------------------------------------------ */

.project-nav-mobile {
	padding-top:15px;
}

.slick-container {
	display:none;
	opacity:1;
}

.project-logo-menu {
	background-color:#ffffff;
	height:94px;
	padding-top:0px;
}

@media (min-width: 370px) {
	.project-logo-menu {
		padding-top:20px;
	}
}


/* logo text */

.int-logo-text {
	font-family: 'prospectus_pro_mbold', serif;
	font-style: normal;
	font-size:22px;
	letter-spacing:6px;
	padding-left:6px;
	margin-bottom: 2px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
	.int-logo-text {
		font-size:28px;
		letter-spacing:11px;
		padding-left:11px;
	}
}

.int-logo-text a {
	color:#ffffff;
}

.int-logo-text-dk a {
	color:#5e6067;
}

.int-logo-tag {
	font-family: 'prospectus_pro_mbold', serif;
	font-style: normal;
	font-size:10px;
	letter-spacing:3px;
	padding-left:3px;
	margin-bottom: 2px;
	text-transform:uppercase;
	margin-top:10px;
}

@media (min-width: 768px) {
	.int-logo-tag {
		font-size:12px;
		letter-spacing:6px;
		padding-left:6px;
		margin-top:14px;
	}
}

.int-logo-tag a {
	color:#ffffff;
	
}

.int-logo-tag-dk a {
	color:#5e6067;	
}


/* ----------------- */

.project-details {
	background-color:#ffffff;
	padding-top:36px;
	padding-bottom:36px;
	color:#666666;
	display:none;
	opacity:1;
}

@media (min-width: 951px) {
	.slick-container {
		height: 65vh;
	}

	.slick-list {
		height:100%;
	}

	.slick-track {
		height:100%;
	}
	
	.slick-slide {
		opacity: .3;
		transform: scale(.95);
		transition: all 1s;
	}
	
	.slick-active, .slick-current {
    	opacity: 1;
    	transform: scale(1);
    	transition: all 1s;
	}
}

.slick-slide img {
	max-width:100%;
	max-height:100%;
}

@media (min-width: 951px) {
	.slick-slide img {
		height:100%;
	}
}

.slick-slide:focus {
	outline:0;
}

.slick-initialized .slick-slide {
    position: relative;
}

.slide-text {
	position:absolute;
	left:23px; /* 38 */
	bottom:12px;
}

.project-title {
	color: #ffffff;
    font-family: 'prospectus_pro_mbold', serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px; /* 25 */
    margin-bottom: 3px;
    -webkit-font-smoothing: antialiased;
    border-bottom: 1px solid #ffffff;
    line-height: 22px;
}

.project-category {
	color:#ffffff;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
}

.project-nav {
	font-size:12px;
}

.project-nav a {
	font-size:12px;
	color: #666666;
	border:none !important;
}

.port-back {
	font-size:14px;
}

.port-back a {
	color: #666666;
	border:none !important;
}

.project-description {
	margin-bottom:30px;
}

.project-description a {
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #cccccc;
}

#container-details {
	max-width:100%;
}

#container-details a {
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #cccccc;
}

.int-logo-text {
	margin-top:0px;
}

.int-logo-wrap {
	display:inline-block;
}

@media (min-width: 768px) {
	.int-logo-wrap {
		padding-left:50px;
	}
}

.slick-container { display: none; }
.slick-container.slick-initialized { display: block; }

.project-credits {
	font-size:11px;
	letter-spacing:.5px;
	line-height: 18px;
}


/* ------------------------------------------------------------------------------------ */
/* layout-1 */
/* ------------------------------------------------------------------------------------ */

.layout-1-text-wrap {
	padding:15px;
	text-align:left;
}

.layout-1-header {
	letter-spacing:3px;
	text-align:left;
}

.layout-1-text-wrap a {
	text-decoration: none;
	position: relative;
	border-bottom:1px solid #cccccc;
}

/* curated */

.lg-section {
	margin-bottom:20px;
	text-align:center;
}

@media (min-width: 992px) {
	.lg-section {
		margin-bottom:40px;
	}
}


/* ------------------------------------------------------------------------------------ */
/* press */
/* ------------------------------------------------------------------------------------ */

@media (min-width: 1300px) {
	.container-press {
    	width: 1270px;
	}
}
@media (min-width: 1400px) {
	.container-press {
    	width: 1370px;
	}
}

.grid-press {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: flex-start;
}

.grid-item-press {
    width: 50%;
    padding:0px;
    border-top:15px solid white;
    border-bottom:0px solid white;
    border-left:15px solid white;
    border-right:15px solid white;
    align-self: center;
}

.grid-item-press img {
	width:100%;
	border: 1px solid #dddddd;
}
  	
@media all and (min-width: 768px) {
  	.grid-item-press {
    	width: 33%;
  	}
}
@media all and (min-width: 992px) {
  	.grid-item-press {
    	width: 25%;
  	}
}
@media all and (min-width: 1200px) {
  	.grid-item-press {
    	width: 16.66%;
  	}
}

.filter-btns a {
	margin-left:15px;
	margin-right:15px;
	border:none !important;
}

.port-thumb:hover img {
    opacity: .8;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
}


/* press detail pages */

.press-pages {
	padding-top:30px;
}

.press-pages img {
	margin:0 auto;
	margin-bottom:15px;
}

.page-small {
		width:100%;
	}

@media (min-width: 768px) {
	.page-small {
		width:65%;
	}
}

.press-spread {
	width:50%;
	margin-bottom:15px;
}

.press-back {
	font-size:16px;
	margin-top:15px;
}


/* ------------------------------------------------------------------------------------ */
/* news */
/* ------------------------------------------------------------------------------------ */

#news a, #contact-info a, .section-text a {
	text-decoration: none;
	position: relative;
	border-bottom:1px solid #bbbbbb;
}

#contact-info p {
	line-height:24px;
}

@media (min-width: 992px) {
	.vertical-align {
		display: flex;
		align-items: center;
	}
}

.news-quote {
	background-color: #bcbcbc;
    color: #ffffff;
    padding: 30px 15px 30px 15px;
    padding: 40px 25px 40px 25px;
    font-family: 'prospectus_pro_mbold', serif;
}

.new-quote {
	font-size:16px;
}

@media (min-width: 1200px) {
	.new-quote {
		font-size:20px;
	}
}

.pad-quote {
	padding:15px;
}
.pad-30 {
	padding:15px;
}
.pad-40 {
	padding:15px;
}
.pad-50 {
	padding:15px;
}
.pad-left-100 {
	padding-left:0px;
}

@media (min-width: 992px) {
	.pad-quote {
		padding: 40px 55px 40px 55px;
	}
	.pad-30 {
		padding:30px;
	}
	.pad-40 {
		padding:40px;
	}
	.pad-50 {
		padding:50px 50px 0px 50px 
	}
	.pad-left-100 {
		padding-left:100px;
	}
}

.news-caption {
	padding-top:15px;
}

p.news-larger-header {
	font-size:16px;
	margin-bottom:0px;
}

#news img {
	width:100%;
}

.news-additional {
	padding-bottom:50px;
}

.news-additional p {
	text-align:left;
}

hr.news-header-line {
    border-top: 1px solid #000000;
    margin-top:0px;
    margin-bottom:0px;
}

#news hr {
	border-top: 1px solid #000000;
}

.news-text-image {
	position:relative;
}

.news-text-image-text {
	position:absolute;
	top:9%;
	left:50%;
	transform:translateX(-50%);
	color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
    background-color: rgba(0,0,0,.4);
    padding: 10px 10px 0px 10px;
}


/* ------------------------------------------------------------------------------------ */
/* properties */
/* ------------------------------------------------------------------------------------ */

.property-title {
	padding:0px 0px 10px 0px;
}

.prop-col {
	padding-top:30px;
}

.prop-quote {
	color:#777777;
}


/* ------------------------------------------------------------------------------------ */
/* 2020 adjustments */
/* ------------------------------------------------------------------------------------ */

/* new header */

.section-header {
	font-family: 'prospectus_pro_mbold', serif;
	text-transform:uppercase;
	font-size:23px;
	letter-spacing:15px;
	color: #5e6066;
	padding-left:15px;
}

.custom-hr {
	border-top: 1px solid #777777;
	margin-top: 23px;
    margin-bottom: 35px;
}
.custom-hr-w1 {
	max-width:350px;
}
.custom-hr-w2 {
	max-width:600px;
}
.custom-hr-w2 {
	max-width:630px;
}

.section-text {
	line-height:1.7;
}

/* about page (the company deleted) */

.emp-name {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.5px;
	margin-top:14px;
	margin-bottom:0px;
}

.emp-info {
	font-size:14px;
	margin-bottom:34px;
}

@media (min-width: 768px) {

	.emp-name {
		font-size:11px;
		letter-spacing:0px;
		margin-top:14px;
		margin-bottom:0px;
	}

	.emp-info {
		font-size:11px;
	}

}

/* new interior layout */

.top-section {
	padding-top: 15px;
    padding-bottom: 30px;
}

.top-section-short {
	padding-top: 30px;
    padding-bottom: 0px;
}

.grid-header {
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: relative;
	height: 250px;
}

.grid-header-signature {
	background-image: url("images/header-signature.jpg");
}

.grid-header-elevation {
	background-image: url("images/header-elevation.jpg");
}

.grid-header-renovation {
	background-image: url("images/header-renovation.jpg");
}

.grid-header-condominium {
	background-image: url("images/header-condominium.jpg");
}

.grid-header-curated {
	background-image: url("images/curated/curated-landing.jpg");
}

@media (min-width: 768px) {
	.grid-header {
		height: 450px;
	}
}

.grid-hero-text {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.grid-hero-text h2 {
	font-family: 'prospectus_pro_mbold', serif;
	font-size:32px;
	text-transform:uppercase;
	letter-spacing:16px;
  	text-align: center;
  	color: white;
  	text-indent:16px;
  	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
	.grid-hero-text h2 {
		font-size:44px;
		letter-spacing:26px;
		text-indent:26px;
	}
}

.hamburger-inner-grid, .hamburger-inner-grid::before, .hamburger-inner-grid::after {
	background-color: #ffffff;
}


/* ------------------------------------------------------------------------------------ */
/* 2021 Combine Ports */
/* ------------------------------------------------------------------------------------ */

@media (min-width: 768px) {
	.grid-hero-text h2 {
   		white-space: nowrap;
	}
}

.custom-nav {
	margin-bottom:25px;
}

.custom-nav ul {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

.custom-nav ul li {
	display:inline;
}

.custom-nav ul li a {
	display:inline-block;
    margin:0px 15px 0px 15px;
    padding-bottom:3px;
    font-family: 'prospectus_pro_mbold', serif;
    font-size:14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.custom-selected {
    border-bottom: 1px solid #bbbbbb;
}

/* ------------------------------------------------------------------------------------ */
/* 2021 Video page */
/* ------------------------------------------------------------------------------------ */

.equal {
  	display: flex;
  	display: -webkit-flex;
  	flex-wrap: wrap;
}

.video-sub {
	text-transform:none;
}

.video-credits, .video-port {
	text-align:center;
	padding:15px 0;
	font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top:10px;
}

.video-port {
	padding-bottom:5px;
	padding-top:0px;
}


/* ------------------------------------------------------------------------------------ */
/* 2024 new layout project credits */
/* ------------------------------------------------------------------------------------ */

.new-project-details {
    margin-bottom:26px;
}

.new-project-credits {
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 18px;
    /* max-width: 500px; */
}