:root {
	/* Font choices */
	--font-body-face: Helvetica, Arial, sans-serif;
	--font-body-weight: 200;
	--font-body-size: 1rem;
	--font-body-lineheight: 1.4rem;
	--font-title-face: "Playfair", serif;
	--font-title-weight: 600;
	--font-title-size-h1: 2.7rem;
	--font-title-lineheight-h1: 2.7rem;
	--font-title-size-h2: 2.5rem;
	--font-title-lineheight-h2: 2.5rem;
	--font-title-size-h3: 1.8rem;
	--font-title-lineheight-h3: 1.8rem;
	--font-title-size-h456: 1.2rem;
	--font-title-lineheight-h456: 1.2rem;
	--font-title-transform: none;
	--font-title-spacing: normal;
	--font-menu-transform: none;

	/* Colour scheme */
	--colourwhite: #ffffff;
	/* White */
	--colourlightgrey: #d5d5d5;
	/* Light grey */
	--colourdarkgrey: #748091;
	/* Dark grey */
	--colourblack: #000000;
	/* Black */
	--colourgreen: #00ff00;
	/* Bright green for 'Yes' */
	--colourred: #ff0000;
	/* Bright red for 'No' or 'Error' */
	--themecolour1: #73C7C7;
	/* Aqua / teal */
	--themecolour1light: #B0E0DF;
	--themecolour1dark: #3C9897;
	--themecolour2: #00423A;
	/* Pine / green */
	--themecolour2light: #007263;
	--themecolour2dark: #00322C;
	--themecolour3: #FF9103;
	/* Tangerine / orange */
	--themecolour3light: #FFC881;
	--themecolour3dark: #CA7200;
	--themecolour4: #FF4A00;
	/* Tiger / red */
	--themecolour4light: #FF9971;
	--themecolour4dark: #BE3600;
	--themecolour5: #7394D6;
	/* Azure / blue */
	--themecolour5light: #B6C7EA;
	--themecolour5dark: #4974CB;
	--themecolour6: #ED1E78;
	/* Candy / magenta */
	--themecolour6light: #F684B4;
	--themecolour6dark: #B00E53;
	--themecolour7: #xxx;
	/* x */
	--themecolour7light: #xxx;
	--themecolour7dark: #xxx;

	/* Other design parameters */
	--page-background-colour: #ffffff;
	--page-foreground-colour: #000000;
	--structural-border-radius: 40px;
	/* Item blocks, image panels, accordion headers, video housings etc. */
	--structural-content-padding-vertical: 40px;
	/* Min: 20px! Padding top and bottom of section content */
	--structural-content-padding-horizontal: 40px;
	/* Min: 20px! Padding either side of main inner and text blocks */
	--structural-grid-column-spacing: 0.6rem;
	/* Gap between columns, blocks and similar elements */
	--input-border-radius: 20px;
	--input-relaxed-colour-bg: var(--themecolour1);
	--input-relaxed-colour-fg: var(--colourblack);
	--input-hover-colour-bg: var(--themecolour1light);
	--input-hover-colour-fg: var(--colourblack);
	--content-inset: 10px;
	/* Margin around the header, footer and some blocks */
	--tallheader-height: 90vh;
	/* Varies if the site has a custom header above the menu. Use 90vh if it doesn't */
	--overlaygradient-background-direction: 90deg;
	--overlaygradient-background-start-pos: 0%;
	--overlaygradient-background-start-colour: var(--themecolour1);
	--overlaygradient-background-end-pos: 100%;
	--overlaygradient-background-end-colour: rgba(0, 0, 0, 0);
	--overlaygradient-opacity: 1;
	--overlayimage-position: center bottom;
	--overlayimage-size: cover;
	--link-relaxed-colour: var(--colourlightgrey);
	--link-hover-colour: var(--colourwhite);
	--link-hover-decoration: none;

	/* Buttons */
	--button-relaxed-colour-bg: var(--themecolour1);
	--button-relaxed-colour-fg: var(--themecolour2);
	--button-relaxed-border: none;
	/*--button-relaxed-shadows:none;*/
	--button-relaxed-shadows: 0px 4px 10.4px 3px #00000040;
	--button-relaxed-right-bgimageurl: url(../app_furniture/icon-navigation.php?img=direction&dir=right&col=themecolour2);
	--button-relaxed-left-bgimageurl: url(../app_furniture/icon-navigation.php?img=direction&dir=left&col=themecolour2);
	--button-hover-colour-bg: var(--themecolour1);
	--button-hover-colour-fg: var(--themecolour2);
	--button-hover-border: none;
	--button-hover-shadows: none;
	/*--button-hover-shadows:0px 1px 3px 1px #00000040;*/
	/*--button-hover-translate:none;*/
	--button-hover-translate: translateY(2px);
	--button-border-radius: 5px;
	--font-button-transform: none;
	--font-button-size: 1.4rem;
	--font-button-font: var(--font-title-face);

	/* Grid and carousel item blocks with image above text */
	--itemblocks-bgcolour: var(--themecolour1);
	--itemblocks-fgcolour: var(--colourblack);
	--itemblocks-bghovercolour: var(--themecolour2light);
	--itemblocks-fghovercolour: var(--colourwhite);

	/* CTA tab for 'explore', 'whats next' etc - if enabled */
	--stickytab-top: auto;
	--stickytab-right: 0;
	--stickytab-bottom: 0;
	--stickytab-left: auto;
	--stickytab-headerjustify: end;
	/* start or end for left or right title text */
	--stickytab-header-fgcolour: var(--themecolour2);
	--stickytab-header-bgcolour: var(--themecolour1);
	--stickytab-bgcolour: var(--themecolour1);

	/* Floating CTA button - if enabled */
	--ctafloater-top: 80px;
	/*--ctafloater-right:0;*/
	--ctafloater-bottom: auto;
	/*--ctafloater-left:auto;*/
	--ctafloater-cta-bgcolour: var(--themecolour3);
	--ctafloater-cta-fgcolour: var(--colourwhite);
	--ctafloater-basket-bgcolour: var(--themecolour1);
	--ctafloater-basket-fgcolour: var(--colourblack);

	/* Back to top button - if enabled */
	--backtotop-bottom: 0;
	/* Probably should be the same as the bottom var for the CTA tab */
	--backtotop-bgcolour: var(--themecolour1);

	/* Menu/header and footer style */
	--headerfooter-border-radius: 40px;
	/*--header-shadow:1px 8px 10.4px 3px #00000040; */
	/* Also used for floating CTAs */
	--header-shadow: none;
	/* Also used for floating CTAs */
	--header-logo-height: 42px;
	--mainlogo-padding: 19px 30px 19px 30px;
	--headerbackgroundcolour: var(--themecolour2);
	--headerbackgroundcolourhover: var(--themecolour2dark);
	--menu-border-radius: 10px;
	--menupadding-lr-fullsize: 15px;
	--menupadding-lr-reducedsize: 7px;
	--menuentrycolour: var(--colourwhite);
	--menuentrycolourselected: var(--themecolour1);
	--footerbackgroundcolour: var(--themecolour2);
	--footerforegroundcolour: var(--colourwhite);
}

.headerflair {
	/*color:var(--themecolour1); Not used */
}


/* Footer */
footer .footercolumns::after,
footer .col12::after,
footer .col34::after {
	display: block;
	content: ' ';
	clear: both;
}

footer .col12,
footer .col34 {
	float: left;
	width: 50%;
}

footer .col1,
footer .col2,
footer .col3,
footer .col4 {
	float: left;
}

footer .col1 {
	width: 20%;
}

footer .col2 {
	width: 80%;
}

footer .col3 {
	width: 50%;
}

footer .col4 {
	width: 100%;
	text-align: right;
}

footer .footercol {
	padding: var(--structural-content-padding-vertical) 20px 0 0;
}

footer .col4 .footercol {
	padding-right: 0;
}

footer img.logo {
	width: 100%;
	max-width: 82px;
	height: auto;
}

footer ul {
	margin: 0;
}

footer ul.menu {
	margin-top: 30px;
	margin-bottom: 15px;
	list-style-type: none;
}

footer ul.menu li {
	font-size: 1rem;
	color: var(--footerforegroundcolour);
	padding: 0 10px 0 0;
}

footer ul.menu li a {
	white-space: nowrap;
	font-size: 1rem;
}

footer .socialicons,
footer .affiliationicons {
	margin-top: 20px;
}

footer .socialicons a,
footer .affiliationicons a {
	display: inline-block;
	margin: 0 0 5px 5px !important;
	padding: 0 !important;
}

footer .affiliationicons img {
	margin: 0 10px 5px 0;
}

footer .socialicons img {
	width: 30px;
	height: 30px;
}

footer p,
footer a {
	color: var(--footerforegroundcolour);
}

footer a:hover {
	color: var(--footerforegroundcolour);
}

/* Footer locations carousel */
footer .location-item {
	cursor: ew-resize;
}

footer .location-item h3 {
	margin-bottom: 5px;
}

/*- Footer locations carousel */
footer .copyright {
	z-index: 3;
	position: relative;
}

footer .copyright a,
footer .copyright,
footer .smaller-text {
	font-size: 0.7rem;
	line-height: 1.3;
}

footer .copyright span {
	margin-left: 20px;
}

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

	footer .col12,
	footer .col34 {
		float: none;
		width: 100%;
	}

	footer .col1 {
		width: 100px;
	}

	footer .col2 {
		width: calc(100% - 100px);
	}

	footer .col3 {
		width: calc(100% - 150px);
	}

	footer .col4 {
		width: 150px;
	}
}

@media only screen and (max-width:550px) {
	footer .footercol {
		padding-right: 0;
	}

	footer .col3,
	footer .col4 {
		float: none;
		width: 100%;
	}

	footer .col3 img {
		width: calc(33% - 10px);
		max-width: 100px;
		height: auto;
	}
}

/*- Footer */