/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html {
	height: 100%;
}
body {
	font: 14px/22px "Montserrat", sans-serif;
	font-weight: 500;
	color: rgba(34, 50, 73, 1);
	background: #fff url(/wp-content/themes/marchmont/assets/img/ui/bg.gif) repeat-x top center;
	height: 100%;
}

html[lang] {
	/* margin-bottom:0 !important; */
	margin-top: 0 !important;
}
div#wpadminbar {
	top: auto;
	bottom: 0;
	position: fixed;
}

.resizeimg {
	max-width: 100%;
	height: auto;
}

a {
	color: rgba(34, 50, 73, 1);
}
b {
	font-weight: 600;
}

h1 {
	font-size: 5vw;
	line-height: 1.3em;
	font-weight: 500;
}
h2 {
	font-size: 3.75vw;
	line-height: 1.3em;
	font-weight: 500;
}
h4 {
	font-weight: 500;
	font-size: 1.75vw;
	line-height: 1.3em;
}
h5 {
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 1.3em;
}

.whitetext {
	color: #fff;
}
.goldtext {
	background: linear-gradient(135deg, #92652a 13.33%, #ecbc7e 86.25%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.whitebg {
	background: #fff;
}

.smaller {
	font-size: 0.7em;
}

.buttonlink {
	border: 2px solid #fff;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	transition: background 0.2s;
}
.buttonlink img {
	margin-left: 8px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 16px;
}
.buttonlink:hover {
	background: rgba(27, 31, 35, 0.5);
}

.pic {
	background: 50% 50% no-repeat;
	background-size: cover;
	position: relative;
}

.pageintro {
	padding: calc(60px + 12vh) 0 5vw 0;
}

.vmiddle {
	align-items: center;
}
.vbottom {
	align-items: flex-end;
}

/**** nav ****/
.navbar {
	position: fixed;
	background: rgba(79, 79, 79, 0.2);
	backdrop-filter: blur(20px);
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
	padding: 0 calc(50% - 45vw + 10px);
	height: 84px;
	display: flex;
	align-items: center;
}
.navm {
	width: 20%;
	position: absolute;
	top: 0;
	left: 40%;
	height: 84px;
	background: 50% 50% no-repeat url(/wp-content/themes/marchmont/assets/img/content/mlogo.svg);
	background-size: 40px auto;
}

.navholder {
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	/* width:0; */
	width: 100vw;
	transform: translateX(100%);
	height: 100vh;
	overflow: hidden;
	/* background: rgba(27,31,35,0.8); */
	/* backdrop-filter: blur(30px); */
	background: center center no-repeat url(/wp-content/themes/marchmont/assets/img/content/home/banner1.jpg);
	background-size: cover;
	z-index: 2000;
	transition: all 0.5s;
	display: flex;
	justify-content: flex-end;
}
.navholder .nav {
	width: 100vw;
	height: 100vh;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	padding: 40px;
	font-size: 6vh;
	line-height: 1em;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav ul li {
	margin: 3vh 0;
}
.nav ul li a {
	color: #fff;
	text-decoration: none;
}
.page-template-template-home .nav .n0,
.page-template-template-portfolio .nav .n1,
.page-template-template-purpose .nav .n2,
.blog .nav .n3,
.single-post .nav .n3,
.page-template-template-about .nav .n4,
.page-template-template-contact .nav .n5,
.s5 .nav .n5,
.s6 .nav .n6,
.s7 .nav .n7 {
	text-decoration: underline;
}
.nav ul li a:hover {
	background: linear-gradient(135deg, #92652a 13.33%, #ecbc7e 86.25%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.page-template-template-portfolio {
	height: 100%;
}

.navbutton {
	display: block;
	position: fixed;
	width: 60px;
	height: 84px;
	top: 0px;
	right: 0px;
	z-index: 3000;
	cursor: pointer;
	border-radius: 50%;
}
.navbutton:before {
	content: "";
	display: block;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transform-origin: 50% 50%;
	transform: scale(0);
	opacity: 0;
	transition: transform 0.4s, opacity 0.4s;
}
.navbutton .navicon {
	position: relative;
	width: 100%;
	height: 100%;
}
.navbutton .navicon span {
	display: block;
	width: 28px;
	height: 4px;
	background: #fff;
	position: absolute;
	border-radius: 2px;
	transition: top 0.2s 0.2s, transform 0.2s, opacity 0.2s, background 0.4s;
	left: 14px;
}
.navbutton .navicon span:nth-child(1) {
	top: 32px;
}
.navbutton .navicon span:nth-child(2) {
	top: 40px;
	transform-origin: 50% 50%;
}
.navbutton .navicon span:nth-child(3) {
	top: 48px;
	transform-origin: 50% 50%;
}

.menuopen .navbutton .navicon span {
	transition: top 0.2s, transform 0.2s 0.2s, opacity 0s 0.2s, background 0.4s;
	background: rgba(27, 31, 35, 1);
	left: 21px;
}
.menuopen .navbutton .navicon span:nth-child(1) {
	top: 29px;
	width: 18px;
	opacity: 0;
}
.menuopen .navbutton .navicon span:nth-child(2) {
	top: 29px;
	width: 18px;
	transform: rotate(-45deg);
}
.menuopen .navbutton .navicon span:nth-child(3) {
	top: 29px;
	width: 18px;
	transform: rotate(45deg);
}
/* .menuopen .navholder {width:100%} */
.menuopen .navholder {
	transform: translateX(0);
}
.menuopen .navbutton:before {
	transform: scale(1);
	opacity: 1;
}

/**** news feed ****/
.newsfeed {
	padding: 40px 0;
	font-size: 16px;
}
.newspic {
	display: block;
	margin-bottom: 20px;
	background: 50% 50% no-repeat;
	background-size: cover;
	height: 20vw;
}
.newsdate {
	margin-bottom: 10px;
	font-size: 10px;
}
.newsfeed a {
	color: rgba(34, 50, 73, 1);
}

/**** footer ****/
.footer {
	padding: 40px 0;
	font-weight: 600;
	border-top: 1px solid #000000;
	background: #fff;
	position: relative;
	z-index: 200;
}
.footer a {
	color: rgba(34, 50, 73, 1);
}

/* #Page Styles
================================================== */

/**** home ****/

.homesection {
	display: flex;
	align-items: center;
	background: 50% 50% no-repeat;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	border-bottom: 20px solid #fff;
}

@media (min-width: 1200px) {
	.homesection {
		background-attachment: fixed;
	}
}

.darkoverlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.homesection h1 {
	margin: 0;
}
.downarrow {
	position: absolute;
	bottom: 40px;
	left: calc(50% - 45vw + 10px);
	color: #fff;
	padding-right: 20px;
	background: right center no-repeat url(/wp-content/themes/marchmont/assets/img/ui/downarrow.svg);
	background-size: 14px auto;
}

.factsection {
	padding: 40px 0;
	width: 100%;
	overflow: hidden;
}
.homefacts {
	display: flex;
	flex-wrap: wrap;
}
.fact {
	padding: 0 10px;
	box-sizing: border-box;
	margin: 20px 0;
	flex: 0 0;
	flex-basis: calc(100% / 3);
}
.fact .icon {
	height: 40px;
	background: top left no-repeat;
	background-size: 24px auto;
	border-bottom: 1px solid #223249;
	margin-bottom: 20px;
}

.homesection .buttonlink {
	margin-top: 20px;
}

/**** portfolio ****/
.portfolio.pageintro {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 50;
	padding-bottom: 0;
}
.portfolio.pageintro h2 {
	line-height: 0.8em;
}
.portfolio.pageintro .row {
	margin: 0;
}

.filterholder {
	position: relative;
}
.filterholder p {
	margin: 0;
	position: absolute;
	top: -30px;
}
.filter {
	list-style-type: none;
	display: flex;
	font-size: 10px;
	line-height: 1em;
}
.filter li {
	margin: 0 10px 0 0;
	border: 1px solid #1b1f23;
	border-radius: 4px;
	padding: 8px 20px;
	cursor: pointer;
}
.filter li.active {
	color: #fff;
	background: #1b1f23;
}

.portfoliomap {
	position: fixed;
	left: calc((50% - 45vw) + 10px);
	width: calc(((90vw / 12) * 4) - 20px);
	top: calc(60px + 12vh + 3.5vw + 20px);
	z-index: 100;
}
/* nav height + intro padding + heading size + margin */
.portfoliomap #map {
	height: calc(95vh - (60px + 12vh + 3.5vw + 20px));
	width: 100%;
}

.portfoliolistholder {
	position: relative;
	padding-top: calc(60px + 12vh + 3.5vw + 20px);
	min-height: 100vh;
}

.portfoliolist {
	margin-bottom: 50vh;
	position: relative;
}
.portfoliolist td {
	border-bottom: 1px solid #1b1f23;
	padding: 1.1vw 0;
	transition: background 0.2s, opacity 0.5s;
	cursor: pointer;
}
.portfoliolist tr {
	transition: opacity 0.5s;
	width: 20%;
}

.portfoliolist tr:first-child {
	td {
		padding: 1.5vw 0 1.1vw;
	}
}

.portfoliolist tr td:first-child {
	padding-left: 10px;
	width: 40%;
}
.portfoliolist tr td:last-child {
	padding-right: 10px;
	width: 20%;
}
.portfoliolist thead td {
	padding-bottom: 10px;
	padding-top: 0;
}
.portfoliolist td.projectname {
	font-size: 1.5vw;
	line-height: 1em;
}

.portfoliolist.selection tbody tr:not(.active) td {
	opacity: 0.5;
}

.portfoliolist tr.active td {
	cursor: url("/wp-content/themes/marchmont/assets/img/ui/close.svg"), auto;
}

.portfoliolist tr:hover td {
	background-color: rgba(27, 31, 35, 0.1);
}

.pichide {
	overflow: hidden;
	margin: 0;
	height: 0;
	opacity: 0;
	transition: height 0.5s, margin 0.5s, opacity 0.5s;
}
.portfoliopic {
	background: 50% 50% no-repeat;
	background-size: cover;
	width: 80%;
	height: 22vw;
	background-size: cover;
}
.active .pichide {
	margin: 20px 0;
	height: 22vw;
	opacity: 1;
}

.filtered.development tbody tr:not(.development),
.filtered.investment tbody tr:not(.investment),
.filtered.logistics tbody tr:not(.logistics),
.filtered.retail tbody tr:not(.retail),
.filtered.offices tbody tr:not(.offices),
.filtered.btr tbody tr:not(.btr) {
	opacity: 0.1;
	pointer-events: none;
}

/**** purpose ****/
.purposebanner {
	width: 100%;
	height: 100%;
	position: relative;
	background: 50% 50% no-repeat url(/wp-content/themes/marchmont/assets/img/content/purpose/banner.jpg);
}
.purposesection {
	padding: 5vw 0;
	font-size: 20px;
	line-height: 26px;
}
.purposesection.two {
	padding: 0 0 5vw;
}
.purposepic {
	box-sizing: border-box;
	background: #e9ebed;
	padding: 3vw;
	height: 35vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.sportsslides {
	width: 100%;
	height: 100%;
}
.sportsslides .slide {
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.cycle-arrow {
	width: 40px;
	height: 40px;
	background: 50% 50% no-repeat;
	background-size: 8px auto;
	display: block;
	cursor: pointer;
}
.cycle-prev {
	background-image: url(/wp-content/themes/marchmont/assets/img/ui/prev.svg);
}
.cycle-next {
	background-image: url(/wp-content/themes/marchmont/assets/img/ui/next.svg);
}
.purposepic .cycle-arrow {
	position: absolute;
	z-index: 800;
	top: calc(50% - 20px);
}
.purposepic .cycle-prev {
	left: -40px;
}
.purposepic .cycle-next {
	right: -40px;
}

/**** about ****/
.aboutbanner {
	background-image: url(/wp-content/themes/marchmont/assets/img/content/about/banner.jpg);
	height: 80vh;
}
.abouttext {
	padding: 5vw 0;
}

.member {
	border-top: 1px solid #000;
	padding: 40px 0;
}
.member a {
	font-weight: 600;
}
.member .pic {
	height: 18vw;
}

/**** contact ****/
.contact #map {
	height: 30vw;
	margin-top: 40px;
}

/****************************************************
* Misc
****************************/
/*hide social stuff and headings on prettyphoto*/
.ppt {
	display: none !important;
}
.pp_social {
	display: none !important;
}
.pp_description {
	display: none !important;
}

.smallText {
	font-size: 11px;
}
.smallprint {
	font-size: 11px;
	color: #bbbdc0;
}
.smallprint a {
	color: #bbbdc0;
}
.padTop {
	margin-top: 30px;
}
.largeText {
	font-size: 13px;
}

.superscript {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}
.subscript {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;
}

.caps {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.num {
	text-align: right;
}

/* #Media Queries
================================================== */

/* biggest desktop */
@media only screen and (max-width: 1230px) {
}

/* bigger desktop */
@media only screen and (min-width: 1100px) and (max-width: 1229px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1099px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	h1 {
		font-size: 10vw;
		line-height: 1.3em;
	}
	h2 {
		font-size: 5vw;
		line-height: 1.3em;
	}
	h4 {
		font-size: 3vw;
		line-height: 1.3em;
	}
	h5 {
		font-size: 3vw;
		line-height: 1.3em;
	}

	/**** portfolio ****/
	.portfolio.pageintro {
		position: relative;
	}
	.portfolio.pageintro .row.vbottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.portfolio.pageintro .four.columns,
	.portfolio.pageintro .eight.columns {
		flex-basis: auto;
	}
	.filterholder p {
		position: relative;
		top: auto;
	}

	.portfoliomap {
		position: relative;
		top: auto;
		width: calc(90vw - 20px);
	}
	.portfoliomap #map {
		width: 100%;
	}

	.portfoliolistholder {
		padding-top: 40px;
	}
	.portfoliolistholder .eight.columns {
		flex-basis: 100%;
	}
	.portfoliolistholder .offset-by-four {
		margin: 0;
	}

	.portfoliolist td {
		padding: 15px 0;
	}
	.portfoliolist td.projectname {
		font-size: 20px;
		line-height: 1em;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 10vw;
		line-height: 1.3em;
	}
	h2 {
		font-size: 8vw;
		line-height: 1.3em;
	}
	h4 {
		font-size: 6vw;
		line-height: 1.3em;
	}
	h5 {
		font-size: 6vw;
		line-height: 1.3em;
	}

	/**** nav ****/
	.navbar {
		padding: 0 5vw;
	}
	.navm {
		display: none;
	}
	.navholder .nav {
		font-size: 30px;
		line-height: 1em;
	}

	/**** footer ****/
	.footer .columns {
		margin-bottom: 40px;
	}

	/**** home ****/
	.fact {
		flex-basis: 100%;
	}

	.newspic {
		height: 50vw;
	}
	.newstext {
		margin-bottom: 40px;
	}

	/**** portfolio ****/
	.filter {
		flex-wrap: wrap;
	}
	.filter li {
		margin-bottom: 10px;
	}

	.portfoliomap {
		left: 5vw;
		width: 90vw;
		height: 70vh;
	}
	.portfoliomap #map {
		height: 70vh;
	}

	.portfoliolist td {
		font-size: 10px;
		padding-left: 2px;
		padding-right: 2px;
	}
	.portfoliolist .smallText {
		font-size: 10px;
	}
	.portfoliolist td.projectname {
		font-size: 14px;
		line-height: 1.2em;
	}

	.pichide {
		position: relative;
		overflow: visible;
	}
	.active .pichide {
		height: 40vw;
	}
	.portfoliopic {
		position: absolute;
		top: 0;
		left: 0;
		width: 80vw;
		height: 40vw;
	}

	/**** purpose ****/
	.purposepic {
		height: 80vw;
		margin-bottom: 40px;
	}
	.purposepic .cycle-arrow {
		background-color: rgba(255, 255, 255, 0.6);
	}
	.purposepic .cycle-prev {
		left: 3vw;
	}
	.purposepic .cycle-next {
		right: 3vw;
	}

	/**** about ****/
	.aboutbanner {
		height: 60vw;
	}
	.member .pic {
		width: 50%;
		height: 60vw;
		margin-bottom: 20px;
	}

	/**** contact ****/
	.contact #map {
		height: 100vw;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

article.columns img {
	width: 100%;
	height: auto;
}

.singlehero img {
	width: 100%;
	height: auto;
}

.backnews {
	display: flex;
	padding-left: 15px;
	position: relative;
}
.backnews:before {
	content: "";
	position: absolute;
	left: 0;
	background: url(/wp-content/themes/marchmont/assets/img/ui/prev.svg) no-repeat center left;
	background-size: contain;
	width: 30px;
	height: 10px;
	top: 6px;
}
.postnav {
	display: flex;
}
.postnav span {
	display: flex;
}
.postnavwrap {
	padding-top: 40px;
	justify-content: space-between;
	display: flex;
}
.nav-links {
	display: flex;
}
.nav-links a {
	font-size: 12px;
	text-decoration: none !important;
	color: black;
}
.nav-next {
	display: flex;
	margin-left: 35px;
	padding-right: 25px;
	position: relative;
}
.nav-next:after {
	content: "";
	position: absolute;
	right: 0;
	background: url(/wp-content/themes/marchmont/assets/img/ui/next.svg) no-repeat center center;
	background-size: contain;
	width: 30px;
	height: 10px;
	top: 6px;
}
.nav-previous {
	display: flex;
	padding-left: 15px;
	position: relative;
}
.nav-previous:before {
	content: "";
	position: absolute;
	left: 0;
	background: url(/wp-content/themes/marchmont/assets/img/ui/prev.svg) no-repeat center left;
	background-size: contain;
	width: 30px;
	height: 10px;
	top: 6px;
}

.logos__wrap {
	display: flex;
	align-items: center;
}

.logos__wrap a {
	display: block;
	padding-right: 25px;
	width: 55%;
	max-width: 50vw;
}

.logos__wrap img {
	display: block;
	width: 100%;
	height: auto;
}

body.page-template-template-contact {
	background: url(/wp-content/themes/marchmont/assets/img/content/bg_contact.jpg) no-repeat center !important;
	background-size: cover;
	position: relative;
}

@media (min-width: 1px) and (max-width: 1023px) {
	body.page-template-template-contact {
		background: url(/wp-content/themes/marchmont/assets/img/content/bg_contact.jpg) no-repeat center left !important;
		background-size: cover;
		position: relative;
	}
}

body.page-template-template-purpose .pageintro {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0;
}

.pageintro.contact {
	/* background: rgba(0,0,0,0.3); */
	padding: calc(60px + 8vh) 0 5vw 0;
}

.Sld a {
	display: block;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: auto;
	transform: translate(-50%, 0);
	bottom: 0 !important;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
}

.sld1 a {
	width: 155px;
}
.sld2 a {
	width: 155px;
}
.sld3 a {
	width: 155px;
}
.sld4 a {
	width: 155px;
}
@media (min-width: 1024px) {
	.sld1 a {
		width: 196px;
	}
	.sld2 a {
		width: 196px;
	}
	.sld3 a {
		width: 196px;
	}
	.sld4 a {
		width: 196px;
	}
}

.darkoverlay,
.Sld {
	position: relative;
}

.Sld::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0,0,0,.4); */
	z-index: 1;
}

.Sld img {
	display: block;
	width: 100%;
	height: auto;
}

.goldtext {
}

.revealup4 .goldtext {
	transition: all 0.7s;
	transition-delay: 0.2s;
	transform: translateX(-50%);
	opacity: 0;
}

.revealup5 .goldtext {
	transition: all 0.7s;
	transition-delay: 0.4s;
	transform: translateX(-50%);
	opacity: 0;
}

.revealup6 .goldtext {
	transition: all 0.7s;
	transition-delay: 0.6s;
	transform: translateX(-50%);
	opacity: 0;
}

.revealup4.is-animating .goldtext {
	transform: translateX(0%);
	opacity: 1;
}

.revealup5.is-animating .goldtext {
	transform: translateX(0%);
	opacity: 1;
}

.revealup6.is-animating .goldtext {
	transform: translateX(0%);
	opacity: 1;
}

.screen-reader-text {
	display: none;
}

blockquote {
	display: block;
	width: 100%;
	margin-bottom: 40px;
	border-left: 2px solid #223249;
	padding-left: 20px;
	margin-top: 33px;
	font-size: 18px;
	line-height: 1.3;
}

.Static figure {
	margin-left: 0;
	margin-right: 0;
}
.Static ul {
	margin-top: 30px;
	margin-bottom: 40px;
	display: block;
}
.Static p {
	margin-bottom: 30px;
}
.Static p br {
	display: none;
}
@media (min-width: 1px) and (max-width: 1023px) {
	.Static br {
		display: none;
	}
}

.NewsThumb {
	position: relative;
	padding-bottom: 69.25%;
	margin-bottom: 5px;
}

.NewsThumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.page-template-template-contact .darkoverlay:before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52));
}

/* .NewsFeed p {
    text-transform: uppercase;
} */

.page-template-template-contact #map > div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: circle();
}

.member h5 {
	margin-bottom: 4px;
}

.surface {
	background-color: white;
	color: black;
	/* padding: 350px 0; */
	background-size: 300%;
	background-repeat: no-repeat;
	background-position: top;
}

@media screen and (min-width: 768px) {
	.surface {
		background-size: 150%;
		background-position: top;
	}
}

@media screen and (min-width: 1200px) {
	.surface {
		background-size: cover;
		background-position: bottom;
	}
}

.surface h2 {
	color: #050554;
}

.surface h4 {
	color: #050554;
	line-height: 1.2;
	margin: 30px 0;
}

.surface .buttonlink {
	background-color: #050554;
	border: 2px solid #050554;
	color: white;
	margin-top: 30px;
}

.surface .buttonlink:hover {
	background-color: transparent;
	border: 2px solid #050554;
	color: #050554;
}

.brochure-download {
	text-decoration: none;
	background-color: #050554;
    border: 2px solid #050554;
    color: white;
    margin-top: 30px;
	border-radius: 4px;
    display: inline-block;
	text-decoration: none;
    padding: 10px 20px;
    transition: background 0.2s;
	font: 14px/22px "Montserrat", sans-serif;
}

.brochure-download:hover {
	text-decoration: none;
	background-color: transparent;
    border: 2px solid #050554;
    color: #050554;
    margin-top: 30px;
	border-radius: 4px;
    display: inline-block;
	text-decoration: none;
    padding: 10px 20px;
    transition: background 0.2s;
	font: 14px/22px "Montserrat", sans-serif;
}

.portfoliolist.filtered.ios tbody tr:not(.ios) {
	opacity: 0.1;
    pointer-events: none;
}


@media (min-width: 1024px) {
	.fixedpad {
		padding-top: 50px !important;
	}

	.portfoliolist thead {
		margin-top: -80px;
		position: fixed;
		width: 59%;
		background-color: white;
		display: inline-table;
	}
}