#smooth-wrapper {
}

#smooth-content {

}

/*
.top__hero-wrapper {
position: fixed;
z-index: -1

}


.buffered__top.z-upper {
z-index:10;
position:relative;
top: calc(80vh - 40px);
background: #F8F8F9
}


*/

/* back layer (hero) */
.top__hero-wrapper{
  position: relative;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

/* front layer (content) */
.buffered__top{
  position: relative;
  z-index: 10;          /* above hero */
  margin-top: -25vh;    /* overlap amount (tweak: -10vh to -50vh) */
}

.top__hero {
	overflow:hidden;
	
}

/* optional: if you see a hairline gap */
.buffered__top{ background: #fff; }



footer {
position:relative
}

.nextprev a {
	color: #fff;
}


.fluid-overlay{
height: 65vh;

}

.top__hero_text {
	height: 40vh;
	display: flex;
	  align-items: center;
	  justify-content: center;
	  
	
}

.top__hero_text_container {
font-size: 7.1vh;	
font-weight: 200;
text-align:center;
max-width: 1000px;
color: {{entry.brandAccentTextColour}};
}

.scroll-to-left.rel {
top:1px;
margin-left:auto
}

footer {
	margin-top: 92px;
	margin-top: 0;
	
}

.mono, .small {
	
    font-family: var(--mono-font);
	font-size: 16px !important;
	text-transform: uppercase;
}
.image_cont.force img, .img_mask img {
  width: 100%;
  height: 100%;
  background-size:cover;
}

.img_mask {

}

h1.project {
	font-size: 36px;
	padding: 20px 0;
}
.image_cont.force {
	padding-top: 76%;
    overflow: hidden;
height:100%;
position:relative;
}

.image_cont.text-center {
	position:relative;
	
	padding-top: 76%;
	
} 

.fluid-overlay{
display:none
}