/*
Theme Name: Marketplace Bolton Shopping Centre
Theme URI: https://www.mystream.agency/wordpress-themes/marketplace-bolton-shopping-centre
Author: MyStream Agency
Author URI: https://mystream.agency/
Description: 
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marketplaceboltonshoppingcentre
Tags:

Marketplace Bolton Shopping Centre WordPress Theme, (C) 2022 MyStream Agency
This theme is distributed under the terms of the GNU GPL.
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,600&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css";
/*@font-face{
	font-weight:normal;
	font-style:normal;
	font-family:'FontAwesome';
	src:url('fonts/fontawesome-webfont.eot?v=4.4.0');
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
}*/

:root {
	--colour_white:			#FFFFFF;
	--colour_off_white:		#E8E8E8;
	--c3:					#00000029;
	--colour_charcoal:		#707070;
	--colour_black:			#000000;
	--colour_green_light:	#c13f29;
	--colour_green_medium:	#0B8183;
	--colour_green_dark:	#043c41;
	--colour_coral:			#fd7daa;
	--colour_blue_light:	#51B2BD;
	--colour_blue_dark:		#365DA8;
	--colour_sand:			#FAB718;
	--mobMenuHeight:		82px;
}

html, body {
	margin:					0;
	padding:				0;
	font-family:			"Poppins";
	overflow-x:				hidden;
	width:					100vw;
}
body {
}

* {
	box-sizing:				border-box;
}

h1,h2,h3,h4,h5,h6,p{
	margin:					0;
}

a {
	text-decoration:		none;
	-webkit-outline:		none;
	outline:				none;
}

.aligncenter{
	display:				block;
	margin:					0 auto;
	max-width:				100%;
	height:					auto;
}

/**
 * Header and Navigation
 */
	header{
		padding:				0 20px;
		position:				fixed;
		background:				var(--colour_green_dark);
		z-index:				3;
		height:					var(--mobMenuHeight);
		width:					100vw;
	}
	.header-logo {
		display:				block;
		position:				relative;
		width:					93px;
		padding-top:			10px;
		float:					left;
	}
	.header-logo img {
		display:				block;
		width:					100%;
	}
	header nav {
		float:					right;
		margin-right:			0px;
		padding-top:			22px;
		width:					44px;
	}
	#nav-toggle {
		position:				absolute;
		left:					-3000%;
	}
	#nav-toggle + label {
		float:					right;
		margin-right:			0px;
		top:					12px;
		position:				relative;
		cursor:					pointer;
	}
	#nav-toggle + label span {
		font-size:				0;
		line-height:			0;
	}
	#nav-toggle + label .to-open {
		display:				block;
		width:					38px;
		height:					5px;
		background:				var(--colour_white);
		position:				relative;
		cursor:					pointer;
		top:					5px;
	}
	#nav-toggle + label .to-open::before {
		content:				"";
		height:					5px;
		width:					38px;
		background:				var(--colour_white);
		top:					-10px;
		display:				block;
		position:				absolute;
	}
	#nav-toggle + label .to-open::after {
		content:				"";
		height:					5px;
		width:					38px;
		background:				var(--colour_white);
		bottom:					-10px;
		display:				block;
		position:				absolute;
	}
	#nav-toggle + label .to-close {
		height:					0;
		width:					50px;
		position:				relative;
		cursor:					pointer;
		z-index:				2;
		display:				none;
		top:					5px;
	}
	#nav-toggle + label .to-open:hover,
	#nav-toggle + label .to-open:hover:before,
	#nav-toggle + label .to-open:hover:after {
		background:				var(--colour_green_light);
	}
	#nav-toggle + label .to-close::before {
		height:					10px;
		content:				"";
		-webkit-transform:		rotate(-45deg);
		-moz-transform:			rotate(-45deg);
		transform:				rotate(-45deg);
		background:				white;
		width:					50px;
		top:					0;
		left:					0;
		display:				block;
		position:				absolute;
	}
	#nav-toggle + label .to-close::after {
		height:					10px;
		content:				"";
		-webkit-transform:		rotate(45deg);
		-moz-transform:			rotate(45deg);
		transform:				rotate(45deg);
		background:				white;
		width:					50px;
		top:					0;
		left:					0;
		display:				block;
		position:				absolute;
	}
	#nav-toggle ~ ul::before {
		height:					var(--mobMenuHeight);
		background:				var(--colour_green_medium);
		content:				"";
		width:					100%;
		top:					calc(-1 * var(--mobMenuHeight));
		position:				absolute;
	}
	#nav-toggle ~ ul {
		margin:					0;
		padding:				0;
		list-style:				none;
		left:					100%;
		background:				var(--colour_white);
		width:					100%;
		z-index:				1;
		position:				absolute;
		top:					var(--mobMenuHeight);
		height:					calc(100vh - var(--mobMenuHeight));
	}
	#nav-toggle:checked ~ label {
		position:				fixed;
		z-index:				3;
		top:					38px;
	}
	#nav-toggle:checked ~ label .to-open {
		display:				none;
	}
	#nav-toggle:checked ~ label .to-close {
		display:				block;
	}
	#nav-toggle:checked ~ ul {
		left:					0;
		position:				fixed;
	}
	#nav-toggle ~ ul a {
		height:					calc( (100vh - var(--mobMenuHeight)) / var(--navSize) );
		text-align:				center;
		font-size:				20px;
		display:				block;
		line-height:			calc( (100vh - var(--mobMenuHeight)) / var(--navSize) );
		color:					var(--colour_white);
		background:				var(--colour_green_medium);
		text-transform:			uppercase;
	}
	#nav-toggle ~ ul .selected a {
		color:					var(--colour_green_light);
		text-decoration:		underline;
	}
	#nav-toggle ~ ul a:hover {
		color:					var(--colour_white);
	}
	#nav-toggle:checked ~ ul .selected a {
		background:				var(--colour_green_dark);
		color:					var(--colour_white);
		text-decoration:		none;
	}
	.location-and-spaces {
		display:				none;
		color:					var(--colour_green_light);
	}
	.opening-times {
		display:				none;
		color:					var(--colour_white);
	}
	.location-and-spaces img,
	.opening-times img {
		height:					21px;
		top:					3px;
		position:				relative;
	}
	.location-and-spaces img.paragraph-icon,
	.opening-times img.paragraph-icon {
		height:					24px;
		width:					auto;
		float:					left;
		position:				relative;
		top:					3px;
		margin-right:			3px;
		left:					-2px;
	}
	.location-and-spaces a {
		color:					var(--colour_green_light);
	}
	.location-and-spaces a:hover {
		color:					var(--colour_white);
	}
	.heart {
		color: 					var(--colour_green_light);
		font-weight:			bold;
		text-transform:			uppercase;
		display:				none;
	}

	.nav-link {
		display:				inline-block;
		vertical-align:			middle;
		height:					32px;
		position:				relative;
		top:					-5px;
		margin-left:			12px;
		margin-right:			15px;
		font-weight:			normal;
	}
	.nav-link:before {
		content:				"";
		font-family:			FontAwesome;
		color:					var(--colour_green_light);
		font-size:				32px;
	}

	.icon-fb:before{
		content:				"\f09a";
		font-size: 1.5em;
	}
	.icon-ig:before{
		content:				"\f16d";
		font-size: 1.5em;
	}
	.icon-tw:before{
		content:				"\e61b";
		font-size: 1.5em;
	}
	.nav-link span {
		position:				absolute;
		top:					0;
		left:					-3000vw;
	}
	.icon-tw {
		margin-right:			0;
	}
	.nav-link:hover:before{
		color:					var(--colour_white);
	}


/**
 * Home Page: Top;
 */
	main {
		margin-top:				82px;
	}
	.main {
		position:				relative;
		display:				flex;
		flex-direction:			row;
		height:					60vh;
		overflow:				hidden;
		margin-bottom:			10px;
		z-index:				1;
	}
	.main.without-video{
		height:					auto;
	}
	.main-content {
		position:				absolute;
		top:					0;
		left:					0;
		width:					100vw;
		min-width:				100vw;
		max-width:				100vw;
		bottom:					0;
		padding:				80px 20px;
		text-align:				center;
		z-index:				2;
		color:					var(--colour_white);
		text-transform:			uppercase;
		font-size:				58px;
		line-height:			1em;
	}
	.main-content h2 {
		font-size:				30px;
	}
	.main-content.header-graphic-present h1,
	.main-content.header-graphic-present h2{
		position:				absolute;
		left:					-3000px;
		top:					0;
	}
	.video {
		position:				absolute;
		height:					100%;
		width:					100%;
		z-index:				1;
		display:				flex;
	}
	.without-video .video {
		position:				relative;
	}
	.video video {
		position:				relative;
		width:					auto;
		height:					auto;
		object-fit:				cover;
		object-position:		center center;
		min-width:				100%;
		min-height:				100%;
	}
	.without-video .video img {
		position:				relative;
		width:					100%;
		height:					auto;
		object-fit:				contain;
		object-position:		center center;
		min-width:				100%;
		min-height:				100%;
	}
	.main .scroll-down {
		position:				absolute;
		bottom:					0;
		left:					50%;
		margin-left:			-25px;
		height:					50px;
	}
	.header-graphic-present {
		display:				flex;
		flex-direction:			column;
		min-height:				500px;
	}
	.header-graphic-present img {
		max-width:				100%;
		margin:					0 auto;
		display:				block;
		display:				none;
		max-width:				586px;
		margin-bottom:			50px;
	}
	.play-video {
		display:				block;
		display:				none;
		height:					75px;
		width:					75px;
		min-height:				75px;
		max-height:				75px;
		min-width:				75px;
		max-width:				75px;
		background:				url(https://assets.boltonmarketplace.co.uk/2022/03/play_circle_white_24dp@2x-2.png);
		background-size:		cover;
		background-position:	center center;
		border:					0;
		font-size:				0;
		line-height:			0;
		cursor:					pointer;
		margin:					0 auto;
		padding:				0;
	}
	.arrow-link {
		position:				absolute;
		left:					50%;
		bottom:					20px;
		width:					40px;
		height:					40px;
		display:				block;
		margin-left:			-20px;
		z-index:				3;
	}
	.arrow-link .arrow {
		background-image:		url(https://assets.boltonmarketplace.co.uk/2022/03/arrow_back_ios_new_black_24dp.svg);
		width:					40px;
		height:					20px;
		display:				block;
		background-position:	center -10px;
		background-size:		cover;
		background-repeat:		no-repeat;
	}
	.bounce {
		-webkit-animation: bounce 2s;
		        animation: bounce 2s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
	@-webkit-keyframes bounce {
		0%,
		25%,
		50%,
		75%,
		100% {
			-webkit-transform: translateY(0);
			        transform: translateY(0);
			-webkit-opacity: 0.8;
			opacity: 0.8;
		}
		40% {
			-webkit-transform: translateY(-20px);
			        transform: translateY(-20px);
			-webkit-opacity: 0.1;
			opacity: 0.1;
		}
		60% {
			-webkit-transform: translateY(-12px);
			        transform: translateY(-12px);
			-webkit-opacity: 0.1;
			opacity: 0.1;
		}
	}

	@keyframes bounce {
		0%,
		25%,
		50%,
		75%,
		100% {
			-webkit-transform: translateY(0);
			        transform: translateY(0);
			-webkit-opacity: 0.8;
			opacity: 0.8;
		}
		40% {
			-webkit-transform: translateY(-20px);
			        transform: translateY(-20px);
			-webkit-opacity: 0.1;
			opacity: 0.1;
		}
		60% {
			-webkit-transform: translateY(-12px);
			        transform: translateY(-12px);
			-webkit-opacity: 0.1;
			opacity: 0.1;
		}
	}
/**
 * Home Page: Sections;
 */
	.sections {
		margin-bottom:			10px;
	}
	.sections section {
		position:				relative;
		overflow:				hidden;
		height:					calc(100vw * calc(378 / 414));
		margin-bottom:			10px;
	}
	.sections .zoomable-image {
		position:					relative;
		width:						100vw;
		left:						0;
		top:						0;
		display:					block;
		height:						calc(100vw * calc(378 / 414));
		z-index:					1;
		transition-delay:			.1s;
		-webkit-animation:			zoompanel 2s;
		        animation:			zoompanel 2s;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
	}
	@-webkit-keyframes zoompanel {
		0% {-webkit-opacity:0;-moz-opacity:0;opacity:0;transform:scale(0);}
		50% {-webkit-opacity:0.65;-moz-opacity:0.65;opacity:0.65;transform:scale(1);}
		100% {-webkit-opacity:1;-moz-opacity:1;opacity:1;transform:scale(1);}
	}

	@keyframes zoompanel {
		0% {-webkit-opacity:0;-moz-opacity:0;opacity:0;transform:scale(0);}
		50% {-webkit-opacity:0.65;-moz-opacity:0.65;opacity:0.65;transform:scale(1);}
		100% {-webkit-opacity:1;-moz-opacity:1;opacity:1;transform:scale(1);}
	}
	.sections .zoomable-image:before {
		content:				'';
		position:				absolute;
		top:					0;
		left:					0;
		right:					0;
		bottom:					0;
		background:				rgba(81, 178, 189,0);
		transition:				all 0.5s;
		z-index:				2;
	}
	.sections h2 {
		position:				absolute;
		z-index:				2;
		text-transform:			uppercase;
		font-size:				1em;
		left:					20px;
		bottom:					20px;
		max-width:				calc(100% - 40px);
		text-shadow:			-1px 1px 1px rgba(0,0,0,0.4);
	}
	.sections a {
		color:					var(--colour_white);
		word-wrap:				break-word;
	}
	.headline-alignment-right h2 {
		left:					auto;
		right:					20px;
	}
	.headline{
		display:				block;
		font-size:				58px;
		line-height:			58px;
	}
	.subheadline{
		display:				inline-block;
		font-size:				16px;
		border-bottom:			5px solid var(--colour_white);
		line-height:			16px;
		padding-bottom:			10px;
	}
	.sections img {
		object-fit:				cover;
		object-position:		center center;
		display:				block;
		width:					100vw;
		height:					100vw;
		transition:				0.4s ease-in-out;
	}
	.sections section:hover .zoomable-image:before{
		background:				rgba(81, 178, 189, 0.4);
	}
	.sections section:hover img {
		transform:				scale(1.2);
	}

	.social-separator {
		padding:				80px 20px;
		background:				#E8E8E8;
	}
	.social-separator h2 {
		text-align:				center;
		font-size:				60px;
		max-height:				72px;
		margin-bottom:			25px;
	}
	.social-separator img,
	.social-separator svg {
		max-height:				72px;
		width:					auto;
		display:				block;
		margin:					0 auto;
		fill:					#EA533E;
	}
	.social-separator .social-body-copy {
		text-align:				center;
		font-size:				16px;
		line-height:			24px;
		max-width:				1080px;
		margin:					0 auto;
	}
	.social-posts {
		display:				flex;
		flex-direction:			column;
	}
	.social-posts figure {
		margin:					0;
		width:					100vw;
		background:				var(--colour_green_light);
		position:				relative;
	}
	.social-posts figure:nth-child(1) {
		background:				var(--colour_coral);
	}
	.social-posts figure:nth-child(2) {
		background:				var(--colour_blue_light);
	}
	.social-posts figure:nth-child(3) {
		background:				var(--colour_blue_dark);
	}
	.social-posts figure:nth-child(4) {
		background:				var(--colour_sand);
	}
	.social-posts .figure-wrapper img {
		width:					100%;
		display:				block;
	}
	.social-posts .social-tag {
		position:				absolute;
		top:					15px;
		right:					15px;
		z-index:				2;
	}
	.social-posts .social-tag img {
		width:					32px;
		height:					auto;
		display:				inline;
	}
	.social-posts figcaption {
		padding:				25px;
		color:					white;
		font-size:				16px;
		line-height:			1.2em;
	}
	.social-posts figcaption > div:first-child {
		padding-bottom:			25px;
		text-transform:			uppercase;
	}
	.social-posts figcaption > div:first-child:after{
		content:				"";
		display:				block;
		clear:					both;
	}
	.social-posts figcaption > div:first-child h2 {
		padding-bottom:			5px;
		font-size:				16px;
	}
	.social-posts figcaption > div:first-child p {
		color:					rgba(255,255,255,0.8);
		font-size:				16px;
		font-weight:			800;
	}
	.social-posts figcaption > div:first-child img {
		float:					left;
		width:					105px;
	}
	.social-posts figcaption > div:first-child div {
		float:					right;
		width:					calc(100% - 135px);
		padding-top:			15px;
	}
	.social-posts figcaption > div:last-child {
	}
	.social-posts figcaption > div:last-child p {
		padding-bottom:			15px;
		line-height:			1.4em;
		font-size:				18px;
	}
	.social-posts figcaption > div:last-child p a {
		color:					white;
	}

	#sb_instagram{}
	#sbi_images{display:flex;flex-direction:column;gap:10px;padding:0 !important;}
	.sbi_item{width:100vw;max-width:100vw;min-width:100vw;height:100vw;}
	.sbi_photo{display:block;position:relative;width:100vw;max-width:100vw;min-width:100vw;height:100vw;background-size:cover;background-position:center center;}
	.sbi_photo span {position:absolute;bottom:0;left:0;width:100%;padding:25px;background:#36363680;color:white;display:block;z-index:2;text-align:center;line-height:1.5em;}
	.sbi_photo svg{display:none;}

	@media all and (min-width:640px) {
		#sbi_images{flex-direction:row;flex-wrap:wrap;}
		.sbi_item{width:calc(50vw - 5px);max-width:calc(50vw - 5px);min-width:calc(50vw - 5px);height:calc(50vw - 5px);}
		.sbi_photo{width:100%;max-width:100%;min-width:100%;height:calc(50vw - 5px);}
	}

	@media all and (min-width:1000px) {
		.sbi_item{width:calc(33.33vw - 7px);max-width:calc(33.33vw - 7px);min-width:calc(33.33vw - 7px);height:calc(33.33vw - 7px);}
		.sbi_photo{width:100%;max-width:100%;min-width:100%;height:calc(33.33vw - 7px);}
	}

	@media all and (min-width:1400px) {
		.sbi_item{width:calc(25vw - 7.5px);max-width:calc(25vw - 7.5px);min-width:calc(25vw - 7.5px);height:calc(25vw - 7.5px);}
		.sbi_photo{width:100%;max-width:100%;min-width:100%;height:calc(25vw - 7.5px);}
	}

/**
 * Home Page: Social Feed;
 */
	aside {
		background:				var(--colour_green_dark);
		padding:				60px 20px;
		text-align:				center;
		overflow-x:				hidden;
		position:				relative;
	}
	aside .logos {
		display:				block;
		width:					5000%;
		position:				relative;
	}
	aside .logos:after{
		content:				"";
		clear:					both;
		display:				block;
	}
	aside .img {
		float:					left;
		width:					320px;
	}
	aside img {
		margin:					0;
		height:					30px;
		transform:				scale(0);
		transition:				all 1s ease;
		-webkit-opacity:		0;
		-moz-opacity:			0;
		opacity:				0;
	}
	aside img.visible {
		transform:				scale(1);
		-webkit-opacity:		1;
		-moz-opacity:			1;
		opacity:				1;
	}

/**
 * Static Pages
 */
	.static-page-body {
		padding:				60px 20px;
		max-width:				1340px;
		line-height:			1.4em;
		margin:					0 auto;
	}
	.static-page-body:after{
		content:				"";
		clear:					both;
		display:				block;
	}
	.static-page-body h1 {
		padding-bottom:			15px;
		line-height:			1.4em;
	}
	.static-page-body h2 {
		padding-top:			30px;
		padding-bottom:			15px;
		line-height:			1.4em;
	}
	.static-page-body h3 {
		padding-top:			30px;
		padding-bottom:			15px;
	}
	.static-page-body h2:first-of-type {
		padding-top:			0;
	}
	.static-page-body h3 {
		font-size:				28px;
		font-weight:			600;
		line-height:			33.6px;
		margin-bottom:			16px;
		text-transform:			uppercase;
	}
	.static-page-body h4 {
		font-size:				24px;
		font-weight:			600;
		line-height:			28.8px;
		margin-bottom:			16px;
		text-transform:			uppercase;
	}
	.static-page-body p {
		padding-bottom:			15px;
	}
	.static-page-body p + h3 {
		padding-top:			25px;
	}
	.static-page-body p + h4 {
		padding-top:			15px;
	}
	.static-page-body fieldset {
		border:					0;
		margin:					0;
		padding:				0;
	}
	.static-page-body form {
		margin-top:				30px;
		border-top:				1px solid #e1e2e3;
		padding-top:			30px;
	}
	.static-page-body .fields-two {
		display:				flex;
		flex-direction:			column;
	}
	.static-page-body .fields-two label {
		margin-bottom:			8px;
		border:					2px solid #e1e2e3;
		-webkit-border-radius:	3px;
		-moz-border-radius:		3px;
		-ms-border-radius:		3px;
		border-radius:			3px;
		display:				block;
	}
	.static-page-body .fields-two input {
		border:					0;
		margin:					0;
		padding:				10px;
		line-height:			2em;
		font-family:			Poppins;
		font-size:				16px;
		-webkit-outline:		none;
		outline:				none;
		width:					100%;
		display:				block;
	}
	.static-page-body .fields-textarea {
		margin-bottom:			8px;
	}
	.static-page-body .fields-textarea label {
		margin-bottom:			8px;
		border:					2px solid #e1e2e3;
		-webkit-border-radius:	3px;
		-moz-border-radius:		3px;
		-ms-border-radius:		3px;
		border-radius:			3px;
		display:				block;
	}
	.static-page-body .fields-textarea textarea {
		border:					0;
		margin:					0;
		padding:				10px;
		line-height:			2em;
		font-family:			Poppins;
		font-size:				16px;
		-webkit-outline:		none;
		outline:				none;
		width:					100%;
		display:				block;
	}
	.static-page-body .label {
		position:				absolute;
		top:					0;
		left:					-3000%;
	}
	.static-page-body .submit-line{
		padding-top:			6px;
	}
	.static-page-body .btn-submit {
		margin:					0;
		padding:				10px 20px;
		-webkit-border-radius:	3px;
		-moz-border-radius:		3px;
		-ms-border-radius:		3px;
		border-radius:			3px;
		border:					0;
		line-height:			2em;
		color:					white;
		background:				var(--colour_green_light);
		font-family:			Poppins;
		font-size:				16px;
		cursor:					pointer;
	}
	.static-page-body .btn-submit:hover {
		background:				var(--colour_green_medium);
	}
	.static-page-body a {
		color:					var(--colour_green_light);
		font-weight:			700;
		font-size:				16px;
	}
	.static-page-body a:hover {
		color:					var(--colour_green_medium);
	}

/**
 * Header Styles
 */
	.top-header {
		text-align:				center;
		background:				var(--colour_green_light);
	}
	.top-header.with-header-image {
		/*background-size:		cover;
		background-position:	center top;*/
		/*padding-top:			280px;*/
		/*background-repeat:		no-repeat;
		height:					calc(100vw * 803/1922);*/
		/*max-height:				500px;*/
		position:				relative;
	}
	.top-header.with-header-image img {
		width: 100%;
		display: block;
	}
	.top-header h1,
	.section-banner h1 {
		padding-top:			50px;
		font-size:				48px;
		line-height:			1.2;
		text-transform:			uppercase;
		font-weight:			100;
		color:					var(--colour_white);
		padding-bottom:			50px;
		text-align:				center;
	}
	/*.top-header.with-header-image h1 {
		background:				rgba(0,0,0,0.7);
		color:					white;
		padding:				10px 0;
		position:				absolute;
		left:					0;
		width:					100%;
		bottom:					0;
	}*/
	.top-subheader h2 {
		font-size:				28px;
		font-weight:			600;
		line-height:			33.6px;
		margin-bottom:			32px;
		margin-top:				0;
		text-transform:			uppercase;
		padding-top:			48px;
		text-align:				center;
	}
	.top-subheader h2:empty {
		display:				none;
	}
	.top-subheader .headline-content {
		padding-top:			48px;
		line-height:			1.5;
		max-width:				1380px;
		padding-left:			20px;
		padding-right:			20px;
		margin:					0 auto 32px;
		font-size:				16px;
		font-weight:			100;
	}
	.top-subheader .headline-content:empty(){
		display:				none;
	}
	.top-subheader h2 ~ .headline-content {
		padding-top:			0;
	}

/**
 * Shop Navigation
 */
	.shop-nav {
		max-width:				calc(100% - 40px);
		margin:					0 auto;
	}
	.shop-nav nav {

	}
	.shop-nav ul {
		margin-bottom:			2rem;
		display:				flex;
		flex-wrap:				wrap;
		justify-content:		center;
		padding-left:			0;
		list-style:				none;
	}
	.shop-nav li {
		margin-bottom:			10px;
	}
	.shop-nav a {
		color:					#96c760;
		position:				relative;
		display:				block;
		padding:				.5rem .75rem;
		margin-left:			-1px;
		line-height:			1.25;
		color:					var(--colour_green_light);
		background-color:		#fff;
		border:					1px solid #dee2e6;
	}
	.shop-nav li.disabled a {
		color:					#6c757d;
		pointer-events:			none;
		cursor:					auto;
		background-color:		#fff;
		border-color:			#dee2e6;
	}
	.shop-list {
		padding:				0px 0px 120px;
		display:				flex;
		flex-wrap:				wrap;
		flex-direction:			column;
		margin:					0 auto;
	}
	.shop-thumbnail {
		display:				block;
		transition:				all 0.5s ease;
		z-index:				1;
	}
	.shop-thumbnail:nth-child(odd) {
		background:				var(--colour_green_light);
	}
	.shop-thumbnail:nth-child(even) {
		background:				var(--colour_green_dark);
	}
	.shop-thumbnail a {
		display:				flex;
		justify-content:		center;
		align-items:			center;
		height: 				100%;
		width:					100%;
		position:				relative;
	}
	.shop-thumbnail img {
		display:				block;
		width:					55%;
		transform:				scale(0.9);
		transition:				all 1s ease;
	}
	.shop-thumbnail:hover {
		z-index:				2;
	}
	.shop-thumbnail:hover a img {
		transform:				scale(1.2);
	}
	.shop-thumbnail .thumb-label {
		position:				absolute;
		bottom:					25px;
		left:					25px;
		display:				block;
	}
	.shop-thumbnail .filter-label {
		display:				block;
	}
	.shop-thumbnail .shop-title {
		display:				block;
	}
	.shop-thumbnail .find-out-more {
		display:				inline-block;
		border-bottom-width:	1px;
		border-bottom-style:	solid;
		padding-bottom:			8px;
	}
	.shop-thumbnail:nth-child(odd) .filter-label {
		color:					var(--colour_green_dark);
		font-size:				13px;
	}
	.shop-thumbnail:nth-child(even) .filter-label {
		color:					var(--colour_green_light);
		font-size:				13px;
	}
	.shop-thumbnail:nth-child(odd) .shop-title {
		color:					var(--colour_green_dark);
		font-weight:			800;
		font-size:				18px;
		padding:				10px 0;
	}
	.shop-thumbnail:nth-child(even) .shop-title {
		color:					var(--colour_green_light);
		font-weight:			800;
		font-size:				18px;
		padding:				10px 0;
	}
	.shop-thumbnail:nth-child(odd) .find-out-more {
		color:					var(--colour_green_dark);
		border-bottom-color:	var(--colour_green_dark);
		font-size:				13px;
	}
	.shop-thumbnail:nth-child(even) .find-out-more {
		color:					var(--colour_green_light);
		border-bottom-color:	var(--colour_green_light);
		font-size:				13px;
	}
	.shop-thumbnail:nth-child(odd):hover .find-out-more,
	.shop-thumbnail:nth-child(even):hover .find-out-more {
		color:					white;
		border-bottom-color:	white;
	}

/**
 * Store Details
 */
	.section-banner {
		background:				var(--colour_green_light);
	}
	.store {
		padding:				30px 29px;
		max-width:				1240px;
		margin:					0 auto;
	}
	.store:after {
		clear:					both;
		content:				"";
		display:				block;
	}
	.store .images {
		padding-bottom:			23px;
	}
	.store .images:after{
		content:				"";
		display:				block;
		clear:					both;
	}
	.store figure {
		margin:					0;
		max-width:				445px;
		overflow:				hidden;
		position:				relative;
	}
	.store figure img {
		display:				block;
		width:					100%;
	}
	.store figcaption {
		position:				absolute;
		top:					0;
		left:					-3000%;
	}
	.store .images[data-count="2"] figure:first-child {
		float:					left;
		width:					50%;
	}
	.store .images[data-count="2"] figure:last-child {
		float:					right;
		width:					50%;
	}
	.store h2 {
		font-size:				29px;
		line-height:			36px;
		padding-bottom:			24px;
		border-bottom:			1px solid #838383;
		margin-bottom:			24px;
	}
	.store .store-content {
		font-size:				16px;
		font-weight:			bold;
		line-height:			24px;
		letter-spacing:			-0.17px;
		color:					var(--colour_black);
	}
	.store .store-content p {
		padding-bottom:			15px;
		font-weight:			500;
	}
	.store .store-content a {
		color:					var(--colour_green_light);
		font-weight:			700;
		font-size:				16px;
	}
	.store .store-content a:hover {
		color:					var(--colour_green_medium);
	}
	.store .post-links {
		padding-top:			20px;
	}
	.store .post-links h3 {
		font-weight:			700;
		font-size:				16px;
	}
	.store .post-links a {
		color:					var(--colour_green_light);
		font-weight:			700;
		font-size:				16px;
	}
	.store .post-links a:hover {
		color:					var(--colour_green_medium);
	}
	.store .post-links p {
		padding-bottom:			20px;
	}
	.store .post-links p.social-link img {
		vertical-align:			middle;
		height:					24px;
		width:					24px;
	}
	.store .post-breadcrumb {
		padding-top:			20px;
	}
	.store .post-breadcrumb h4 {
		font-size:				20px;
		font-weight:			700;
		padding-bottom:			20px;
	}
	.store .post-breadcrumb p {
		margin:					0;
		padding-bottom:			20px;
		font-size:				26px;
	}
	.store .post-breadcrumb a {
		color:					var(--colour_green_light);
		font-weight:			700;
		font-size:				16px;
	}
	.store .post-breadcrumb a:hover{
		color:					var(--colour_green_medium);
	}
	.store .post-breadcrumb p:last-child {
		border-bottom:			1px solid black;
		display:				inline-block;
	}
	.store .post-breadcrumb h5 {
		font-size:				29px;
		line-height:			36px;
	}

/**
 * Visit Page
 */
	.sub-page-nav ul {
		margin:					0;
		padding:				0;
		list-style:				none;
	}
	.sub-page-nav li {
		position:				relative;
	}
	.sub-page-nav a {
		display:				block;
		margin-left:			45px;
		line-height:			36px;
		font-size:				20px;
		margin-bottom:			12px;
	}
	.sub-page-nav li.selected a {
		color:					var(--colour_green_dark);
	}
	.sub-page-nav img {
		position:				absolute;
		left:					0;
		top:					0;
		height: 				36px;
	}
	.inner-page-content {
		padding-top:			60px;
	}

	@media all and (min-width: 860px) {
		.sub-page-nav {
			float:				left;
			width:				320px;
			padding-top:		28px;
		}
		.inner-page-content {
			float:				left;
			width:				calc(100% - 360px);
			border-left:		1px solid black;
			padding-top:		0;
			padding-left:		40px;
			padding-right:		20px;
			max-width:			1000px;
		}
	}

/**
 * Getting Here Page
 */
	.opening-times-block{
		float:					left;
	}
	.opening-times-block table{
		width:					100%;
	}
	.opening-times-block img {
		vertical-align:			bottom;
	}


/**
 * Map CSS
 */
	.store-map {
		padding-top:			20px;
		clear:					both;
	}
	#map-ground-floor{
		overflow:				hidden;
		height:					687px;
		width:					320px;
		position:				relative;
		margin:					0 auto;
	}
	#map-ground-floor svg {
		position:				absolute;
		left:					-154px;
		top:					-114px;
		width:					654px;
	}
	#map-ground-upper{
		overflow:				hidden;
		height:					746px;
		width:					320px;
		position:				relative;
		margin:					0 auto;
	}
	#map-ground-upper svg {
		position:				absolute;
		left:					-184px;
		top:					-152px;
		width:					700px;
	}
	#map-vaults-floor{
		overflow:				hidden;
		height:					289px;
		width:					320px;
		position:				relative;
		margin:					0 auto;
	}
	#map-vaults-floor svg {
		position:				absolute;
		left:					-28px;
		top:					-36px;
		width:					380px;
	}

	.store-map[data-unit="1"] #UNIT_x5F_1,
	.store-map[data-unit="2"] #UNIT_x5F_2,
	.store-map[data-unit="3"] #UNIT_x5F_3,
	.store-map[data-unit="4"] #UNIT_x5F_4,
	.store-map[data-unit="5"] #UNIT_x5F_5,
	.store-map[data-unit="6"] #UNIT_x5F_6,
	.store-map[data-unit="7"] #UNIT_x5F_7,
	.store-map[data-unit="8"] #UNIT_x5F_8,
	.store-map[data-unit="9"] #UNIT_x5F_9,
	.store-map[data-unit="10"] #UNIT_x5F_10,
	.store-map[data-unit="11"] #UNIT_x5F_11,
	.store-map[data-unit="12"] #UNIT_x5F_12,
	.store-map[data-unit="13"] #UNIT_x5F_13,
	.store-map[data-unit="14"] #UNIT_x5F_14,
	.store-map[data-unit="15"] #UNIT_x5F_15,
	.store-map[data-unit="16"] #UNIT_x5F_16,
	.store-map[data-unit="17"] #UNIT_x5F_17,
	.store-map[data-unit="18"] #UNIT_x5F_18,
	.store-map[data-unit="19"] #UNIT_x5F_19,
	.store-map[data-unit="20"] #UNIT_x5F_20,
	.store-map[data-unit="21"] #UNIT_x5F_21,
	.store-map[data-unit="22"] #UNIT_x5F_22,
	.store-map[data-unit="23"] #UNIT_x5F_23,
	.store-map[data-unit="24"] #UNIT_x5F_24,
	.store-map[data-unit="25"] #UNIT_x5F_25,
	.store-map[data-unit="26"] #UNIT_x5F_26,
	.store-map[data-unit="27"] #UNIT_x5F_27,
	.store-map[data-unit="28"] #UNIT_x5F_28,
	.store-map[data-unit="29"] #UNIT_x5F_29,
	.store-map[data-unit="30"] #UNIT_x5F_30,
	.store-map[data-unit="31"] #UNIT_x5F_31,
	.store-map[data-unit="32"] #UNIT_x5F_32,
	.store-map[data-unit="33"] #UNIT_x5F_33,
	.store-map[data-unit="34"] #UNIT_x5F_34,
	.store-map[data-unit="35"] #UNIT_x5F_35,
	.store-map[data-unit="36"] #UNIT_x5F_36,
	.store-map[data-unit="37"] #UNIT_x5F_37,
	.store-map[data-unit="38"] #UNIT_x5F_38,
	.store-map[data-unit="39"] #UNIT_x5F_39,
	.store-map[data-unit="40"] #UNIT_x5F_40,
	.store-map[data-unit="10"] #UNIT_x5F_41,
	.store-map[data-unit="20"] #UNIT_x5F_42,
	.store-map[data-unit="30"] #UNIT_x5F_43,
	.store-map[data-unit="40"] #UNIT_x5F_44,
	.store-map[data-unit="50"] #UNIT_x5F_45,
	.store-map[data-unit="60"] #UNIT_x5F_46,
	.store-map[data-unit="70"] #UNIT_x5F_47,
	.store-map[data-unit="80"] #UNIT_x5F_48,
	.store-map[data-unit="90"] #UNIT_x5F_49,
	.store-map[data-unit="50"] #UNIT_x5F_50,
	.store-map[data-unit="51"] #UNIT_x5F_51,
	.store-map[data-unit="52"] #UNIT_x5F_52,
	.store-map[data-unit="53"] #UNIT_x5F_53,
	.store-map[data-unit="54"] #UNIT_x5F_54,
	.store-map[data-unit="55"] #UNIT_x5F_55,
	.store-map[data-unit="56"] #UNIT_x5F_56,
	.store-map[data-unit="57"] #UNIT_x5F_57,
	.store-map[data-unit="58"] #UNIT_x5F_58,
	.store-map[data-unit="59"] #UNIT_x5F_59,
	.store-map[data-unit="60"] #UNIT_x5F_60,
	.store-map[data-unit="61"] #UNIT_x5F_61,
	.store-map[data-unit="62"] #UNIT_x5F_62,
	.store-map[data-unit="63"] #UNIT_x5F_63,
	.store-map[data-unit="64"] #UNIT_x5F_64,
	.store-map[data-unit="65"] #UNIT_x5F_65,
	.store-map[data-unit="66"] #UNIT_x5F_66,
	.store-map[data-unit="67"] #UNIT_x5F_67,
	.store-map[data-unit="68"] #UNIT_x5F_68,
	.store-map[data-unit="69"] #UNIT_x5F_69,
	.store-map[data-unit="70"] #UNIT_x5F_70,
	.store-map[data-unit="71"] #UNIT_x5F_71,
	.store-map[data-unit="72"] #UNIT_x5F_72,
	.store-map[data-unit="73"] #UNIT_x5F_73,
	.store-map[data-unit="74"] #UNIT_x5F_74{
		cursor:					pointer;
		z-index:				10;
	}
	.store-map[data-unit="1"] #UNIT_x5F_1 path,		.store-map[data-unit="1"] #UNIT_x5F_1 rect,
	.store-map[data-unit="2"] #UNIT_x5F_2 path,		.store-map[data-unit="2"] #UNIT_x5F_2 rect,
	.store-map[data-unit="3"] #UNIT_x5F_3 path,		.store-map[data-unit="3"] #UNIT_x5F_3 rect,
	.store-map[data-unit="4"] #UNIT_x5F_4 path,		.store-map[data-unit="4"] #UNIT_x5F_4 rect,
	.store-map[data-unit="5"] #UNIT_x5F_5 path,		.store-map[data-unit="5"] #UNIT_x5F_5 rect,
	.store-map[data-unit="6"] #UNIT_x5F_6 path,		.store-map[data-unit="6"] #UNIT_x5F_6 rect,
	.store-map[data-unit="7"] #UNIT_x5F_7 path,		.store-map[data-unit="7"] #UNIT_x5F_7 rect,
	.store-map[data-unit="8"] #UNIT_x5F_8 path,		.store-map[data-unit="8"] #UNIT_x5F_8 rect,
	.store-map[data-unit="9"] #UNIT_x5F_9 path,		.store-map[data-unit="9"] #UNIT_x5F_9 rect,
	.store-map[data-unit="10"] #UNIT_x5F_10 path,	.store-map[data-unit="10"] #UNIT_x5F_10 rect,
	.store-map[data-unit="11"] #UNIT_x5F_11 path,	.store-map[data-unit="11"] #UNIT_x5F_11 rect,
	.store-map[data-unit="12"] #UNIT_x5F_12 path,	.store-map[data-unit="12"] #UNIT_x5F_12 rect,
	.store-map[data-unit="13"] #UNIT_x5F_13 path,	.store-map[data-unit="13"] #UNIT_x5F_13 rect,
	.store-map[data-unit="14"] #UNIT_x5F_14 path,	.store-map[data-unit="14"] #UNIT_x5F_14 rect,
	.store-map[data-unit="15"] #UNIT_x5F_15 path,	.store-map[data-unit="15"] #UNIT_x5F_15 rect,
	.store-map[data-unit="16"] #UNIT_x5F_16 path,	.store-map[data-unit="16"] #UNIT_x5F_16 rect,
	.store-map[data-unit="17"] #UNIT_x5F_17 path,	.store-map[data-unit="17"] #UNIT_x5F_17 rect,
	.store-map[data-unit="18"] #UNIT_x5F_18 path,	.store-map[data-unit="18"] #UNIT_x5F_18 rect,
	.store-map[data-unit="19"] #UNIT_x5F_19 path,	.store-map[data-unit="19"] #UNIT_x5F_19 rect,
	.store-map[data-unit="20"] #UNIT_x5F_20 path,	.store-map[data-unit="20"] #UNIT_x5F_20 rect,
	.store-map[data-unit="21"] #UNIT_x5F_21 path,	.store-map[data-unit="21"] #UNIT_x5F_21 rect,
	.store-map[data-unit="22"] #UNIT_x5F_22 path,	.store-map[data-unit="22"] #UNIT_x5F_22 rect,
	.store-map[data-unit="23"] #UNIT_x5F_23 path,	.store-map[data-unit="23"] #UNIT_x5F_23 rect,
	.store-map[data-unit="24"] #UNIT_x5F_24 path,	.store-map[data-unit="24"] #UNIT_x5F_24 rect,
	.store-map[data-unit="25"] #UNIT_x5F_25 path,	.store-map[data-unit="25"] #UNIT_x5F_25 rect,
	.store-map[data-unit="26"] #UNIT_x5F_26 path,	.store-map[data-unit="26"] #UNIT_x5F_26 rect,
	.store-map[data-unit="27"] #UNIT_x5F_27 path,	.store-map[data-unit="27"] #UNIT_x5F_27 rect,
	.store-map[data-unit="28"] #UNIT_x5F_28 path,	.store-map[data-unit="28"] #UNIT_x5F_28 rect,
	.store-map[data-unit="29"] #UNIT_x5F_29 path,	.store-map[data-unit="29"] #UNIT_x5F_29 rect,
	.store-map[data-unit="30"] #UNIT_x5F_30 path,	.store-map[data-unit="30"] #UNIT_x5F_30 rect,
	.store-map[data-unit="31"] #UNIT_x5F_31 path,	.store-map[data-unit="31"] #UNIT_x5F_31 rect,
	.store-map[data-unit="32"] #UNIT_x5F_32 path,	.store-map[data-unit="32"] #UNIT_x5F_32 rect,
	.store-map[data-unit="33"] #UNIT_x5F_33 path,	.store-map[data-unit="33"] #UNIT_x5F_33 rect,
	.store-map[data-unit="34"] #UNIT_x5F_34 path,	.store-map[data-unit="34"] #UNIT_x5F_34 rect,
	.store-map[data-unit="35"] #UNIT_x5F_35 path,	.store-map[data-unit="35"] #UNIT_x5F_35 rect,
	.store-map[data-unit="36"] #UNIT_x5F_36 path,	.store-map[data-unit="36"] #UNIT_x5F_36 rect,
	.store-map[data-unit="37"] #UNIT_x5F_37 path,	.store-map[data-unit="37"] #UNIT_x5F_37 rect,
	.store-map[data-unit="38"] #UNIT_x5F_38 path,	.store-map[data-unit="38"] #UNIT_x5F_38 rect,
	.store-map[data-unit="39"] #UNIT_x5F_39 path,	.store-map[data-unit="39"] #UNIT_x5F_39 rect,
	.store-map[data-unit="40"] #UNIT_x5F_40 path,	.store-map[data-unit="40"] #UNIT_x5F_40 rect,
	.store-map[data-unit="41"] #UNIT_x5F_41 path,	.store-map[data-unit="41"] #UNIT_x5F_41 rect,
	.store-map[data-unit="42"] #UNIT_x5F_42 path,	.store-map[data-unit="42"] #UNIT_x5F_42 rect,
	.store-map[data-unit="43"] #UNIT_x5F_43 path,	.store-map[data-unit="43"] #UNIT_x5F_43 rect,
	.store-map[data-unit="44"] #UNIT_x5F_44 path,	.store-map[data-unit="44"] #UNIT_x5F_44 rect,
	.store-map[data-unit="45"] #UNIT_x5F_45 path,	.store-map[data-unit="45"] #UNIT_x5F_45 rect,
	.store-map[data-unit="46"] #UNIT_x5F_46 path,	.store-map[data-unit="46"] #UNIT_x5F_46 rect,
	.store-map[data-unit="47"] #UNIT_x5F_47 path,	.store-map[data-unit="47"] #UNIT_x5F_47 rect,
	.store-map[data-unit="48"] #UNIT_x5F_48 path,	.store-map[data-unit="48"] #UNIT_x5F_48 rect,
	.store-map[data-unit="49"] #UNIT_x5F_49 path,	.store-map[data-unit="49"] #UNIT_x5F_49 rect,
	.store-map[data-unit="50"] #UNIT_x5F_50 path,	.store-map[data-unit="50"] #UNIT_x5F_50 rect,
	.store-map[data-unit="51"] #UNIT_x5F_51 path,	.store-map[data-unit="51"] #UNIT_x5F_51 rect,
	.store-map[data-unit="52"] #UNIT_x5F_52 path,	.store-map[data-unit="52"] #UNIT_x5F_52 rect,
	.store-map[data-unit="53"] #UNIT_x5F_53 path,	.store-map[data-unit="53"] #UNIT_x5F_53 rect,
	.store-map[data-unit="54"] #UNIT_x5F_54 path,	.store-map[data-unit="54"] #UNIT_x5F_54 rect,
	.store-map[data-unit="55"] #UNIT_x5F_55 path,	.store-map[data-unit="55"] #UNIT_x5F_55 rect,
	.store-map[data-unit="56"] #UNIT_x5F_56 path,	.store-map[data-unit="56"] #UNIT_x5F_56 rect,
	.store-map[data-unit="57"] #UNIT_x5F_57 path,	.store-map[data-unit="57"] #UNIT_x5F_57 rect,
	.store-map[data-unit="58"] #UNIT_x5F_58 path,	.store-map[data-unit="58"] #UNIT_x5F_58 rect,
	.store-map[data-unit="59"] #UNIT_x5F_59 path,	.store-map[data-unit="59"] #UNIT_x5F_59 rect,
	.store-map[data-unit="60"] #UNIT_x5F_60 path,	.store-map[data-unit="60"] #UNIT_x5F_60 rect,
	.store-map[data-unit="61"] #UNIT_x5F_61 path,	.store-map[data-unit="61"] #UNIT_x5F_61 rect,
	.store-map[data-unit="62"] #UNIT_x5F_62 path,	.store-map[data-unit="62"] #UNIT_x5F_62 rect,
	.store-map[data-unit="63"] #UNIT_x5F_63 path,	.store-map[data-unit="63"] #UNIT_x5F_63 rect,
	.store-map[data-unit="64"] #UNIT_x5F_64 path,	.store-map[data-unit="64"] #UNIT_x5F_64 rect,
	.store-map[data-unit="65"] #UNIT_x5F_65 path,	.store-map[data-unit="65"] #UNIT_x5F_65 rect,
	.store-map[data-unit="66"] #UNIT_x5F_66 path,	.store-map[data-unit="66"] #UNIT_x5F_66 rect,
	.store-map[data-unit="67"] #UNIT_x5F_67 path,	.store-map[data-unit="67"] #UNIT_x5F_67 rect,
	.store-map[data-unit="68"] #UNIT_x5F_68 path,	.store-map[data-unit="68"] #UNIT_x5F_68 rect,
	.store-map[data-unit="69"] #UNIT_x5F_69 path,	.store-map[data-unit="69"] #UNIT_x5F_69 rect,
	.store-map[data-unit="70"] #UNIT_x5F_70 path,	.store-map[data-unit="70"] #UNIT_x5F_70 rect,
	.store-map[data-unit="71"] #UNIT_x5F_71 path,	.store-map[data-unit="71"] #UNIT_x5F_71 rect,
	.store-map[data-unit="72"] #UNIT_x5F_72 path,	.store-map[data-unit="72"] #UNIT_x5F_72 rect,
	.store-map[data-unit="73"] #UNIT_x5F_73 path,	.store-map[data-unit="73"] #UNIT_x5F_73 rect,
	.store-map[data-unit="74"] #UNIT_x5F_74 path,	.store-map[data-unit="74"] #UNIT_x5F_74 rect,
	.store-map[data-unit="75"] #UNIT_x5F_75 path,	.store-map[data-unit="75"] #UNIT_x5F_75 rect,
	.store-map[data-unit="76"] #UNIT_x5F_76 path,	.store-map[data-unit="76"] #UNIT_x5F_76 rect,
	.store-map[data-unit="77"] #UNIT_x5F_77 path,	.store-map[data-unit="77"] #UNIT_x5F_77 rect,
	.store-map[data-unit="78"] #UNIT_x5F_78 path,	.store-map[data-unit="78"] #UNIT_x5F_78 rect,
	.store-map[data-unit="79"] #UNIT_x5F_79 path,	.store-map[data-unit="79"] #UNIT_x5F_79 rect
	{
		fill:					var(--colour_green_dark);
		-webkit-opacity:		0.8;
		-moz-opacity:			0.8;
		opacity:				0.8;
	}
	#map-ground-floor .st0{fill:#EDEDED;}
	#map-ground-floor .st1{fill:#EDEDED;stroke:#878787;stroke-width:0.75;stroke-miterlimit:10;}
	#map-ground-floor .st2{fill:#9D9D9C;}
	#map-ground-floor .st3{fill:#28AEBB;}
	#map-ground-floor .st4{fill:#EDEDED;stroke:#878787;stroke-width:0.938;stroke-miterlimit:10;}
	#map-ground-floor .st5{fill:#EDEDED;stroke:#878787;stroke-width:0.9375;stroke-miterlimit:10;}
	#map-ground-floor .st6{fill:#FFFFFF;}
	#map-ground-floor .st7{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
	#map-ground-floor .st8{fill:#FBB712;}
	#map-ground-floor .st9{fill:none;stroke:#FFFFFF;stroke-width:1.1989;stroke-linecap:round;stroke-linejoin:round;}
	#map-ground-floor .st10{fill:none;stroke:#FBB712;stroke-width:1.1989;}
	#map-ground-floor .st11{fill:none;stroke:#FFFFFF;stroke-width:0.6906;}
	#map-ground-floor .st12{fill:#FBB712;stroke:#FBB712;}
	#map-ground-floor .st13{fill:none;stroke:#FFFFFF;stroke-width:0.7212;}

	#map-ground-upper .st0{display:none;}
	#map-ground-upper .st1{display:inline;fill:#EDEDED;}
	#map-ground-upper .st2{display:inline;fill:#EDEDED;stroke:#878787;stroke-width:0.3863;stroke-miterlimit:10;}
	#map-ground-upper .st3{display:inline;}
	#map-ground-upper .st4{fill:#9D9D9C;}
	#map-ground-upper .st5{display:inline;fill:#28AEBB;}
	#map-ground-upper .st6{fill:#28AEBB;}
	#map-ground-upper .st7{display:inline;fill:#EDEDED;stroke:#878787;stroke-width:0.6332;stroke-miterlimit:10;}
	#map-ground-upper .st8{display:inline;fill:#EDEDED;stroke:#878787;stroke-width:0.4828;stroke-miterlimit:10;}
	#map-ground-upper .st9{display:inline;fill:#FFFFFF;}
	#map-ground-upper .st10{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
	#map-ground-upper .st11{fill:#EA523E;}
	#map-ground-upper .st12{fill:#FFFFFF;}
	#map-ground-upper .st13{fill:none;stroke:#FFFFFF;stroke-width:0.6175;stroke-linecap:round;stroke-linejoin:round;}
	#map-ground-upper .st14{fill:none;stroke:#EA523E;stroke-width:0.6175;}
	#map-ground-upper .st15{fill:none;stroke:#FFFFFF;stroke-width:0.3557;}
	#map-ground-upper .st16{fill:none;stroke:#FFFFFF;stroke-width:0.3715;}
	#map-ground-upper .st17{fill:#EDEDED;}
	#map-ground-upper .st18{fill:#EA543F;}
	#map-ground-upper .st19{fill:#FBB712;}
	#map-ground-upper .st20{fill:none;stroke:#FFFFFF;stroke-width:0.7212;}
	#map-ground-upper .st21{fill:#FBB715;}

	#map-vaults-floor .st0{fill:#EDEDED;}
	#map-vaults-floor .st1{fill:#372D56;}
	#map-vaults-floor .st2{fill:#FFFFFF;}
	#map-vaults-floor .st3{fill:#FBB712;}
	#map-vaults-floor .st4{fill:#FBB715;}
	#map-vaults-floor .st5{fill:none;stroke:#FFFFFF;stroke-width:2.0724;stroke-linecap:round;stroke-linejoin:round;}
	#map-vaults-floor .st6{fill:none;stroke:#FBB712;stroke-width:2.0724;}
	#map-vaults-floor .st7{fill:none;stroke:#FFFFFF;stroke-width:1.1936;}
	#map-vaults-floor .st8{fill:#FBB712;stroke:#FBB712;stroke-width:1.7285;}

	.store-map #Blue_x5F_Background rect {
		fill: 					#c8c8c8;
	}
	nav.shop-pages {
		columns:				1 auto;
		padding-top:			25px;
		margin-bottom:			60px;
	}
	nav.shop-pages a {
		display:				block;
		border-bottom:			1px dotted var(--colour_black);
		line-height:			40px;
		position:				relative;
		overflow:				hidden;
	}
	nav.shop-pages .store-name {
		float:					left;
	}
	nav.shop-pages .store-unit {
		float:					right;
		color:					var(--colour_black);
	}
	.maps-of-floors {
		padding-top:			20px;
		clear:					left;
	}
	.maps-of-floors:after{
		clear:					both;
		display:				block;
		content:				"";
	}
	.maps-of-floors h4 {
		clear:					both;
	}
	@media all and (min-width: 860px) {
		.maps-of-floors .store-map {
			float: right;
			width: 50%;
		}
		.maps-of-floors .shop-pages {
			float: left;
			width: 50%;
			padding-right: 20px;
		}
	}
	@media all and (min-width: 1000px) {
		.maps-of-floors {
			margin-left: 360px;
		}
		.maps-of-floors .shop-pages {
			width: calc(100% - 340px);
			padding-right: 0;
		}
	}

/**
 * Events Page
 */
	.event-list {
		max-width:				1340px;
		margin:					0 auto;
		padding:				60px 0 120px 0;
	}
	.event-list .event-thumbnail {
		width:					100%;
	}
	.event-list .event-thumbnail a {
		display:				block;
		position:				relative;
	}
	.event-list .event-thumbnail a.on {
	}
	.event-list .event-thumbnail a.off:before {
		content:				"Paused";
		position:				absolute;
		top:					0;
		left:					0;
		width:					100%;
		height:					100%;
		background:				rgba(200,0,0,0.8);
		display:				flex;
		text-align:				center;
		color:					white;
		font-size:				48px;
		justify-content:		center;
		align-items:			center;
		font-weight:			500;
	}
	.event-list .event-thumbnail img {
		width:					100%;
		display:				block;
	}

/**
 * Footer
 */

	footer {
		background:				var(--colour_black);
		color:					var(--colour_white);
		text-align:				center;
	}
	footer .logo {
		max-width:				50%;
		padding:				30px 20px 0;
		margin:					0 auto;
	}
	footer .logo img {
		max-width:				100%;
	}
	footer address {
		font-style:				normal;
		padding:				40px;
	}
	footer address p {
		margin:					0;
		padding:				0;
	}
	footer .socials {
		display:				flex;
		width:					calc(32px * 3 + 60px);
		margin:					0 auto;
		padding-bottom:			36px;
		flex-direction:			row;
		justify-content:		space-between;
	}
	footer nav{
		padding:				30px 20px 70px;
	}
	footer a {
		color:					var(--colour_white);
		text-transform:			uppercase;
	}
	footer a:hover {
		color:					var(--colour_green_light);
	}
	footer nav a:after{
		content:				" | ";
		text-decoration:		none;
		color:					var(--colour_white);
	}
	footer nav a:last-child:after {
		content:				"";
	}
	footer .socials a {
		display:				inline-block;
		height:					32px;
		width:					32px;
	}
	footer .socials a img {
		display:				block;
		height:					32px;
		width:					32px;
	}

/**
 * Responsive Styles
 */
@media screen and (min-width: 320px) {
	.shop-list {
		flex-direction:			row;
	}
	.shop-thumbnail {
		width:					100vw;
		height:					100vw;
		margin-bottom:			0;
		transform:				scale(0);
	}
	.js .shop-thumbnail {
		transform:				scale(1);
	}
}
@media screen and (min-width: 640px) {
	.sections {
		display:				flex;
		flex-direction:			row;
		flex-wrap:				wrap;
		gap:					10px;
	}
	.sections section {
		min-width:				calc( 100vw / 2 - 5px);
		max-width:				calc( 100vw / 2 - 5px);
		width:					calc( 100vw / 2 - 5px);
		height:					calc( 100vw / 2 - 5px);
		margin-bottom:			0;
	}
	.sections .zoomable-image {
		position:				relative;
		width:					calc( 100vw / 2 - 5px);
		left:					0;
		top:					0;
		display:				block;
		height:					calc( 100vw / 2 - 5px);
		z-index:				1;
	}
	.sections img {
		width:					calc( 100vw / 2 - 5px);
		height:					calc( 100vw / 2 - 5px);
	}
	.shop-thumbnail {
		width:					calc(100vw / 3);
		height:					calc(100vw / 3);
	}
	.social-posts {
		flex-direction:			row;
		flex-wrap:				wrap;
	}
	.social-posts figure {
		width:					50vw;
		max-width:				50vw;
		min-width:				50vw;
	}
	/*nav.shop-pages {
		columns:				2 auto;
	}*/

	aside {
		justify-content:		center;
	}
	footer nav{
		border-top:				1px solid var(--colour_white);
	}
}
@media screen and (min-width: 1000px) {
	header{
		height:					225px;
	}
	.header-limited {
		display:				flex;
		justify-content:		space-between;
		max-width:				1142px;
		margin:					0 auto;
	}
	.header-logo {
		width:					163px;
		display:				block;
		position:				absolute;
		z-index:				1;
		padding-top:			20px;
	}
	header nav {
		width:					100%;
		float:					none;
		padding-top:			73px;
	}
	header .with-holiday-times nav {
		padding-top:			41px;
	}
	.location-and-spaces {
		display:				block;
		width:					781px;
		float:					right;
		font-size:				21px;
	}
	.opening-times {
		display:				block;
		width:					781px;
		float:					right;
		clear:					right;
		margin-bottom:			20px;
		font-size:				21px;
	}
	.with-holiday-times .opening-times {
		margin-bottom:			0;
	}
	.with-holiday-times .holiday-times {
		margin-bottom:			20px;
		padding-left:			28px;
	}
	.with-holiday-times .holiday-times a {
		color:					var(--colour_green_light);
	}
	.with-holiday-times .holiday-times a:hover {
		text-decoration:		underline;
	}
	#nav-toggle + label {
		float:					none;
		clear:					both;
		top:					0;
		position:				relative;
		border-top:				1px solid rgba(255,255,255,0.5);
		cursor:					none;
		display:				block;
	}
	#nav-toggle + label .to-open,
	#nav-toggle + label .to-close {
		display:				none;
	}
	#nav-toggle ~ ul {
		left:					auto;
		width:					calc(100% - 388px - 40px);
		max-width:				500px;
		position:				relative;
		top:					0;
		height:					auto;
		background:				transparent;
		display:				flex;
		justify-content:		space-between;
		margin-left:			0;
		padding-top:			27px;
		padding-bottom:			27px;
		float:					left;
		gap:					16px;
	}
	#nav-toggle ~ ul:before {
		display:				none;
	}
	#nav-toggle ~ ul li {
		display:				inline-block;
	}
	#nav-toggle ~ ul a {
		display:				inline;
		line-height:			unset;
		background:				transparent;
		font-size:				16px;
		font-weight:			bold;
	}
	#nav-toggle ~ ul a:hover {
		color:					var(--colour_green_light);
	}
	main {
		margin-top:				225px;
	}

	.sections section {
		min-width:				calc( 100vw / 3 - 10px);
		max-width:				calc( 100vw / 3 - 10px);
		width:					calc( 100vw / 3 - 10px);
		height:					calc( 100vw / 3 - 10px);
		margin-bottom:			0;
	}
	.sections .zoomable-image {
		height:					calc( 100vw / 3 - 10px);
	}
	.sections img {
		height:					calc( 100vw / 3 - 10px);
		width:					calc( 100vw / 3 - 10px);
	}

	.static-page-body .fields-two {
		flex-direction:			row;
		justify-content:		space-between;
	}
	.static-page-body .fields-two label {
		width:					49.7%;
		max-width:				49.7%;
	}

	footer .logo img {
		max-width:				168px;
	}
	.heart{
		display:				block;
		float:					right;
		width:					430px;
		padding-top:			26px;
	}
	.shop-thumbnail {
		width:					calc(100vw / 4);
		max-width:				calc(100vw / 4);
		height:					calc(100vw / 4);
		max-height:				calc(100vw / 4);
	}
	.relax-shops .shop-thumbnail {
		width:					calc(100vw / 3);
		max-width:				calc(100vw / 3);
		height:					calc(100vw / 3);
		max-height:				calc(100vw / 3);
	}
	.shop-thumbnail[data-grid="even-1"],
	.shop-thumbnail[data-grid="even-3"]{
		background:				var(--colour_green_dark);
	}
	.shop-thumbnail[data-grid="even-2"],
	.shop-thumbnail[data-grid="even-4"] {
		background:				var(--colour_green_light);
	}
	.shop-thumbnail[data-grid="even-1"] .filter-label,
	.shop-thumbnail[data-grid="even-3"] .filter-label,
	.shop-thumbnail[data-grid="even-1"] .shop-title,
	.shop-thumbnail[data-grid="even-3"] .shop-title,
	.shop-thumbnail[data-grid="even-1"] .find-out-more,
	.shop-thumbnail[data-grid="even-3"] .find-out-more{
		color:					var(--colour_green_light);
	}
	.shop-thumbnail[data-grid="even-2"] .filter-label,
	.shop-thumbnail[data-grid="even-4"] .filter-label,
	.shop-thumbnail[data-grid="even-2"] .shop-title,
	.shop-thumbnail[data-grid="even-4"] .shop-title,
	.shop-thumbnail[data-grid="even-2"] .find-out-more,
	.shop-thumbnail[data-grid="even-4"] .find-out-more {
		color:					var(--colour_green_dark);
	}
	.shop-thumbnail[data-grid="even-1"] .find-out-more,
	.shop-thumbnail[data-grid="even-3"] .find-out-more{
		border-bottom-color:	var(--colour_green_light);
	}
	.shop-thumbnail[data-grid="even-2"] .find-out-more,
	.shop-thumbnail[data-grid="even-4"] .find-out-more {
		border-bottom-color:	var(--colour_green_dark);
	}
	.shop-thumbnail[data-grid="even-1"]:hover .find-out-more,
	.shop-thumbnail[data-grid="even-3"]:hover .find-out-more {
		color:					white;
		border-bottom-color:	white;
	}
	.shop-thumbnail[data-grid="even-2"]:hover .find-out-more,
	.shop-thumbnail[data-grid="even-4"]:hover .find-out-more {
		color:					white;
		border-bottom-color:	white;
	}
	.store {
		width:					840px;
		padding:				30px 0 120px;
	}
	.store h2 {
		padding-top:			70px;
	}
	.store .images {
		float:					left;
		width:					445px;
	}
	.store .images[data-count="2"] figure:first-child,
	.store .images[data-count="2"] figure:last-child {
		width:					100%;
		float:					none;
	}
	.store .post-content {
		float:					left;
		width:					365px;
		padding:				0;
		margin:					0 0 0 30px;
	}

	.post-breadcrumb {
		float:					left;
		margin-left:			30px;
	}
}
@media screen and (min-width: 1080px) {
	.social-posts {
		flex-wrap:				nowrap;
	}
	.social-posts figure {
		width:					25vw;
		max-width:				25vw;
		min-width:				25vw;
	}
	.store {
		width:					1240px;
	}
	.store .post-breadcrumb {
		float:					right;
		width:					370px;
	}
}
@media screen and (min-width: 1110px) {
	.top-header.with-header-image {
		background-position:	center center;
	}
}
@media screen and (min-width: 1400px) {
	.sections {
		flex-wrap:				nowrap;
	}
	.sections section {
		min-width:				calc( 100vw / 6 - 10px);
		max-width:				calc( 100vw / 6 - 10px);
		width:					calc( 100vw / 6 - 10px);
		height:					calc( 100vw / 6 - 10px);
	}
	.sections section:last-child img{
		width:					calc( 100vw / 6 - 10px);
		min-width:				calc( 100vw / 6 - 10px);
		max-width:				calc( 100vw / 6 - 10px);
	}
	.sections .zoomable-image {
		height:					calc( 100vw / 6 - 10px);
		width:					calc( 100vw / 6 - 10px);
	}
	.sections img {
		height:					calc( 100vw / 6 - 10px);
		width:					calc( 100vw / 6 - 10px);
	}
}

