/*
Theme Name: Buchanan Construction
Theme URI: 
Author: Atlas Branding
Author URI: https://www.atlasbranding.com/
Description: 
Version: 1.0
License: 
License 
Tags: 
Text Domain: buchanan
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html * {
	max-height: 1000000px;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* END RESET */

body {
	-webkit-text-size-adjust: none;
}

#sitewrapper {
	position: relative;
	max-width: 100vw;
	min-height: 100vh;
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

div#scroll-up {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 90px;
	width: 50px;
	height: 50px;
	background: url('images/scroll-up-icon.png') no-repeat left top;
	background-size: contain;
	cursor: pointer;
	z-index: 500;
}

.fixed-links {
	display: flex;
	position: fixed;
	right: 0;
	top: calc(50% + 160px);
	transform-origin: top right;
	transform: translateY(50%) rotate(90deg);
	z-index: 750;
}

.fl1, .fl2 {
	display: block;
	padding: 10px 20px;
	min-width: 160px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff;
	background: #AF966E;
	transition: all 0.25s ease
}

.fl2 {
	display: block;
	background: #876D44;
}

.fl1:hover,
.fl2:hover {
	background: #1F2125;
}

.buchanan-text {
	display: block;
	position: fixed;
	left: 0;
	top: 50%;
	width: 39px;
	height: 500px;
	background: url('images/buchanan-text-bg.png') no-repeat center left;
	background-size: contain;
	transform: translateY(-50%);
	z-index: 30;
}

@media all and (max-width: 1023px) {

	.fl1, .fl2 {
		padding: 5px 20px;
	}

	.buchanan-text {
		width: 30px;
		height: 388px;
	}

}

@media all and (max-width: 767px) {

	div#scroll-up {
		width: 40px;
		height: 40px;
	}

	.fixed-links {
		display: none;
	}

	.buchanan-text {
		display: none;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		ANNOUNCEMENT BAR
-----------------------------------------------------------------------------------------------------------*/

.announcement-bar-wrapper {
	position: relative;
	background: #3F4145;
	z-index: 400;
}

.announcement-bar {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 40px;
	font-family: 'EB Garamond', serif;
	font-size: 17px;
	line-height: 35px;
	font-weight: 400;
	color: #FFFFFF;
}

.announcement-bar a {
	color: #FFFFFF;
}

.announcement-bar-message {
	padding: 0 20px 0 0;
}

.super-nav-wrapper {
	padding: 0 0 0 20px;
}

.super-nav {
	display: flex;
	align-items: center;
	margin: 0;
	list-style-type: none;
}

.super-nav li {
	display: block;
	position: relative;
	margin: 0 0 0 30px;
}

.super-nav li:after {
	content: '';
	position: absolute;
	right: -16px;
	top: -2px;
	width: 1px;
	height: calc(100% + 4px);
	background: #fff;
}

.super-nav li:last-child:after {
	display: none;
}

.super-nav li a {
	display: block;
}

.super-nav li a svg {
	display: block;
	width: auto;
	height: 16px;
	fill: #fff;
	transition: all 0.25s ease;
}

.super-nav li a:hover svg {
	opacity: 0.8;
}

@media all and (max-width: 767px) {

	.announcement-bar {
		display: block;
		line-height: 25px;
	}

	.announcement-bar-message {
		padding: 0 0 5px;
		text-align: center;
	}

	.super-nav-wrapper {
		padding: 0;
	}

	.super-nav {
		margin: 0 20px 0 0;
		justify-content: center;
	}

}

@media all and (max-width: 479px) {

	.announcement-bar {
		padding: 0 20px;
	}

}

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

.header-outer-wrapper {
	position: relative;
}

.transparent-header .header-outer-wrapper {
	position: absolute;
	width: 100%;
}

.header-wrapper {
	background: #1F2125;
	position: relative;
	width: 100%;
	z-index: 99;
	transition: all 0.25s ease
}

.transparent-header .header-wrapper {
	background: rgba(22,22,22,0.5);
}

.transparent-header .header-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	width: calc(100% - 80px);
	height: 1px;
	background: #fff;
}

.transparent-header .header-wrapper.open {
	background: #1F2125;
}

.transparent-header .header-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: linear-gradient(0deg, rgba(22,22,22,0) 0%, rgba(22,22,22,0.5) 100%);
	z-index: 10
}

.header-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 auto;
	padding: 0 40px;
}

.logo-wrapper {
	display: flex;
	align-items: center;
	padding: 10px 0;
	height: 100px;
}

.logo {
	display: block;
	margin: 0;
	width: auto;
	height: 76px;
}

.primary-menu-wrapper {
	display: flex;
	margin: 0 0 0 20px;
}

.primary-menu {
	display: flex;
	position: relative;
	margin: 0;
	list-style-type: none;
}

.primary-menu > li {
	display: flex;
	align-items: flex-end;
	position: relative;
	margin: 0;
}

.primary-menu > li > a,
.primary-menu > li > .top-level-menu {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	height: 100px;
	font-family: 'EB Garamond', serif;
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: all 0.25s ease;
}

.primary-menu > li:hover > a,
.primary-menu > li:hover > .top-level-menu {
	color: #AF966E;
}

.primary-menu > .header-button {
	margin-left: 20px;
}

.primary-menu > .header-button > a {
	margin: 0 0 30px;
	padding: 0 20px;
	min-width: 160px;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	background: #AF966E;
}

.primary-menu > .header-button:hover > a {
	color: #fff;
}

.primary-menu > .header-button > a:hover {
	background: #91692B;
}

.sub-menu-wrapper {
	position: absolute;
	top: 99px;
	left: -99999px;
	background: #1F2125;
	border-top: 1px solid #D8D8D8;
	opacity: 0;
	transition: opacity 0.25s ease;
	z-index: 11;
}

.sub-menu-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: -100vw;
	width: 100vw;
	height: 100%;
	background: #1F2125;
	border-top: 1px solid #D8D8D8;
}

.sub-menu-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	right: -100vw;
	width: 100vw;
	height: 100%;
	background: #1F2125;
	border-top: 1px solid #D8D8D8;
}

.primary-menu > li.has-sub-menu:hover > .sub-menu-wrapper {
	opacity: 1;
	left: -1px;
}

.primary-menu > li.has-sub-menu:hover > .sub-menu-wrapper.has-cta {
	left: -340px;
}

.sub-menu-content {
	display: flex;
	position: relative;
	top: 0;
	opacity: 1;
	transition: all 0.4s ease;
}

.primary-menu > li.has-sub-menu.on > .sub-menu-wrapper > .sub-menu-content {
	top: 0;
	opacity: 1;
}

.sub-menu-cta {
	position: relative;
	padding: 20px;
	width: 340px;
	opacity: 0;
}

.primary-menu > li.has-sub-menu:hover .sub-menu-cta {
	opacity: 1;
	transition: all 0.75s ease;
	transition-delay: 0.55s;
}

.sub-menu-cta a {
	display: block;
	text-decoration: none !important;
}

.sub-menu-cta-image-wrapper {
	position: relative;
	margin: 0 0 10px;
	padding-bottom: 65%;
	transition: all 0.25s ease;
}

.sub-menu-cta:hover .sub-menu-cta-image-wrapper {
	opacity: 0.9;
}

.sub-menu-cta-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.sub-menu-cta-content {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.sub-menu-cta-text {
	margin: 0 0 5px;
	padding: 0 10px 0 0;
	font-size: 16px;
	line-height: 20px;
	color: #AF966E;
}

.sub-menu-cta .button-link-arrow {
	margin: 0 0 5px;	
}

.sub-menu-cta .cta-link-arrow {
	position: relative;
	display: inline-block;
	padding: 0 60px 0 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #AF966E;
}

.sub-menu-cta .cta-link-arrow:before {
	content: '';
	display: block;
	position: absolute;
	right: 19px;
	top: calc(50% + 1px);
	width: 22px;
	height: 1px;
	background: #AF966E;
	transition: all 0.25s ease;
}

.sub-menu-cta:hover .cta-link-arrow:before {
	right: 9px;
}

.sub-menu-cta .cta-link-arrow:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: calc(50% - 3px);
	width: 9px;
	height: 9px;
	background: #AF966E;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transition: all 0.25s ease;
}

.sub-menu-cta:hover .cta-link-arrow:after {
	right: 0;
}

.sub-links-wrapper {
	position: relative;
	padding: 20px;
	width: 300px;
}

.sub-links-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 0;
	background: #D8D8D8;
	opacity: 0;
}

.primary-menu > li.has-sub-menu:hover .sub-links-wrapper:before {
	height: 100%;
	opacity: 1;
	transition: all 0.4s ease;
	transition-delay: 0.15s;
}

.sub-links {
	margin: 0;
	list-style-type: none;
}

.sub-links > li {
	display: block;
}

.sub-links > li > a {
	position: relative;
	display: block;
	margin: 0 0 15px;
	font-family: 'EB Garamond', serif;
	font-size: 17px;
	line-height: 25px;
	font-weight: 400;
	letter-spacing: 0;
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.25s ease;
}

.sub-links > li > a:hover,
.sub-links > li > a:focus {
	color: #AF966E;
}

body.touch .transparent-header .header-outer-wrapper {
	position: relative;
}

body.touch .header-wrapper {
	display: none;
}

@media all and (max-width: 1365px) {

	.header-content {
		padding: 0 20px;
	}

	.transparent-header .header-wrapper:before {
		left: 20px;
		width: calc(100% - 40px);
	}

	.primary-menu > li.has-sub-menu:hover > .sub-menu-wrapper {
		left: -300px;
	}

	.sub-menu-cta {
		width: 300px;
	}

}

@media all and (max-width: 1199px) {

	.transparent-header .header-outer-wrapper {
		position: relative;
	}

	.header-wrapper {
		display: none;
	}

}

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

.mobile-header-wrapper {
	display: none;
	background: #1F2125;
}

body.touch .mobile-header-wrapper {
	display: block;
}

.mobile-header-content {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	border-bottom: 1px solid #fff;
}

.mobile-logo-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 60px;
}

.mobile-logo {
	display: block;
}

.mobile-menu-button {
	position: relative;
	margin-left: 20px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

.mobile-menu-button .line-1 {
	position: absolute;
	left: 50%;
	top: 14px;
	width: 38px;
	height: 2px;
	background: #FFFFFF;
	transform: translateX(-50%);
	transition: transform 0.125s, top 0.125s 0.125s;
}

.mobile-menu-button .line-2 {
	position: absolute;
	left: 50%;
	top: 29px;
	width: 38px;
	height: 2px;
	background: #FFFFFF;
	transform: translateX(-50%);
}

.mobile-menu-button .line-3 {
	position: absolute;
	left: 50%;
	top: 44px;
	width: 38px;
	height: 2px;
	background: #FFFFFF;
	transform: translateX(-50%);
	transition: transform 0.125s, top 0.125s 0.125s;
}

.mobile-menu-button.open .line-1 {
	top: 29px;
	transform: translateX(-50%) rotate(45deg);
	transition: top 0.125s, transform 0.125s 0.125s;
}

.mobile-menu-button.open .line-2 {
	opacity: 0;
	transition: top 0.125s, transform 0.125s 0.125s;
}

.mobile-menu-button.open .line-3 {
	top: 29px;
	transform: translateX(-50%) rotate(-45deg);
	transition: top 0.125s, transform 0.125s 0.125s;
}

.mobile-menu-wrapper {
	display: none;
}

.mobile-menu {
	margin: 0;
	list-style-type: none;
}

.mobile-menu > li {
	display: block;
	border-bottom: 1px solid #979797;
}

.mobile-menu > li > a,
.mobile-menu > li > .mobile-top-link {
	display: block;
	position: relative;
	padding: 22px 80px;
	font-family: 'EB Garamond', serif;
	font-size: 19px;
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: all 0.25s ease;
}

.mobile-menu > li > .mobile-top-link:after {
	content: '';
	display: block;
	position: absolute;
	right: 80px;
	top: 50%;
	width: 12px;
	height: 6px;
	background: #fff;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	transform: translateY(-50%);
	transform-origin: center center;
	transition: all 0.25s ease;
}

.mobile-menu > li > .mobile-top-link.open {
	padding: 22px 80px 12px 80px;
	color: #AF966E;
}

.mobile-menu > li > .mobile-top-link.open:after {
	background: #AF966E;
	transform: rotate(180deg) translateY(-50%);
}

.mobile-menu > li > ul {
	display: none;
	margin: 0;
	padding: 0 0 10px;
	list-style-type: none;
}

.mobile-menu > li > ul > li {
	display: block;
}

.mobile-menu > li > ul > li > a {
	display: block;
	padding: 8px 80px 8px 110px;
	font-family: 'EB Garamond', serif;
	font-size: 19px;
	line-height: 24px;
	text-decoration: none;
	color: #fff;
}

@media all and (max-width: 1199px) {

	.mobile-header-wrapper {
		display: block;
	}


}

@media all and (max-width: 479px) {

	.mobile-menu > li > a,
	.mobile-menu > li > .mobile-top-link {
		padding: 22px 20px;
	}

	.mobile-menu > li > .mobile-top-link:after {
		right: 20px;
	}

	.mobile-menu > li > .mobile-top-link.open {
		padding: 22px 20px 12px 20px;
	}

	.mobile-menu > li > ul > li > a {
		padding: 8px 20px 8px 50px;
	}

}

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

.header-search-wrapper {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #3E4144;
	z-index: 999;
}

.header-search-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
	padding: 0 40px;
	max-width: 940px; 
	height: 100%;
}

.header-search-wrapper #searchform {
	border-color: #fff;
}

.header-search-wrapper #searchform .search-field {
	color: #fff;
	background: #3E4144;
}

.header-search-wrapper .search-submit {
	background: #3E4144;
	border-color: #fff;
}

.header-search-wrapper .search-submit:hover {
	background: #fff;
}

.header-search-wrapper .search-submit svg {
	fill: #fff;
}

.header-search-wrapper .search-submit:hover svg {
	fill: #3E4144;
}

.header-search-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"%3E%3Cpath fill="%23ffffff" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"%3E%3C/path%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	cursor: pointer;
	transition: all 0.25s ease;
}

.header-search-close:hover {
	opacity: 0.8;
}

@media all and (max-width: 767px) {

	.header-search-close {
		right: 6px;
		top: 6px;
		width: 24px;
		height: 24px;
		background-size: 18px auto;
	}

}

@media all and (max-width: 479px) {

	.header-search-inner {
		padding: 0 20px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		MAIN
-----------------------------------------------------------------------------------------------------------*/

.main-wrapper {
	background: #fff;
}

.content-wrapper {
	position: relative;
}

.content-block {
	margin: 0 auto;
	padding: 0 100px;
	max-width: 1600px;
}

.padding-top-small { padding-top: 55px; }
.padding-top-medium { padding-top: 100px; }
.padding-top-large { padding-top: 190px; }

.padding-bottom-none { padding-bottom: 1px; }
.padding-bottom-small { padding-bottom: 35px; }
.padding-bottom-medium { padding-bottom: 80px; }
.padding-bottom-large { padding-bottom: 170px; }

.one-column {
	position: relative;
	top: 0;
	margin: 0 auto;
	max-width: 850px;
	opacity: 1;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.one-column.hide {
	top: 100px;
	opacity: 0;
}

.content-wrapper.full-width .one-column {
	max-width: 1100px;
}

.show-border .one-column {
	margin: 0 auto 20px;
	padding: 100px 100px 80px;
	border: 1px solid #876D44;
}

.show-border .one-column:before {
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 24px);
	top: -24px;
	width: 48px;
	height: 48px;
	background: #fff url('images/buchanan-monogram.png') no-repeat center center;
	background-size: contain;
}

.content-wrapper.light-gray-bg {
	background: #e5e5e5;
}

.show-border.light-gray-bg .one-column:before { background-color: #e5e5e5; }

.content-wrapper.light-blue-bg {
	background: #91a2aa;
}

.show-border.light-blue-bg .one-column:before { background-color: #91a2aa; }

.content-wrapper.charcoal-bg {
	background: #3F4145;
}

.show-border.charcoal-bg .one-column:before { background-color: #3F4145; }

.content-wrapper.gold-bg {
	background: #AF966E;
}

.content-wrapper.dark-gold-bg {
	background: #876D44;
}

.content-wrapper.beige-bg {
	background: #E9E7E4;
}

.show-border.beige-bg .one-column:before { background-color: #E9E7E4; }

.light-blue-bg, .light-blue-bg a, .light-blue-bg .h1, .light-blue-bg h1, .light-blue-bg h2, .light-blue-bg h3, .light-blue-bg h4, .light-blue-bg h5,
.charcoal-bg, .charcoal-bg .h1, .charcoal-bg h1, .charcoal-bg h2, .charcoal-bg h3, .charcoal-bg h4, .charcoal-bg h5,
.gold-bg, .gold-bg a, .gold-bg .h1, .gold-bg h1, .gold-bg h2, .gold-bg h3, .gold-bg h4, .gold-bg h5,
.dark-gold-bg, .dark-gold-bg a, .dark-gold-bg .h1, .dark-gold-bg h1, .dark-gold-bg h2, .dark-gold-bg h3, .dark-gold-bg h4, .dark-gold-bg h5 {
	color: #fff;
}

.gold-bg a, .dark-gold-bg a {
	text-decoration: underline;
}

.light-blue-bg .gold-text,
.gold-bg .gold-text,
.dark-gold-bg .gold-text {
	color: #fff;
}

.light-blue-bg .divider,
.gold-bg .divider,
.dark-gold-bg .divider {
	background: #fff;
}

.gold-bg .button-link a,
.dark-gold-bg .button-link a {
	background: #3F4145;
}

.gold-bg .button-link a:hover,
.dark-gold-bg .button-link a:hover {
	background: #1F2125;
}

.light-blue-bg .key-divider,
.charcoal-bg .key-divider {
	background-image: url('images/key-line-bg-white.png');
}

.buchanan-mark-bg {
	display: none;
	position: absolute;
	right: calc(50% - 600px);
	bottom: -120px;
	width: 150px;
	height: 241px;
	background: url('images/buchanan-mark-bg.png') no-repeat center left;
	background-size: contain;
}

.content-wrapper.show-buchanan-text .buchanan-text-bg,
.content-wrapper.show-buchanan-mark .buchanan-mark-bg {
	display: block;
}

@media all and (max-width: 1365px) {

	.content-block {
		margin: 0 auto;
		padding: 0 40px;
		max-width: 1480px;
	}

}

@media all and (max-width: 1299px) {

	.show-border .one-column {
		padding: 40px 40px 20px;
	}

}

@media all and (max-width: 1199px) {

	.content-wrapper.show-buchanan-text .buchanan-text-bg,
	.content-wrapper.show-buchanan-mark .buchanan-mark-bg {
		display: none;
	}

}

@media all and (max-width: 767px) {

	.padding-top-small { padding-top: 35px; }
	.padding-top-medium { padding-top: 60px; }
	.padding-top-large { padding-top: 100px; }

	.padding-bottom-small { padding-bottom: 15px; }
	.padding-bottom-medium { padding-bottom: 40px; }
	.padding-bottom-large { padding-bottom: 80px; }

}

@media all and (max-width: 1023px) {

	.content-wrapper.show-buchanan-text .buchanan-text-bg {
		display: none;
	}

}

@media all and (max-width: 479px) {

	.content-block {
		padding: 0 20px;
	}

	.show-border .one-column {
		padding: 40px 20px 20px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		TWO COLUMN
-----------------------------------------------------------------------------------------------------------*/

.two-column-wrapper {
	display: flex;
	margin: 0 auto;
	max-width: 850px;
}

.content-wrapper.full-width .two-column-wrapper {
	max-width: 1300px;
}

.two-column-wrapper.valign {
	align-items: center;
}

.two-column-wrapper .left-column {
	position: relative;
	top: 0;
	padding-right: 20px;
	width: 50%;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.two-column-wrapper .right-column {
	position: relative;
	top: 0;
	padding-left: 20px;
	width: 50%;
	transition: all 0.5s ease;
	transition-delay: 0.5s;
}

.two-column-wrapper .left-column.hide,
.two-column-wrapper .right-column.hide {
	top: 100px;
	opacity: 0;
}

.two-column-wrapper.cw-60-40 .left-column { width: 65%; }
.two-column-wrapper.cw-60-40 .right-column { width: 36%; }

.two-column-wrapper.cw-40-60 .left-column { width: 36%; }
.two-column-wrapper.cw-40-60 .right-column { width: 65%; }

@media all and (max-width: 1023px) {

	.two-column-wrapper.cw-60-40 .left-column { width: 60%; }
	.two-column-wrapper.cw-60-40 .right-column { width: 40%; }

	.two-column-wrapper.cw-40-60 .left-column { width: 40%; }
	.two-column-wrapper.cw-40-60 .right-column { width: 60%; }

}

@media all and (max-width: 767px) {

	.two-column-wrapper {
		flex-wrap: wrap;
	}
	
	.two-column-wrapper .left-column,
	.two-column-wrapper .right-column {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.two-column-wrapper.lot .left-column {
		order: 2;
	}

	.two-column-wrapper.lot .right-column {
		order: 1;
	}

	.two-column-wrapper.cw-60-40 .left-column { width: 100% }
	.two-column-wrapper.cw-60-40 .right-column { width: 100%; }

	.two-column-wrapper.cw-40-60 .left-column { width: 100%; }
	.two-column-wrapper.cw-40-60 .right-column { width: 100%; }

}

/*-----------------------------------------------------------------------------------------------------------
		FOUR COLUMN
-----------------------------------------------------------------------------------------------------------*/

.four-column-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 850px;
}

.content-wrapper.full-width .four-column-wrapper {
	max-width: 1100px;
}

.four-column-wrapper.valign {
	align-items: center;
}

.four-column-wrapper .one-fourth-column {
	position: relative;
	top: 0;
	width: calc(25% - 20px);
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.four-column-wrapper .one-fourth-column.ofc2 {
	transition-delay: 0.5s;
}

.four-column-wrapper .one-fourth-column.ofc3 {
	transition-delay: 0.75s;
}

.four-column-wrapper .one-fourth-column.ofc4 {
	transition-delay: 1s;
}

.four-column-wrapper .one-fourth-column.hide {
	top: 100px;
	opacity: 0;
}

@media all and (max-width: 1023px) {

	.four-column-wrapper .one-fourth-column {
		width: calc(50% - 20px);
	}

	.ofc1, .ofc2 {
		padding: 0 0 20px;
	}

}

@media all and (max-width: 479px) {

	.four-column-wrapper .one-fourth-column {
		width: 100%;
	}

	.ofc3 {
		padding: 0 0 20px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		ACCORDION
-----------------------------------------------------------------------------------------------------------*/

.accordion-wrapper-outer {
	margin: 0 auto 30px;
	max-width: 930px;
}

.accordion-main-headline {
	position: relative;
	top: 0;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.accordion-main-headline.hide {
	top: 100px;
	opacity: 0;
}

.accordion-wrapper {
	margin-top: 20px;
}

.charcoal-bg .accordion-wrapper,
.gold-bg .accordion-wrapper,
.dark-gold-bg .accordion-wrapper {
	border-color: #fff;
}

.accordion {
	position: relative;
	top: 0;
	border-bottom: 1px solid #979797;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.accordion:first-child {
	border-top: 1px solid #979797;
}

.accordion.hide {
	top: 100px;
	opacity: 0;
}

.charcoal-bg .accordion,
.gold-bg .accordion,
.dark-gold-bg .accordion {
	border-color: #fff;
}

.accordion-headline-wrapper {
	position: relative;
	padding: 30px 40px 30px 0;
	cursor: pointer;
}

.accordion-headline-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 12px;
	height: 6px;
	background: #3F4145;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	transform: translateY(-50%);
	transform-origin: center;
	transition: all 0.25s ease;
}

.charcoal-bg .accordion-headline-wrapper:after,
.gold-bg .accordion-headline-wrapper:after,
.dark-gold-bg .accordion-headline-wrapper:after {
	background: #fff;
}

.accordion-headline-wrapper.open:after {
	transform: rotate(180deg) translateY(50%);
}

.accordion-headline {
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	color: #1f2125;
}

.charcoal-bg .accordion-headline,
.gold-bg .accordion-headline,
.dark-gold-bg .accordion-headline {
	color: #fff;
}

.accordion-content {
	display: flex;
	justify-content: space-between;
	padding: 0 0 40px;
}

.accordion-content-left,
.accordion-content-right {
	width: calc(50% - 50px);
}

@media all and (max-width: 1023px) {

	.accordion-content-left,
	.accordion-content-right {
		width: calc(50% - 20px);
	}

}

@media all and (max-width: 599px) {

	.accordion-content {
		display: block;
	}

	.accordion-content-left,
	.accordion-content-right {
		width: 100%;
	}
	
	.accordion-content-left {
		margin: 0 0 20px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		FACTS
-----------------------------------------------------------------------------------------------------------*/

.facts-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-top: 2px;
	max-width: 1000px;
}

.fact-col {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 25%;
}

.fact-col:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #AF966E;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.fac1:before {
	display: none;
}

.fac2:before { transition-delay: 0.25s !important; }
.fac3:before { transition-delay: 0.5s !important; }
.fac4:before { transition-delay: 0.75s !important; }

.facts-wrapper.hide .fact-col:before {
	height: 0;
}

.fact-col-content {
	display: block;
	position: relative;
	left: 0;
	padding: 10px 40px;
	text-decoration: none !important;
	transition: all 0.5s ease;
}

.fac2 .fact-col-content { transition-delay: 0.5s !important; }
.fac3 .fact-col-content { transition-delay: 0.75s !important; }
.fac4 .fact-col-content { transition-delay: 1.0s !important; }

.facts-wrapper.hide .fact-col-content {
	left: 100px;
	opacity: 0;
}

.fact-col-number {
	font-family: 'EB Garamond', serif;
	font-size: 34px;
	line-height: 40px;
	font-style: italic;
	color: #AF966E;
}

.fact-col-text {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	color: #AF966E;
}

.gold-bg .facts-headline,
.gold-bg .fact-col-number,
.gold-bg .fact-col-text {
	color: #fff;
}

.gold-bg .fact-col:before {
	background: #fff;
}

.light-gray-bg .facts-headline,
.light-gray-bg .fact-col-number,
.light-gray-bg .fact-col-text {
	color: #1f2125;
}

.light-gray-bg .fact-col:before {
	background: #3F4145;
}

@media all and (max-width: 1023px) {


	.fact-col-content {
		padding: 10px 20px;
	}

}

@media all and (max-width: 767px) {

	.facts-wrapper {
		display: block;
		max-width: 300px;
	}

	.fact-col {
		padding: 20px 20px;
		width: 100%;
		border-left: 0;
	}

	.fact-col:before {
		width: 100%;
		height: 1px;
	}
	
	.facts-wrapper.hide .fact-col:before {
		width: 0;
		height: 1px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		TESTIMONIAL
-----------------------------------------------------------------------------------------------------------*/

.testimonial-wrapper-outer {
	padding: 60px 100px;
}

.testimonial-wrapper {
	border: 1px solid #fff;
}

.charcoal-bg .testimonial-wrapper {
	border-color: #fff;
}

.testimonial {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 40px 40px 20px;
	max-width: 1080px;
	font-family: 'EB Garamond', serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.testimonial.hide {
	top: 100px;
	opacity: 0;
}

.testimonial-author-wrapper {
	position: relative;
	padding: 40px;
	border-top: 1px solid #fff;
}

.charcoal-bg .testimonial-author-wrapper {
	border-color: #fff;
}

.testimonial-author-wrapper:before,
.testimonial-author-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	width: 100vw;
	height: 1px;
	background: #fff;
}

.charcoal-bg .testimonial-author-wrapper:before,
.charcoal-bg .testimonial-author-wrapper:after {
	background: #fff;
}

.testimonial-author-wrapper:before {
	left: -50vw;	
}

.testimonial-author-wrapper:after {
	right: -50vw;	
}

.testimonial-author {
	position: relative;
	left: 0;
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.testimonial-author.author-center {
	text-align: center;
}

.testimonial-author.author-right {
	text-align: right;
}

.testimonial-author.hide {
	left: -100px;
	opacity: 0;
}

.testimonial-author h5 {
	color: #fff;
}

.charcoal-bg .testimonial,
.charcoal-bg .testimonial-author h5 {
	color: #fff;
}

@media all and (max-width: 1365px) {

	.testimonial-wrapper-outer {
		padding: 60px 40px;
	}

}

@media all and (max-width: 1199px) {

	.testimonial {
		font-size: 24px;
		line-height: 36px;
	}

}

@media all and (max-width: 767px) {

	.testimonial-wrapper-outer {
		padding: 40px;
	}

	.testimonial {
		padding: 20px 20px 2px;
		font-size: 20px;
		line-height: 30px;
	}

	.testimonial-author-wrapper {
		padding: 20px;
	}

}

@media all and (max-width: 479px) {

	.testimonial-wrapper-outer {
		padding: 40px 10px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		BIOS FEED
-----------------------------------------------------------------------------------------------------------*/

.bio-links-wrapper {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 30px;
	row-gap: 30px;
	margin: 0 auto;
	max-width: 1400px;
	position: relative;
}

.bio-link {
	position: relative;
	top: 0;
	padding: 0 0 138%;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.bio-link.hide {
	top: 100px;
	opacity: 0;
}

.bio-headshot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
	transition: all 0.6s ease;
}

.bio-link:hover .bio-headshot {
	transform: scale(1.01);
}

.bio-link-content-wrapper {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(63,65,69,0.85);
	opacity: 0;
	transition: all 0.25s ease;
}

.bio-link:hover .bio-link-content-wrapper {
	opacity: 1;
}

.bio-link-content {
	padding: 0 30px;
	width: 100%;
}

.bio-name {
	margin: 0 0 10px;
	font-family: 'EB Garamond', serif;
	font-size: 34px;
	line-height: 44px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

.bio-title {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	text-align: center;
	color: #AF966E;
}

.bio-link-button {
	position: relative;
	margin: 60px auto 0;
	padding: 0 60px 0 0;
	width: 100px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.bio-link-button:before {
	content: '';
	display: block;
	position: absolute;
	right: 19px;
	top: calc(50% + 0px);
	width: 22px;
	height: 1px;
	background: #FFF;
	transition: all 0.25s ease;
}

.bio-link:hover .bio-link-button:before {
	right: 9px;
}

.bio-link-button:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	width: 9px;
	height: 9px;
	background: #FFF;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transition: all 0.25s ease;
}

.bio-link:hover .bio-link-button:after {
	right: 0;
}

.bio-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #E9E7E4;
	opacity: 0.5;
	transition: all 0.25s ease
	cursor: pointer;
	z-index: 997;
}

.bio-overlay.open {
	display: block;
}

.bio-popup {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 1040px;
	max-width: calc(100% - 80px);
	background: #fff;
	border: 1px solid #979797;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	transition: opacity 0.25s ease;
	overflow: hidden;
	visibility: hidden;
	z-index: 999;
}

.bio-popup.open {
	opacity: 1;
	visibility: visible;
}

.bio-popup-inner {
	display: flex;
}

.bio-popup-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.bio-popup-close .line-1 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 1px;
	background: #979797;
	transform: rotate(45deg);
}

.bio-popup-close .line-2 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 1px;
	background: #979797;
	transform: rotate(-45deg);
}

.bio-popup-headshot-wrapper {
	position: relative;
	padding: 40px;
	width: 40%;
	border-right: 1px solid #979797;
}

.bio-popup-headshot {
	position: absolute;
	left: 40px;
	top: 40px;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	background-position: center top;
	background-size: cover;
}

.bio-popup-content-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0;
	width: 60%;
	height: 580px;
}

.bio-popup-meta {
	padding: 20px 40px;
	border-bottom: 1px solid #979797;
}

.bio-popup-title {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	color: #AF966E;
}

.bio-popup-name {
	font-family: 'EB Garamond', serif;
	font-size: 34px;
	line-height: 44px;
	font-weight: 400;
}

.bio-popup-content {
	flex-grow: 1;
	position: relative;
	padding: 20px 40px 30px;
}

.bio-popup-content-outer {
	position: absolute;
	left: 40px;
	top: 20px;
	width: calc(100% - 80px);
	height: calc(100% - 50px);
}

.bio-popup-content-inner {
	padding: 0 20px 0 0;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

@media all and (max-width: 1365px) {



}

@media all and (max-width: 1199px) {

	.bio-links-wrapper {
		column-gap: 20px;
		row-gap: 20px;
	}

	.bio-popup-content-wrapper {
		height: 540px;
	}

}

@media all and (max-width: 1023px) {

	.bio-links-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bio-popup-headshot-wrapper {
		display: none;
	}
	
	.bio-popup-content-wrapper {
		width: 100%;
		height: 500px;
    max-height: 75vh;
	}

}

@media all and (max-width: 767px) {

	.bio-links-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media all and (max-width: 599px) {
	
	.bio-name {
		font-size: 28px;
		line-height: 34px;
	}

}

@media all and (max-width: 479px) {

	.bio-links-wrapper {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.bio-name {
		font-size: 34px;
		line-height: 44px;
	}

	.bio-popup {
		max-width: calc(100% - 40px);
	}
	
	.bio-popup-meta {
		padding: 10px 20px;
	}

	.bio-popup-content {
		padding: 20px 20px 30px;
	}

	.bio-popup-content-outer {
		left: 20px;
		top: 20px;
		width: calc(100% - 40px);
		height: calc(100% - 50px);
	}

}

@media all and (max-width: 389px) {

}

/*-----------------------------------------------------------------------------------------------------------
		INSTAGRAM FEED
-----------------------------------------------------------------------------------------------------------*/

.instagram-wrapper {
	position: relative;
	top: 0;
	margin: 20px auto 20px;
	padding: 0 10px;
	max-width: 1460px;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.instagram-wrapper.hide {
	top: 100px;
	opacity: 0;
}

#sbi_load {
	margin: 40px 0 0;
}

#sb_instagram svg { display: none !important; }

#sb_instagram .sbi_follow_btn {
	margin: 0 !important;
}

#sb_instagram .sbi_follow_btn a {
	display: block !important;
	position: relative !important;
	padding: 10px 20px !important;
	min-width: 160px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #fff !important;
	background: #AF966E !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: all 0.25s ease;
	z-index: 1;
}

#sb_instagram .sbi_follow_btn a:hover {
	background: #876D44 !important;
}

@media all and (max-width: 479px) {

	.instagram-wrapper {
		padding: 0;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		HERO IMAGE/VIDEO
-----------------------------------------------------------------------------------------------------------*/

.hero-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	max-height: 1080px;
	background: #3F4145;
	overflow: hidden;
	z-index: 31;
}

body.touch .hero-wrapper {
	height: calc(100vh - 100px);
}

.admin-bar .hero-wrapper {
	height: calc(100vh - 32px);
}

.hero-image,
.mobile-hero-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.mobile-hero-image {
	display: none;
}

.video-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

video.video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: fill;
	background-color: #3F4145 !important;
	z-index: 1;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: no-repeat;
	background-size: cover; 
}

.scroll-down-icon {
	position: absolute;
	left: calc(50% - 30px);
	bottom: 80px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 30px;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
	cursor: pointer;
	z-index: 10;
}

.scroll-down-icon.hide {
	bottom: 0;
	opacity: 0;
}

.scroll-down-arrow {
	position: aboslute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.scroll-down-arrow:hover {
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: bounce;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);	
}

.scroll-down-arrow:before {
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 1px);
	top: 18px;
	width: 2px;
	height: 12px;
	background: #fff;
}

.scroll-down-arrow:after {
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 5px);
	top: 30px;
	width: 10px;
	height: 10px;
	background: #fff;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

@keyframes bounce {
	0%   { transform: scale(1,1)    translateY(0); }
	10%  { transform: scale(1.1,.9) translateY(0); }
	30%  { transform: scale(.9,1.1) translateY(-10px); }
	50%  { transform: scale(1,1)    translateY(0); }
	57%  { transform: scale(1,1)    translateY(-5px); }
	64%  { transform: scale(1,1)    translateY(0); }
	100% { transform: scale(1,1)    translateY(0); }
}

@media all and (max-width: 1199px) {

	.hero-wrapper {
		height: calc(100vh - 100px);
	}

	.admin-bar .hero-wrapper {
		height: calc(100vh - 100px - 32px);
	}

}

@media all and (max-width: 1023px) {

	.hero-wrapper.has-mobile-img .hero-image,
	.hero-wrapper.has-mobile-img .video-wrapper {
		display: none;
	}

	.hero-wrapper.has-mobile-img .mobile-hero-image {
		display: block;
	}	

}

/*-----------------------------------------------------------------------------------------------------------
		PHOTO GALLERY
-----------------------------------------------------------------------------------------------------------*/

.photo-gallery-wrapper {
	padding: 0 100px;
}

.gallery-row {
	margin: 0 0 40px;
}

.photo-gallery-wrapper .gallery-row:last-child {
	margin: 0;
}

.gallery-row.two-images {
	display: flex;
	justify-content: space-between;
}

.gallery-column {
	width: calc(50% - 20px);
}

.gallery-link {
	display: block;
	width: 100%;
	overflow: hidden;
}

.gallery-image {
	display: block;
	width: 100%;
	max-height: 900px;
	object-fit: cover;
	object-position: center center;
	transition: all 0.6s ease
}

.gallery-link:hover .gallery-image {
	opacity: 0.9;
	transform: scale(1.01); 
}

.gallery-caption {
	padding-top: 5px;
	width: 100%;
}

.gallery-caption h6 {
	font-size: 18px;
	line-height: 26px;
}

@media all and (max-width: 1023px) {

	.photo-gallery-wrapper {
		padding: 0 40px;
	}

}

@media all and (max-width: 479px) {

	.photo-gallery-wrapper {
		padding: 0 20px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		PHOTO SLIDER
-----------------------------------------------------------------------------------------------------------*/

.photo-slider-wrapper {
	position: relative;
	top: 0;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.photo-slider-wrapper.hide {
	top: 100px;
	opacity: 0;
}

.photo-slide {
	padding: 0 10px;
}

.photo-slide-image {
	display: block;
	margin: 0;
	width: auto;
	height: 640px;
}

.photo-slider-wrapper .slick-arrow {
	width: 45px !important;
	height: 45px !important;
	background: url('images/slider-arrows.png') no-repeat right top !important;
	background-size: 90px 45px !important;
	z-index: 10;
}

.photo-slider-wrapper .slick-arrow:before {
	display: none !important;
}

.photo-slider-wrapper .slick-prev {
	left: 40px !important;
	background-position: left top !important;
}

.photo-slider-wrapper .slick-next {
	right: 40px !important;
}

@media all and (max-width: 1199px) {

	.photo-slide-image {
		height: 550px;
	}

}

@media all and (max-width: 1023px) {

	.photo-slide-image {
		height: 450px;
	}

	.photo-slider-wrapper .slick-prev {
		left: 30px !important;
	}

	.photo-slider-wrapper .slick-next {
		right: 30px !important;
	}

}

@media all and (max-width: 767px) {

	.photo-slide-image {
		height: 350px;
	}

	.photo-slider-wrapper .slick-prev {
		left: 20px !important;
	}

	.photo-slider-wrapper .slick-next {
		right: 20px !important;
	}

}

@media all and (max-width: 599px) {

	.photo-slide-image {
		height: 280px;
	}

	.photo-slider-wrapper .slick-arrow {
		width: 30px !important;
		height: 30px !important;
		background-size: 60px 30px !important;
	}

}

@media all and (max-width: 479px) {

	.photo-slide-image {
		height: 220px;
	}

	.photo-slider-wrapper .slick-prev {
		left: 10px !important;
	}

	.photo-slider-wrapper .slick-next {
		right: 10px !important;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		SEARCH RESULTS
-----------------------------------------------------------------------------------------------------------*/

#searchform {
	display: flex;
	width: 100%;
	border: 1px solid #3E4144;
}

#searchform label {
	width: calc(100% - 55px);
	order: 2;
	appearance: none;
    border: none;
    outline: none;
}

#searchform .search-field {
	padding: 0 30px;
	width: 100%;
	height: 55px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	appearance: none;
    border: none;
    outline: none;
}

.search-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	background: #fff;
	transition: all 0.25s ease;
	order: 1;
	appearance: none;
    border: none;
	border-right: 1px solid #3E4144;
    outline: none;
	cursor: pointer;
}

.search-submit:hover {
	background: #3E4144;
}

.search-submit svg {
	width: 20px;
	height: auto;
	fill: #3E4144;
	transition: all 0.25s ease;
}

.search-submit:hover svg {
	fill: #fff;
}

.search-results-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 30px;
	margin: 0 auto;
	padding: 40px 100px 0;
	max-width: 1600px;
}

@media all and (max-width: 1365px) {

	.search-results-wrapper {
		padding: 40px 40px 0;
		max-width: 1480px;
	}

}

@media all and (max-width: 1023px) {

	.search-results-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media all and (max-width: 767px) {

	.search-results-wrapper {
		column-gap: 20px;
	}

}

@media all and (max-width: 479px) {

	.search-results-wrapper {
		padding: 40px 20px 0;
	}

	.search-results-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media all and (max-width: 389px) {



}

/*-----------------------------------------------------------------------------------------------------------
		BLOG
-----------------------------------------------------------------------------------------------------------*/

.blog-feed-outer {
	display: flex;
	flex-wrap: wrap;
	column-gap: 60px;
	margin: 0 auto;
	padding: 40px 100px 0;
	max-width: 1600px;
}

.blog-sidebar-wrapper {
	width: 250px;
}

.blog-sidebar-filter {
	display: none;
}

.category-links {
	position: relative;
	margin: 0;
	list-style-type: none;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.category-links.hide {
	top: 100px;
	opacity: 0;
}

.category-links li {
	margin: 0 0 5px;
}

.category-links li a {
	display: block;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 0.025em;
	color: #1f2125;
	transition: all 0.25s ease
}

.category-links li a:hover,
.category-links li.active a {
	color: #AF966E;
}

.category-links.portfolio-cats {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 10px;
}

.blog-feed-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 30px;
	width: calc(100% - 250px - 60px);
}

.post-link {
	position: relative;
	top: 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #979797;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.post-link.hide {
	top: 100px;
	opacity: 0;
}

.post-link-image-wrapper {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 128%;
	overflow: hidden;
}

.post-link-image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.6s ease
}

.post-link-image:hover {
	opacity: 0.9;
	transform: scale(1.01);
}

.post-link-date {
	margin: 0 0 10px;
}

.post-link-title a {
	color: #1f2125;
}

.pl4 { order: 5; }
.pl5 { order: 6; }
.pl6 { order: 7; }
.pl7 { order: 8; }
.pl8 { order: 9; }
.pl9 { order: 10; }
.pl10 { order: 11; }
.pl11 { order: 12; }
.pl12 { order: 13; }

.featured-post-link {
	display: flex;
	grid-column: span 3;
	order: 4;
	position: relative;
	top: 0;
	padding: 30px;
	background: #AF966E;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.featured-post-link.hide {
	top: 100px;
	opacity: 0;
}

.featured-post-content-outer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.3333%;
	border: 1px solid #fff;
}

.featured-post-content-wrapper {
	padding: 40px 30px;
	width: 100%;
	max-width: 360px;
}

.featured-headline {
	margin: 0 0 50px;
}

.featured-post-link-title {
	margin: 0 0 50px;
}

.featured-post-button {
	position: relative;
	display: inline-block;
	padding: 0 60px 0 0;
	font-size: 12px;
	line-height: 25px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff;
}

.featured-post-button:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	width: 9px;
	height: 9px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transition: all 0.25s ease;
}

.featured-post-button:hover:before {
	right: 9px;
}

.featured-post-button:before {
	content: '';
	display: block;
	position: absolute;
	right: 19px;
	top: calc(50% + 0px);
	width: 22px;
	height: 1px;
	background: #fff;
	transition: all 0.25s ease;
}

.featured-post-button:hover:after {
	right: 0;
}

.featured-post-link-image-outer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 30px;
	width: 66.6667%;
	border: 1px solid #fff;
	border-left: 0;
}

.featured-post-link-image-outer:before {
	content: '';
	display: block;
	position: absolute;
	left: -1px;
	top: -40px;
	width: 1px;
	height: 40px;
	background: #fff;
}

.featured-post-link-image-outer:after {
	content: '';
	display: block;
	position: absolute;
	left: -1px;
	bottom: -40px;
	width: 1px;
	height: 40px;
	background: #fff;
}

.featured-post-link-image-wrapper {
	display: block;
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	overflow: hidden;
}

.featured-post-link-image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.6s ease;
}

.featured-post-link-image-wrapper:hover .featured-post-link-image {
	opacity: 0.9;
	transform: scale(1.01);
}

.blog-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0;
	padding-top: 60px;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.blog-navigation.hide {
	top: 100px;
	opacity: 0;
}

.next-page,
.prev-page {
	padding: 0 10px;
}

@media all and (max-width: 1365px) {

	.blog-feed-outer {
		column-gap: 40px;
		padding: 40px 40px 0;
		max-width: 1480px;
	}

	.blog-sidebar-wrapper {
		width: 200px;
	}

	.blog-feed-wrapper {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		width: calc(100% - 200px - 40px);
	}

}

@media all and (max-width: 1023px) {

	.blog-feed-outer {
		display: block;
	}
	
	.blog-sidebar-wrapper {
		margin: 0 0 30px;
		width: 100%;
	}

	.blog-sidebar {
		border: 1px solid #1F2125;
	}

	.blog-sidebar-filter {
		display: block;
		position: relative;
		padding: 10px;
		font-family: 'EB Garamond', serif;
		font-size: 30px;
		line-height: 36px;
		font-weight: 400;
		cursor: pointer;
	}
	
	.blog-sidebar-filter:after {
		content: '';
		position: absolute;
		right: 20px;
		top: calc(50% - 6px);
		width: 19px;
		height: 12px;
		background: url('images/selector-arrow-charcoal.png') no-repeat center center;
		background-size: contain;
		transition: all 0.25s ease;
	}
	
	.blog-sidebar-filter.open:after {
		transform: rotate(180deg);
	}
	
	.blog-sidebar-content {
		display: none;
		padding: 10px;
	}
	
	.blog-sidebar h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.blog-sidebar .category-links {

	}

	.blog-feed-wrapper {
		column-gap: 30px;
		width: 100%;
	}

	.post-link-title {
		font-size: 20px;
		line-height: 30px;
	}

	.featured-post-content-outer,
	.featured-post-link-image-outer {
		width: 50%;
	}

	.featured-post-link-title	{
		font-size: 24px;
		line-height: 34px;
	}

	.featured-post-link-image-outer {
		align-items: flex-start;
	}

	.featured-post-link-image-wrapper {
		height: 100%;
	}

	.featured-post-link-image {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

}

@media all and (max-width: 767px) {

	.pl3 { order: 4; }

	.featured-post-link {
		flex-wrap: wrap;
		grid-column: span 2;
		order: 3;
	}

	.featured-post-content-outer {
		position: relative;
		order: 2;
		width: 100%;
	}
	
	.featured-post-content-outer:before {
		content: '';
		display: block;
		position: absolute;
		left: -40px;
		top: -1px;
		width: 40px;
		height: 1px;
		background: #fff;
	}

	.featured-post-content-outer:after {
		content: '';
		display: block;
		position: absolute;
		right: -40px;
		top: -1px;
		width: 40px;
		height: 1px;
		background: #fff;
	}

	.featured-post-content-wrapper {
		padding: 30px;
		max-width: 100%;
	}

	.featured-headline,
	.featured-post-link-title {
		margin: 0 0 30px;
	}

	.featured-post-link-image-outer {
		order: 1;
		width: 100%;
		border: 1px solid #fff;
		border-bottom: 0;
	}

	.featured-post-link-image-outer:before,
	.featured-post-link-image-outer:after {
		display: none;
	}

}

@media all and (max-width: 599px) {

	.blog-feed-wrapper {
		column-gap: 20px;
	}

	.featured-post-link {
		padding: 20px;
	}

	.featured-post-content-wrapper {
		padding: 20px;
	}

	.featured-post-link-image-outer {
		padding: 20px;
	}

}

@media all and (max-width: 479px) {

	.blog-feed-outer {
		padding: 40px 20px 0;
	}

}

@media all and (max-width: 389px) {

	.blog-feed-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	.featured-post-link {
		grid-column: span 1;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		SINGLE POST
-----------------------------------------------------------------------------------------------------------*/

.single-post {
	position: relative;
}

.single-post:after {
	content: '';
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	width: calc(100% - 80px);
	height: 1px;
	background: #979797;
}

.single-post-image {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-height: 1080px;
	object-fit: cover;
	object-position: center center;
}

.single-post-categories {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
}

.single-post-title {
	margin: 0 0 100px;
}

.single-post-fact {
	padding-top: 60px;
}

.share-headline {
	padding-top: 60px;
}

.share-menu {
	display: flex;
	margin: 0;
	padding: 0 0 50px;
	list-style-type: none;
}

.share-menu li {
	margin: 0 10px 10px 0;
}

.share-menu li a {
	font-size: 30px;
	line-height: 30px;
	color: #1f2125;
	text-decoration: none !important;
}

@media all and (max-width: 479px) {

	.single-post:after {
		left: 20px;
		width: calc(100% - 40px);
	}

}

/*-----------------------------------------------------------------------------------------------------------
		PORTFOLIO
-----------------------------------------------------------------------------------------------------------*/

.portfolio-filters-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 40px;
	row-gap: 20px;
	margin-top: 40px;
}

.poftfolio-filter-wrapper {
	width: 100%;
}

.portfolio-filter {
	display: block;
	padding: 0 20px 0 10px;
	width: 100%;
	height: 44px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #2F2F2F;
	background: #fff url('images/selector-arrow-charcoal.png') no-repeat calc(100% - 10px) center;
	background-size: auto 8px;
	border: 1px solid #2F2F2F;
	appearance: none;
}

.portfolio-filter option {
	text-transform: none;
}

.portfolio-filter-selected {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 40px 0 10px;
	width: 100%;
	height: 44px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #2F2F2F;
	border: 1px solid #2F2F2F;
}

.portfolio-filter-selected-clear {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"%3E%3Cpath fill="%23414347" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"%3E%3C/path%3E%3C/svg%3E');
    background-size: 14px auto;
	background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
}

.portfolio-feed-wrapper {
	margin: 0 auto;
	padding: 40px 100px 0;
	max-width: 1600px;
}

.portfolio-feed-wrapper.related {
	margin-bottom: 40px;
}

.portfolio-feed-inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 50px;
	row-gap: 50px;
	position: relative;	
	width: 100%;
}

.portfolio-link {
	position: relative;
	top: 0;
	width: 100%;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.portfolio-link.hide {
	top: 100px;
	opacity: 0;
}

.portfolio-link-image-wrapper {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 65%;
	overflow: hidden;
}

.portfolio-link-image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.6s ease
}

.portfolio-link-image-wrapper:hover .portfolio-link-image {
	opacity: 0.9;
	transform: scale(1.01);
}

.portfolio-link-title a {
	color: #1f2125;
}

.related-items-wrapper {
	padding: 0 40px;
}

.related-headline {
	position: relative;
	top: 0;
	padding-top: 80px;
	font-family: 'EB Garamond', serif;
	font-size: 50px;
	line-height: 60px;
	font-weight: 400;
	border-top: 1px solid #979797;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.related-headline.hide {
	top: 100px;
	opacity: 0;
}

@media all and (max-width: 1365px) {

	.portfolio-feed-wrapper {
		padding: 40px 40px 0;
		max-width: 1480px;
	}

}

@media all and (max-width: 1023px) {

	.portfolio-filters-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.portfolio-feed-wrapper {
		column-gap: 20px;
		row-gap: 40px;
	}

}

@media all and (max-width: 767px) {

	.portfolio-feed-inner {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media all and (max-width: 599px) {

	.portfolio-filters-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media all and (max-width: 479px) {

	.portfolio-feed-wrapper {
		padding: 40px 20px 0;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		PROPERTY FEED
-----------------------------------------------------------------------------------------------------------*/

.property-search-wrapper {
	position: relative;
	top: 0;
	padding-top: 20px;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.property-search-wrapper.hide {
	top: 100px;
	opacity: 0;
}

.property-search-form {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 40px;
}

.field-wrapper {
	margin: 0 0 15px;
	padding: 0 10px
}

.label {
	margin: 0 0 5px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
}

.property-search-form select {
	padding: 0 20px 0 8px !important;
	min-width: 90px !important;
	height: 30px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #1f2125 !important;
	background: transparent url('images/selector-arrow-charcoal.png') no-repeat 95% center !important;
	background-size: auto 8px !important;
	border: 1px solid #D8D8D8 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
}

.property-search-form input[type=submit] {
	display: block !important;
	padding: 5px 20px !important;
	min-width: 100px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #fff !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	background: #979797 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	transition: all 0.25s ease !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
}

.property-feed-wrapper {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
	column-gap: 40px;
	row-gap: 80px;
	margin: 0 auto;
	padding: 30px 40px 0;
	max-width: 1480px;
}

.property-feed-wrapper.related {
	margin-bottom: 40px;
}

.empty-search {
	grid-column: span 3;
	top: 0;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.empty-search.hide() {
	top: 100px;
	opacity: 0;
}

.property-link {
	position: relative;
	top: 0;
	padding: 0 0 30px;
	border: 1px solid #979797;
	transition: all 0.5s ease;
	transition-delay: 0.25s;
}

.property-link.hide {
	top: 100px;
	opacity: 0;
}

.property-link-image-wrapper {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 65%;
	overflow: hidden;
}

.property-link-image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all 0.6s ease
}

.property-link-image-wrapper:hover .property-link-image {
	opacity: 0.9;
	transform: scale(1.01);
}

.property-link-title {
	margin: 0 0 30px;
	padding: 0 20px;
}

.property-link-title a {
	color: #1f2125;
}

.property-link-excerpt {
	margin: 0 0 20px;
	padding: 0 20px;
	font-size: 12px;
	line-height: 22px;
	font-weight: 600;
	letter-spacing: 0.012em;
	text-transform: uppercase;
	color: #979797;
}

.property-link-button {
	padding: 0 20px;
}

@media all and (max-width: 1199px) {

	.property-feed-wrapper {
		column-gap: 20px;
	}

}

@media all and (max-width: 1023px) {

	.property-feed-wrapper {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 60px;
	}

}

@media all and (max-width: 599px) {

	.property-feed-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

}

@media all and (max-width: 479px) {

	.property-feed-wrapper {
		padding: 40px 20px 0;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		INSPIRATION GALLERY
-----------------------------------------------------------------------------------------------------------*/

.inspiration-gallery {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 100px;
}

.inspiration-gallery-link {
	display: block;
	position: relative;
	width: calc(50% - 20px);
	aspect-ratio: 3 / 2;
	color: #fff;
}

.inspiration-gallery-link:nth-child(8n + 3),
.inspiration-gallery-link:nth-child(8n + 8) {
	width: calc(40% - 20px);
	aspect-ratio: 1.067;
}

.inspiration-gallery-link:nth-child(8n + 4),
.inspiration-gallery-link:nth-child(8n + 7) {
	width: calc(60% - 20px);
	aspect-ratio: 1.6;
}

.inspiration-gallery-image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.inspiraiton-gallery-link-text {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 60px 20px 25px;
	width: 100%;
	background: rgba(62,65,68,0.65);
}

.inspiraiton-gallery-link-text:after {
	content: '';
	display: block;
	position: absolute;
	right: 40px;
	top: 0;
	width: 8px;
	height: 100%;
	background: url('images/inspiration-gallery-arrow.png') no-repeat center center;
	background-size: contain;
}

.inspiraiton-gallery-link-headline {
	font-family: 'EB Garamond', serif;
	font-size: 26px;
	line-height: 32px;
	color: #fff;
}

.inspiraiton-gallery-link-sub-headline {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
}

@media all and (max-width: 1199px) {

	.inspiration-gallery {
		row-gap: 80px;
	}

}
@media all and (max-width: 1023px) {

	.inspiration-gallery {
		row-gap: 40px;
	}

	.inspiration-gallery-link {
		width: 100% !important;
		aspect-ratio: 3 / 2 !important;
	}

}

@media all and (max-width: 767px) {

	.inspiraiton-gallery-link-text {
		padding: 15px 40px 15px 15px;
	}

	.inspiraiton-gallery-link-text:after {
		right: 20px;
	}

	.inspiraiton-gallery-link-headline {
		font-size: 24px;
		line-height: 30px;
	}

	.inspiraiton-gallery-link-sub-headline {
		font-size: 15px;
		line-height: 18px;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		FOOTER
-----------------------------------------------------------------------------------------------------------*/

.footer-wrapper {
	background: #3F4145;
	color: #D8D8D8;
}

.footer-wrapper a, .footer-wrapper .h1, .footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3, .footer-wrapper h4, .footer-wrapper h5, .footer-wrapper h6 {
	color: #D8D8D8;
}

.footer-content {
	display: flex;
}

.footer-column {
	padding: 90px 70px 30px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.footer-column.fc1 {
	width: 30%;
	border-left: 0;
}

.footer-column.fc2,
.footer-column.fc3 {
	width: 25%;
}

.footer-column.fc4 {
	width: 30%;
}

.legal {
	padding: 60px 20px 30px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
}

.legal a {
	color: #fff;
}

.legal .atlas {
	font-family: georgia, serif;
	font-weight: 700;
}

@media all and (max-width: 1599px) {

	.footer-column {
		padding: 90px 50px 30px;
	}

}

@media all and (max-width: 1365px) {

	.footer-column {
		padding: 70px 30px 30px;
	}

}

@media all and (max-width: 1199px) {

	.footer-column {
		padding: 70px 20px 30px;
	}

}

@media all and (max-width: 1023px) {

	.footer-content {
		flex-wrap: wrap;
	}

	.footer-column {
		padding: 50px 40px 30px;
	}

	.footer-column.fc1,
	.footer-column.fc3 {
		width: 50%;
		border-left: 0;
	}

	.footer-column.fc2,
	.footer-column.fc4 {
		width: 50%;
	}

}

@media all and (max-width: 599px) {

	.footer-content {
		flex-wrap: wrap;
	}

	.footer-column {
		padding: 50px 40px 30px;
	}

	.footer-column.fc1,
	.footer-column.fc2,
	.footer-column.fc3,
	.footer-column.fc4 {
		width: 100%;
		border-left: 0;
	}

}

/*-----------------------------------------------------------------------------------------------------------
		GRAVITY FORMS
-----------------------------------------------------------------------------------------------------------*/

.gform_wrapper {
	margin: 0 auto !important;
}

.gform_wrapper .top_label .gfield_label {
	margin: 0 0 10px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	color: #565656 !important;
}

.charcoal-bg .gform_wrapper .top_label .gfield_label {
	color: #fff !important;
}

.gform_wrapper .gfield_required {
	color: #AF966E !important;
}

.gform_wrapper ul li.gfield {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

body .gform_wrapper .top_label div.ginput_container {
	margin: 0 !important;
}

.gform_wrapper .gform_footer input[type="submit"] {
	display: block !important;
	padding: 10px 20px !important;
	min-width: 160px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #fff !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	background: #979797 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	transition: all 0.25s ease !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
	background: #1F2125 !important;
}

.charcoal-bg .gform_wrapper .gform_footer input[type="submit"] {
	background: #AF966E !important;
}

.charcoal-bg .gform_footer input[type="submit"]:hover {
	background: #876D44 !important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"] {
	margin-bottom: 0 !important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	height: 38px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #1f2125 !important;
	letter-spacing: 0 !important;
	background: transparent !important;
	border: 1px solid #D8D8D8 !important;
	outline: 0 !important;
	border-radius: 0 !important;
	-webkit-appearance: none !important;
}

.gform_wrapper select {
	padding: 0 0 0 4px !important;
	height: 38px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #1f2125 !important;
	background: transparent url('images/selector-arrow-charcoal.png') no-repeat 98% center !important;
	background-size: auto 12px !important;
	border: 1px solid #D8D8D8 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
}

.gform_wrapper textarea {
	font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #1f2125 !important;
	background: transparent !important;
	border: 1px solid #D8D8D8 !important;
	outline: 0 !important;
	border-radius: 0 !important;
	-webkit-appearance: none !important;
}

.charcoal-bg .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.charcoal-bg .gform_wrapper select,
.gform_wrapper textarea {
	color: #fff !important;
}

.charcoal-bg .gform_wrapper select {
	background-image: url('images/selector-arrow-white.png') !important;
}

.gform_wrapper ::-webkit-input-placeholder { /* Edge */
  color: #1f2125 !important;
	opacity: 1 !important;
}

.gform_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1f2125 !important;
	opacity: 1 !important;
}

.gform_wrapper ::placeholder {
  color: #1f2125 !important;
	opacity: 1 !important;
}

.charcoal-bg .gform_wrapper ::-webkit-input-placeholder { /* Edge */
  color: #fff !important;
}

.charcoal-bg .gform_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

.charcoal-bg .gform_wrapper ::placeholder {
  color: #fff !important;
}


/*-----------------------------------------------------------------------------------------------------------
		MISC
-----------------------------------------------------------------------------------------------------------*/

.fancybox-caption-wrap {
  font-family: 'Lato', sans-serif !important;
	font-size: 16px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	color: #fff !important;
}

.social-media-menu {
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 15px;
	margin: 0;
	list-style-type: none;
}

.social-media-menu li {
	display: block;
}

.social-media-menu li a {
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	transition: all 0.25s ease;
}

.social-media-menu li a:hover {
	color: #000;
}

.social-media-menu li a svg {
	width: auto;
	height: 22px;
	fill: #fff;
	transition: all 0.25s ease;
}

.social-media-menu li a:hover svg {
	fill: #000;
}

.sg-popup-builder-content {
	padding: 40px 40px 20px;
}

.sg-popup-builder-content hr {
	margin-left: -40px;
	width: calc(100% + 80px);
}

@media all and (max-width: 479px) {

	.sg-popup-builder-content {
		padding: 20px 20px 10px;
	}

	.sgpb-popup-close-button-2 {
		width: 25px !important;
		height: 25px !important;
	}

	.sg-popup-builder-content hr {
		margin-left: -20px;
		width: calc(100% + 40px);
	}

}