/*
Theme Name: UK Site
Theme URI: http://frontwardsdesign.co.uk
Description: So barebones it barely exists.
Version: 1.01
Author: Oliver Fisher
Author URI: http://frontwardsdesign.co.uk
*/

/*====================================
  +++ GLOBAL +++
  ====================================*/

html {
	scroll-behavior: smooth;
}

body {
	padding: 1.125em 1.125em 4.5em;
	font-family: 'sofia-pro', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	text-align: center;
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-ms-font-feature-settings: "kern";
	-o-font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	font-feature-settings: "kern";
	text-rendering:optimizeLegibility;
	background: #fff;
	color: #111;
}

* {
	margin: 0;
	font-family: inherit;
	line-height: inherit;
	color: inherit;
}

* + * {
	margin-top: 1.125em;
}

body, br, li, dt, dd, th, td, option,
.mc4wp-response,
#overlay .sub-menu,
#subscribe-modal > *,
#subscribe-modal > * > * + * {
  margin-top: 0;
}

.margins-off * {
	margin-top: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden{
	display: none !important;
}

.scrolled .hide-on-scroll {
	opacity: 0;
}

.hide-on-scroll {
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
}

.grey {
	color: rgba(0,0,0,.5);
}

.full-width {
	margin-left: 1.125em;
	margin-right: 1.125em;
}

.border-bottom {
	border-bottom: 1px solid #bbb;
}

/* FLEX */

.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
}

.gutter {
	margin: 1.125em -1.125em -1.125em;
}

.grid > * {
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	margin: 0 !important;
}

.gutter > * {
	padding: 1.125em !important;
}

.home .grid > *,
.page-template-home-test .grid > *,
.page-template-design-junction .grid > *,
.page-template-projects .grid > *,
.page-template-spaces .grid > *,
.page-template-projects-test .grid > *,
.blog .grid > *,
.page-template-designers .grid > *,
.page-template-team .grid > *,
.page-template-contact .grid > *,
.page-template-contact-test .grid > *,
.feed .flex > *,
.related-projects .grid > * {
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}

.page-template-team .grid,
.page-template-contact .grid,
.page-template-contact-test .grid {
	text-align: left;
}

.grid a {
	display: block;
}

.overlay{
	position: relative;
	line-height: 0;
}

.overlay::before,
.overlay::after{
	content: '';
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: visibility .3s, opacity .3s;
	-moz-transition: visibility .3s, opacity .3s;
	transition: visibility .3s, opacity .3s;
}

.overlay::before{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #111;
}

.grid .overlay::after{
	content: 'View';
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 1.3125em;
	color: #f5f5f5;
}

.grid a:hover .overlay:before,
.grid a:focus .overlay:before,
.grid a:hover .overlay:after,
.grid a:focus .overlay:after,
.lookbook a:hover .overlay:before {
	visibility: visible;
	opacity: .875;
}

.gallery > * {
	position: relative;
}

.gallery.grid figcaption {
	position: absolute;
	top: 1.125em;
    left: 1.125em;
    bottom: 1.125em;
    right: 1.125em;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: visibility .3s, opacity .3s;
	-moz-transition: visibility .3s, opacity .3s;
	transition: visibility .3s, opacity .3s;
	color: #f5f5f5;
	background: rgba(0,0,0,.875);
}

.gallery a:hover figcaption,
.gallery a:focus figcaption {
	visibility: visible;
	opacity: 1;
}

.columns{
	text-align: left;
}

.single .columns,
.page-template-about .columns,
.page-template-contact .columns,
.page-template-contact .columns *,
.page-template-contact-test .columns,
.page-template-contact-test .columns *{
	text-align: center;
}

.single-product .columns{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
}

.page-template-contact article .flex,
.page-template-contact-test article .flex{
	-webkit-justify-content: center;
	justify-content: center;
}

.feed{
	text-align: center;
}

.feed > * + *{
	margin-top: 2.25em;
}

.feed .flex{
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: left;
}

.feed .flex > *{
	margin-top: 0;
}

article .flex{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

article .flex > * + *{
	margin-left: 1em;
}

.product-grid {

}

.product-grid > * {
	width: 50%;
}

@media screen and (min-width: 56.25em) {

	.product-grid > * {
		width: 33.333%;
	}

}

@media screen and (min-width: 75em) {

	.product-grid > * {
		width: 25%;
	}

}

.product-grid + .product-grid {
	margin-top: 6rem;
}

.product-grid + .product-grid[style*="height: 0px;"],
.product-grid[style*="height: 0px;"] + .product-grid {
	margin-top: 1.5rem;
}

.product-grid-image-container {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.product-grid .filter-item {
	/* position: static !important; */
}

.product-grid img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* .sizer {
	width: 25%;
} */

.aspect {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}

.aspect-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.product-grid .aspect img {
	display: block;
	position: static;
}



/* TEXT COLUMNS */

.text-columns,
.nf-form-cont {
	width: 100%;
	max-width: 25em;
	margin-left: auto;
	margin-right: auto;
}

.page-template-about-test .text-columns,
.page-template-about .text-columns{
	margin-bottom: 1.125em;
}

.text-columns > h2,
.text-columns > h3,
.text-columns > ul {
	text-align: left;
}

.text-columns > h2,
.text-columns > h3 {
	width: 100%;
	font-size: 0.75em;
	/* font-weight: 500; */
	line-height: 1.5;
}

.single-post section > h2,
.single-project section > h2,
.single-material section > h2,
.text-columns > * + h2,
.text-columns > * + h3{
	margin-top: 1.5em;
}

.text-columns > h2 + p,
.text-columns > h3 + p {
	margin-top: 1.5em;
}

.text-columns > ul {
	list-style: disc;
}

figure + .text-columns,
figure.text-columns {
	margin-top: 3rem;
}

.single-text-column,
section footer {
	display: inline-block;
	max-width: 50.625em;
	margin-left: auto;
	margin-right: auto;
}

.single-text-column p{
	font-size: 1em;
	text-align: center;
	/*text-align: justify;
	hyphens: auto;*/
}

/* TABULAR */

.table{
	display: inline-table;
	text-align: left;
	/*border-spacing: 1.5em;*/
}

.tabs .table{
	display: table;
}

.table > *{
	display: table-row;
}

.table > * > *{
	display: table-cell;
}

.table > * > * + *{
	padding-left: 1.5em;
}

/* TABS */

.tabs{
	margin-top: 2.25em;
	text-align: left;
	/*border: 1px solid;
	border-top: 0;*/
}

ul[role="tablist"]{
	display: -webkit-flex;
	display: flex;
}

ul[role="tablist"] > *{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	line-height: 1.5;
	text-align: center;
}

/*ul[role="tablist"] > * + *{
	border-left: 1px solid;
}*/

*[role="tab"]{
	display: block;
	padding: 0.75em;
	border: 1px solid #fff;
	border-bottom: 1px solid #111;
}

*[role="tab"]:focus{
	color: #111;
	outline: 0;
}

.selected{
	border: 1px solid;
	border-bottom: 1px solid #fff;
}

*[role="tabpanel"]{
	margin-top: 0;
	padding: 1.125em;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	border: 1px solid;
	border-top: 0;
}

.tabs section + section{
	padding-top: 0;
}

.tabs h2,
.tabs h3{
	margin-bottom: 0.75em;
	font-size: 0.75em;
}

#downloads > p {
	display: none;
}

/* BREADCRUMBS */

.breadcrumbs{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	/*position: absolute;
    top: -5.625em;
    right: 0;
    left: 0;*/
	margin: 0 -0.375em;
}

.single .breadcrumbs{
	display: none;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.breadcrumbs > *{
	margin: 0;
	padding: 0 0.375em;
}

/*.group:after{
	content: " ";
	display: table;
	clear: both;
}*/

/* IMAGES */

figure{
	line-height: 0;
}

figure img{
	line-height: 0;
}

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

.grid figcaption{
	margin-top: 0.75em;
	line-height: 1.5;
}

article figcaption{
	display: inline-block;
	max-width: 54em;
	margin-top: 1.2em;
	font-size: 0.625em;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

article .related-projects figcaption {
	font-size: 1em;
}

footer figure {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

footer figure > * + * {
	padding-left: 1.5em;
}

footer figure .image-wrap {
	width: 25%;
}

footer figcaption {
	width: 75%;
	/* font-family: 'GillSansMTStd-Medium', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	text-align: left;
}

footer figcaption .meta {
	color: #999;
}

footer figcaption .role {
	margin-bottom: 0;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

/* VIDEO */

iframe,
video {
	max-width: 100%;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

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

.bandcamp-embed {
	width: 100% !important;
}

/* LINKS */

a{
	text-decoration: none;
	color: #111;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

a:hover, a:focus, a:active{
	color: #999;
}

a:hover p, a:focus p, a:active p{
	color: #111;
}

button{
	-webkit-appearance: none;
	padding: 0;
	border: 0;
	background: none;
}

button:focus,
button:active{
	outline: none;
}


/* FORMS */

#search{
	display: none;
	position: absolute;
	top: 1.125em;
    left: 1.125em;
    right: 1.125em;
	z-index: 1000;
	/* -webkit-align-self: flex-end;
	align-self: flex-end; */
}

input[type="search"]{
	width: 100%;
	padding: 0 0.40625em;
	font-size: 1.3125em;
	line-height: 1.71428571428571;
	border: 1px solid #fff;
	border-radius: 0;
	border-right: 0;
    background: none;
    color: #f5f5f5;
	-webkit-appearance: none;
}

input[type="search"]:focus{
	outline: 0;
}

input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #f5f5f5;
}

input[type="search"]::-moz-placeholder { /* Firefox 19+ */
	color: #f5f5f5;
}

input[type="search"]:-ms-input-placeholder { /* IE 10+ */
	color: #f5f5f5;
}

input[type="search"]:-moz-placeholder { /* Firefox 18- */
	color: #f5f5f5;
}

input[type="search"]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #111;
}

input[type="search"]:focus::-moz-placeholder { /* Firefox 19+ */
	color: #111;
}

input[type="search"]:focus:-ms-input-placeholder { /* IE 10+ */
	color: #111;
}

input[type="search"]:focus:-moz-placeholder { /* Firefox 18- */
	color: #111;
}

form[role="search"] input[type="submit"]{
	-webkit-align-self: stretch;
	align-self: stretch;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	-webkit-appearance: none;
}

form[role="search"] input[type="submit"]:hover,
form[role="search"] input[type="submit"]:focus{
	background-color: #999;
	color: #f5f5f5;
}

fieldset {
	padding: 0;
	border: 0;
	text-align: left;
}

fieldset + input[type="submit"],
input[type="button"] {
	margin-top: 1.125em;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	line-height: 1.75rem;
	cursor: pointer;
	border: 0;
	background: #111;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	transition: background .2s;
}

fieldset + input[type="submit"]:hover,
input[type="button"]:hover {
	background: #999;
}

label,
fieldset + input[type="submit"] {
	display: block;
}

label{
	margin-top: 0;
	margin-bottom: .375em;
	font-weight: 500;
	text-align: left;
}

input[type="button"] {
	padding: 0.25em 1em;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
fieldset + input[type="submit"],
textarea {
	width: 100%;
	padding: 0.25em;
	border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
	font-size: 0.875em;
}


/* SUBSCRIBE FORM */

/* .home .mc4wp-form {
	display: none;
	position: fixed;
	bottom: 0.75em;
	right: 0.75em;
	z-index: 9999;
	max-width: 25.3125em;
	padding: 1.5em;
	border: 1px solid #bbb;
	background: #fff;
} */

.mc4wp-form .close {
	position: absolute;
	top: .375em;
	right: .375em;
	font-family: 'icomoon';
	cursor: pointer;
}

.mc4wp-form .close:after{
	content: "\e117";
	font-size: 1.3125em;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

.mc4wp-form .close:hover:after {
	color: #999;
}

.mc4wp-response p {
	margin-top: 1.5rem;
	font-size: 0.875em;
	color: #f1332c;
}


/* MODAL */

.modal-content {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	padding-bottom: 4.1em;
	text-align: left;
}

.modal-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#subscribe-modal form {
	margin-top: 1.5em;
}

#subscribe-modal fieldset {
	margin-top: 0;
}

#subscribe-modal input + label {
	margin-top: 1.5em;
}

#subscribe-modal input[type="submit"] {
	margin-top: 2.25em;
    padding: .5em 1em;
    font-size: 0.844em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .12em;
    background: #111;
    color: #fff;
	border: 0;
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s;
	transition: background .2s, color .2s;
}

#subscribe-modal input[type="submit"]:hover,
#subscribe-modal input[type="submit"]:focus,
#subscribe-modal .mc4wp-form .close:hover:after,
#subscribe-modal .mc4wp-form .close:focus:after {
	background: #999;
	color: #fff;
}

#subscribe-modal .mc4wp-form .close {
	top: 0;
	right: 0;
	padding: .75rem 0;
}

#subscribe-modal .mc4wp-form .close:after {
	padding: .75rem;
	line-height: 1;
	-webkit-transition: background .2s, color .2s;
	-moz-transition: background .2s, color .2s;
	transition: background .2s, color .2s;
}

footer .modal-toggle {
	display: none;
}

.modal-toggle {
	position: fixed;
	bottom: 8.5em;
	left: 1.125rem;
	width: calc(100% - 2.25rem);
	padding: .75rem 1.5rem;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: #111;
	color: #fff;
	border: 1px solid;
}

/* .modal-toggle > * {
	display: block;
} */

.modal-toggle:hover,
.modal-toggle:focus {
	background: #999;
	border: 1px solid #999;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	transition: background .2s;
}


/* CONTACT FORM */

.nf-field-element {
	margin-top: 0;
}

.nf-field-label label {
	text-align: left;
}

.nf-form-fields-required {
	font-size: 0.875em;
}

.single-product .nf-before-form-content {
	display: none;
}

/* MYFONTS PREVIEW WIDGET */

#mfPreviewBar{
	display: none;
}

/* NOTIFICATIONS */

.notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 1.125em 1.125em 0.75em;
	background-color: #fff;
	webkit-box-shadow: 0px -5px 10px -5px rgba(120,120,120,0.5);
	-moz-box-shadow: 0px -5px 10px -5px rgba(120,120,120,0.5);
	box-shadow: 0px -5px 10px -5px rgba(120,120,120,0.5);
}

.notice p {
	text-align: center;
}

.notice a {
	cursor: pointer;
}


/*====================================
  +++ GLOBAL TYPOGRAPHY +++
  ====================================*/

i, em{
	font-style: italic;
}

h1, h2, h3, h4 {
	margin-bottom: 0;
}

h2, h3, h4 {
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.site-title{
	line-height: 0;
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

h1,
.h1 {
	font-family: 'freight-text', Georgia, serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.25;
	text-transform: none;
	letter-spacing: 0;
}

/* .single-product h1{
	line-height: 1.125;
} */

* + h1{
	margin-top: 1.125em;
}

h2{
	font-size: 1.125em;
	line-height: 1;
}

* + h2{
	margin-top: 2em;
}

.search * + h2 {
	margin-top: 4.5em;
}

.grid h2,
.grid h3,
.feed h2,
.feed h3,
footer figcaption {
	font-size: 0.75em;
	line-height: 1.5;
}

.grid h2,
.grid h3{
	margin-top: 0.5625em;
}

.gallery.grid h2,
.gallery.grid h3{
	margin-top: 0;
}

.gallery.grid h2 span,
.gallery.grid h3 span{
	font-size: 1.3125rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.feed h2,
.feed h3{
	margin-top: 1.5em;
}

.home .grid > *,
.home .grid a,
.home .grid figure,
.page-template-home-test .grid > *,
.page-template-home-test .grid a,
.page-template-home-test .grid figure,
.page-template-design-junction .grid > *,
.page-template-design-junction .grid a,
.page-template-design-junction .grid figure {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.home .grid a,
.home .grid figure,
.page-template-home-test .grid a,
.page-template-home-test .grid figure,
.page-template-design-junction .grid a,
.page-template-design-junction .grid figure {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.page-template-home-test .grid figure,
.page-template-design-junction .grid figure {
    -webkit-justify-content: center;
    justify-content: center;
    background: #111;
}

.page-template-home-test .grid h2,
.page-template-design-junction .grid h2{
	margin-top: 0;
}

.role{
	margin-top: 0;
	margin-bottom: 0.75em;
	/* font-family: 'GillSansMTStd-Medium', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	font-size: 0.75em;
	text-transform: none;
	letter-spacing: 0;
}

header .role {
	font-family: 'freight-text', Georgia, serif;
	font-size: 1em;
}

.subheading {
	margin-top: 0;
	font-family: 'freight-text', Georgia, serif;
	font-size: 1em;
	line-height: 1.71428571428571;
}

legend {
	/* font-family: 'GillSansMTStd-Medium', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
}

p {
	margin-top: 0;
	font-size: 0.75em;
	text-align: left;
}

p,
p > span {
	font-weight: 300 !important;
}

* + p{
	margin-top: 1.5em;
}

.single-post article section:first-of-type .text-columns:first-of-type p:first-of-type,
.single-project article section:first-of-type .text-columns:first-of-type p:first-of-type,
.single-material article section:first-of-type .text-columns:first-of-type p:first-of-type {
	font-size: 1em;
}

.text-columns p,
.grid h3 + p {
	margin-top: 0;
}

.text-columns p + p{
	margin-top: 1.5em;
}

article * + figure,
article * + figure,
.single-post article figure,
.single-project article figure,
.single-material article figure {
	margin-top: 3.375em;
}

.single-post article figure.text-columns,
.single-project article figure.text-columns,
.single-material article figure.text-columns {
	margin-top: 1.875em;
}

p a,
.text-columns ul a,
.link-list a{
	border-bottom: 1px solid;
}

.small-print,
.x-small-print {
	margin: 0;
}

.small-print {
	font-size: 0.625em;
}

.x-small-print {
	font-size: 0.4375em;
}

p.small-print + p.small-print,
p.small-print + p.x-small-print {
	margin-top: 3em;
}

address.small-print{
	line-height: 1.5;
}

.meta{
	margin: 0;
	font-size: 0.625em;
	line-height: 1.5;
	text-transform: uppercase;
    letter-spacing: 0.1em;
}

.home .grid .meta,
.page-template-home-test .grid .meta,
.page-template-design-junction .grid .meta,
.feed-content .meta{
	display: inline-block;
	margin-top: 1em;
}

.meta-type,
.link-list,
label,
fieldset + input[type="submit"],
input[type="button"] {
	/* font-family: 'GillSansMTStd-Medium', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.meta-type,
label,
fieldset + input[type="submit"],
input[type="button"] {
	font-size: 0.625em;
}

.meta-value{
	margin-top: 0;
	font-size: 0.75em;
	/*text-align: right;*/
}

.link-list > *{
	font-size: 0.875em;
	line-height: 1.71428571428571;
}

.uppercase{
	/*font-family: 'GillSansMTStd-Medium', 'Futura', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* ICONS */

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

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon-search,
.zoom-icon:before,
.menu-item span:before,
#menu-item-42 span:before,
#menu-item-43 span:before,
#menu-item-49 span:before,
#menu-item-42 span:before,
#menu-item-43 span:before,
#menu-item-44 span:before,
#menu-item-46 span:before,
#menu-item-47 span:before,
#menu-item-48 span:before,
#menu-item-49 span:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail-envelope-closed2:before {
	content: "\e90a";
}
.icon-mail-envelope-closed3:before {
	content: "\e90b";
}
.icon-mail-envelope-closed4:before {
	content: "\e90c";
}
.icon-mail-envelope-closed:before {
	content: "\e909";
}
.icon-facebook:before {
	content: "\e908";
}
.icon-instagram:before {
	content: "\e907";
}
.icon-twitter:before {
	content: "\e906";
}
.icon-pinterest:before {
	content: "\e905";
}
.icon-linkedin:before {
	content: "\e904";
}
.icon-search {
	content: "\e90d";
}

.icon-keyboard_arrow_up:before {
	content: "\e90e";
}
.icon-keyboard_arrow_right:before {
	content: "\e90f";
}
.icon-keyboard_arrow_left:before {
	content: "\e910";
}
.icon-keyboard_arrow_down:before {
	content: "\e911";
}
.icon-chevron-thin-up:before {
	content: "\e900";
}
.icon-chevron-thin-right:before {
	content: "\e901";
}
.icon-chevron-thin-left:before {
	content: "\e902";
}
.icon-chevron-thin-down:before {
	content: "\e903";
}
.icon-menu2:before {
	content: "\e120";
}
.icon-cross:before {
	content: "\e117";
}

.icon-info:before {
	content: "\e917";
}
.icon-folder-open:before {
	content: "\e913";
}
.icon-iod-product-icon:before {
  	content: "\e912";
}

.icon-in:before {
	content: "\e916";
}
.icon-download:before {
	content: "\e915";
}

.icon-eye:before {
	content: "\e914";
}
.icon-eye2:before {
	content: "\e918";
}

.icon-phone:before {
  content: "\e91e";
}
.icon-pencil:before {
  content: "\e919";
}
.icon-megaphone:before {
  content: "\e91a";
}
.icon-radio:before {
  content: "\e91c";
}
.icon-ruler:before {
  content: "\e91d";
}

/*====================================
  +++ GLOBAL LAYOUT +++
  ====================================*/

/* MAIN HEADER + MENU */

header[role="banner"]{
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	will-change: height;
	-webkit-transition: height .5s ease;
	-moz-transition: height .5s ease;
	transition: height .5s ease;
}

.main-logo{
	line-height: 0;
	text-align: left;
}

.main-logo svg {
	height: 3.75em;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	will-change: transform, opacity;
	-webkit-transition: transform .5s ease;
	-moz-transition: transform .5s ease;
	transition: transform .5s ease;
}

nav{
	margin: 0;
}

header[role="banner"] nav[role="navigation"]{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
    z-index: 1000;
	display: -webkit-flex;
	display: flex;
	background: #111;
}

header[role="banner"] nav[role="navigation"] > ul{
	width: 75%;
	margin-right: auto;
}

header[role="banner"] nav[role="navigation"] > ul,
.social-media-links{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

header[role="banner"] nav[role="navigation"] > ul > li{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex: 1;
	flex: 1;
	font-size: 0.75em;
	line-height: 1;
}

header[role="banner"] nav[role="navigation"] > ul > li:nth-child(n+4){
	display: none;
}

nav a{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding: 0.25em 1.125em 0.75em;
	color: #fcfcfc;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
}

header[role="banner"] nav[role="navigation"] > ul > li a:hover,
header[role="banner"] nav[role="navigation"] > ul > li a:focus{
	background: #999;
	color: #fcfcfc;
}

nav a,
.social-media-links a{
	display: block;
}

#menu-main-menu-1 a{
	padding: 0.25em 1.125rem;
}

.social-media-links a{
	padding: 0.25em .5em;
}

nav .current-menu-item a,
nav .current-menu-parent a{
	color: #999;
}

header[role="banner"] nav .sub-menu{
	display: none;
	position: absolute;
	left: 0;
	right: auto;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;;
	-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear;;
	text-align: left;
	background-color: #fff;
}

header[role="banner"] nav .sub-menu::before {
	content: '';
	position: absolute;
	top: 0;
	left: .75rem;
	right: -3em;
	z-index: 1;
	border-top: 1px solid #111;
}

header[role="banner"] .menu-item-has-children {
	position: relative;
}

header[role="banner"] nav .sub-menu .sub-menu{
	display: block;
	position: static;
    margin-top: 0.75em;
	padding: 0;
}

header[role="banner"] nav li:hover .sub-menu,
header[role="banner"] nav li:focus .sub-menu{
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

header[role="banner"] .menu-item span:before,
header[role="banner"] #menu-item-42 span:before,
header[role="banner"] #menu-item-43 span:before,
header[role="banner"] #menu-item-44 span:before,
header[role="banner"] #menu-item-46 span:before,
header[role="banner"] #menu-item-47 span:before,
header[role="banner"] #menu-item-48 span:before,
header[role="banner"] #menu-item-49 span:before{
	display: block;
	font-size: 1.75em;
	line-height: 2;
}

header[role="banner"] .menu-item span:before {
	content: "\e900";
}

header[role="banner"] #menu-item-42 span:before{
	content: "\e913";
}

header[role="banner"] #menu-item-43 span:before{
	content: "\e912";
}

header[role="banner"] #menu-item-44 span:before{
	content: "\e91c";
}

header[role="banner"] #menu-item-46 span:before{
	content: "\e916";
}

header[role="banner"] #menu-item-47 span:before{
	content: "\e919";
}

header[role="banner"] #menu-item-48 span:before{
	content: "\e90b";
}

header[role="banner"] #menu-item-49 span:before{
	content: "\e917";
}

header[role="banner"] nav .sub-menu li {
	-webkit-flex: none;
	flex: none;
	max-width: none;
	margin-top: 0;
	padding: 0;
	font-size: 1.125em;
	line-height: 1.5;
	text-transform: none;
	letter-spacing: 0;
}

header[role="banner"] nav .sub-menu a{
	position: relative;
	padding: 0.25em 0.75rem;
	font-size: 1.125em;
	color: #111;
	background: #fff;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

header[role="banner"] .sub-menu a:hover,
header[role="banner"] .sub-menu a:focus {
	color: #999;
}

header[role="banner"] nav .sub-menu .sub-menu li{
	-webkit-flex: none;
	flex: none;
	float: none;
	max-width: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-transform: none;
	letter-spacing: 0;
	border-left: 0;
}

header[role="banner"] nav .sub-menu .sub-menu a{
	padding: 0;
	border: 0;
}

header[role="banner"] nav .sub-menu li:hover a,
header[role="banner"] nav .sub-menu li:focus a{
	color: #999;
}

header[role="banner"] nav .sub-menu li:hover .sub-menu a,
header[role="banner"] nav .sub-menu li:focus .sub-menu a{
	color: #fff;
}

header[role="banner"] nav .sub-menu .sub-menu li:hover a,
header[role="banner"] nav .sub-menu .sub-menu li:focus a{
	color: #999;
}

.social-media-links{
	margin-top: 0;
}

.categories {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.categories a,
.categories button {
	color: #999;
}

.categories a:hover,
.categories a:focus,
.categories button:hover {
	color: #111;
}

.current-cat a,
button.is-checked {
	color: #111;
}

.categories button,
.categories a {
	padding: 0.75em 1.125em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

.categories button,
.categories a {
	font-size: 0.75em;
}

.products-nav {
	position: relative;
}

.parents {
	position: relative;
	z-index: 1;
	background-color: #fff;
}

.children {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 0;
	-webkit-transition: transform .3s ease-in, opacity .3s;
	-moz-transition: transform .3s ease-in, opacity .3s;
	transition: transform .3s ease-in, opacity .3s;
}

.children.closed {
	opacity: 0;
	transform: translateY(-100%);
}

.children.open {
	opacity: 1;
	transform: translateY(0);
}

.product-container {
	width: 100%;
	margin-top: 0;
	margin-bottom: 4.5em;
	-webkit-transition: transform .3s ease-in;
	-moz-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
}

.product-container.submenu-open {
	/* transform: translateY(37px); */
}

/* RESPONSIVE MENU */

#menu-icon {
    /*position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    height: 3.28125em;
	padding: 0.984375em;*/
	z-index: 10000;
	width: 25%;
    color: #fff;
    background: #111;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
}

#menu-icon:hover{
	background: #999;
}

#menu-icon:focus{
	outline: none;
}

#menu-icon:after{
	font-family: 'icomoon';
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	speak: none;
	line-height: 1;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

.btn-open:after {
	content: "\e120";
}

.btn-close:after {
	content: "\e117";
}

#overlay {
	display:none;
	position:fixed;
	top:0;
	left: 0;
	height:100%;
	width:100%;
	overflow:auto;
	z-index:998;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	background: #111;
	color: #fff;
}

#overlay a{
	color: #fff;
}

#overlay nav[role="navigation"]{
	position: absolute;
	width: 100%;
	top: calc(50% - 8.5em);
    left: 50%;
    transform: translateX(-50%) translateY(calc(-50% + 5.5em));
}

/* #menu-main-menu-1{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
} */

#overlay nav[role="navigation"] > ul {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

#overlay nav[role="navigation"] > ul > li{
	/* width: 50%; */
	font-size: 1.3125em;
}

#overlay .sub-menu {
	margin: 0 1.125rem 1.125em;
}

#overlay .sub-menu li {
	width: 50%;
	margin-left: -.375em;
	margin-right: -.375em;
	font-size: 0.625em;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

#overlay .sub-menu a {
	padding: .375em;
}

#overlay #menu-item-49 {
	-webkit-column-span: all;
			column-span: all;
}

#overlay #menu-item-43 .sub-menu {
	display: none;
}

#overlay .social-media-links > *{
	flex-grow: 1;
	text-align: center;
}


/* PAGE ELEMENTS */

main{
	position: relative;
	margin-top: 3.375em;
}

main header + ul,
main header + .grid {
	margin-top: 1.5em;
}

.article-content{
	display: inline-block;
	max-width: 25em;
	text-align: left;
}

h1 + .article-content {
	margin-top: 3em;
}

article header{
	margin-bottom: 1.125em;
}

.single-team article header{
	margin-bottom: 1.6875em;
}

article * + header{
	margin-top: 2.25em;
}

article,
article section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}

.single-product article,
.single-product article section {
	display: block;
}

article footer {
	margin-top: 5.0625em;
}

body:not(.single-post):not(.single-project):not(.home):not(.single-material) section + section,
body:not(.single-post):not(.single-project):not(.page-template-home-test):not(.single-material) section + section,
section + section.wrapper,
article + section {
	position: relative;
	margin-top: 1.6875em;
    padding-top: 2.8125em;
}

.grid section + section {
	margin-top: 0 !important;
}

figure + section {
    margin-top: 2.8125em;
}

section + section#bim-embed {
    margin-top: 2.8125em;
	padding-top: 0;
}

.section-no-border{
	margin-top: 0;
}

.section-no-border::before{
	border: 0;
}

footer[role="contentinfo"],
section footer {
	margin-top: 4.5em;
    padding-top: 2.25em;
}

footer[role="contentinfo"] *,
section footer * {
	text-align: center;
}

section footer {
	border-top: 1px solid #ddd;
}

.location-switch-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style: none;
	font-size: 0.75em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.location-switch-list * + * {
	margin-left: 1em;
}

.location-switch-list a {
	border-bottom: 0;
	color: #999;
}

.location-switch-list a:hover,
.location-switch-list a:focus {
	color: #111;
}

.location-switch-list a.active {
	font-weight: 500;
	color: #111;
}


/*====================================
  +++ PAGE SPECIFIC +++
  ====================================*/

/* HOME */

.call-to-action{
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 0;
}

.call-to-action > * + *{
	position: relative;
	margin-left: 0.5625em;
	padding-left: 0.5625em;
}

.call-to-action > * + *:before{
	content: '|';
	position: absolute;
	left: 0;
}

/* ABOUT */

.page-template-about section:first-of-type p:first-of-type,
.page-template-about-test section:first-of-type p:first-of-type {
	font-size: 1em;
}

/* SINGLE PRODUCT */

#product-details {
	order: 1;
	margin-top: 1.5em;
}

.lightbox-link{
	display: block;
	position: relative;
}

.zoom-icon {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	color: #111;
}

.lookbook .zoom-icon{
	top: 0.75em;
	left: 1.5em;
	/*padding: 0.75em 1.5em;*/
	/*background: #f5f5f5;*/
	color: #f5f5f5;
	/*border: 2px dotted #f5f5f5;
	border-radius: 5px;*/
}

.lightbox-link:hover .zoom-icon{
	opacity: 1;
}

.zoom-icon:before {
  	content: "\e037";
	font-size: 1.5em;
}

.slick-dots {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: .75rem;
	margin-top: 3rem;
}

.slick-dots:after,
.product-slideshow:after {
	content: "";
	display: table;
	clear: both;
}

.slick-dots[role="tablist"] > * {
	position: relative;
}

.slick-dots[role="tablist"] > hr {
	width: 100%;
	margin-top: 1.125em;
	padding: 0;
}

.slick-dots[role="tablist"] h2 {
	position: absolute;
	top: -2.625rem;
	width: 600%;
	margin-top: 1.125rem;
	font-size: 0.875em;
	text-align: left;
}

.thumbnail-link {
	display: block;
	margin-top: 0;
	line-height: 0;
	border: 1px solid #ddd;
}

.packshot-image {
	margin: 2.25rem 0 -2.25rem;
}

.project-image {
	margin: 4.5rem 0 -4.5rem;
}

.packshot-image-1,
.project-image-1 {
	grid-column-start: 1;
}

.product-image-section {
	margin-top: 6rem;
}

[data-gallery-three=""] + .product-image-section {
	margin-top: 3.75rem;
}

.product-image-section > * + * {
	margin-top: .875em;
}

.product-image-section h2 {
	font-size: .875em;
}

/* .product-video-section {
	width: 100%;
} */

/* .packshot-image-1 {
	position: relative;
}

.packshot-image-1:before {
	content: '';
	display: block;
	height: 6rem;
	width: calc(500% + (.375rem * 5));
	top: 0;
	left: 0;
}

.packshot-image-1 a {
	margin-top: -6rem;
} */

.palette{
	display: -webkit-flex;
	display: flex;
	/*justify-content: space-around;*/
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -0.75em -0.75em;
	text-align: center;
}

.palette > *{
	width: 33.3333%;
	padding: 0 0.75em 0.75em;
}

.colour{
	display: inline-block;
	height: 3em;
	width: 3em;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.label {
	display: inline-block;
	margin-top: 0;
	line-height: 1.25;
}

.page-template-fabrics .colour{
	height: 72px;
	width: 72px;
}


/*====================================
  +++ NEW MODULES 2021 +++
  ====================================*/

/*  UTILITY
	------------------------------  */

	.white {
		color: #fff;
	}

	.full-screen {
		margin-left: -1.125em;
		margin-right: -1.125em;
	}

	[class*="top-"] {
		top: 1.125rem;
	}

	[class*="centre-"] {
		top: 50%;
		transform: translateY(-50%);
	}

	[class*="bottom-"] {
		bottom: 1.125em;
	}

	[class*="-left"] {
		left: 1.125em;
	}

	[class*="label-left"] {
		left: 0;
	}

	[class*="-right"] {
		right: 1.125em;
	}

	[class*="label-right"] {
		right: 0;
	}

	[class*="-centre"] {
		left: 50%;
		transform: translateX(-50%);
	}

	.centre {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	@media screen and (min-width: 37.5em) {

		.full-screen {
			margin-left: -2.625em;
			margin-right: -2.625em;
		}

		[class*="top-"] {
			top: 2.625em;
		}

		[class*="bottom-"] {
			bottom: 2.625em;
		}

		[class*="-left"] {
			left: 2.625em;
		}

		[class*="label-left"] {
			left: 0;
		}

		[class*="-right"] {
			right: 2.625em;
		}

		[class*="label-right"] {
			left: 0;
		}

	}

	@media screen and (min-width: 75em) {

		.full-screen {
			margin-left: -3em;
			margin-right: -3em;
		}

		[class*="top-"] {
			top: 3em;
		}

		[class*="bottom-"] {
			bottom: 3em;
		}

		[class*="-left"] {
			left: 3em;
		}

		[class*="label-left"] {
			left: 0;
		}

		[class*="-right"] {
			right: 3em;
		}

		[class*="label-right"] {
			left: 0;
		}

	}


/*  ELEMENTS
	------------------------------  */

	.module,
	.module * {
		text-align: center;
	}

	.module {
		scroll-margin-top: 3em;
	}

	header + .module-list,
	header + .module {
		margin-top: 3rem;
	}

	.module + .module {
		margin-top: 0;
	}

	/* .module + .module {
		margin-top: 2.25em;
	}

	.module.banner-module + .module.banner-module,
	.module.banner-module + .module.module-split-screen,
	.module.module-split-screen + .module.module-split-screen,
	.module.module-split-screen + .module.banner-module,
	.module.carousel-module + .module,
	.module + .module.carousel-module {
		margin-top: 0;
	} */

	.banner-module,
	.quote-module {
		position: relative;
	}

	/* .banner-module:last-child,
	.module-split-screen:last-child,
	.quote-module:last-child,
	.carousel-module:last-child {
		margin-bottom: -5.09375rem;
	} */

	/* New Banner Module Positioning Approach */

	/* .banner-module .image figure {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}

	.banner-module .image > * {
		grid-column: 1 / 4;
		grid-row: 1 / 4;
	}

	.image-module-text {
		display: flex;
		flex-direction: column;
		padding: 1.5rem;
		margin-top: 0;
	} */

	/* .within-margins {
		margin: 1.125em 0;
	} */

	.banner-module.white-text figure {
		background-color: #000;
	}

	.banner-module.black-text figure {
		background-color: #fff;
	}

	.module img {
		display: block;
	}

	.banner-module img {
		width: 100%;
	}

	.page-template-spaces .banner-module img,
	.single-space .banner-module img {
		opacity: .75;
	}

	.module-title,
	.module-link {
		text-align: center;
	}

	.module-title,
	.banner-module .module-link {
		margin-top: 0;
	}

	.banner-module .module-title,
	.quote-module .module-title,
	.banner-module .module-link,
	.banner-module .module-keyword {
		position: absolute;
	}

	.module-title {
		width: 98%;
	}

	.module-keyword {
		font-size: .875em;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

	.module-keyword + * {
		margin-top: 0;
	}

	.module-heading {
		max-width: 20rem;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.25;
	}

	.module-heading,
	.module-title .h1 {
		font-size: 1.3125em;
	}

	.module-heading + .module-heading {
		margin-top: 0;
	}

	.module-heading + .module-subtitle {
		margin-top: .375em;
	}

	.module-subtitle {
		font-weight: 700 !important;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

	.module-link {
		width: 100%;
		max-width: 26.25em;
		margin-left: auto;
		margin-right: auto;
	}

	.module-link a {
		/* display: inline-block; */
		font-size: .875em;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		border-bottom: 1px solid;
	}

	.module-description {
		max-width: 30em;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.5;
		text-align: center;
	}

	.banner-module .module-description {
		display: none;
	}

	.page-template-spaces .module-description,
	.single-space .module-description {
		font-size: 1em;
	}

	.carousel-module .carousel .module-description {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		/* max-height: 4.5rem; */
		overflow: hidden;
	}

	.module-heading + .module-description {
		position: relative;
		padding-top: 1.5em;
	}

	.module-heading + .module-description:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 3em;
		border-top: 1px solid;
	}

	.module-split-screen {
		margin-left: -1.125em;
		margin-right: -1.125em;
	}

	.module-split-screen > * + * {
		margin-top: 0;
	}

	.panel-text {
		display: flex;
		padding: 2.25em 1.125em;
	}

	.panel-text > * {
		margin: auto;
	}

	.quote-module {
		margin-left: -1.125em;
		margin-right: -1.125em;
	}

	.quote-module.background-colour {
		padding-bottom: 100%;
	}

	.module-quote + .module-attribution {
		margin-top: .75em;
	}

	.module-quote p {
		quotes: "“" "”" "‘" "’";
	}

	.module-quote p:first-of-type::before {
		content: open-quote;
		margin-left: -.45em;
	}

	.module-quote p:first-of-type::after {
		content: close-quote;
	}

	cite {
		font-style: normal;
	}

	.image_row_module > * + * {
		margin-top: 3em;
	}

	.image_row_module,
	.carousel-module {
		padding: 2.25em 0;
	}

	.image_row_module + .carousel-module,
	.carousel-module + .image_row_module {
		padding-top: 0;
	}

	.carousel-header + .carousel {
		margin-top: 1.5em;
	}

	.carousel .slick-track {
		display: inline-block;
	}

	.carousel .slick-nav {
		position: absolute;
		top: calc(50% - 4rem);
		transform: translateY(-50%);
	}

	.carousel .slick-prev {
		left: -1.3125em;
	}

	.carousel .slick-next {
		right: -1.3125em;
	}

	.carousel .slick-nav::before {
		font-size: 1.5em;
	}

	@media screen and (min-width: 37.5em) {

		/* .module + .module {
			margin-top: 2.625em;
		} */

		/* .within-margins {
			margin: 1.3125em 0;
		} */

		.module-heading,
		.module-title .h1 {
			font-size: 1.5em;
		}

		.banner-module .module-description {
			display: block;
		}

		.module-split-screen {
			margin-left: -2.625em;
			margin-right: -2.625em;
		}

		.panel-text {
			padding: 5.25em 2.625em;
		}

		.quote-module {
			margin-left: -2.625em;
			margin-right: -2.625em;
		}

		.quote-module.background-colour {
			padding-bottom: 56.25%;
		}

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

		.image_row_module > * {
			padding: 0 1.5em;
		}

		.image_row_module > * + * {
			margin-top: 0;
		}

		.image_row_module,
		.carousel-module {
			padding: 3em 0;
		}

		.carousel-header + .carousel {
			margin-top: 3em;
		}

		.carousel-item {
			margin-top: 0;
			padding-left: 1.3125em;
			padding-right: 1.3125em;
		}

		.carousel .slick-prev {
			left: -1.5em;
		}

		.carousel .slick-next {
			right: -1.5em;
		}

		.carousel .slick-nav::before {
			font-size: 1.875em;
		}

	}

	@media screen and (min-width: 56.25em) {

		/* .module + .module {
			margin-top: 3em;
		} */

		/* .within-margins {
			margin: 1.125em 0;
		} */

		.module-split-screen,
		.image_row_module {
			display: flex;
		}

		.module-split-screen {
			margin-left: -3em;
			margin-right: -3em;
		}

		.module-split-screen > *,
		.image_row_module > * {
			width: 50%;
		}

		.module-split-screen > *.left {
			order: 0;
		}

		.module-split-screen > *.right {
			order: 1;
		}

		.panel-text {
			padding: 6em 3em;
		}

		.panel-image img {
			display: block;
			object-fit: cover;
			height: 100%;
		}

		.quote-module {
			margin-left: -3em;
			margin-right: -3em;
		}

		.image_row_module {
			align-items: center;
		}

		.image_row_module > * + * {
			margin-top: 0;
		}

		.image_row_module .smaller {
			padding: 0 4.5em;
		}

		.image_row_module,
		.carousel-module {
			padding: 4.5em 0;
		}

		.carousel-item {
			padding-left: 1.5em;
			padding-right: 1.5em;
		}

	}


	@media screen and (min-width: 75em) {

		.carousel .slick-prev {
			left: -1.875em;
		}

		.carousel .slick-next {
			right: -1.875em;
		}

	}



/*====================================
  +++ NEW FOOTER 2021 +++
  ====================================*/

	.site-footer[role="contentinfo"],
	.site-footer[role="contentinfo"] * {
	  text-align: left;
	}

	.site-footer[role="contentinfo"] {
		position: relative;
		margin-top: 4.5em;
		margin-bottom: -1.125em;
		margin-left: -1.125em;
		margin-right: -1.125em;
		padding: 2.25em 1.125em;
		background-color: #ddd;
	}

	.home .site-footer[role="contentinfo"],
	.single-space .site-footer[role="contentinfo"] {
		margin-top: 0;
	}

	.footer-wrapper {
		max-width: 90em;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-parent-column + .footer-parent-column,
	.footer-child-column + .footer-child-column {
		margin-top: 2.25em;
	}

	[aria-labelledby="footer-logo-title"] {
		height: 3.75em;
	}

	.footer-description-text {
		max-width: 30em;
		margin-top: 0;
	}

	.footer-link-list-heading,
	.footer-link-list-item {
		font-size: .875em;
	}

	.footer-link-list-item + .footer-link-list-item {
		margin-top: .375em;
	}

	.footer-link-list-link {
		display: block;
	}

	.site-footer .social-media-links {
		justify-content: flex-start;
		margin-top: 1em;
		margin-left: -.5em;
	}

	.site-footer .footer-bottom,
	.site-footer .footer-bottom * {
		text-align: center;
	}

	.site-footer .footer-bottom {
		margin-top: 3em;
		padding-top: 1.5em;
		border-top: 1px solid #fff;
	}

	.site-footer p.small-print + p.x-small-print {
		margin-top: 1.5em;
	}

	.site-footer .location-switch-list {
		list-style: none;
	}

	@media screen and (min-width: 37.5em) {

		.site-footer[role="contentinfo"] {
			margin-left: -2.625em;
			margin-right: -2.625em;
			padding: 2.625em;
		}

		.footer-parent-column + .footer-parent-column {
			margin-top: 2.625em;
		}

		.footer-child-column + .footer-child-column {
			margin-top: 0;
		}

		.footer-link-lists {
			display: flex;
			margin-left: -1.3125em;
			margin-right: -1.3125em;
		}

		.footer-link-lists > * {
			padding-left: 1.3125em;
			padding-right: 1.3125em;
		}

		.footer-link-lists > * {
			width: 33.333%;
		}

		.footer-link-lists > * + * {
			margin-top: 0;
		}

	}

	@media screen and (min-width: 56.25em) {

		.site-footer[role="contentinfo"] {
			margin-left: -3em;
			margin-right: -3em;
			padding: 3em;
		}

		.footer-columns,
		.footer-link-lists {
			display: flex;
			margin-left: -1.5em;
			margin-right: -1.5em;
		}

		.footer-parent-column + .footer-parent-column {
			margin-top: 0;
		}

		.footer-columns > *,
		.footer-link-lists > * {
			padding-left: 1.5em;
			padding-right: 1.5em;
		}

		.footer-columns > * {
			width: 50%;
		}

		.footer-columns > * + {
			margin-top: 0;
		}

	}

	@media screen and (min-width: 75em) {

		.site-footer[role="contentinfo"] {
			margin-bottom: -6.75em;
		}

	}


/*====================================
  +++ WP DOWNLOADS +++
  ====================================*/

	.wpfd-content * + * {
		margin-top: initial;
	}


/*====================================
  +++ NEW ABOUT 2023 +++
  ====================================*/

	.layout-container + .layout-container {
		margin-top: 3.375rem;
	}

	.layout-container .single-text-column p {
		font-size: .875em;
	}

  	@media screen and (min-width: 37.5em) {

		.layout-container {
			display: flex;
			gap: 2em;
		}

		.layout-container + .layout-container {
			margin-top: 3.9375em;
		}

		.layout-container > * + * {
			margin-top: 0;
		}

		.layout-container[data-image-position="top"] {
			flex-direction: column;
		}

		.layout-container[data-image-position="bottom"] {
			flex-direction: column-reverse;
		}

		.layout-container[data-image-position="right"] {
			flex-direction: row-reverse;
		}

		.layout-container[data-image-position="left"] > *,
		.layout-container[data-image-position="right"] > * {
			flex-basis: 50%;
		}

		.layout-container[data-image-position="left"] .single-text-column,
		.layout-container[data-image-position="right"] .single-text-column,
		.layout-container[data-image-position="left"] .single-text-column p,
		.layout-container[data-image-position="right"] .single-text-column p {
			text-align: left;
		}

	}

	@media screen and (min-width: 75em) {

		.layout-container + .layout-container {
			margin-top: 4.5rem;
		}

	}
