/*

Theme Name: MARK Product
Author: A Side Studios / Ampersand Industries
Version: 1.0

*/

@import url('fonts/gilmer-regular.css'); 
@import url('fonts/gilmer-bold.css'); 
@import url('fonts/gt-haptik-light.css'); 

*,
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* render fonts correctly on mac */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	position: relative; /* allow menu to grab whole screen */
	background: #fff;
	color: #000;
	font-family: 'Gilmer-Regular', Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	font-size: 15px;
	line-height: 1.48;
	box-sizing: border-box
}


@media all and (min-width:700px){
	body {
		font-size: 20px; 
	}
}

/******
Base elements and tags
******/
a {
	color: #000;
	text-decoration: none;
	transition: color 0.3s;
	border-bottom: 1px solid;
}


img {
	border: none;
	display: block;
	width: 100%;
	height: auto;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}

hr {
	border: none;
	border-top: 1px solid #000;
	display: block;
}
figure {margin:0;}

b, strong { font-weight: 600; }

table {border-collapse: collapse; width: 100%; margin-bottom: 50px;}
td {border: 1px solid #ccc; padding: 3%;}

.center {
	text-align: center;
}

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


.desktop-only,
.mobile-only {
	display: none !important;
}
@media all and (max-width: 700px) {
	.mobile-only {
		display: block !important;
	}
	.not-mobile {
		display: none;
	}
}
@media all and (min-width: 960px) {
	.desktop-only {
		display: block !important;
	}
	.not-desktop {
		display: none;
	}
}

.lower-space {
	margin-bottom: 30px;
}

/******

  STRUCTURE

******/
section {
	width: 100%;
/*	margin-bottom: 60px; */
	position: relative;
	overflow: hidden;
	padding: 0;
}

@media all and (max-width: 799px) {
	section {
		/* margin-bottom: 40px; */
	}
}

section.logo_header,
section.no-bottom-margin {
	margin-bottom: 0;
}



.section-inner {
	/*width: 90%; */
	width: 95%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	max-width: 1800px;
	
}

column { display: block;}
.column { width: 100%; }

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

section.no_padding {padding:0 !important;}
section.no_top_padding {padding-top:0 !important;}
section.no_base_padding {padding-bottom:0 !important;}

section.no_padding .container{padding:0;}
section.no_top_padding .container{padding-top:0;}
section.no_base_padding .container{padding-bottom:0;}

section.tight_padding .container{padding-top:2.5% !important; padding-bottom: 2.5% !important;}
section.tight_padding_top .container{padding-top:2.5% !important;}
section.tight_padding_base .container{padding-bottom:2.5% !important;}

section.full-bleed { padding:0;}
section.full-bleed .section-inner { max-width: none; width: 98%;}

section.breadcrumbs .section-inner { padding: 4px 20px; font-size: 13px; width: 100%; font-weight: 700;}

section.logo_header .section-inner { background-color:#fff; padding: 10px;}



/******

  HEADER

******/

header {  height: 77px; padding: 20px 0; /*position: fixed; */z-index: 5; left:0; right:0; position: sticky; top:0; transition: all 0.8s; background: #fff;}
header .section-inner { text-align: right; background: transparent;}
header.is-sticky { background-color: rgba(255,255,255,0.9); transition: all 0.8s; height: 66px;}
body.admin-bar header{ top: 32px; }

a#logo {
	display: block;
	margin: 0;
	position: absolute;
	overflow: hidden;
/*	text-align: left;
	text-indent: -9999px;
	*/
	background: transparent url(images/logo-mark.svg) no-repeat 100% 0;
	background-size: contain;
	width: 147px;
	height: 38px;
	z-index: 55;
	
	top: 0px;
	right: 0;
	
	text-align: left;
	text-indent: -9999px;
	z-index: 30;
	transition: all 0.3s;
	border: none;
}
a#logo .strapline {  display: none;}

a.toggle-nav { width: 32px; display: block; height: 32px; background: transparent url(images/icon-plus.svg) no-repeat 50% 50%; background-size: contain; position:relative; border:none;}
a.toggle-nav span { display: block; overflow: none; text-align: left; text-indent: -9999px;}

header.is-sticky a#logo { height: 25px; transition: all 0.3s;}


/******

 NAVIGATION

******/
.menu a { 
	text-decoration: none; border-bottom: none;
	font-size: 20px;
}
navigation ul.menu { padding:0; margin:0; text-align: left;}
navigation ul.menu li { list-style: none; display: inline-block; position: static; padding-right: 20px;}
navigation ul.menu li a { border-bottom: 2px solid #fff; display: block; padding-bottom:1px;}
navigation ul.menu li:hover > a { border-bottom-color: #000;}
navigation ul.menu ul.sub-menu li { display: block; margin-bottom: 5px; }
navigation ul.menu ul.sub-menu li:hover > a { border-bottom-color: #fff;}
navigation ul.menu li ul { position: absolute; display: none; padding:10px 0; margin:0; background-color:#fff;}
navigation ul.menu li ul a { font-size: 17px;}
navigation ul.menu li:hover ul { display: block; left:-1px; right:-1px;}
navigation ul.menu li ul.sub-menu { padding: 40px 0; }
navigation li.sub-stack ul.sub-menu li { display: block; }

header.is-sticky  navigation ul.menu { margin-top:-6px; }


navigation li.menu-about ul.sub-menu { padding-left: 83px !important;}
navigation li.menu-products ul.sub-menu { padding-left: 169px !important;}
navigation li.menu-sustainability ul.sub-menu { padding-left: 405px !important;}

/*
.menu a { 
	text-decoration: none; border-bottom: none;;
	color:#fff;
	font-size: 16px;
}
navigation { 
	display: none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #000;
    color: #fff;
	text-align: left;
}
navigation ul.menu { margin:0; padding: 25px 0 0 0; z-index: 5;}
navigation ul.menu li { list-style:none;}
navigation ul.menu li:before { display: none; }
navigation ul.menu li a { display: block;}
navigation ul.menu > li > a:hover,
navigation ul.menu li.current-menu-parent > a,

navigation li.prime a { font-size: 42px;}
navigation li.sep { margin-top: 4em;}
.navigation-inner { height: 100vh; width: 95%; max-width: 1800px; margin: 0 auto; display: flex; align-items: center; padding: 20px; }

body.menu-active navigation {
	display: block;
}


body.menu-active a.toggle-nav {
	z-index: 30;
	background-image: url(images/icon-plus-white.svg);
	transform: rotate(45deg);
}

body.menu-active a#logo {
	background-image: url(images/logo-mark-white.svg);
}

*/

@media all and (min-width: 860px) {
	a.toggle-nav { display: none;}
	navigation { display: block; padding-top: 4px;}
}


/***

	FONT FORMATTING

****/
h1,h2,h3,h4,h5,h6 {
	line-height: 130%;
	margin: 1.5em 0 1em 0;
	text-align: left;
	font-weight: 100;
	
	/* letter-spacing: -1px; */
}


.introduction h1 { 
	font-size: 28px; 
	line-height: 1.26; 	
	font-weight: 300; margin-bottom:0;
}

.single-product .introduction h1 { 
	font-family: 'GT-Haptik-Light'; font-feature-settings: 'ss03';
}

.intro p, p.intro, .post-intro p  {
	font-size: 1.3em;
	font-weight: 400;
}

p.sub-title { color:#A4A4A4; font-size: 20px;}

a.button-link,
span.button-link,
.newsletter-form button,
.js-cm-form button,
.js-cm-form input[type="submit"],
.wpcf7 input[type="submit"] {
	display: inline-block;
	background-color:#000;
	color:#fff !important;
	border: none !important;
	/*padding: 12px 19px 12px 24px;*/
	padding: 0.8em 1.6em;
	font-size: 14px !important;
	line-height: 21px;
	font-weight: 300 !important;
	margin-top: 1em;
	text-decoration: none; border-bottom: none;;
	cursor: pointer;
	width: auto;
}

.newsletter-form button{
	margin-top:0;
    padding: 5px 10px;
    font-size: 12px !important;
}
@media all and (min-width: 700px){
	.introduction h1 { font-size: 40px; }
	p.sub-title { font-size:28px;}
}

a.button-link:hover,
span.button-link:hover,
.js-cm-form input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover {
	opacity: 0.9;
}

a.button-link.no-bg{
	background: transparent;
	padding-left:0;
	color:#000 !important;
}

ul.compact-list { margin:0; padding:0; text-align: center;}
ul.compact-list li { list-style: none; display: inline-block; margin: 8px 5px;}

blockquote{ 
	margin: 3em 0 !important;
	font-weight: 400;
	font-size: 1.5em;
}

blockquote p { }
blockquote b, blockquote strong { }
blockquote p.cite {}
blockquote cite { font-size: 24px; font-weight: 600; font-style: normal;}

.container blockquote:last-child { margin-bottom:0;}
.container blockquote:last-child cite { margin-top: 20px;}

/***

  LAYOUTS

****/

body.bg_grey, section.bg_grey { background-color:#efefef;} 
body.light_grey_bg, section.light_grey_bg { background-color:#f1f1f1;} 

section.single .container, 
section.double .container{ position: relative; z-index:0; /* padding-left:20px;*/}
section.faqs .container{ position: relative; z-index:0; }


@media all and (min-width: 960px) {

	
	section.profiles .container, 
	section.single .container { max-width: 800px; }
	
	section.single .container { width: 50%; margin: 0 0 0 auto;}
	section.single.left .container {  margin: 0 auto 0 0;}

}

section.single.wider .container { }

section.single.background_image,
section.double.background_image { padding-top: 15%;}

footer .footer-strap { padding: 10px 0; margin: 0 auto; justify-content: space-between; border-top: 1px solid #979797;}
footer .footer-main {  border-top: 1px solid #979797;}

/*
section.double .section-inner { padding: 20px;}
@media all and (min-width:800px) {
	section.double .section-inner { padding: 30px;}	
}

*/

/***
	FEATURE BLOCKS
	EVENTS
***/

.feature_block div.text { padding: 30px; background-color:#f1f1f1;}
.feature_block div.text h2{ margin-top:0;}
@media all and (min-width: 700px) {
	div.text {
		position: relative;
	}
	section.page-header { padding-bottom: 0;}
}
.text > .text-inner {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
@media all and (max-width: 700px) {
	.text > .text-inner {
		position: relative;
	}
}

ul.slideshow { margin:0; padding:0;}
ul.slideshow li { list-style: none; margin:0; padding:0;}
ul.slideshow li::before { display: none;}
ul.slideshow img {
	width: 80%;
	margin-left: 20%;
}
ul.slideshow span.overlay {
    position: absolute;
	width: 90%;
	left: 5%;
	bottom: 0;
}

ul.slideshow span.title { position:relative; margin:0; font-size: 22px; color:#fff; line-height: 1.4; display: block; overflow: hidden;}
ul.slideshow span.title > span {
	 display: inline;
    background: #adc62b;
    color: white; 
    padding: 5px 15px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

ul.slideshow span.overlay span.button-link { display: inline-block; align-self: flex-start;  margin-top: 0; font-size: 14px !important;}


@media all and (min-width:600px) {
	ul.slideshow span.overlay { 
	
		display: flex;
		flex-direction: column;
		justify-content: center;
		top: 0;
		bottom: 0;
		width: 60%; 
	}
	ul.slideshow span.title  { font-size: 42px;}
	ul.slideshow span.title > span {
	    padding: 15px 25px;
	}
	ul.slideshow span.overlay span.button-link { font-size: 18px !important; margin-top: 0px;}

}

@media all and (min-width:1100px) {
	ul.slideshow span.title  { font-size: 65px;}
}

section.banner_notice { background-color: #efefef; padding: 2.5% 0;}
section.banner_notice + section.single { padding-top:0; }

.banner_notice span { padding: 10px 15px;}
.banner_notice a span { display: block;}
.banner_notice .title { background-color:#000; display: block; vertical-align: middle; font-weight: 300;  padding: 10px 20px; }
.banner_notice .text { flex-grow: 1; }
.banner_notice a { background-color:#1AA8B7; color:#fff; width: 90%; margin: 0 auto; text-decoration: none; border-bottom: none;; display: block;}
.banner_notice .button { text-decoration: underline; }

@media all and (min-width: 700px) {
	
	.banner_notice .title { display: inline-block;}
	.banner_notice a { display: flex; width: 60%;}	
	
}

/***
	QUOTE
	
***/
 
 
.quote .section-inner {
	/*padding: 120px 290px;*/
}
@media all and (max-width: 799px) {
	.quote .section-inner {
	}
}

.quote p { }
.quote p:last-of-type { }
.quote blockquote { }
.quote blockquote p {}
.quote cite { }
.quote cite span { display: block;}

section.text_and_image { padding-bottom: 30px; }
section.text_and_image .text { padding: 5vh 3vw 1vh 3vw; }

@media all and (min-width: 700px) {
	
	section.text_and_image .section-inner { display: flex; flex-direction: row;}

	section.text_and_image img { width: 50% ; object-fit: cover;}
	section.text_and_image .text { width:50%; display: flex; flex-direction: column; justify-content: center; padding: 12vh 6vw;}

	section.text_and_image.text_first img { order: 2;}
}



.post-navigation{ text-align: center; margin-bottom: 5%; }
.post-navigation a, .post-navigation span { color:#000;  display: inline-block; padding: 2px 10px; font-size: 18px; border: none !important;}
.post-navigation span.current { color:#1aa8b7; }

 
 
footer {
	font-size: 12px;
}


footer column { width: 100%; padding: 30px 0; } 

footer .menu { margin:0; padding:0; text-align: left;}
footer .menu li { margin:0; padding:0; list-style:none;}
footer .menu li::before {display: none;}
.menu li::before {display: none;}
footer .menu a { font-size: 18px; line-height: 1.42; font-weight: 400; color:#231f20; padding: 5px 0; display: block; }
footer .menu a:hover, .footer-content a:hover { color:#231f20; text-decoration: none; border-bottom: none;;}

footer .footer-main {
	background: transparent url(images/logo-mark.svg) no-repeat calc(100% - 15px) calc(100% - 30px); background-size: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 55px;
}

.footer-main column#col_menu{ width:100%}
.footer-main column#col_1, .footer-main column#col_2{ width: 48%}

@media all and (min-width: 700px) {
	footer { font-size: 14px; }
	footer .menu .prime a { font-size: 24px; line-height: 1.2; }
	footer .menu .sep a { margin-top: 2em;}
	.footer-main {
		 position: relative;
	}
	
	footer column { padding: 30px;}
	footer .footer-strap { padding: 10px 20px;}
}

ul.social-icons { margin:0; padding:0; text-align: left;}
ul.social-icons  li { display: inline-block;}
ul.social-icons a { width: 27px; height: 27px; background-repeat: no-repeat; background-position: 50% 50%; display: block; overflow: hidden; text-indent: -9999px; background-size: 20px; border: none;}

li.social-facebook a 	{ background-image: url(images/icon-facebook.svg); }
li.social-twitter a 	{ background-image: url(images/icon-twitter.svg); }
li.social-instagram a 	{ background-image: url(images/icon-instagram.svg); }
li.social-linkedin a 	{ background-image: url(images/icon-linkedin.svg); }
li.social-pinterest a 	{ background-image: url(images/icon-pinterest.svg); }
li.social-youtube a 	{ background-image: url(images/icon-youtube.svg); }

.footer-rubric div { padding: 10px;}


section.double column:first-of-type { margin-bottom: 1em; }
section.double.introduction column:first-of-type { padding-left: 0; }



@media all and (min-width: 700px) {
	footer ul#menu-social li { margin: 0 10px 0 0; }
	footer .footer-main {
		flex-wrap: nowrap;
	}
	.footer-strap { display: flex; flex-direction: row; align-items: flex-end;}
.footer-main column#col_menu,
.footer-main column#col_1, .footer-main column#col_2{ width: 100%}
}

@media all and (min-width: 970px) {
	section.double .container, .double .container { display: flex; flex-direction: row; justify-content: space-between;}
	section.double column, .double column { width: 50%;}
	.double.sustainability column { width: 30%; padding: 0 !important;}
	section.double.wide_first column:first-of-type, .double.wide_first column:first-of-type  { width: 60%}
	section.double.wide_first column:last-of-type,  .double.wide_first column:last-of-type {width: 35%}
	
	section.double.wide_second column:first-of-type {width: 30%}
	section.double.wide_second column:last-of-type {width: 60%}
	
	section.double column:first-of-type { margin-bottom: 0; padding-right: 10%;}
	section.double.introduction column:first-of-type { padding-left: 0; }
}



@media all and (min-width: 500px) {

	.footer-strap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	footer .column { }

	footer .column.social,
	footer .column.footer-navigation { width: 50%;}

	
}
  
  
column p:last-child { margin-bottom:0;}  
    
/***

		RESPONSIVE QUERIES

***/



@media all and (min-width: 960px) {

	.two_columns .column,
	.three_columns .column {
		display: inline-block;
		vertical-align: top;
		width: 48.215%;
		margin-right: 1.57%;
	}

	.two_columns .column:last-of-type {
		margin-right: 0;
	}
	.two_columns.one_third_two_third .column:first-of-type {
		width: 32.28%;
	}
	.two_columns.one_third_two_third .column:last-of-type {
		width: 66.15%;
	}
	.two_columns.two_third_one_third .column:first-of-type {
		width: 66.15%;
	}
	.two_columns.two_third_one_third .column:last-of-type {
		width: 32.28%;
	}

	.three_columns .column {
		width: 32.28%;
	}
	.three_columns .column:last-of-type {margin-right:0;}


}

div.input-holder { margin-bottom: 1em;}

.wpcf7 textarea,
.wpcf7 input,
.js-cm-form textarea,
.js-cm-form input

 { width: 100%; padding: 10px 7px;}


#cf7md-form.cf7md-form .wpcf7-response-output,
#cf7md-form.cf7md-form+.wpcf7-response-output,
#cf7md-form .wpcf7-not-valid-tip {
color: white !important;
}
#cf7md-form.cf7md-form .specific-target-wrapper h4 {
	margin: 0;
	padding: 0;
	color: #ea6a9a;
	font-family: 'Aleo', Helvetica, Arial, sans-serif !important;
}
#cf7md-form.cf7md-form .specific-target-wrapper p {
	display: none;
}


.acf-fields.-border, .acf-fields>.acf-field { border: none !important;}
.acf-fields>.acf-field { padding: 15px 0 !important; }
.acf-checkbox-list li::before, .acf-radio-list li::before { display: none;}
ul.acf-radio-list li, ul.acf-checkbox-list li { font-size: 16px !important; padding: 6px 0;}
.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="number"],
.acf-form input[type="phone"],
.acf-form textarea
{ border-color:rgba(0,0,0,0.24) !important; border-radius: 4px; padding: 12px 16px 14px !important; font-size: 16px !important; font-family: Roboto !important;}

.select2-container .select2-selection--single{ height: 52px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-top:12px;}
.select2-container.-acf .select2-selection { border-color:rgba(0,0,0,0.24) !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px !important;}

.acf-field-group > .acf-label > label { font-size: 22px; font-weight: 300;
    line-height: 130%;
    margin: 1.5em 0 1em 0;
    text-align: left;
    }
	
	
.acf-form-submit input {
	padding: 14px 20px;
	font-size: 16px;
	background-color:#000;
	color:#fff;
	text-transform: uppercase;
	font-weight: 500;
	font-family: roboto;
	border-radius: 4px;
	cursor: pointer;
}

.acf-form-submit input:hover{
	background-color:#adc62b;
	color:#000;
}


#loginform label,
#loginform input { display: block;}

#loginform input { padding: 10px; width: 100%;}
#loginform input[type="checkbox"] { width: auto; display: inline-block;}
#loginform input#wp-submit { width: auto; min-width: 170px; }


.double.inline .container { width: 100%; padding: 40px 0;}

.single.padded_columns .content,
.padded_columns column { padding: 30px 0;}


/*avigation ul.menu li.menu-members, .shiftnav li.menu-members { display: none;}*/
navigation ul.menu li.members-only, 
.shiftnav li.members-only,
.shiftnav li.members-only .shiftnav-target
{ display: none !important;}

/*body.admin-bar navigation ul.menu li.menu-members { display: inline-block;}
body.logged-in navigation ul.menu li.menu-members { display: inline-block;}
body.admin-bar .shiftnav li.menu-members { display: block;}
*/
body.logged-in navigation ul.menu li.members-only,
body.logged-in .shiftnav li.members-only,
body.logged-in .shiftnav li.members-only .shiftnav-target
 { display: block !important;}
body.logged-in navigation ul.menu li.non-members { display: none;}
body.logged-in .shiftnav li.non-members { display: none;}


navigation ul.menu li.menu-members > a,
.shiftnav li.menu-members > span.shiftnav-target {
	background-color:#1AA8B7; color:#fff !important; border-radius:50px; border: none;
}

navigation ul.menu li.menu-members > a:before,
.shiftnav li.menu-members > span.shiftnav-target:before {
	content: "";
	display: inline-block;
	background: transparent url(images/icon-member.svg) no-repeat 50% 50%;
	width: 20px;
	height: 18px;
	margin-right: 7px;
	position: relative;
	top: 2px;
}

.shiftnav li.menu-members > span.shiftnav-target { text-align: center; max-width: 150px; margin: 5px 25px; border: none;}

navigation li.menu-members:hover ul.sub-menu { background-color:#1AA8B7;}

li.menu-members > span.shiftnav-submenu-activation { display: none !important;}
.no_border_mobile .shiftnav-target{ border-bottom: none;}



#html .arve { max-width: 100% !important;}


column h2:first-child { margin-top: 0; }

/*
.profile .initial { margin-bottom: 1em;}
.profile.has_image .initial { display: flex; justify-content: space-between;}
.listing .profile .initial { display: flex; justify-content: flex-end;}
.listing .profile.has_image .initial { justify-content: space-between;}
.profile.has_image .initial img { width: 30%; object-fit: contain; object-position: top; }
.profile.has_image .initial .text, .listing .profile .initial .text { width: 65%; }
*/
.initial .text h3 { margin-top:0;}
.initial .text h4 { margin-top:-0.8em;}

@media all and (min-width: 500px) {	.profiles-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;} }
@media all and (min-width: 700px) {	.profiles-list { grid-template-columns: 1fr 1fr 1fr;} }
@media all and (min-width: 900px) {	.profiles-list { grid-template-columns: 1fr 1fr 1fr 1fr;} }

section.navigation .links { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 4px;}
section.navigation .links {display: none; }
section.navigation.open .links { display: grid; }
section.navigation .links a { display: block; text-transform: uppercase; border: 1px solid; text-decoration: none; border-bottom: none;; text-align: center;}


section.images .images { display: flex;}

section.images.grid .images { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr;}
section.images.grid.logos img { width: 70%; margin: 0 auto; }

@media all and (min-width: 800px) {
	section.images.grid .images { grid-template-columns: 1fr 1fr 1fr 1fr;}
	section.images.grid.logos .images { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
}

.slide { position: relative;}
.slide .slide-inner { width: 100%; max-width: 1800px; position: absolute; top:0; right: 0; bottom:0; left:0; margin-right: auto; margin-left:auto; display: block; text-decoration: none; border-bottom: none;;}
.slide .overlay { position: absolute; top:0; right:50%; bottom:0; padding: 2.5vw; left:0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;}
.slide .title { font-size: 20px; line-height:1.21; font-family: Gilmer-Bold;}

@media all and (min-width: 700px){
	.slide .title { font-size: 40px;}
}

.standfirst { font-size: 117%; margin-bottom: 1em;}


.call_to_action a { display: block; text-align: center; padding: 5%; border: none; }
.call_to_action a span { display: inline-block; border-bottom: 1px solid; font-size: 24px; color:#000;}


.item a { position: relative; color:#000; display: block; border: none;}
.item a span { position: absolute; top: 2%; left: 3%; right: 3%; text-transform: uppercase;}

.section-title { position: relative;}
.section-title h2 { margin:0; padding: 0.5em 0; border-top: 1px solid #979797; font-weight: 400; font-size: 18px;}
.section-description { width: 50%; padding: 0.5em; font-size: 24px;}


.section-title a.view-all {
	position: absolute; right:15px; top: 15px; outline: none;
}


.slide.light,
.slide.light a,
.slide.light span.slide-link { color:#fff; }


/* .hero_slider .section-inner, .hero_image .section-inner, .hero_video .section-inner { width: 100%; max-width: 100%; } */

.hero_slider img, .hero_image img, .hero_video video {width: 100%; max-height: 85vh; object-fit: cover; display: block;}

.introduction { padding: 20px 0;}
.introduction column h1 { margin-top:0;}


.accordion { margin: 0 0 1em 0; /*border-bottom: 1px solid #979797; */}
.accordion h3 { margin:0; padding: 0.5em 50px 0.5em 0; border-top: 1px solid #979797; font-size: 17px; font-weight: 400;  cursor: pointer; position: relative;}
.accordion h3:after{ content: ""; display: block; height:20px; width:20px; background: transparent url(images/icon-plus.svg) no-repeat 100% 50%; background-size: 20px; position: absolute; right: 5px; top: 9px;}
.accordion h3.ui-state-active:after{ transform: rotate(45deg); }
.accordion h3:first-of-type { border-top:none;}

.accordion .content { padding-bottom: 1em; font-size: 15px; }
.more_compact .accordion h3 { font-size: 17px; }
.more_compact .accordion .content { font-size: 15px; }

.text_and_image .text { font-size: 19px;}
.text_and_image .text .button_link { font-size: 15px; border-bottom: 1px solid; align-self: flex-start;}
.text_and_image .text .title { font-size: 12px; text-transform: uppercase; font-family: gilmer-bold; margin-bottom: 1em;}
.text_and_image a { color:#000; text-decoration: none; border-bottom: none;; }


@media all and (min-width: 700px){
	text_and_image .text { font-size: 24px;}
	.text_and_image .text .button_link { font-size: 17px; }
	.text_and_image .text .title { font-size: 14px; }
	
	.accordion h3 { font-size: 24px;}
	.more_compact .accordion h3 { font-size: 20px; }
	.accordion .content { font-size: 18px; }
	.more_compact .accordion .content { font-size: 18px; }
	
	.accordion h3:after { top: 21px; }
	.section-title h2 { font-size: 24px; }
}

section .slick-next {  right: 25px; z-index:1; height: 40px; width:40px;}
section .slick-prev {  left: 25px; z-index:1; height: 40px; width:40px;}
.slick-prev:before, .slick-next:before { font-size: 40px !important}

.resources_initial_grid .items, 

.news_grid .items, 
.faqs .items, 
.pages_list .items, 
.products_grid .items
{ display: grid; border-top: 1px solid #979797; background:#ebebeb; grid-auto-flow: dense;}

.faqs .items,
.pages_list.three_up .items { grid-template-columns: 1fr 1fr 1fr; }

.news_grid .items { grid-template-columns: 1fr 1fr; }

.pages_list.three_up .items a { font-size: 13px;}
.pages_list.three_up .items .image_base a img { padding-top: 6vh;}

.resources_initial_grid .items, .products_list .items { border-top: 1px solid #979797; background:#ebebeb; }
.resources_initial_grid .items { grid-gap: 0 !important;}
.resources_initial_grid .items .half { grid-column: span 2;}
.resources_initial_grid .items .one_quarter { }

.faqs .items { background: transparent; }

.pages_list .item a span { text-transform: none; }


.resources_initial_grid a, .products_grid a, .products_list a, .news_list a, .news_grid a, .projects_list a, .news_latest a, .resource_list .item { text-decoration: none; border-bottom: none; position:relative; outline: 1px solid #ccc; outline-offset: -1px;}

.products_grid a.large{ grid-column-span: 2; }

.resources_initial_grid span.title,
.products_grid span.title,
.products_list span.title {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: gt-haptik-light;
	font-feature-settings: 'ss03';
	text-transform: uppercase;
	font-size: 12px;
}

.faqs .items a { text-align:center; text-decoration: none; border-bottom: none; padding: 5px; background-color:#fff; font-size:13px; padding-bottom: 60px; position: relative;}
.faqs .items img { width: 90%; height: auto; margin: 0 auto;}
.faqs .items span.title { display: block; margin-top: 1em;}

.faqs .items a:after { content: ""; display: block; width: 100%; height: 25px; background: transparent url(images/icon-plus-roundel.svg) no-repeat 50% 50%; background-size: contain; 
position: absolute; bottom: 20px; left:0; right:0;}


@media all and (min-width: 800px) {

	.resources_initial_grid span.title,
	.products_grid span.title,
	.products_list span.title{ font-size: 17px;}


	.faqs .items a { padding: 30px; font-size: 15px; padding-bottom: 80px;}
	.faqs .items a:after { bottom: 30px; }
		
	.pages_list.three_up .items a { font-size: 15px;}
	.pages_list.three_up .items .image_base a img { padding-top: 11vh;}
}

.products_grid a.large{
	grid-column: span 2;
	grid-row: span 2;
}

.news_latest a, .news_list a, .news_grid a, .projects_list a { background-color:#fff;}
/* .news_latest .items a { background-color:#f1f1f1;} */

/* .news_list, .products_list, .projects_list { margin-top: 2em;}*/


.modals { display: none;}

.modal {
	width:100%;
	height: 100%;
	max-width: 500px;
	max-height: 500px;
	background-color:#fff;
	z-index: 50;
	display: none;
	position: relative;
}

.modal.active { display: block;}
.modals.active { 
	position:fixed; 
	top:0; right:0; bottom:0; left:0; z-index: 20; background: rgba(0,0,0,0.5); display: flex;
    justify-content: center;
    align-items: center;
} 

.modal-inner {
	position: absolute;
    top: 50px;
    right: 50px;
    bottom: 50px;
    left: 50px;
    overflow-y: auto;
}
.modal-inner h3 { margin-top:0; }
a.close-modal{
	display: block;
	width: 20px;
	height:20px;
	background: transparent url(images/icon-close-modal.svg) no-repeat 50% 50%;
	background-size: contain;
	overflow: hidden;
	text-align:left;
	text-indent:-9999px;
	position: absolute;
	top:30px;
	right:30px;
	border: none;
}

/*
.news_latest span.title {
	display: block;
	padding: 15px;
	position: absolute;
}
.news_latest .items img { margin-top: 55%;}
*/


@media all and (min-width: 760px) {
	.news_latest .items, .news_grid .items, .faqs .items, .pages_list.three_up .items { grid-template-columns: 1fr 1fr 1fr; }
	.products_grid .items { grid-template-columns: 1fr 1fr 1fr 1fr;}
	.products_grid.large_thumb .items { grid-template-columns: 1fr 1fr 1fr;}
}

@media all and (min-width: 1200px) {
	/*, .pages_list.three_up .items*/
	.news_latest .items, .news_grid .items { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.products_grid .items { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	.products_grid.large_thumb .items { grid-template-columns: 1fr 1fr 1fr 1fr;}
}

body.dark {
	background-color:#000;
	color:#fff;
}
body.light-overlay a#logo, body.dark a#logo, body.dark footer div.menu:after { background-image: url(images/logo-mark-white.svg); }
body.dark footer .menu a { color:#fff;}
body.light-overlay a.toggle-nav, body.dark a.toggle-nav { background-image: url(images/icon-plus-white.svg); }
body.light-overlay .slick-arrow { background-image: url(images/icon-arrow-white.svg) !important; }
/*
header + section { padding-top: 150px !important;}
*/

/*

header + section.hero_slider,
header + section.hero_video,
header + section.hero_image,
header + section.image,
header + section.slideshow { padding-top: 0 !important; margin-top: -77px;}

*/

.keyline_top .section-inner { border-top: 1px solid #979797;}
.keyline_base .section-inner { border-bottom: 1px solid #979797;}



.acf-map { width: 100%; height: 70vh;}

.map column:first-of-type { padding: 30px 0;}

.pages_list.two_up .items { grid-template-columns: 1fr 1fr !important; grid-gap:2px;}

/*.news_list .items, .projects_list .items { grid-template-columns: 1fr 1fr 1fr 1fr;} */

.image_base .item { background-color:#f1f1f1;}
.image_base a img { padding-top: 11vh;}


.pages_list.two_up .items .item img { padding-right: 2px;}
.pages_list.two_up .items .item:nth-child(2n){ padding-right:0; padding-left: 2px; }

.content-section.menu, .content-section.parent_link { position: -webkit-sticky; position: sticky; top:66px; background: #fff; z-index: 2; }
.content-section.menu .section-inner, .content-section.parent_link .section-inner { padding:20px 0; border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
body.admin-bar .content-section.menu { top: 98px; }


.content-section.hero_slider + .content-section.menu .section-inner, 
.content-section.hero_slider + .content-section.parent_link .section-inner, 
.content-section.hero_image + .content-section.menu .section-inner, 
.content-section.hero_image + .content-section.parent_link .section-inner 
{ border-top: none;}

.parent_link a:before{ content: "< ";}

.content-section.menu + .content-section .section-title h2 { border-top: none; }
ul.page-nav { margin:0; padding:0;}
.page-nav li { display: inline-block;}
.page-nav li::before { display: none;}
.page-nav a { font-size: 14px; padding: 0.5em 1.5em 0.5em 0 !important; color:#979797; text-decoration: none; border-bottom: none;;}
.page-nav a:hover, 
.page-nav li.current a { color:#000;}

body.dark .content-section.menu, body.dark .content-section.parent_link { background: #000;}
body.dark .page-nav a:hover, 
body.dark .page-nav li.current a { color:#fff;}

.news_latest span.text, .news_list span.text, .news_grid span.text, .projects_list span.text {padding:10px 10px 14vh 10px; position: relative;}
.news_grid span.text > span.title,.news_latest span.text > span.title, .news_list span.text > span.title, .projects_list span.text > span.title { top: 10px; right:10px; left: 10px; position: absolute; font-size: 14px;}
span.post-date { font-size: 12px; color:#989898; margin-top: 1em;}
@media all and (min-width:800px){
	.news_latest span.text, .news_list span.text, .news_grid span.text, .projects_list span.text {padding:20px 20px 30% 20px; position: relative;}
	.news_grid span.text > span.title, .news_latest span.text > span.title, .news_list span.text > span.title, .projects_list span.text > span.title { font-size: 20px;}	
	span.post-date { font-size: 14px;}
}

.news_grid span, .news_latest span, .news_list span, .projects_list span { display: block; }
.news_grid span.title, .news_latest span.title, .news_list span.title, .projects_list span.title { /* font-size: 24px;*/ line-height:1; margin-bottom: 0.5em;}


.news_intro .sub-title,
p.post-date {font-size: 18px; color:#989898; margin-top: -1em; margin-bottom: 1em;}

section.double.sustainability column, section.double.sustainability column:first-of-type{ padding: 0 5%;}
.sustainability .container { padding: 0 20px 20px 20px; margin-top:-12px; }
.sustainability h3 { font-size: 16px; text-transform: uppercase; }
.counters { display: flex;  text-align: center; flex-direction: row; justify-content: left;}
.counter { width: 25%; }
.counter span { display: block;}

.counter .bar { border: 2px solid #000; background: transparent; width: 30px; height: 150px; margin: 0.5em auto; position: relative; }
.counter .bar .indicator { content: ""; background: #000; bottom:-1px; left:-1px; right:-1px; position: absolute; display: block; height: 20px; }
.counter .number { font-size: 13px; font-weight: 600;}
.counter .label { font-size: 13px; }


@media all and (min-width: 700px){
	.counter .bar { width: 50px; height: 225px;}
}

column.stamp { background: transparent url(images/stamp-made-in-the-uk.svg) no-repeat 50% 50%; background-size: 150px; min-height: 300px; }
p.made-in-the-uk-stamp {background: transparent url(images/mark-stamp.svg) no-repeat 0 100%; background-size: contain; height: 120px; width: 100%; overflow:hidden; text-indent:-999999px; margin-bottom:0; margin-top: 34px;}
div.read-more { height:0; overflow: hidden;}
div.read-more.open { height: auto;}

a.read-more:after { width: 14px; height: 14px; content: ""; display: inline-block; background: transparent url(images/icon-plus.svg) no-repeat 50% 50%;background-size: 14px; margin-left: 10px;}
a.read-more.active:after{ transform: rotate(45deg); }

section.filter { overflow: visible; margin-bottom:15px; }
section.filter.projects-filter { margin-bottom:0;}
section.filter .container { border-top: 1px solid #979797; }
ul.filter { margin:0; padding:0; background:#fff; padding: 15px;} 
ul.filter li { list-style: none; display: block;}
section.projects-filter ul.filter li { display: inline-block; } 
ul.filter a { text-decoration: none; border-bottom: none;; font-size: 14px; opacity: 1; padding: 3px 7px; display: block;}
ul.filter a.active { opacity: 1;}

a.toggle-filter { text-decoration: none; border-bottom: none;; font-size: 14px; opacity: 0.7; padding: 7px 7px; } 

.filtered_list .items a{ display: none !important; opacity: 0; transition: all 0.3s;}
.filtered_list .items a.active{ display: block !important; opacity: 1; transition: all 0.3s;}

section.filter ul {
	position: absolute;
	z-index:4;
	display: none;
}
section.filter ul.static { position: relative; display: block;}
section.filter ul.active{ display: block;
	width: 100%;
	padding: 30px;

 }

@media all and (min-width: 760px){

	section.filter ul.active {
		column-count: 4;		
	}
	
}

/*
.single-post .post-content p:first-of-type{ font-size: 117%; margin-bottom: 1em; }
*/



hr.wp-block-separator { display: none; }
div.wp-block-columns:empty{ display: none; }


#resource-filter { display: none;}
#resource-filter.active { display: block;}
.resources_initial_grid, .resource_list .items { margin-top: 1em;}

a.toggle-resource-filter{ padding-bottom: 4px; }
a.toggle-resource-filter:after { width: 14px; height: 14px; content: ""; display: inline-block; background: transparent url(images/icon-plus.svg) no-repeat 50% 50%;background-size: 14px; margin-left: 10px;}
a.toggle-resource-filter.active:after{ transform: rotate(45deg); }

@media all and (min-width: 760px) {

	.content-section.resource_list .section-inner{
		display: grid;
		grid-template-columns: 1fr 3fr;
		border-top: 1px solid #ccc;
	}
	
	a.toggle-resource-filter { display: none; }
	#resource-filter { display: block;}
	.resources_initial_grid, .resource_list .items { margin-top: 0;}
}

.resource_list .items{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px 0;
	grid-auto-rows: max-content;
}

@media all and (min-width: 700px) {
	.resource_list .items{grid-template-columns: 1fr 1fr 1fr 1fr;}	
}
.resource_list .item-links { display: flex; justify-content: space-evenly; }
.resource_list .item-links a { font-size: 15px; text-decoration: none; border-bottom: none;; display: inline-block; padding: 5px 8px;}

.resource_list .item {background-color:#ebebeb;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
	
}

.resource_list .item img {
	background-color:#ebebeb;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	max-height: 150px; 
}

.post-type-archive-resource h1 {margin-top:0; margin-bottom: 0.5em;}
.filter-form { margin-bottom: 30px; padding-top:20px;}
.filter-form label { display: block;}
.filter-form input { padding: 5px; }
.filter-form input,
.filter-form select { width: 100%; display: block; margin-bottom: 10px; }
.filter-form option { padding: 4px; }
.filter-form .options { padding: 15px; }
.filter-form .options input { display: inline-block; width: auto; vertical-align: middle; margin-left:-20px;}
.filter-form .options label { font-size: 14px;  vertical-align: middle; display: block; }
.filter-form input#s { margin-bottom:20px; margin-top:5px; }
.filters h3 { margin:0; cursor: pointer; font-size: 18px;}
.filters h3:before { content: ""; display: inline-block; vertical-align: middle; width: 15px; height:33px; margin-right: 5px; background: transparent url(images/icon-chevron.svg) no-repeat -3px 2px;}

.filter-form .options.top-level { padding: 0;}
.filter-form .options.top-level input { margin-left: -20px; margin-right: 7px; }
.filter-form label, .filter-form .options.top-level label { font-size: 18px;  vertical-align: middle; width: 100%; display: block; padding-left: 20px;}

.filter-form input[type="submit"] { background-color:#fff; cursor: pointer; margin-top:1em; -webkit-appearance: none!important; color:#000 !important; border-color:#000 !important;}

.products_list .slick-track { margin-left: 0 !important;}

.slick-prev:before, .slick-next:before { display: none !important; }

.slick-arrow { border: none; width: 27px !important; height: 25px !important; display: block; overflow: hidden; text-indent:-9999px; background: url(images/icon-arrow.svg) no-repeat 50% 50% !important; background-size: contain !important;}
.slick-arrow.slick-prev { transform: rotate(180deg); }

.products_list .slick-arrow { width: 19px !important; height: 19px !important; }

@media all and (min-width: 900px) {
.filter-form .options label{display: inline-block; width: 50%;}	
}

.hero_slider .slick-dots , .slideshow .slick-dots { bottom: 25px; text-align: right; right: 40px;}
.hero_slider .slick-dots li , .slideshow .slick-dots li  { width:auto; height: auto; margin:0 5px;; }
.hero_slider .slick-dots li button:before, .slideshow .slick-dots li button:before { display: none;}
.hero_slider .slick-dots li button, .slideshow .slick-dots li button { height: 2px; width: 40px; background-color:#fff; padding:0;}
.hero_slider .slick-dots li.slick-active button, .slideshow .slick-dots li.slick-active button { background-color:#000;}


.download_label { width: 100%; font-size: 14px; /* margin-top: -2em; margin-bottom: 1em; */ margin-top: 1em; margin-bottom: 1em; text-align: center; }
a.download-icon { background: transparent url(images/icon-download.svg) no-repeat 50% 0; background-size: 28px; padding-top: 32px !important; }




.products_list .slick-dots { display: none !important;}

.products_list .slick-dotted.slick-slider { margin-bottom: 0;}


a.video-play:after{
	content: "";
	background: #fff url(images/icon-play.svg) no-repeat 9px 6px;
	background-size: 22px;
	border-radius: 100px;
	width: 35px;
	height: 35px;
	max-width: 35px;
	max-height: 35px;
	display: block;
	overflow: hidden;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right:0;
	margin: 0 auto;
	z-index: 15;
	text-align:left;
	text-indent: -99999px;
	border: none !important;
	border-color: #fff !important;
}

@media all and (min-width: 700px) {
	a.video-play:after{
		background-position: 21px 17px;
		background-size: 40px;
		border-radius: 100px;
		width: 75px;
		height: 75px;
		max-width: 75px;
		max-height: 75px;
		
	}
}

a:hover span.video-play,
a:active span.video-play,
a:focus span.video-play,
.slide a:hover,
.slide a:active,
.slide a:focus

{ border: none !important;}

.lity { background: rgba(0,0,0,0.5) !important;}
.lity-iframe .lity-container, 
.lity-youtube .lity-container, 
.lity-vimeo .lity-container, 
.lity-facebookvideo .lity-container, 
.lity-googlemaps .lity-container{
		max-width: 95% !important;
}


body.admin-bar .lity-close { top: 40px; }

#search-message { width:90%;}
#search-message p { margin-bottom:0; font-size: 13px; }
#search-message strong { font-size: 14px; margin-bottom: 6px;}

a#clear-filter { display: none; font-weight: 600;}
a#clear-filter.filter-active { display: inline-block; margin-bottom: 1em; font-size: 14px; border: none;}
a#clear-filter:after{ content:""; display: inline-block; width: 14px; height:14px; background: transparent url(images/icon-plus.svg) no-repeat 50% 50%; transform: rotate(45deg); margin-left: 10px;}

div.no-results { padding: 20px; }
div.no-results p { max-width: 600px; }


.slick-list,
.slick-initialized .slick-slide { width: 100%; }
.slideshow img { max-height: 85vh; width: 100%; object-fit: cover; background-color:#ebebeb;} 

.slick-list {    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	}

.item-title { padding: 5px 10px; border-bottom: 1px solid #ccc; font-size: 14px;}
.item-image-holder { margin: 1em 0;} 



.slick-dotted.slick-slider { margin-bottom:0 !important;}



.resources-filter form { padding-top: 10px; width:90%; }
.resources-filter form.filter-active { border-top: 1px solid #ccc; }



a.video-overlay{ position: absolute; top:0; right:2.5vw; bottom:0; left:2.5vw; display: flex; flex-direction: column; justify-content: flex-end; padding: 2.5vw 0; border: none; text-decoration: none; max-width: 1800px; margin: 0 auto; line-height: 1.2;}

.video-overlay span { display: block; color:#fff; }
.video-overlay .title { font-size: 20px; font-family: Gilmer-Bold;}

span.slide-link,
.video-overlay .sub-title { font-size: 16px; width: 75%;}

.video-overlay .sub-title:after,
span.slide-link:after{
	content: "";
	display: inline-block;
	height: 12px;
	width: 24px;
	background: transparent url(images/icon-arrow-white.svg) no-repeat 100% 50%;
	background-size: 17px;
	
}

@media all and (min-width:800px) {
	
	.video-overlay span { width: 50%; }

	.video-overlay .title, .slide .title { font-size: 36px; }
	.video-overlay .sub-title, span.slide-link { font-size: 28px;}

	.video-overlay .sub-title:after,
	span.slide-link:after{
		height: 18px;
		width: 38px;
		background-size: 27px;
		
	}
	
	
	
}


.post-navigation .section-inner {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	
	
}



.projects_list + .call_to_action .section-inner {
	border-top: 1px solid #979797;
}

.pages_list img { padding-left: 5px; padding-right: 5px; }

/* #shiftnav-toggle-main { left: 2.5% !important;} */

#shiftnav-toggle-main .shiftnav-toggle-burger i.fa { display: none; }
#shiftnav-toggle-main .shiftnav-toggle-burger { background: #fff url(images/icon-menu.svg) no-repeat; background-position: 2.5vw 50%; width: 50px; height: 77px;  padding:0 !important; background-size:38px !important;}
/*.shiftnav-open #shiftnav-toggle-main { left: 0 !important;} */
.shiftnav-open #shiftnav-toggle-main .shiftnav-toggle-burger { background: #fff url(images/icon-menu-close.svg) no-repeat 0 50%; }

/* .shiftnav ul.shiftnav-menu { padding-top:12px !important; } */



.accordion.more-info { margin-top:2em; }
.video-container { position: relative;}

.newsletter-form {
	margin-top:30px;
	padding: 0 2.5vw;
	}
	
.newsletter-form form { display: grid; grid-template-columns: 4fr 1fr;}	
.newsletter-form form > div { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; }	

.newsletter-form h2 { margin: 0 0 0.5em 0; font-size: 18px; font-weight: 600;}
.newsletter-form label { display: none;}
.newsletter-form input { border:none; border-bottom: 1px solid; border-radius:0; padding: 5px; display: block; width: 100%; margin-bottom: 10px;}
.newsletter-form p { margin:0; text-align:right;}
.newsletter-form button { padding: 3px 10px;}

@media all and (min-width: 800px) {
	.newsletter-form {
	    background: rgba(255,255,255,0.8);
		padding: 15px 25px;
		z-index: 10;
		position: absolute;
		right: 2.5vw;
		bottom: 2.5vw;
		margin-top:0;
	}

	.newsletter-form form { display: block; }	
	.newsletter-form form > div { display: block; }		
	.video-overlay span { width: 50% !important;}
}

@media all and (min-width: 1100px) {
		.video-overlay span { width: 70% !important;}
}