/*  
Theme Name: Saltend Chemicals Park
Version: v1
*/

@import url('https://fonts.googleapis.com/css2?family=Maitree:wght@400;500;600;700&family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

::selection {
background: transparent;}

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,font,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, input, textarea {
border:0;
margin:0;
outline:0;
padding:0;
font-size:100%;
border-radius: 0px;
background:transparent;
vertical-align:baseline;}

html,
body{
position:relative;
background: #ffffff;}

body {
font-size: 1em;
color: #1C1C1C;
cursor: default;
min-width: 320px;
line-height: 1.9em;
font-family:'Maitree',arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.wrapper{
z-index: 1;
display: block;
max-width: 1300px;
padding: 1rem 5rem;
position: relative;
margin: 0 auto 0 auto;}
header#home .wrapper{
height: 100vh;}
header .wrapper{
z-index: 2;}

.grid {
display: block;
overflow: hidden;}
.grid.pad-top {
padding-top: 30px;}
.grid.pad-bottom {
padding-bottom: 30px;}
	.grid .element {
	float: left;
	width: 100%;
	display: block;
	overflow: hidden;}
	.grid .element.four-fifths {
	width: 80%;}
	.grid .element.three-quarters {
	width: 75%;}
	.grid .element.seven-tenths {
	width: 70%;}
	.grid .element.two-thirds {
	width: 66.6666%;}
	.grid .element.three-fifths {
	width: 60%;}
	.grid .element.half {
	width: 50%;}
	.grid .element.two-fifths {
	width: 40%;}
	.grid .element.third {
	width: 33.3333%;}
	.grid .element.quarter {
	width: 25%;}
	.grid .element.fifth {
	width: 20%;}
	.grid .element.tenth {
	width: 10%;}
		.grid .element .content {
		display: block;
		padding: 1.5rem;
		overflow: hidden;
		position: relative;}

alert{
display: block;
color: #ffffff;
padding: 0 1rem;
border-radius: .5rem;
background-color: #FF8800;}
	alert a,
	alert a:visited{
	color: #ffffff;
	font-weight: bold;}

header{
height: 350px;
display: block;
position: relative;
padding: 0 0 1rem 0;
background-size: cover;
box-sizing: border-box;
background-color: #666666;
font-family: 'Nunito Sans';
background-repeat: no-repeat;
background-position: center center;}
header-scroll{
top: 0;
left: 0;
opacity: 0;
z-index: 5;
float: left;
width: 100%;
display: block;
position: fixed;
line-height: 2rem;
background-color: #ffffff;
font-family: 'Nunito Sans';
transform: translateY(-100%);
box-shadow: 0 0 .5rem 0 rgba(0,0,0,.1);}
body.scroll header-scroll{
opacity: 1;
transform: translateY(0);}
	header-scroll .grid .element .content{
	padding-top: 0;
	padding-bottom: 0;}
	header-scroll a#logo,
	header-scroll a#logo:visited{
	float: left;
	display: block;}
		header-scroll a#logo img{
		height: 2rem;
		max-width: auto;}
	header-scroll .menu-global-navigation-container{
	float: right;}
		header-scroll ul{
		float: left;
		list-style-type: none;}
			header-scroll ul li{
			float: left;
			margin-right: 1.5rem;
			text-transform: uppercase;}
			header-scroll ul li:nth-child(n+7){
			display: none;}
			header-scroll ul li:nth-child(n+6){
			margin: 0;}
			header-scroll ul li:last-child{
			margin: 0;}
				header-scroll ul li ul{
				display: none !important;}
				header-scroll ul li a,
				header-scroll ul li a:visited{
				display: block;
				color: #000000;
				padding: 0 .5rem;
				font-weight: normal;
				text-decoration: none;}
				header-scroll ul li a:hover{
				text-decoration: underline;}
header #background-video {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;}
header .wrapper,
header .grid,
header .grid .element,
header .grid .element .content{
overflow: visible;}
header#home{
height: 100vh;
overflow: hidden;
background-color: #DEF0F2;}
header .overlay{
top: 0;
left: 0;
right: 0;
z-index: 1;
opacity: .9;
height: 10rem;
display: block;
position: absolute;
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);}
	header h1{
	z-index: 1;
	float: left;
	display: block;
	position: relative;
	padding-top: .75rem;}
	header h2{
	color: #ffffff;
	padding: 3rem 0;
	font-size: 2rem;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
	font-family: 'Work Sans';
	text-transform: uppercase;}
		header h1 img{
		width: 150px;
		height: auto;}
	header .menu-global-navigation-container{
	z-index: 1;
	position: relative;}
	header ul{
	float: right;
	list-style-type: none;}
		header ul li{
		z-index: 0;
		float: left;
		position: relative;
		margin-right: 1.5rem;
		text-transform: uppercase;}
		header ul li.read-more-about{}
		header ul li.read-more-about:before{
		top: 0;
		left: 0;
		content: '';
		width: 1rem;
		height: 100%;
		display: block;
		border-radius: 0;
		position: absolute;
		background-color: #ffffff;}
		header ul li:nth-child(n+6){
		margin: 0;}
		header ul li:nth-child(n+7){
		display: none;}
			header ul li a,
			header ul li a:visited{
			z-index: 2;
			color: #000000;
			padding: 0 .5rem;
			position: relative;
			font-weight: normal;
			text-decoration: none;}
			header ul li:hover{
			z-index: 1;}
			header ul li.current_page_item a,
			header ul li.current_page_item a:visited,
			header ul li.current_page_ancestor ul li.current_page_item a:hover{
			color: #ffffff;
			background-color: #FF8800;}
			header ul li.current_page_item ul li a,
			header ul li.current_page_item ul li a:visited,
			header ul li.current_page_item:hover a,
			header ul li.current_page_item:hover a:visited{
			color: #000000;
			background-color: #ffffff;}
			header ul li.read-more-about a,
			header ul li.read-more-about a:visited{
			padding-left: 0;
			font-weight: bold;
			pointer-events: none;
			color: #FF8800 !important;}
			header ul li ul{
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			z-index: 1;
			display: none;
			overflow: hidden;
			position: absolute;
			border-radius: 3px;
			font-family:'Maitree';
			padding: 2rem 0 .5rem 0;
			background-color: #ffffff;}
			header ul li:hover ul{
			display: block;}
				header ul li ul li{
				margin: 0;
				width: 100%;
				display: block;
				padding-left: 1rem;}
				header ul li ul li:nth-last-child(-n+3){}
					header ul li ul li a,
					header ul li ul li a:visited{
					color: #666666;
					display: inline-block;
					padding: 0 .75rem 0 .5rem;
					white-space: nowrap;
					text-transform: none;}
					header ul li ul li.current_page_item a,
					header ul li ul li.current_page_item a:visited{}
					header ul li ul li a:hover{
					text-decoration: underline;}
					header ul li ul li:before{
					left: .5rem;
					content: '';
					top: .75rem;
					width: .25rem;
					height: .25rem;
					display: block;
					position: absolute;
					border-radius: 50%;
					background-color: #666666;}
	header #video-copy{
	width: 65%;
	left: 6.5rem;
	bottom: 3rem;
	display: block;
	position: absolute;
	padding-left: .5rem;
	box-sizing: border-box;}
		header #video-copy span{
		display: block;
		color: #ffffff;}
			header #video-copy span:nth-of-type(1){
			font-size: 5rem;
			font-weight: 700;
			line-height: 4.5rem;
			margin-left: -.5rem;
			font-family: 'Work Sans';}
			header #video-copy span:nth-of-type(2){
			display: inline;
			font-weight: 600;
			font-size: 2.5rem;
			line-height: 3.5rem;
			background: #FF8800;
			font-family: 'Nunito Sans';
			box-shadow: .5rem 0 0 #FF8800, -.5rem 0 0 #FF8800;}
			header #video-copy hr{
			width: 50%;
			clear: both;
			border: none;
			height: .25rem;
			box-shadow: none;
			background-color: #ffffff;
			margin: 1rem 0 1rem -.5rem;}
	header #touch{
	z-index: 0;
	top: -1rem;
	right: -1rem;
	height: 5rem;
	display: none;
	cursor: pointer;
	position: absolute;
	border-radius: .5rem;
	width: calc(100% + 2rem);
	background-color: #ffffff;}
	body.menu-active header #touch{
	background-color: transparent;}
		header #touch img{
		width: auto;
		top: 1.5rem;
		right: 1rem;
		height: 2rem;
		position: absolute;}
		header #touch img:first-child{
		display: block;}
		header #touch img:last-child{
		display: none;}

footer{
float: left;
width: 100%;
height: 400px;
display: block;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
background-image: url(resources/images/background-footer.jpg);}

#footer-navigation{
left: 50%;
z-index: 9;
bottom: 1.25rem;
cursor: pointer;
position: fixed;
overflow: hidden;
line-height: 3rem;
margin-left: calc(-650px - 3.25rem);
border-radius: 1.5rem;
display: inline-block;
background-color: #FF8800;}
#footer-navigation.selected{
background-color: #F5F5F5;}
	#footer-navigation img{
	float: left;
	width: 1.5rem;
	margin: .75rem;
	height: auto;}
	#footer-navigation.selected img:nth-child(1),
	#footer-navigation img:nth-child(2){
	opacity: 0;
	display: none;}
	#footer-navigation.selected img:nth-child(2){
	opacity: 1;
	display: block;}
	#footer-navigation img:nth-child(2){
	transform: scale(.8);}
	#footer-navigation div{
	float: left;
	display: none;}
	#footer-navigation.selected div{
	display: block;}
	#footer-navigation ul{
	overflow: hidden;
	padding-left: .5rem;
	padding-right: .5rem;
	list-style-type: none;}
		#footer-navigation ul li{
		float: left;
		margin-right: 2rem;}
			#footer-navigation ul li a,
			#footer-navigation ul li a:visited{
			color: #1C1C1C;
			font-size: .75rem;
			font-weight: normal;
			text-decoration: none;
			font-family: 'Work Sans';}
			#footer-navigation ul li a:hover,
			#footer-navigation ul li.current-menu-item a{
			text-decoration: underline;}
			#footer-navigation ul li:last-child a{
			font-weight: bold;}

.follow_on_page_header{
width: 100%;
display: block;
padding: 7.5rem 0;
max-width: 1230px;
background-size: cover;
margin: 3rem auto 0 auto;
background-color: #666666;
background-repeat: no-repeat;
background-position: center center;}
.follow_on_page_header.visible{
max-width: 100%;}
	.follow_on_page_header h2{
	color: #ffffff;
	padding: 3rem 0;
	font-size: 2rem;
	font-family: 'Work Sans';
	text-transform: uppercase;}

body-copy{
display: block;
padding: 2rem 0;
text-align: center;}
	body-copy .element.three-quarters{
	float: none;
	margin: 0 auto 0 auto;}

jump-links{
display: block;
overflow: hidden;
text-align: center;
padding-bottom: 2rem;
text-transform: uppercase;}
	jump-links a.button,
	jump-links a.button:visited{
	margin: .5rem;}

repeatable-content{}
	repeatable-content .element.repeatable-container:nth-child(odd) .element.half:nth-child(2){
	float: right;}
	repeatable-content span.title{}
	repeatable-content span.cta{
	display: block;
	margin-top: 1.5rem;}
	repeatable-content .image-break img{
	float: left;}
	repeatable-content .element.repeatable-container:nth-child(even) .image-break img{
	float: right;
	transform: scaleX(-1);}

repeatable-content#contact{
line-height: 1.75rem;}
	repeatable-content#contact span.title{
	margin-bottom: 3rem;}
	repeatable-content#contact a,
	repeatable-content#contact a:visited{
	display: block;}

repeatable-content#environmental-social-and-governance{}
	repeatable-content#environmental-social-and-governance .date-block{
	display: block;
	overflow: hidden;}
	repeatable-content#environmental-social-and-governance .date-block p.description{
	font-weight: bold;}
	repeatable-content#environmental-social-and-governance .date-block:nth-child(even){}
		repeatable-content#environmental-social-and-governance .date-block:nth-child(even) .element.half:first-child{
		float: right;}
		repeatable-content#environmental-social-and-governance .date-block .element.half:last-child{
		text-align: center;}
			repeatable-content#environmental-social-and-governance .date-block .element.half:last-child img{
			width: 70%;
			background-color: #f0f0f0;}
		repeatable-content#environmental-social-and-governance .date-block:nth-child(even) .element.half:first-child .image-break img{
		float: right;
		transform: scaleX(-1);}

single{
display: block;
margin-top: -2.5rem;}
single .wrapper{
background-size: 33% auto;
background-repeat: no-repeat;
background-position: right 2.5rem;
background-image: url(resources/images/background-introduction-top.png);}
	single .element.three-quarters{}
		single .element.three-quarters .content{
		padding-top: 3rem;}
		single .element.three-quarters span.title{
		margin: 0;}
		single .element.three-quarters span.date{
		display: block;
		margin: 1rem 0;}
	single .element.quarter{
	padding-top: 7.5rem;}
		single .element.quarter span.title{
		margin: 0;}
		single .element.quarter span.date{
		display: block;
		margin: .5rem 0;}

span.break{
display: block;
overflow: hidden;
padding: 1.5rem 0;}

investment-team{
display: block;}
investment-team .element.quarter{
text-align: center;}
	investment-team a,
	investment-team a:visited{
	color: inherit;
	font-weight: inherit;
	text-decoration: none;}
	investment-team a:hover{
	text-decoration: underline;}
	investment-team span{
	display: block;}
	investment-team .name{
	font-weight: bold;}
	investment-team .company{
	color: #33A1AB;}

.clear-bar{
height: 0;
float: left;
width: 100%;
display: block;}

.page_content{
float: left;
width: 100%;
display: block;}

introduction{
display: block;}
introduction .wrapper{
padding: 5rem 0;
background-size: 33% auto;
background-repeat: no-repeat;
background-position: right top;
background-image: url(resources/images/background-introduction-top.png);}
introduction .wrapper:after{
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
pointer-events: none;
background-size: 33% auto;
background-repeat: no-repeat;
background-position: left bottom;
background-image: url(resources/images/background-introduction-bottom.png);}
	introduction .grid .element.half.copy{
	float: right;}
	introduction#careers .grid .element.half.copy{
	font-weight: bold;
	text-align: center;}
	introduction span.translate-middle{
	top: 50%;
	width: 50%;
	display: block; 
	position: absolute;
	transform: translateY(-50%);}
	introduction span.title{
	width: 60%;
	color: #FF8800;
	text-transform: none;}
	introduction#careers .button{
	text-transform: uppercase;}

landscape-of-saltend{
display: block;}
landscape-of-saltend.visible{}
landscape-of-saltend .wrapper{
background-color: #DEF0F2;
max-width: calc(1300px + 10rem);}
	landscape-of-saltend .wrapper,
	landscape-of-saltend .wrapper .grid .element .content{
	padding: 0;}
	landscape-of-saltend img:nth-child(1){
	z-index: 3;}
	landscape-of-saltend img:nth-child(2){
	z-index: 2;}
	landscape-of-saltend img:nth-child(3){
	z-index: 1;}
	landscape-of-saltend img{
	position: relative;}
	landscape-of-saltend img:nth-child(1),
	landscape-of-saltend img:nth-child(2){
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: translateY(-50%);}


	landscape-of-saltend.visible img:nth-child(1){
	animation: scale_pulse 5s forwards	;}
	@-webkit-keyframes scale_pulse {
		0% {transform: translateY(-50%);opacity: 0;}
		100% {transform: translateY(0);opacity: 1;}
	}
	@keyframes scale_pulse {
		0% {transform: translateY(-50%);opacity: 0;}
		100% {transform: translateY(0);opacity: 1;}
	}

	landscape-of-saltend.visible img:nth-child(2){
	animation: scale_pulse 1s forwards	;}
	@-webkit-keyframes scale_pulse {
		0% {transform: translateY(-50%);opacity: 0;}
		100% {transform: translateY(0);opacity: 1;}
	}
	@keyframes scale_pulse {
		0% {transform: translateY(-50%);opacity: 0;}
		100% {transform: translateY(0);opacity: 1;}
	}

energy-transition{
display: block;}

partner-companies{
display: block;}
	partner-companies span.title{
	color: #F0544F;}
	partner-companies a.button,
	partner-companies a.button:visited{
	background-color: #F0544F;}
	partner-companies ul{
	margin: 0;
	padding: .5rem 0;
	overflow: hidden;
	list-style-type: none;}
		ul#partner-companies li{
		float: left;
		width: 25%;
		overflow: hidden;
		margin: -.5rem 0;
		position: relative;}
		ul#partner-companies li:nth-child(1){
		margin-left: 50%;}
		ul#partner-companies li:nth-child(3){
		margin-left: 12.5%;}
		ul#partner-companies li:nth-child(9){
		margin-left: 12.5%;}
			ul#partner-companies li img,
			#companies-on-site ul#partner-companies li a{
			cursor: pointer;}
			ul#partner-companies li a img,
			#companies-on-site ul#partner-companies li a.active img,
			#companies-on-site ul#partner-companies li a:hover img{
			background-color: #ffe4e4;}
			#companies-on-site ul#partner-companies li img{
			background-color: #f4f4f4;}
		#companies-on-site .selected-wrapper{
		display: none;}
		#companies-on-site .selected-wrapper.active{
		display: block;}

recent-news{
float: left;
width: 100%;
color: #ffffff;
display: block;
overflow: hidden;
position: relative;}
recent-news .wrapper{}
recent-news #imitation{
top: 0;
left: 0;
z-index: 1;
content: '';
width: 100%;
height: 10rem;
display: block;
position: absolute;
background-color: #ffffff;}
recent-news #wrapper-bg{
top: 0;
left: 0;
z-index: 0;
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
background-color: #666666;}
	recent-news .element-featured{
	z-index: 1;
	position: relative;}
		recent-news .element-featured .element:last-child .content .title:first-child{
		color: #666666;
		padding: 4rem 0 3.5rem 0;
		text-transform: uppercase;}
	recent-news a,
	recent-news a:visited,
	recent-news span.title{
	margin: 0;
	color: #ffffff;
	text-transform: none;}
	recent-news a,
	recent-news a:visited{
	text-decoration: none;}
	recent-news a:hover{
	text-decoration: underline;}
	recent-news p,
	recent-news span.date{
	display: block;
	margin-bottom: 1.5rem;}

content{
float: left;
width: 100%;
display: block;}

news{
float: left;
width: 100%;
display: block;
overflow: hidden;
margin-top: -10rem;}
news .wrapper{
overflow: hidden;}
	news .grid .element-featured{}
	news .grid .element-featured:nth-child(2){
	margin-top: -5rem;}
		news .grid .element-featured .element:first-child{}
			news .grid .element-featured .element:first-child .content{
			padding-top: 10rem;}
		news .grid .element-featured:nth-child(2) .element:first-child{
		float: right;}
	.image-frame{
	float: left;
	display: block;
	overflow: hidden;
	position: relative;}
		.image-frame img:nth-child(1){
		z-index: 1;
		position: relative;
		transform: scale(0.98);}
		#contact .image-frame img:nth-child(1){
		margin-left: -10rem;
		transform: scale(1);}
		.image-frame img:nth-child(2){
		top: 0;
		left: 0;
		z-index: 0;
		position: absolute;}
		#contact .image-frame img:nth-child(2){
		margin-left: -3rem;
		transform: scale(.7);}

	news a,
	news a:visited,
	news span.title{
	color: #2C2C2C;
	text-transform: none;}
	news a,
	news a:visited{
	text-decoration: none;}
	news a:hover{
	text-decoration: underline;}
	news .date{
	display: block;
	margin-bottom: 1.5rem;}
	news p{
	margin-bottom: 1.5rem;}
	news .editable p:first-child{}
	news .element.pagination{
	text-align: center;}
		news .element.pagination span,
		news .element.pagination a,
		news .element.pagination a:visited{
		color: #999999;
		padding: 0 1rem;
		line-height: 3rem;
		font-weight: normal;
		display: inline-block;
		text-decoration: none;}
		news .element.pagination a.nextpostslink,
		news .element.pagination a.previouspostslink{
		color: #ffffff;
		width: 6rem;
		line-height: 6rem;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(resources/images/background-pagination.png);}
		news .element.pagination a:hover{
		text-decoration: underline;}
		news .element.pagination span.current{
		font-weight: bold;
		text-decoration: underline;}

newsletters{
float: left;
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 3rem;}
	newsletters ul{
	overflow: hidden;
	border-radius: .5rem;
	list-style-type: none;
	margin: -1rem -1rem 0 -1rem;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
		newsletters ul li{
		background-color: #DEF0F2;}
		newsletters ul li:nth-child(2n+1){
		background-color: #ffffff;}
			newsletters ul li a,
			newsletters ul li a:visited{
			display: block;
			color: inherit;
			padding: 1.5rem;
			overflow: hidden;
			text-decoration: none;}
				newsletters ul li a span:first-child{
				float: left;
				display: block;
				font-size: 1.5rem;}
				newsletters ul li a span:last-child{
				float: right;}
				newsletters ul li a:hover span:last-child{
				text-decoration: underline;}

	span.image{
	display: block;
	margin-top: 3rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;}
	span.image-stacked{
	float: left;
	overflow: hidden;
	position: relative;}
		span.image-stacked img:nth-child(1){
		width: 70%;
		margin: 0 30% 30% 0;}
		span.image-stacked img:nth-child(2){
		top: 0;
		left: 0;
		width: 70%;
		position: absolute;
		margin: 30% 0 0 30%;
		margin-left: calc(30% - 1.5rem);}
		span.image-stacked img:nth-child(3){
		z-index: 2;
		top: -1.5rem;
		left: 2.5rem;
		position: absolute;
		transform: scale(.5);}
		span.image-stacked img:nth-child(4){
		left: 0;
		top: .5rem;
		width: 70%;
		z-index: 2;
		position: absolute;
		margin: 30% 0 0 30%;}


a,
landscape-of-saltend img,
ul#partner-companies li img,
header-scroll,
.follow_on_page_header{
-webkit-transition: 300ms ease-out;
-moz-transition: 300ms ease-out;
-o-transition: 300ms ease-out;
-ms-transition: 300ms ease-out;
transition: 300ms ease-out;}

header a{
-webkit-transition: 0ms ease-out;
-moz-transition: 0ms ease-out;
-o-transition: 0ms ease-out;
-ms-transition: 0ms ease-out;
transition: 0ms ease-out;}

a, a:visited {
color: #33A1AB;
font-weight: bold;
text-decoration: underline;}

.background-light-grey{
background-color: #F5F5F5;}
.background-grey{
background-color: #666666;}
.background-light-blue{
background-color: #DEF0F2;}

.element-base{
display: block;
max-width: 1460px;
margin: 0 auto 0 auto;}

a.button,
a.button:visited,
span.button{
color: #ffffff;
padding: 0 1rem;
line-height: 2rem;
font-weight: bold;
position: relative;
display: inline-block;
text-decoration: none;
font-family: 'Work Sans';
background-color: #FF8800;}
a.button.red,
a.button.red:visited{
background-color: #F0544F;}
a.button.teal,
a.button.teal:visited{
background-color: #33A1AB;}
a.button:before,
a.button:after,
span.button:before,
span.button:after{
top: 0;
content: '';
width: 1rem;
height: 100%;
display: block;
position: absolute;
background-repeat: no-repeat;}
a.button:before,
span.button:before{
left: 0;
background-size: auto 100%;
background-position: left center;
background-image: url(resources/images/mask-button-left.png);}
.background-grey a.button:before,
recent-news a.button:before{
background-image: url(resources/images/mask-button-left-grey.png);}
.background-light-blue a.button:before,
newsletters ul li:nth-child(2n) a span.button:before{
background-image: url(resources/images/mask-button-left-light-blue.png);}
a.button:after,
span.button:after{
right: 0;
background-size: auto 100%;
background-position: right center;
background-image: url(resources/images/mask-button-right.png);}
.background-grey a.button:after,
recent-news a.button:after{
background-image: url(resources/images/mask-button-right-grey.png);}
.background-light-blue a.button:after,
newsletters ul li:nth-child(2n) a span.button:after{
background-image: url(resources/images/mask-button-right-light-blue.png);}
	a.button.read-more,
	a.button.read-more:visited,
	span.button{
	text-transform: uppercase;}
a.button:hover{
text-decoration: underline;}

span.title{
display: block;
color: #33A1AB;
font-size: 2rem;
font-weight: bold;
margin-bottom: 1.5rem;
font-family: 'Work Sans';
text-transform: uppercase;}
span.title.orange{
color: #FF8800;}
body#companies-on-site-titles span.title,
span.title.red{
color: #F0544F;}
span.title.teal{
color: #33A1AB;}
span.title.light-grey{
color: #666666;}
span.title.grey{
color: #2C2C2C;}

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

.mask{
mask-image: url(resources/images/hexagon.png);
-webkit-mask-image: url(resources/images/hexagon.png);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;}
.mask.mask-alt{
mask-image: url(resources/images/hexagon-alt.png);
-webkit-mask-image: url(resources/images/hexagon-alt.png);}

.editable{
display: block;}
	.editable p,
	.editable br{
	margin-top: 1.5rem;}
	.editable br{
	float: left;
	width: 100%;
	content: '';
	display: block;}
	.editable p:first-child{
	margin: 0;
	font-size: 1.2rem;
	font-weight: bold !important;}
	.editable a,
	.editable a:visited{}
	.editable a.button,
	.editable a.button:visited{
	margin-top: 1.5rem;}
	.editable ul{
	margin-top: 1.5rem;
	line-height: 1.5rem;
	list-style-type: none;}
		.editable ul li{
		display: block;
		margin-top: .5rem;
		position: relative;
		padding-left: 1.5rem;}
		.editable ul li:first-child{
		margin: 0;}
		.editable ul li:before{
		content: '';
		width: .75rem;
		height: .75rem;
		position: relative;
		display: inline-block;
		background-size: auto 90%;
		margin: .1rem .5rem -.1rem 0;
		background-repeat: no-repeat;
		background-position: center top;
		background-image: url(resources/images/element-bullet.png);}
	.editable blockquote{
	display: block;
	margin-top: 1.5rem;
	font-weight: normal;
	padding-left: 1.5rem;
	border-left: 3px solid #FF8800;}
		.editable blockquote p:first-child{
		font-size: inherit;
		font-weight: normal;}

@media screen and (max-width:1400px) {

body{}

.wrapper{
padding: 1rem;}

header h1 img{
width: 100px;}
header ul li{
margin-right: .5rem;}

}

@media screen and (max-width:1100px) {

body{}

header-scroll{
display: none;}

alert{
left: 0;
top: -6rem;
font-size: .8rem;
padding: .5rem 1rem;
line-height: 1.15rem !important;
position: absolute;
width: calc(100% - 2rem);
border-top-left-radius: 0;
border-top-right-radius: 0;}

.grid .header-frame{
z-index: 3;
top: -4rem;
padding: 1rem;
display: block;
position: absolute;
border-radius: .5rem;
box-sizing: border-box;
background-size: cover;
width: calc(100% - 2rem);
background-repeat: no-repeat;
background-image: url(resources/images/background-footer.jpg);}
.grid .header-frame#alert-frame{
top: 0;}
	.grid .header-frame .content{
	padding: 0;}
		.grid .header-frame .content h1{
		padding-top: 0;}

header{
height: 450px;
padding-top: 5rem;}
header h1 img{
height: 3rem;
width: auto;}
header ul{
float: left;
display: none;
text-align: right;
width: calc(100% + 2rem);
margin: 1rem 0 -1rem -1rem;}
	header ul li ul{
	display: none !important;}
		header ul li{
		margin: 0 !important;
		float: none;}
			header ul li a,
			header ul li a:visited{
			display: block;
			padding: .5rem 1rem;}
body.menu-active header ul{
display: block;}
header h2{
font-size: 1.5rem;}
	body.menu-active header ul li ul,
	header ul li:nth-last-child(-n+5){
	display: block;}
		header ul li:nth-last-child(-n+5) a,
		header ul li:nth-last-child(-n+5) a:visited{}
	header #touch{
	display: block;}
		header ul li:nth-child(n+7){
		text-transform: none;}
		body.menu-active header #touch img:first-child{
		display: none;}
		body.menu-active header #touch img:last-child{
		display: block;}

header#home{}
	header #video-copy{
	left: 0;
	top: 2rem;
	width: 90%;
	position: relative;}
			header #video-copy span:nth-of-type(1){
			font-size: 3rem;
			line-height: 2.5rem;}
			header #video-copy span:nth-of-type(2){
			font-size: 1.5rem;
			line-height: 2.1rem;}

body-copy{
text-align: left;}
	body-copy .wrapper{
	padding: 0 !important;}
		body-copy .grid .element.three-quarters{
		width: 100%;}

repeatable-content{}
	repeatable-content .grid .element.half{
	width: 100%;}
	repeatable-content .image-break img{
	width: 50%;}

introduction{
padding: 0 1rem;}
	introduction .grid .element.half{
	width: 100%;}
	introduction span.translate-middle{
	top: 0;
	position: relative;
	transform: translateY(0);}
		introduction .grid .element .content{}

energy-transition{}
	energy-transition .grid .element.half{
	width: 100%;}

partner-companies{}
	partner-companies .grid .element.half{
	width: 100%;}
		ul#partner-companies{
		margin: 0 -3rem;}
		ul#partner-companies li:nth-child(1){
		margin-left: 12.5%;}
		ul#partner-companies li:nth-child(3){
		margin-left: 0;}
		ul#partner-companies li:nth-child(4){
		margin-left: 25%;}
		ul#partner-companies li:nth-child(6){
		margin-left: 12.5%;}
		ul#partner-companies li:nth-child(9){
		margin-left: 25%;}

single{}
	single .grid .element.three-quarters,
	single .grid .element.quarter{
	width: 100%;}

recent-news{}
	recent-news .grid .element.half{
	width: 100%;}
	recent-news .grid .element.half:first-child,
	recent-news .grid .element.half.excerpt{
	display: none;}

investment-team .grid .element.quarter{
width: 50%;}

news{}
	news .grid .element.element-featured:nth-child(2){
	margin-bottom: 3rem;}
		news .grid .element.element-featured .element.half:first-child,
		news .grid .element.half.excerpt{
		width: 100%;}
		news .grid .element.element-featured .element.half:last-child{
		display: none;}

newsletters{}
	newsletters ul li a span{
	float: none !important;}
	newsletters ul li a span:last-child{
	margin: .5rem 0 0 -.5rem;}

fallback-copy{}
	fallback-copy .grid .element.three-quarters{
	width: 100%;}

#footer-navigation{
margin-left: -1.5rem;}
	#footer-navigation img{
	float: none;}
	#footer-navigation ul{
	float: none;}
		#footer-navigation ul li{
		margin: 0;
		float: none;
		padding: 0 1.5rem;}

}