@charset "utf-8";

/*
=== Font Options ===
Thin		font-weight:100;
Light		font-weight:300;
Regular		font-weight:400;
Medium		font-weight:500;

Extra small devices	< 768px
Small devices		≥ 768px
Medium devices		≥ 992px
Large devices		≥ 1200px
*/

:root {
	--color-cream: #EEEDE8;
	--color-cream-trans: #eeede8f0;
	--color-green: #E4E2D3;
	--color-black: #24211E;
	--color-white: #FAFAFA;
	--color-cream-dark: #E8E7DF;
	--color-grey-dark: #4A4842;
	--message-red: #D01345;
	--message-green: #069855;
	--message-amber: #9A6B1F;
	--message-amber-bg: #F5EBCF;
	--message-amber-border: #C9922A;
	--font-medium: 500;
	--font-regular: 400;
	--font-light: 300;
	--font-bold: 700;
	--primary-font: 'Roboto', sans-serif;
	--secondary-font: 'Cormorant Garamond', sans-serif;
	--text-color: #24211E;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* remember to define focus styles! */
:focus {
	outline:0;
}

/* fix to make Bootstrap 3 columns the same height - see https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height#22892773 */
.row_equal {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}
.row_center {
	display:flex;
	justify-content:center;
}


html {
	overflow-y:scroll;
	height:101%;
}

body {
	font-family: var(--primary-font);
	font-weight: 300;
	font-size: 16px;
	line-height:1.5;
	color: var(--text-color);
	background-color: var(--color-cream);
}

ol, ul {
	list-style:none;
	margin:0 0 20px 0;
}
img {
	max-width:100%;
}

h1, .h1-styles {
	font-family: var(--secondary-font);
	font-weight: 300;
	font-size: 45px;
	line-height: 55px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
}
h2, .h2-styles {
	font-family: var(--secondary-font);
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
}
h3, .h3-styles {
	font-family: var(--primary-font);
	font-size: 22px;
	line-height: 25px;
	font-weight: var(--font-light);
	text-transform: none !important;
	margin:0 0 12px 0;
	padding:0;
}
h4{
	font-size: 20px;
	font-weight: 700;
	margin:0 0 10px 0;
	padding:0;
}
h5{
	font-size: 16px;
	font-weight: 700;
	margin:0 0 10px 0;
	padding:0;
}

@media(min-width: 768px){
	h1, .h1-styles{
		font-size: 50px;
		line-height: 60px;
	}
	h3, .h3-styles{
		font-size: 25px;
		line-height: 30px;
	}
	h4{
		font-size: 22px;
	}
}

/* p, table, li, label {
	font-weight:100;
	font-size:15px;
	line-height:23px;
} */
p {
	margin:0 0 20px 0;
}
.large-text{
	font-size: 18px;
}
small, .small-text {
	font-size:14px;
}
.extra-small {
	font-size:13px;
}
.font-regular{
	font-weight: var(--font-regular);
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}

hr {
	border:0;
	height:1px;
	background:#c4c4c4;
}

/* undo the reset so we show lists where required */
.wysiwyg_content ul {
	list-style:initial;
	margin:initial;
	padding:0 0 0 40px;
}
.wysiwyg_content li {
	display:list-item;
}

a{
	color: inherit;
}
a:link, a:visited, a:active {
	text-decoration:none;
	color: inherit;
}
a:hover, a:focus {
	text-decoration:underline;
	color: inherit;
}
a:hover img {
	text-decoration:none;
}
.section-box .img_container:hover {
	-moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px)
}


input[type="date"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea, select {
	width:100%;
	display:block;
	background-color: transparent;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	margin-bottom: 5px;
	height: 40px;
	font-size: 16px;
	line-height: 16px;
	padding: 5px 10px;
}
input[type="checkbox"] {
	width:auto;
}
input[type="submit"] {
	cursor:pointer;
}
textarea {
	min-height:150px;
	width:100%;
}
.standard-form label,
.standard-form input,
.standard-form textarea,
.standard-form select {
	margin:0 0 10px 0;
}
.standard-form label {
	display:block;
}
.label-checkbox {
	font-size:12px;
}
.label-checkbox input {
	margin:0;
	display:inline-block;
	vertical-align:bottom;
}

.no-float {float:none !important}
.hover:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	transition:0.5s ease;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
}
.clearfix:before, .clearfix:after {content:" "; display:table}
.clearfix:after {clear:both}
/* .clearfix { *zoom:1;} */

.no-display {
	display:none;
}
.disabled {
	color:#8295a8;
}
.text-center {
	text-align:center;
}
.text-end {
	text-align:end;
}
.fst-italic {
	font-style: italic;
}

/*.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {*/

.container {
	width:100%;
	max-width:1300px; /* 1600px; */
	/* min-width:360px; */
	padding-left:20px;
	padding-right:20px;
	/* background-color: var(--color-cream); */
}

.page-title {
	padding: 30px 0 30px 0;
}
@media(min-width: 992px){
	.page-title {
		padding: 60px 0 30px 0;
	}
}

.heading-with-border-bottom{
	padding-bottom: 15px;
	border-bottom: 1px solid var(--color-black);
}

.error {
	color:var(--message-red);
}
.error-box {
	color:var(--message-red);
	margin:5px;
}
.success {
	color:var(--message-green);
}
.success-box {
	color:var(--message-green);
	margin:5px;
}

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

button, a.button, .button {
	display:inline-block !important;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	text-decoration:none;
	padding: 10px 40px;
	
	text-align:center;
	-webkit-transition:all .2s ease-out 0s;
	-moz-transition:all .2s ease-out 0s;
	-o-transition:all .2s ease-out 0s;
	transition:all .2s ease-out 0s;
	cursor:pointer;

	background-color: var(--color-black);
	color: var(--color-white);
	border: 1px solid var(--color-black);
}
button:hover, a.button:hover, .button:hover {
	background:#000;
	border-color: #000;
}
a.button.secondary-button, .button.secondary-button{
	background-color: transparent;
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
a.button.secondary-button:hover, .button.secondary-button:hover {
	color: var(--color-white);
	background-color: var(--color-black);
}
a.button.secondary-button-white, .button.secondary-button-white{
	background-color: transparent;
	color: var(--color-white);
	border: 1px solid var(--color-white);
}
a.button.secondary-button-white:hover, .button.secondary-button-white:hover {
	color: #fff;
	border-color: #fff;
}
a.button.button-red, .button.button-red {
	background: var(--message-red);
	color: var(--color-white);
}
a.button.button-red:hover, .button.button-red:hover {
	background-color: var(--message-red);
}
a.button.button-small {
	font-size: 14px;
	line-height: 18px;
	padding: 8px 20px;
}
@media(min-width: 768px){
	a.button, .button {
		font-size: 19px;
		line-height: 24px;
		padding: 14px 35px;
	}
}

.breadcrumb {
	font-weight:300;
	font-size:12px;
	background:transparent;
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0 0 65px 0;
	line-height:18px;
	color:#4D4D4D;
}
.breadcrumb li {
	float:left;
	font-weight:300;
	font-size:12px;
	color:#4D4D4D;
}
.breadcrumb li a {
	font-weight:300;
	font-size:12px;
	color:#4D4D4D;
}
.breadcrumb > li + li::before {
	content:"\003e";
	padding:0 5px;
	color:#4D4D4D;
}
.breadcrumb > .active {
	color:#4D4D4D;
}

.see-more-link {
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.see-more-link:after {
	font-family:"FontAwesome";
	content:"\f101";
	margin:0 0 0 3px;
}
.back-link {
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.back-link:before {
	font-family:"FontAwesome";
	content:"\f100";
	margin:0 3px 0 0;
}

/*====================================================
		JQuery modal dialog - overwrite the default css
======================================================*/
/* set the background colour */
.ui-widget-overlay {
	background:#3B352F;
	opacity:0.9;
}

.ui-dialog .ui-dialog-titlebar-close { /* remove default close jUi */
	background:#ff0000;
	border:0;
}
.ui-dialog .ui-dialog-titlebar-close {
	top:-25px;
	right:-20px;
	width:auto;
	height:auto;
	margin:0;
	padding:5px;
}
.ui-dialog-titlebar-close:after {
	font-family:FontAwesome;
	font-size:20px;
	content:"\f00d ";
	color:#ff0000
}

.ui-dialog { /*Main container of whole thing*/
	background:transparent;
	border:0;
}
.ui-dialog-titlebar { /*Area where title of dialog would be if exist*/
	display:none;
}

#search_form_dialog {
	display:none;
}
#search_form_dialog .fa-times {
	position:fixed;
	top:30px;
	right:30px;
	color:var(--color-cream);
	font-size:30px;
}

#search_form {
	border-bottom: 1px solid var(--color-cream);
	width:100%;
}
#search_form input, #search_form button {
	border:0;
	background:transparent;
}
#search_form button {
	float:right;
	width:40px;
	font-size:18px;
	line-height:20px;
	padding:10px;
	color:#fff;
}
#search_form button i{
	font-size: 30px;
}
#search_form input {
	font-weight:300;
	float:left;
	width:calc(100% - 40px);
	font-size:18px;
	line-height:20px;
	padding:10px;
	height:auto;
	color:#fff;
}

#search_form input:focus {
	box-shadow:none;
}

#search_form_message {
	display:none;
	font-weight:300;
	color:#fff;
	padding:10px 5px;
	font-size:14px;
}

/*====================================================
		Cookie bar css - NEW ONE
======================================================*/
#cookie_banner {
	position:fixed;
	color:#fff;
	font-size:15px;
	bottom:20px;
	right:20px;
	width:100%;
	padding:20px 40px 30px 40px;
	z-index:44499;
	background:rgba(0,0,0,0.9);
	display:none;
}
#cookie_banner p {
	color:#888;
	margin:12px 0;
	font-size:13px;
	line-height:1.4;
}
#cookie_banner a:link,#cookie_banner a:active,#cookie_banner a:visited {
	text-decoration:underline;
	color:#888;
	font-size:13px;
}
#cookie_banner a:hover {
	color:#aaa;
}
a:link.cookie_button, a:visited.cookie_button, a:active.cookie_button {
	color:#000 !important;
	text-decoration:none !important;
}
.cookie_button {
	background-color:#fff;
	padding:2px 20px;
	border-radius:2px;
}
.cookie_button:hover {
	background-color:#eee;
}
@media(min-width:768px) {
	#cookie_banner {
		max-width:470px;
		min-width:300px;
	}
}
@media only screen and (max-width:767px) {
	#cookie_banner {
		width:100% !important;
		bottom:0;
		right:0;
	}
}
@media(max-width:300px) {
	#cookie_banner {
		padding:20px 10px;
	}
}
/*====================================================
		Pagination css
======================================================*/
.pagination-bar {
	color:#333;
	overflow:hidden;
	padding:0 0 25px 0;
	width:100%;
	font-size:12px;
}
.pagination-bar .count {
	float:left;
	line-height:24px;
}
.pagination-bar .pages {
	float:right;
	line-height:24px;
}
.pagination-bar .pages ul {
	list-style:none;
}

.pagination-bar .pages ul li {
	float:left;
	margin:0 0 0 10px;
}

.mix-bar {
	float:left;
	width:100%;
	padding:0 0 30px 0;
}
.mix-bar div {margin-bottom:20px}
.mix-bar div:last-of-type {margin-bottom:0}

#sortby_wrp {
	float:left;

}
#sortby_wrp > label {
	margin:0 10px 0 0;
	font-size:12px;
	color:#444;
}
#sortby_wrp > select {
	cursor:pointer;
	max-width:135px;
	height:30px;
	border:1px solid #c4c4c4;
	padding:0 3px;
	font-size:12px;
	width:auto;
}
#sortby_filter > option {
	padding:0 5px;
}
.pagenav {font-size:14px; float:right;}
.pagenav a, .pagenav span {display:block; float:left; margin:0 0 0 10px; color:#000; }
.pagenav a { text-decoration:none }
.pagenav a:hover { text-decoration:underline;}
.pagenav a.nextprev {font-weight:normal}
.pagenav .disabled {
	color:#999;
}

.pagenav_social_media {
	float:left;
}

a.social_media_link i {
	font-size: 25px;
	color: var(--color-black);
	padding-right: 20px;
	border:0;
}

a.displayAll {margin:0 10px 0 2px}
span.displayAll {margin:0 10px 0 2px}


/*================================================================================
							SKIP TO MAIN CONTENT
================================================================================*/
a.skip_main {
	position:absolute;
	left:-999px;
	top:0;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
}
a.skip_main:focus, a.skip_main:active {
	left:auto;
	top:auto;
	width:300px;
	height:auto;
	overflow:auto;
	margin:0 calc((100% - 300px) / 2);
	padding:15px 40px;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	z-index:999;
	outline:none;
	text-decoration:none
}

/*================================================================================
									HEADER
================================================================================*/

/*
.header{
	padding: 35px 30px 0 30px;
	padding-bottom: 0;
	position: relative;
}
.header #mobile_menu {display:block; padding-top:6px;}
.header #phone_icon {display:none;}
.header #header_favourites_icon {display:none;}
.header #header_account_icon {display:none;}

.header #mobile_menu i {font-size:32px;}

.header .offcanvas_menu > .container{
	height:35px;
}

.header .logo{
	position:relative;
	text-align:center;
	margin:auto;
	font-size:25px;
	padding:0;
	letter-spacing:unset;
}

.header .logo img {
	max-height:40px
}

.header .container > .row{
	height:100%;
}

.header .row div[class*=col]:first-child{
	align-items: center;
}
.header .row div[class*=col]:last-child{
	align-items: center;
	text-align:right;
}

.header .row div[class*=col]:first-child img{
	width:32px;
	margin:4px;
}
.header .row div[class*=col]:last-child img{
	width:32px;
	margin:4px;
}

.mobile-option {
	display:none;
	font-size:24px;
	line-height:22px;
	position:relative;
}
.mobile-option a {
	position:absolute;
	top:10px;
	right:0;
	padding:5px 10px;
}

.header #instagram_icon {
    display: none;
}
@media (min-width: 992px) {
	.header #instagram_icon {
		display: inline-block;
	}
}
*/

.admin-header {
	position: sticky;
	top: 0;
	z-index: 9999;
	width: 100%;
	background-color: var(--color-green);
	color: var(--text-color);
	padding: 4px;
	display: block;
	font-size: 12px;
	font-weight: 500;
    line-height: 1;
}

a.admin-header {
	font-size: 12px;
	font-weight: 500;
    line-height: 1;
	color:  var(--text-color);
}

.view-collection {
	top: 20px;
	background: var(--color-green);
}

/*================================================================================
							Navigation
================================================================================*/
.offcanvas a{
	font-size:20px;
}
.offcanvas a:hover{
	text-decoration: none;
}

.offcanvas_menu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	flex-direction:column;
}
.offcanvas_menu form{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:center;
	width:100%;
}
.offcanvas_menu>.container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.offcanvas_menu form input{
	margin-left:10px;
	border:none;
	background:inherit;
	width:100%;
}

.offcanvas_menu>ul>li>a{
	position:relative;
}
/* .offcanvas_menu .dropdown-wrp.mega-dropdown-wrp{
	border-bottom:6px solid #2E2D2C;
}
.offcanvas_menu.offcanvas-menu-show .has-dropdown .has-dropdown  .dropdown-wrp.mega-dropdown-wrp ul>li>a{
	background:#AFC4B0;
	border-top:1px solid #fff;
}

.offcanvas_menu.offcanvas-menu-show .has-dropdown .has-dropdown .dropdown-wrp.mega-dropdown-wrp .has-dropdown ul>li>a{
	background:#CFDCD0;
	border-top:1px solid #fff;
}
.offcanvas_menu .dropdown-wrp.mega-dropdown-wrp>.container{
	margin-top:0;
	margin-bottom:0;
} */
.offcanvas_menu .nav-image-elem .nav-image-bg{
	width: 100%;
	height: 390px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

	position: relative;
}
.offcanvas_menu .nav-image-elem .nav-image-bg .nav-image-cta{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

	width: 100%;
	text-align: center;
}


@media screen and (max-width:991.99px){
	.offcanvas_menu .nav li {
		position: relative;
		width:100%;
	}
	.offcanvas_menu .nav > li > a{
		display: block;
	}
	.offcanvas.offcanvas-show .nav li:hover > .dropdown-wrp,
	.offcanvas.offcanvas-show .nav li:hover > .mega-dropdown-wrp {
		display: none;
	}
	.offcanvas.offcanvas-show .dropdown-wrp {
		box-shadow:none;
		position:static;
		padding:0;
		border: 0;
	}
	.offcanvas.offcanvas-show .dropdown-wrp  .dropdown-list {
		width:100%;
		padding:0;
	}
	/* .mega-dropdown-wrp > .dropdown-list {
		float: left;
		width: 20%;
		min-width: 234px;
		padding: 0 20px;
	}

	.mega-dropdown-wrp ul.dropdown-list>li:not(:first-child){
		display:none;
	}
	.mega-dropdown-wrp ul.dropdown-list>li:first-child{
		cursor:pointer;
	}
	.mega-dropdown-wrp ul.dropdown-list>li .heading:after{
		font-family:'Font Awesome 5 Regular';
		content:'\f078';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		font-size: 18px;
	}
	.mega-dropdown-wrp ul.dropdown-list>li .heading.toggled:after{
		content:'\f077';
	} */
}
/* @media screen and (min-width:992px){
	.mega-dropdown-wrp > .dropdown-list {
		float: left;
		width: 30.33%;
		min-width: 234px;
		padding: 0 20px;
	}
	.offcanvas .offcanvas_menu .dropdown-wrp.mega-dropdown-wrp {
		padding-top:40px;
		padding-bottom:40px;
	}

} */

.dropdown-wrp{
	position:absolute;
	top: 100%;
	left:0;
	display:none;
}

.nav >li:hover > .dropdown-wrp, .nav > li > .dropdown-wrp .dropdown-list>li:hover > .dropdown-wrp,
.nav >li:hover > .mega-dropdown-wrp{
	display:block;

}

.nav-buttons{
	display: none;
}
.nav-container-title{
	display: none;
}
@media(min-width:992px){
		
	.customheading{
		background-color:#234456;
		padding-top: 10px !important; 
		padding-bottom: 10px !important;
		color:#FFFFFF !important;
	}

	.header .offcanvas_menu>.container{
		height:75px;
		margin-bottom:10px;
		margin-top:40px;
	}
	.header .row div[class*=col]:last-child,
	.header .row div[class*=col]:first-child{
		align-items:unset;
	}

	/*.header .row div[class*=col]:first-child > a:first-child {
		display:none;
	}*/

	.header #mobile_menu {display:none;}
	.header #phone_icon {display:inline-block;}
	.header #header_favourites_icon {display:inline-block;}
	.header #header_account_icon {display:inline-block;}

	.header .row div[class*=col]:last-child #header-search{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}


	.offcanvas_menu form{
		display:none;
	}
	.offcanvas_menu > ul{
		justify-content:space-between;
		flex-wrap: nowrap;
		gap: 10px;
	}
	.nav > li > a {
		padding: 0;
	}

	div.header-border{
		border-bottom:5px solid #2E2D2C;
		position:absolute;
		width:100%;
		left:0;
		top:35px;
		display:block;
	}
	/* .offcanvas .non-mega.has-dropdown .dropdown-wrp{
		border-left:6px solid #DADAD4;
		border-bottom:6px solid #DADAD4;
		border-right:6px solid #DADAD4;
	} */


}

@media(max-width: 991px){
	.dropdown-wrp .container{
		padding: 0;
		max-width: 100%;
	}

	.offcanvas_menu .nav-image-elem .nav-image-bg{
		height: auto;
		display: none;
	}

	.offcanvas_menu .nav-image-elem .nav-image-bg .nav-image-cta{
		position: relative;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.offcanvas_menu .nav-image-elem .nav-image-bg .nav-image-cta a{
		background-color: #CFDCD0;
		font-size: 18px;
		color: #2E2D2C ;
		text-transform: none;
		font-family: "Sentinel A", "Sentinel B";
		font-style: normal;
		font-weight: 300;
		text-align: left;
		letter-spacing: normal;
		border: none;
		border-top: 1px solid #CECECE;
		line-height: normal;
	}

}

.underline {
	text-decoration: underline !important;
}

/*================================================================================
							Page CSS
================================================================================*/

.link-more-info {
	float:right;
	font-size:12px;
	font-weight:normal;
}

.side-links li {
	margin:7px 0 0 0;
}
.side-links ul ul {
	padding:0 0 0 20px;
}

.archive-links li {
	margin:10px 0 0 0;
}
.archive-links li a {
	color:#444;
	text-decoration:none;
}
.archive-links ul ul {
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}

/* blog results */
.posts-list li {
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #c4c4c4;

}
.posts-list .link-text {
	margin:0;
}
.posts-list .post-img {
	max-width:100%;
	float:left;
	margin:0 20px 0 0;
}

.post-img-box {
	float:right;
	margin:0 0 10px 10px;
	max-width:100%;
}

.blog-post-box h3 {
	margin:0 0 5px 0;
}
.blog-post-box p {
	font-size:12px;
}

.newsletter-form input[type="submit"] {
	float:right;
}

a.add-to-basket {
	text-transform:uppercase;
	text-decoration:none;
	color:#444;
}
button.add-to-basket {
	border:0;
	background:none;
	cursor:pointer;
	color:#444;
	font-size:12px;
	line-height:18px;
	outline:0;
	padding:0;
	text-transform:uppercase;
}


.page-img-box {
	margin-bottom:30px;
}
.page-img-box .caption {
	border:1px solid #c4c4c4;
	padding:20px;
	font-size:12px;
	font-style:italic;
	border-top:0;
}

/*================================================================================
						start of side menu
================================================================================*/
.store-side-menu {
	float:left;
	margin-top:10px;
	width:100%;
}

.dynamic-menu {
	float:left;
	width:100%;
	margin:40px 0 0 0;
}
.dynamic-menu:first-child {
	margin:0;
}
.dynamic-menu-title {
	float:left;
	width:100%;
	padding:10px 20px;
	font-weight:600;
	font-size:14px;
	line-height:1;
	cursor:pointer;
	overflow:hidden;
	text-align:left;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
.dynamic-arrow {
	float:right;
	background-image:url('/img/Polygon3.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:16px;
	height:16px;
	-webkit-transition:-webkit-transform 0.4s linear 0s;
	-moz-transition:-moz-transform 0.4s linear 0s;
	-o-transition:-o-transform 0.4s linear 0s;
	transition:transform 0.4s linear 0s;
}
.dynamic-arrow-move {
	-webkit-transform:rotate(-180deg); /* Safari and Chrome */
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg); /* IE 9 */
	transform:rotate(-180deg);
}
.dynamic-menu-options {
	margin:0;
	float:left;
	list-style:none;
	width:100%;
	display:none;
}
.dynamic-menu-open {
	display:block;
}
.dm-opt {
	float:left;
	width:100%;
	padding:5px 20px;
	color:#444;
	text-align:left;
	margin:3px 0;
	font-size:12px;
	line-height:16px;
}
.dm-opt.active {
	color:#fff;
}
.dm-opt > label {
	width:100%;
	float:left;
	cursor:pointer;
	text-align:left;
}
.dm-opt input[type="checkbox"] {
	width:auto;
	float:right;
	border:0;
	cursor:pointer;
}

.section-nav {
	float:left;
	width:100%;
	display:none;
	font-weight:normal;
}
.nav-lvl-0 {
	display:block;
}
li.nav-selected {
	font-weight:bold;
}
.nav-opened > ul > li {
	display:block;
}
.sub-section-nav {
	padding:0 0 0 20px;
}



/*================================================================================
								DEFAULT STORE CSS
================================================================================*/
.page_banner, a.page_banner {
	display:block;
	position:relative;
	height:200px;
}
a.page_banner {
	margin:20px 0;
		font-weight:500;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:7.5px;
}
.page_banner img {
	height:100%;
	width:100%;
	object-fit:cover;
}
.page_banner .transparency {
	background-color:rgba(0, 0, 0, 0.4);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.page_banner .page_banner_text {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	padding:10px;
}

/* .section_header {
	position:relative;
}
.section_header img {
	height:calc(100vh - 200px);
	width:100%;
	object-fit:cover;
}
.section_header .section_header_text {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	padding:10px;
}
.section_header .section_header_arrow {
	position:absolute;
	bottom:0;
	left:50%;
	width:50px;
	transform:translateX(-50%);
	padding:10px;
	cursor:pointer;
}
.section_header .section_header_arrow img {
	height:100%;
	width:100%;
	object-fit:cover;
} */

.sections-row {
	text-align:center;
}

.section_description {
	background-color:#e2e1dc;
	padding:20px 85px 20px 85px;
		font-weight:100;
	font-size:15px;
}
.section_description p {
	color:#4d4d4d;
	margin-bottom:20px;
}
.section_description p:last-of-type {
	margin-bottom:0;
}
@media screen and (max-width:768px) {
	.section_description{
		padding:20px;
	}
}

.section-box {
	display:block;
}
.section-box p {
	text-align:center;
	margin:0 20px 35px 20px;
	text-transform:uppercase;
	letter-spacing:3px;
		font-weight:300;
}
.section-box .img_container {
	height:355px;
	width:100%;
	overflow:hidden;
	margin:0 0 15px 0;
}
.section-box .img_container img {
	width:auto;
	height:100%;
	margin-left:50%;
	transform:translateX(-50%);
}
/* if browser supports object-fit:cover, then use it! */
@supports (object-fit:cover) {
	.section-box .img_container img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
}

.section-box a {
	display:block;
		font-weight:300;
	font-size:14px;
	color:#4d4d4d;
	text-decoration:none;
}
.section-box a:hover {
	text-decoration:underline;
}

.section-box p {
	margin:0 20px 35px 20px;
	text-transform:uppercase;
	letter-spacing:4px;
}

/* section page - layout 2 */
.section-box-layout2 {
	margin-bottom:20px;
}
.section-box-layout2 .img_container {
	position:relative;
}
.section-box-layout2 .img_container_overlay {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40%;
	z-index:1;
	opacity:0.8;
	display:none;
}
.section-box-layout2 .img_container_overlay p {
	color:#ffffff;
	text-align:center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 20px;
	font-style:normal;
}
.section-box-layout2 .img_container_overlay p span {
	display: inline-block;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 3px 5px;
	font-size: 12px;
}


.product-box {
	margin:0 0 60px 0;
}

.product-box a {
	display:block;
		font-weight:300;
	font-style:italic;
	font-size:14px;
	color:#4d4d4d;
	text-align:center;
	text-decoration:none;
}
.product-box a:hover {
	text-decoration:underline;
}
.product-box .img_container_portrait, .product-box .img_container_landscape {
	height:280px;
	width:100%;
	overflow:hidden;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
.product-box .img_container_portrait img {
	width:auto;
	max-height:400px;
}
.product-box .img_container_landscape img {
	/*width:100%;*/
	height:auto;
	max-height:280px;
}

.product-box p, .section-box-layout2 p {
	margin:30px 0 0 0;
		font-weight:100;
	font-style:italic;
	text-transform:none;
}
.product-box p span, .section-box-layout2 p span {
	display:block;
	text-transform:uppercase;
	margin-bottom:10px;
		font-weight:300;
	font-style:normal;
	font-size:14px;
	letter-spacing:3px;
}

/*================================================================================
					start of product page
================================================================================*/
.product_page_separator {
	height:1px;
	background: #B9B6A7;
	margin-top: 65px;
}

.product_left {
	float:left;
	width:62.5%;
	padding: 0 4% 0 0;
	/* min-height:320px; */
	margin:65px 0 65px 0;
}
/*
.product_left p {
	color:#4d4d4d;
	font-weight:100px;
	margin:0;
}
.product_left p i {
	font-weight:100;
	font-style:italic;
} */

.main-img-wrp {
	float:left;
	text-align:center;
	overflow:hidden;
	position:relative;
	min-height:160px;
	width:100%;
	margin-bottom:20px;
}
#product_gallery {
	width:100%;
	height:100px;
	padding:0;
}
.product-thumb {
	width:15.32%;
	margin:10px 10px 10px 0;
	float:left;
	overflow:hidden;
	padding:0;
	text-align:center;
}
.product-thumb img {
	max-height:100%;
	cursor:pointer;
	overflow:hidden;
}
.product-thumb-last {
	margin:10px 0 10px 0;
}

.product_right {
	float:right;
	width:37.5%;
	padding: 0 0 0 4%;
	margin-top:65px;
}
/* .product_right p i {
	font-size:20px;
	color:#000102;
	padding-right:15px;
	margin-top:20px;
} 
.product_right button {
	border:0;
	color:#ffffff;
	font-weight:500;
	font-size:14px;
	letter-spacing:4.8px;
	text-transform:uppercase;
	padding:6px 11px;
	margin-bottom:20px;
}
.product_right button i {
	font-size:28px;
	vertical-align:sub;
	opacity:0.41;
} */
.product_right a.related-product {
	display:block;
	margin-bottom:20px;
}
.favourite_product_row {
	margin-bottom:20px;
}
.other_works_by {
	margin-bottom:65px;
}
.product_tags {
	margin-bottom:65px;
}
.product_tags a {
	display:inline-block;
	border-bottom:1px solid var(--color-black);
	margin:0 15px 15px 0;
	padding:0 0 4px;
	font-size:18px;
	color:var(--color-black);
}
.product_tags a:hover {
	text-decoration: none;
}

#info-sheet-download-link {
	text-align: center;
	padding: 20px;
}
#info-sheet-download-link a {
	display:inline-block;
	border-bottom:1px solid var(--color-black);
	margin:0 15px 15px 0;
	padding:0 0 4px;
	font-size:14px;
	color:var(--color-black);
}
.product_tags a:hover {
	text-decoration: none;
}
/* #price_request_button {
	margin-top:0;
} */

#price_request_result.success {
	color: var(--message-green);
	border:1px solid var(--message-green);
	padding:10px;
	margin:20px 0;
}
form#price_request_form {
	display:none;
	padding:20px;
	margin-bottom: 30px;
	background-color: var(--color-white);
}
form#price_request_form h4 {
	text-align:center;
	margin-bottom:20px;
	text-transform:uppercase;
}
form#price_request_form input {
	border:1px solid var(--color-black);
	padding:12px;
	height:auto;
	border-radius:0;
}
form#price_request_form button {
	width:100%;
	padding:12px;
	margin:15px 0 0 0;
	cursor:pointer;
}
#form_loading, #email_form_loading, #collection_email_form_loading {
	text-align:center;
	display:none;
}

#email_request_button {
	margin-top:0;
}

#email_request_result.success {
	color:var(--message-green);
	border:1px solid var(--message-green);
	padding:10px;
	margin:20px 0;
}
form#email_request_form {
	display:none;
	border:1px solid #b3a789;
	padding:10px;
	margin:20px 0;
}
form#email_request_form h4 {
	text-align:center;
	margin-bottom:20px;
	text-transform:uppercase;
}
form#email_request_form input {
	border:1px solid #4d4d4d;
	padding:12px;
	height:auto;
	border-radius:0;
	margin-top:10px;
}
form#email_request_form button {
	width:100%;
	padding:12px;
	margin:15px 0 0 0;
	cursor:pointer;
}

#form_loading {
	text-align:center;
	display:none;
}

#product-item-favourite {
	margin: 20px 0 0 0;
}

@media screen and (max-width:768px) {
	.product_left  {float:none; width:100%; padding:0;}
	.product_right {float:none; width:100%; padding:0;}
}

/* reskin 2024-10 changes PDP - start */
.product_right .product-price{
	font-size: 22px;
	font-weight: var(--font-regular);
	margin-top: 30px;
}
.button-and-icon-grid{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin: 25px 0;
}
.button-and-icon-grid .button-item{
	flex-grow: 1;
}
.product-contact-info{
	background-color: var(--color-cream-dark);
	padding: 15px 20px;
	margin-bottom: 30px;
	font-size: 18px;
}
@media screen and (max-width:768px) {
	.product_right .product-price{
		font-size: 27px;
	}
}
.product-favourite-icon {
	font-size: 32px;
}

.product-images-carousel{
	position: relative;
}
.product-images-carousel .slick-slide{
	margin-left: 15px;
	margin-right: 15px;
}
.product-images-carousel .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: var(--color-white);
	font-size: 35px;
	z-index: 1;
}
.product-images-carousel .slick-arrow.prev{
	left: 2px;
}
.product-images-carousel .slick-arrow.next{
	right: 15px;
}
.product-images-carousel .images-slide img {
	width: 100%;
	object-fit: contain;
}
@media (max-width: 767.99px) {
	.product-images-carousel{
		margin-right: -20px;
	}
	.product-images-carousel .images-slide{
		max-width: 300px !important;
	}
	.product-images-carousel .images-slide img{
		width: 300px !important;
	}
}

.product-more-products{
	margin-bottom: 0;
}
.products-carousel{
	position: relative;
	margin-top: 40px;
}
.products-carousel .slick-slide{
	margin-left: 15px;
	margin-right: 15px;
}
.products-carousel .slick-arrow{
	position: absolute;
	top: 150px;
	cursor: pointer;
	color: var(--color-white);
	font-size: 35px;
	z-index: 1;
}
.products-carousel .slick-arrow.prev{
	left: 30px;
	/* display: none !important; */
}
.products-carousel .slick-arrow.next{
	right: 15px;
}
.products-carousel .products-slide img {
	width: 100%;
	object-fit: contain;
	margin-bottom: 18px;
}
@media (max-width: 767.99px) {
	.products-carousel{
		margin-right: -20px;
	}
	.products-carousel .slick-slide{
		max-width: 300px !important;
	}
	.products-carousel .products-slide img{
		width: 300px !important;
	}
}
@media(min-width: 768px){
	.product-more-products{
		margin-bottom: 20px;
	}
	.products-carousel{
		margin-left: -15px;
		margin-right: -15px;
	}
	.products-carousel:after{
		position: absolute;
		right: 0;
		top: 0; bottom: 0;
		content: "";
		width: 200px;
		/* background: linear-gradient(to left, rgba(238, 237, 232, 0.97), rgba(238, 237, 232, 0)); */
		z-index: 0;
	}
	.products-carousel .slick-arrow.next{
		right: 30px;
	}
}

/* description block */
.description-block{
	margin-bottom: 40px;
}
.description-block .content{
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-rows: 1fr;
	transition: 500ms  grid-template-rows ease;
}
.description-block.collapsed .content{
	grid-template-rows: 500px;
}
.description-block.collapsed .content > div{
	overflow: hidden;
}
.description-block.collapsed .content:after{
	content: "";
	top: 0; bottom: 0; left: 0; right: 0;
	position: absolute;
	z-index: 2;
	background: transparent linear-gradient(180deg, #EEEDE800 0%, #EEEDE8 100%) 0% 0% no-repeat padding-box;
}
.description-block .read-more, .description-block .read-less{
	color: var(--color-black);
	cursor: pointer;
	text-align: center;
	font-size: 18px;
	font-weight: var(--font-regular);
}
.description-block.collapsed .read-less{
	display: none;
}
.description-block:not(.collapsed) .read-more{
	display: none;
}
@media(min-width: 768px){
	.description-block{
		margin-bottom: 60px;
	}
}

/* reskin 2024-10 changes PDP - end */

.categoryProducts{
	padding: 0 6.5%;
	margin-bottom: 85px;
}

.categoryProducts h3 {
	margin-bottom: 25px;
}

.categoryProductSlider a{
	text-decoration: none;
}

.categoryProductSlider .slick-prev,
.categoryProductSlider .slick-next{
	width: 50px;
	height: 50px;
	z-index: 5;
	top: 75px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.categoryProducts .categoryProductSlider .slick-arrow{
    background: #4D4D4D;
}

.categoryProductSlider .slick-prev:before,
.categoryProductSlider .slick-next:before
{
	font-family: "FontAwesome";
    font-size: 30px;
    line-height: initial;
	opacity: 1;
}

.categoryProductSlider .slick-prev:before{
	content: "\f104";
}

.categoryProductSlider .slick-next:before{
	content: "\f105";
}

.categoryProductSlider .slick-slide{
	padding: 0 13px;
}

.categoryProductSlider .slick-slide .categoryProductImg,
.categoryProductSlider .slick-slide .categoryProductImg img{
	height: 200px;
}

.categoryProducts .categoryProductImg img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.categoryProductSlider .slick-prev{
	left: 0;
}

.categoryProductSlider .slick-next{
	right: 0;
}

@media(min-width: 992px){
	.categoryProductSlider .slick-slider{
		padding: 0 8px;
	}
}

@media(min-width: 992px) and (max-width: 1250px){
	.categoryProductSlider .slick-slide .categoryProductImg,
	.categoryProductSlider .slick-slide .categoryProductImg img{
		height: 150px;
	}
	.categoryProductSlider .slick-prev,
	.categoryProductSlider .slick-next{
		top: 50px;
	}
}
@media(max-width: 567px){
	.categoryProductSlider .slick-slide .categoryProductImg,
	.categoryProductSlider .slick-slide .categoryProductImg img{
		height: 100px;
	}
	.categoryProductSlider .slick-prev,
	.categoryProductSlider .slick-next{
		top: 30px;
	}
}

.categoryProductInfo {
	margin-top: 15px;
	text-align: center;
}

.categoryProducts .categoryProductInfo p{
	font-size: 14px;
	letter-spacing: 0px;
	color: #425363;
	text-transform: uppercase;
	opacity: 1;
	font-weight: 400;
	line-height: initial;
	word-break: break-word;
}

@media(max-width: 567px){
	.categoryProducts h3{
		margin-bottom: 15px;
	}
	.categoryProducts .categoryProductImg img {
		margin-bottom: 10px;
	}
	.categoryProducts .categoryProductInfo p {
		font-size: 12px;
		width: 100px;
	}
	.categoryProducts .categoryProductSlider .slick-arrow {
		width: 40px;
		height: 40px;
	}
	.categoryProducts .categoryProductSlider .slick-prev::before, .categoryProducts .categoryProductSlider .slick-next::before{
		font-size: 25px;
	}
	.categoryProductSlider .slick-slide{
		padding: 0 7px;
	}
}

/* =============================================================
	CHECKOUT CSS
	============================================================= */
.editaddress
 {
	font-size:16px;
	padding:2px 10px;
}

.deladdresseditbtn, .deladdresseditbtncancel, .billaddresseditbtn, .billaddresseditbtncancel
 {
	float:right;
}

.details_postcode_lookup{
	height: 40px;
	width: 200px;
	font-size: 14px;
	padding: 0 5px;
	text-align: center;
}

 /* checkout account */
 .full-box {
	width:100%;
	float:left;
	height:auto;
	min-height:270px;
	padding:10px;
	border:1px solid #e1e1e1;
}
.registered-login {
margin:0 auto;
max-width:700px;
}
.account-box {
	width:32%;
	float:left;
	height:auto;
	min-height:270px;
	padding:10px;
	border:1px solid #e1e1e1;
}
.account-box-title {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #e1e1e1;
}
.new-customer {
	margin:0 2%;
}
.account-form-atom {
	margin:15px 0 0 0;
}
.required-indicator {
	color:#de4949;
}
.account-form-label {
	width:100%;
	margin:0 0 10px 0;
	height:auto;
	display:block;
}
/* .account-form-input, .account-form-atom input {
	width:100%;
	display:block;
	background-color: transparent;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	margin-bottom: 20px;
} */
.account-form-button, a.account-form-button {
	padding:5px 10px;
	border:1px solid #e1e1e1;
	-webkit-box-shadow:1px 1px 2px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:1px 1px 2px 0px rgba(50, 50, 50, 0.35);
	box-shadow:1px 1px 2px 0px rgba(50, 50, 50, 0.35);
}
a.account-form-button:hover {
	text-decoration:none;
	background-color:#A3C2BD;
	color:#fff;
}

/* account migration alert */
.account-migration-alert {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	margin-bottom: 28px;
	background-color: var(--message-amber-bg);
	border: 1px solid var(--message-amber-border);
	border-left: 4px solid var(--message-amber);
	border-radius: 2px;
	color: var(--color-black);
}
.account-migration-alert__icon {
	flex-shrink: 0;
	font-size: 22px;
	line-height: 1.3;
	color: var(--message-amber);
}
.account-migration-alert__body {
	flex: 1;
}
.account-migration-alert__body strong {
	display: block;
	margin-bottom: 6px;
	font-weight: var(--font-medium);
	color: var(--message-amber);
	letter-spacing: 0.01em;
}
.account-migration-alert__body p {
	margin-bottom: 14px;
	color: var(--color-grey-dark);
}
.account-migration-alert__link {
	display: inline-block;
	color: var(--message-amber);
	font-weight: var(--font-medium);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.account-migration-alert__link:hover,
.account-migration-alert__link:focus {
	color: var(--message-amber);
	text-decoration: none;
}

/* checkout register */
.newaccount-form-atom {
	display:block;
	margin:20px 0;
}
.newaccount-form-label {
	width:20%;
	display:inline-block;
}
/* .newaccount-form-input {
	width:100%;
	display:block;
	background-color: transparent;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	margin-bottom: 20px;
} */

/* checkout delivery */
.prev-address-picker {
	display:block;
	margin:10px 0;
}
.prev-address-entry {
	display:block;
	cursor:pointer;
	padding:5px 0;
}
.prev-address-entry:hover {
	background-color:#e1e1e1;
}
/* .address-form {
	display:block;
	margin:10px 0;
}
.address-form-section {
	margin:0 0 25px 0;
}
.address-form-atom {
	display:block;
	margin:10px 0;
}
.address-form-label {
	width:20%;
	display:inline-block;
}
.address-form-input {
	display:inline-block;
	background-color:#fff;
	width:40%;
} */
.checkout-form-select {
	min-width:40%;
}
.checkout-form-select option {
	padding:0 10px 0 5px;
}

/* checkout-review */
.checkout-review-content {
	margin:10px 0;
	float:left;
	width:100%;
	line-height:16px;
}
.checkout-review-side {
	width:50%;
	float:left;
	padding:0 0 0 15px;
}
.review-address-side {
	padding:0 15px 0 0;
}
.checkout-review-mini {
	margin:0 0 10px 0;
}
.checkout-header {
	padding:5px;
	border:1px solid #e1e1e1;
}
.checkout-review-mini p {
	padding:0 5px;
	font-weight:bold;
	margin:0;
}
.rb-tr {
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #e1e1e1;
}
.rb-total-tr {
	float:left;
	width:100%;
	margin:0 0 5px 0;
}
.rb-th {
	margin:10px 0 5px 0;
	border:1px solid #e1e1e1;
	font-weight:bold;
}
.rb-td {
	width:10%;
	float:left;
	text-align:center;
	padding:5px;
	overflow:hidden;
}
.rb-td-right {
	width:10%;
	float:left;
	text-align:right;
	padding:5px;
}
.rb-product {
	width:38%;
	text-align:left;
}
.rs-narrow {
	width:8%;
}
.rs-narrow input {
	width:auto;
	border:0;
	line-height:1;
	height:auto;
	padding:0;
}
.rb-total-td {
	width:20%;
	float:left;
	text-align:left;
	padding:5px;
	font-weight:bold;
	margin:0 0 0 70%;
}
.rb-grand-total {
	background-color:#e1e1e1;
}

#finalreview .rb-product {
	width:60%;
}

/** basket **/
.promo-form-atom {
	display:block;
	margin:10px 0;
}
.promo-form-label {
	width:20%;
	display:inline-block;
}
.promo-form-input {
	display:inline-block;
	background-color:#fff;
	width:40%;
}
.submit-promo {
	margin:0 0 0 10px;
}
.checkout-button {
	font-size:14px;
}

/* VOUCHERS */

.voucher-message-form {
	display:none;
}

.voucher-textarea {
	min-width:200px;
	min-height:100px;

	width:200px;
	margin-bottom:10px;
	display:block;
}

.btn-remove-voucher-message, .add-voucher-message, .vocuher-text {
	color:#acc7e2 !important;
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding:0;
	font-weight:bold;
	line-height:18px;
	font-size:12px;
	font-family:"Arial","Helvetica",sans-serif;
	text-transform:none;
}

.edit-voucher-message {
	text-decoration:underline !important;
}

/* END VOUCHERS */


/*================================================================================ start of recently_viewed products ================================================================================*/
.recently_viewed {width:100%; border:1px solid #989d87; margin:20px 0; padding:6px; min-height:170px; position:relative;}
.recently_viewed p {margin:2px 0}
.recently_viewed a {color:#4a4842; text-decoration:none; font-size:14px}
.recently_viewed a:hover {color:#4a4842; text-decoration:underline}

#sliderRecentlyViewed {margin:20px 0; }
#sliderRecentlyViewed div {float:left; width:145px; height:155px; margin:0 5px; text-align:center}

a.prev {width:20px; height:20px; display:block; position:absolute; background:url(/img/recent_items_arrow_prev.png) no-repeat transparent; top:100px; left:5px}
a.next {width:20px; height:20px; display:block; position:absolute; background:url(/img/recent_items_arrow_next.png) no-repeat transparent; top:100px; right:5px}
a.prev span, a.next span {display:none;}

/*================================================================================ start of styles used for wysisyg page ================================================================================*/
.wysisyg-page ol {counter-reset:item; margin-bottom:20px}
.wysisyg-page li {display:block}
.wysisyg-page li:before {content:counters(item, ".") " "; counter-increment:item}
.wysisyg-page li li {margin-left:20px}



/*================================================================================ start of ckeditor styles ================================================================================*/
.cke_show_borders {background:#fff; margin:2px}

/* ~~~~~~~~~~ Artist Page ~~~~~~~~~~ */
/* .artist_page_separator {
	height:8px;
	background:#b3a789;
	margin-top:0px;
}
.artist_paintings {
	margin-top:80px;
}
.artist_paintings div[class*="col-"] a {
	display:block;
		font-weight:300;
	font-style:italic;
	font-size:14px;
	color:#4d4d4d;
	text-transform:uppercase;
	padding-bottom:33px;
}
.artist_paintings div[class*="col-"] a span {
	text-transform:none;
}
.artist_paintings div[class*="col-"] img {
	margin-bottom:33px;
}
.artist_biography {
	margin:65px auto 0 auto;
	width:70%
}
.artist_biography h2 {
		font-weight:400;
	font-size:22px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:60px;
}
.artist_biography p {
	margin:0 0 20px 0;
	color:#000000;
	font-size:15px;
}
.artist_biography p i {
		font-weight:100;
	font-style:italic;
}
#artist_page .artist_links {
	text-align:center;
}
#artist_page .artist_links a {
	display:inline-block;
	font-size:12px;
	letter-spacing:3.6px;
	color:#4d4d4d;
	border:1px solid #4d4d4d;
	padding:5px 10px;
	margin:10px;
}
@media screen and (max-width:768px) {
	.artist_biography {width:80%}
}
@media screen and (max-width:576px) {
	.artist_biography {width:100%}
} */

/* ~~~~~~~~~~ News Results Page ~~~~~~~~~~ */
/*
#news_results .first_news_article h2 {
	font-size:35px;
	margin-bottom:10px;
	letter-spacing:normal;
}
#news_results .first_news_article p:first-of-type {
	margin-bottom:20px;
}
#news_results .first_news_article img {
	margin:0;
}

#news_results .news_page_separator {
	height:1px;
	background:#4d4d4d;
	margin:60px 0 55px 0;
}

#news_results .news_title {
		font-weight:500;
	font-size:22px;
	letter-spacing:4px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:70px;
	cursor:pointer;
}
#news_results .news_article {
	padding-bottom:20px;
}
#news_results .news_article a {
	display:block;
}
#news_results .news_article h3 {
		font-weight:300;
	font-size:15px;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 0 0;
	text-align:center;
	line-height:23px;
	color:#4d4d4d;
}
#news_results .news_article p {
	text-align:center;
	line-height:23px;
}
*/

/* ~~~~~~~~~~ News Article Page ~~~~~~~~~~ */
/* .news_header img {
	height:40vh;
	width:100%;
	object-fit:cover;
}
#news_article img {
	display:block;
	width:100%;
	margin:20px 0;
}

#news_article .social_links {
		font-weight:500;
	font-size:14px;
	letter-spacing:4.8px;
	text-transform:uppercase;
	margin-top:30px;
}
#news_article .social_links i {
	color:#888888;
	font-size:16px;
	margin:0 5px;
}
#news_article p.exhibition_date {
		font-weight:400;
	font-size:14px;
}
#news_article p.news_date {
	margin:10px 0 20px 0;
}
#news_article p.image_caption {
		text-align:center;
	margin:0 0 30px 0;
}
*/

/* ~~~~~~~~~~ Exhibitions Page ~~~~~~~~~~ */
/* uses the news styles */


/* ~~~~~~~~~~ Exhibition Page ~~~~~~~~~~ */
#exhibition .page_banner {
	height:580px;
}
#exhibition img.exhibition_image {
	display:block;
	margin:0 auto 20px auto;
}

/*
#exhibition .social_links {
		font-weight:500;
	font-size:14px;
	letter-spacing:4.8px;
	text-transform:uppercase;
	margin-top:30px;
}
#exhibition .social_links i {
	color:#888888;
	font-size:16px;
	margin:0 5px;
}
*/

#exhibition p.exhibition_date {
		font-weight:300;
	font-size:14px;
}
@media screen and (max-width:992px) {
	#exhibition p.exhibition_date {
		font-size:18px;
	}
}

/* ~~~~~~~~~~ About Us Page ~~~~~~~~~~ */
/* #about_us .about_us_area_2 p, #about_us .about_us_area_5 p {
	font-size:35px;
	line-height:45px;
	margin:-10px 0 30px 0;
}
#about_us .about_us_area_2 img, #about_us .about_us_area_5 img {
	display:block;
}
#about_us .about_us_area_3 img {
	display:block;
	width:100% !important;
} */

/* ~~~~~~~~~~ Contact Us Page ~~~~~~~~~~ */
.gallery_map {
	height:300px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
.gallery_map iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}


/* ~~~~~~~~~~ VIP Page ~~~~~~~~~~ */
.vip_home .listing_links {
	margin:20px 0;
}
.vip_home .listing_links a {
	font-weight:bold;
	text-decoration:underline;
	font-size:18px;
	line-height:28px;
}
.vip_home .listing_links a:hover {
	text-decoration:none;
}
.vip_home a.signout {
	font-size:18px;
}


/*
==============================================================================================
	Media Queries CSS
============================================================================================== */
@media screen and (max-width:1023px) {
	.product_right-list > li > ul > li {
		width:100%;
		margin:0 0 10px 0;
	}
}
@media screen and (max-width:960px) {
	.footer-nav > li {
		max-width:none;
	}
	#footer_nav {
		width:100%;
	}
	#footer_nav > li {
		padding:0 10px;
		text-align:center;
		width:25%;
	}
	#footer_contact {
		width:100%;
	}
	#footer_contact > li {
		float:none;
		text-align:center;
	}

	#footer_bottom {
		margin-top:20px;
	}

	.frame-price,
	.frame-add {
		width:50%;
		font-size:14px;
	}
	.frame-add span {
		display:none;
	}
}



	#ftb_copy,
	#ftb_contact {
		width:100%;
		text-align:center;
		float:none;
		margin:5px 0 0 0;
	}


	/* checkout */
	.rb-total-tr .rb-td-right {
		width:50%;
		text-align:right;
	}
	.rb-total-td {
		width:50%;
		margin:0;
	}
	.rb-td-right.responsive,
	.rb-td,
	.rs-narrow {
		width:15%;
	}
	#finalreview .rb-product,
	.rb-product {
		width:40%;
	}
	.checkout-review-side {
		width:100%;
		padding:0;
	}

@media screen and (max-width:620px) {
	#footer_nav {
		display:none;
	}
}
@media screen and (max-width:596px) {

}
@media screen and (max-width:580px) {
	.header {
		height:auto;
	}
	.mobile-option {
		display:block;
	}
	.header-options {
		display:none;
	}
	.nav-basket-wrapper {
		width:100%;
		left:0;
		right:0;
	}

	.address-form-label {
		width:100%;
		margin:0 0 10px 0;
	}
	.address-form-input {
		width:70%;
	}
}
@media screen and (max-width:520px) {
	/*
	.slider-wrapper {display:none;}
	*/
}
@media screen and (max-width:480px) {
	.fancy {
		font-size:24px;
	}
	.fancy:before {
		border:0;
	}
}
@media screen and (max-width:479px) {
	#finalreview .rb-td-right.responsive,
	#finalreview .rb-td {
		width:25%;
	}
	#finalreview .rb-product {
		width:50%;
	}
}
@media screen and (max-width:360px) {
	.wrapper {
		padding:0 10px;
	}

	.header-options a {
		font-size:12px;
	}

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

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

}

/* responsive video-container - supplied by Chris Rees */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
	max-width: 100%;
}

.page_404 {
	width:40%;
	margin:auto;
	padding:150px 0
}
.page_404 h1, .page_404 p {
	text-align:center;
}
.page_404 form {
	border:1px solid #4d4d4d;
	width:100%;
}
.page_404 form input, .page_404 form button {
	border:0;
	background:transparent;
}
.page_404 form button {
	float:right;
	width:40px;
	font-size:18px;
	line-height:20px;
	padding:10px;
	color:#4d4d4d;
}
.page_404 form input {
		font-weight:300;
	float:left;
	width:calc(100% - 40px);
	font-size:18px;
	line-height:20px;
	padding:10px;
	height:auto;
	color:#4d4d4d;
}
.page_404 form input:focus {
	box-shadow:none;
	background:transparent;
}

@media screen and (max-width:768px) {
	.page_404 {
		width:100%;
		max-width:500px;
	}
}

.favourites-title {
	margin-top: 40px;
}

/* .product-favourite-icon {
	height: 40px;
	width: 40px;
} */

.product_row {
	margin-top: 20px;
	font-size: 16px;
}

.product_row_right {
	margin-left:20px;
}

@media screen and (min-width: 992px) {
	.account-menu-item {
		display: none;
	}
	.favourites-menu-item {
		display: none;
	}
}

.mix-bar .pagenav_element {
	width: 33.3333%;
}


.mix-bar .pagenav_middle_button {
	float: left;
	/* display: inline-block; */
	margin: 0 auto;
	text-align:center;
}

.mix-bar .pagenav_middle_button .read_more {
	margin-top: 0;
}

.mix-bar .pagenav {
	text-align: right;
}

@media only screen and (max-width: 767px ){
	.mix-bar .pagenav_element {
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
		text-align: center;

	}

	.mix-bar .pagenav {
		text-align: center;
		margin-top: 10px;
		display: block;
	}
}

.product_right #view_on_wall_button {
	padding: 11px;
	width: 100%;
	margin-top: 20px;
}

@media only screen and (min-width: 999px ){
	#viewOnWallModal .modal-dialog {
		max-width: 1100px;
		width: 90%;
	}
}

/* SMALL */
.artwall-holder-small {
	position: relative;
	max-width: 1100px;
}

.artwall-holder-small > img {
	width: 100%;
}

.artwall-holder-small .artwall-overlay-small {
	position: absolute;
	top: 18.6%;
	left: 35.19%;
	color: white;
	width: 37.04%;
	height: 40%;
}

.artwall-overlay-aspectratio-holder-small {
	position: relative;
	height: 100%;
	width: 100%;
}

.artwall-overlay-content-small {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* LARGE */
.artwall-holder-large {
	position: relative;
	max-width: 1100px;
}

.artwall-holder-large > img {
	width: 100%;
}

.artwall-holder-large .artwall-overlay-large {
	position: absolute;
	top: 6.78%;
	left: 25.45%;
	color: white;
	width: 59.88%;
	height: 67.79%;
}

.artwall-overlay-aspectratio-holder-large {
	position: relative;
	height: 100%;
	width: 100%;
}

.artwall-overlay-content-large {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
}

.artwall-holder .target-art-wall {
	position: absolute;
}

.product-thumb .artwall-holder-small,
.product-thumb .artwall-holder-large {
	max-height: 100px;
	cursor: pointer;
}

.product-thumb .artwall-holder-small img,
.product-thumb .artwall-holder-large img {
	cursor: unset;
}


/* Exhibition Layout 3 styles */
.exhibition-layout-3 .breadcrumb li a,
.exhibition-layout-3 .breadcrumb > .active,
.exhibition-layout-3 .breadcrumb > li + li::before {
	color: #FFFFFF;
}

.exhibition-layout-3 .row > div[class*=col]{
	margin-bottom: 70px;
}

.exhibition-layout-3 p{
	color: #FFFFFF;
}
#exhibition.exhibition-layout-3 p.exhibition_date {
	color: #B99A4B;
}
#exhibition.exhibition-layout-3 p.exhibition_date:not(.exhibition_location){
	font-weight: 500;
}

.exhibition-layout-3 a.setion-link:hover {
	text-decoration: none;
}

.exhibition-layout-3 .exhibition-intro,
.exhibition-layout-3 .exhibition-intro p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #FFFFFF;
}

.exhibition-intro{
	text-align: center;
}


.exhibition-layout-3 .artist-name {
	color: #B99A4B;
	font-size: 14px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 22px;
	letter-spacing: 4.8px;
	text-align: center;
}

.exhibition-layout-3 .product-name {
	color: #B99A4B;
	text-align: center;
}

.exhibition-layout-3 .product-name,
.exhibition-layout-3 .product-abstract {
	font-weight: 300;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
	opacity: 0.8;
	margin-bottom: 5px;
	margin-top: 0;
	font-style: italic;
	letter-spacing: 0.7px;
	text-align: center;
}

.exhibition-layout-3 .product-abstract {
	font-weight: 300;
	letter-spacing: 0.6px;
	font-size: 12px;
	line-height: 22px;
	font-style: normal;
	text-align: center;
}

.exhibition-layout-3 .price {
	color: #B99A4B;
	font-weight: bold;
	letter-spacing: 0;
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	margin-top: 0;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.exhibition-layout-3 .page_banner_text {
	position:absolute;
	left: 50%;
	display: block;
	transform: translate(-50%);
	padding: 25px;
	font-weight: 300;
	letter-spacing: 6px;
	font-size: 25px;
	line-height: 35px;
	width: auto;
	top:45%;
	max-width: 500px;
}

@media (max-width: 767px){
	.exhibition-layout-3 .page_banner_text {
		width: calc(100% - 30px);
	}
}

.row.padding-20{
	margin-right: -20px;
	margin-left: -20px;
}
.row.padding-20 > div[class*="col-"]{
	padding-left: 20px;
	padding-right: 20px;
}


.exhibition-link:hover {
	text-decoration: none;
	cursor: pointer;
}


/* Collections */
.collections-header-wrapper {
	padding: 45px 85px 45px 85px;
	position: relative;
}

.collections-header-link {
	line-height: 50px;
	font-size: 16px;
	text-decoration: underline;
	font-weight: 400;
}

.collections-header-wrapper img {
	max-height: 50px;
}

@media (max-width: 767px){
	.collections-header-wrapper img {
		max-height: 30px;
	}
	
	.collections-header-wrapper {
		padding: 20px;
	}
	
	.collections-header-link {
		line-height: 30px;
	}
}

.collections-intro {
	margin-top: 25px;
	padding: 45px 85px 45px 85px;
	background-color: #E2E1DC;
}

@media (max-width: 767px){
	.collections-intro {
		padding: 20px;
	}
}

.collection-description{
	font-size: 20px;
}

.collection-description p{
	font-size: 20px;
}

.collection-description strong{
	font-weight: 400;
}

.collection-product-box {
	padding: 60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.collection-product-box h3 {
	font-size: 15px;
	line-height: 20px;
	color: #464646;
	letter-spacing: 5px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.collection-product-box h4 {
	font-size: 20px;
	line-height: 22px;
	font-style: italic;
	margin-bottom: 10px;
}

.collection-product-box p {
	color: #464646;
}

.collection-product-spacer {
	display: block;
	border-bottom: 1px solid #707070;
	margin: 0 30px;
}

@media (max-width: 767px){
	.collection-product-box {
		margin: 30px 0;
	}
	
	.collection-product-spacer {
		display: none;
	}
}

.collections-footer-wrapper {
	background-color: #E2E1DC;
	padding: 45px 85px 45px 85px;
	margin-top: 1.5rem;
}

@media (max-width: 767px){
	.collections-footer-wrapper {
		padding: 20px;
		text-align: center;
		margin-top: 1.5rem;
	}
}
.collections-footer-wrapper h2 {
	font-size: 22px;
	line-height: 45px;
	letter-spacing: normal;
	font-weight: 400;
}

.collections-footer-inline {
	margin-bottom: 10px;
	vertical-align: top;
}

.collections-footer-inline i {
	color: #A08C59;
	font-size: 20px;
	line-height: 25px;
	vertical-align: top;
}

.collections-footer-inline a {
	color: #707070;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	text-decoration: underline;
}

.collections-footer-inline li {
	display: inline-block;
	vertical-align: top;
}

.collections-footer-inline li i {
	margin-right: 10px;
}

.collections-footer-socials {
	float: right;
}

.collections-footer-socials i {
	font-size: 30px;
}

.collections-footer-socials a {
	color: #A08C59;
}

.collections-product-thumbs-wrp .product-thumb {
	width: 30%;
}

.collection-readmore-button-wrapper {
	margin: 40px 0;
}

/* .button.button-gold {
	background-color:#927835;
	border:0;
	color:#ffffff;
		font-weight: 400;
	font-size:14px;
	line-height: 24px;
	padding: 10px 11px;
} */

.collection-product-pager-node {
	display: inline-block;
	margin: 0 5px;
	text-align: right;
}

.collection-product-pager-node i {
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
}

.collection-product-actions-wrapper {
	margin: 40px 0;
	padding: 30px 0;
	border-top: 1px solid #707070;
	display: flex;
	justify-content: space-between;
}

.collection-product-pager-text,
a.collection-product-close {
	font-size: 17px;
	line-height: 24px;
	color: #A08C59;
	font-weight: 500;
}

a.collection-product-close {
	text-decoration: underline;
}

.collection-artwork-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
}

.collection-product-box .img_container_portrait img {
	width:auto;
	max-height:400px;
}
.collection-product-box .img_container_landscape img {
	/*width:100%;*/
	height:auto;
	max-height:280px;
}

.collection-product-box .img_container_landscape,
.collection-product-box .img_container_portrait {
    width: 100%;

    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}



.collection-artwork-container a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.collection-artwork-container #product-price {
	margin-left: auto;
	margin-right: auto;
}

.collection-artwork-container a:hover,
.collection-artwork-container a:active {
	text-decoration: none;
	outline: none;
}
.collection-product-CTA {
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: all 0.3s;
	transform: translateY(0);
}

.collection-product-CTA:hover {
	color: #444;
	border: 1px solid #444;
	transform: translateY(-2px);
}
.collection-product-CTA:active {
	transform: translateY(1px);
}

.collection-artwork-container .collection-product-text-wrapper {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.collections-footer-inline {
	text-align: left;
}

@media (max-width: 991px){
	.collections-footer-inline {
		text-align: center;
	}
	
	.collections-footer-socials {
		float: none;
	}
	
	.collections-footer-wrapper h2 {
		text-align: center;
	}
}

#collectionReadMoreModal .modal-body * {
	color: #4D4D4D;
}

#email_collection_div {
	background-color: #E2E1DC;
	padding: 50px;
}

#view-collectionPreview-button {
	width: 336px; 
	padding: 12px 22px;
}

#email_collection_div button {
    border: 0;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    padding: 15px 11px;
	margin-top: 32px;
	width: 100%;
}
#email_collection_div input, textarea, select {
	background-color: var(--color-cream);
	color: #4c4c4c;
	border-color: #808080;
	border-width: thin;
	border-radius: 0px;
}
#email_collection_div textarea {
	min-height: 139px;
}
#email_collection_div label {
	color: #808080;
}
#email_collection_div .non_submit {
	background-color: 	#989898; 
}
#email_collection_div #btnSendCollectionEmail {	
	padding: 11px 11px;
}
.email-col{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

/* Article Entry styling */
/* resking 2024-10 keep */
.articleEntry{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	margin: 30px 0;
}
.articleEntry__image{
	object-fit: contain;
	max-height: 300px;
	margin: 0 auto;
	padding: 0 !important;
}
.articleEntry__image--small{
	max-height: 150px;
}
.articleEntry__image--large{
	max-height: 600px;
}
.articleEntry__content{
	text-align: center;
}

@media (min-width: 660px) {
	.articleEntry__image{
		flex: 1 1 40%;
		max-width: 300px;
		max-height: 300px;
		margin: 0 !important;
	}
	.articleEntry__image--small{
		max-width: 150px;
		max-height: 150px;
	}
	.articleEntry__image--large{
		max-width: 600px;
		max-height: 600px;
	}
	#news_article .articleEntry__image img{
		margin: 0;
	}
	.articleEntry__content{
		margin: 0;
		flex: 1 1 50%;
		text-align: left;
	}

	/* Directional styling (Article Entry) */
	.articleEntry--LEFT{
		flex-direction: row;
	}
	.articleEntry--RIGHT{
		flex-direction: row-reverse;
	}
	.articleEntry--RIGHT .articleEntry__content{
		margin-right: auto;
	}
	/* Need some clarification as to how these want styling */
	.articleEntry--CENTRE{
		flex-direction: row;
	}
	.articleEntry--TOP{
		flex-direction: column;
	}
	.articleEntry--BOTTOM{
		flex-direction: column-reverse;
	}

	.articleEntry--CENTRE .articleEntry__image{
		margin: 0 auto !important;
	}
	.articleEntry--CENTRE .articleEntry__content,
	.articleEntry--TOP .articleEntry__content,
	.articleEntry--BOTTOM .articleEntry__content{
		text-align: center;
	}
}
strong{
	font-weight: bold;
}

/* Account Feature Development - adding */
/*====================================================
		Account
======================================================*/
.account-page{
	padding-top: 30px;
}
/*dashboard*/
.account-dashboard-boxes{
	margin-top: 20px;
	margin-bottom: 80px;
}
.account-dashboard-boxes .box{
	padding: 25px 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid var(--color-black);
}
.account-dashboard-boxes .box i{
	margin-right: 10px;
}
.account-dashboard-boxes a:hover{
	text-decoration: none;
}

/*Accounts*/
.account-accounts{
	margin-top: 20px;
}
.account-accounts .account-details{
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px;
}
.account-accounts table{
	font-size: 14px;
}
.account-accounts table th{
	font-weight: 500;
}
.account-accounts table td, .account-accounts table th{
	padding: 1px 5px;	
}

/*user bar*/ 
.header-user-bar{
	display: flex;
	justify-content: flex-end;
	padding: 0;
	margin-bottom: 5px;
}

/*mobile - tablet*/
@media(max-width: 991.99px){
	.account-orders .order-box .order-lines .order-line-box .product-name{
		margin-bottom: 10px;
	}
}

@media(max-width: 767.99px){
	/*buttons*/
	.account-orders .order-view{
		display: block;
	}
	.account-orders .order-view a{
		padding: 10px;
	}
	.account-orders .order-view .hide-order-button{
		color: #fff;
	}
}

/*====================================================
	End of Account
======================================================*/

/***************************************************************************************************************************
****************************************************************************************************************************
****************************************************************************************************************************

	RESKIN 2024

****************************************************************************************************************************
****************************************************************************************************************************
****************************************************************************************************************************/

h1 .secondary-font-numbers{
	font-size: 60px;
}
h2 .secondary-font-numbers{
	font-size: 35px;
}
@media(max-width: 767.99px){
	.hidden-mobile{
		display: none !important;
	}
}
@media(min-width: 768px){
	.hidden-desktop{
		display: none !important;
	}
	h1 .secondary-font-numbers{
		font-size: 78px;
	}
	h2 .secondary-font-numbers{
		font-size: 55px;
	}
}

.heading-and-more{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.heading-and-more.with-border-bottom{
	border-bottom: 1px solid var(--color-black);
}
.heading-and-more h2{
	margin-bottom: 0;
}
.heading-and-more i{
	font-size: 32px;
}
.heading-and-more .more-link{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 20px;
	font-size: 18px;
}

@media (max-width: 991.99px){
	body.no-scroll {
		left: 0;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.header-wrp.navbar-open {
		overflow-y: scroll;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color:var(--color-black) !important;
		position: fixed;
		padding: 0;
		z-index: 1;
	}
	.header-wrp.navbar-open .header-mobile{
		display: none;
	}

	.offcanvas_menu > ul > li{
		padding: 20px 0;
	}
	.offcanvas_menu > ul > li.opened .dropdown-wrp{
		border-top: 1px solid var(--color-cream);
		padding-top: 10px;
	}
	.offcanvas_menu > ul > li a {
		position:relative;
		font-size: 35px;
	}
	.offcanvas_menu > ul > li a i{
		font-size: 22px;
	}
	.offcanvas_menu > ul > li a:hover,
	.offcanvas_menu > ul > li a:focus{
		text-decoration: none;
	}

	.offcanvas_menu > ul > li .chevron-up{
		display: none;
	}
	.offcanvas_menu > ul > li.opened .chevron-up{
		display: inline;
	}
	.offcanvas_menu > ul > li.opened .chevron-down{
		display: none;
	}
	.offcanvas_menu > ul > li .chevron-down{
		display: inline;
	}

	.offcanvas_menu .dropdown-list li{
		padding: 10px 0;
	}
	.offcanvas_menu .dropdown-list a{
		font-size: 18px;
	}

	.offcanvas {
		position: absolute;
		right: 0;
		top: 100px;
		width:100%;
		padding:0;
		display: none;
	}
	.offcanvas.offcanvas-show {
		display: block;
	}
	.offcanvas_menu {
		position: absolute;
		right:100%;
		width: 100%;
		color: var(--color-white);
		background:var(--color-black);
		padding: 0 20px;
	}
}

/* headder */
.header-wrp{
	padding: 25px 0;
	background-color: var(--color-cream);
	color: var(--color-black);
	border-bottom: 1px solid var(--color-black);
	position: relative;
}
.header-wrp.header-float{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;

	background-color: transparent;
	color: var(--color-cream);
	border-bottom: none;
}
.header-wrp.header-float.header-home{
	background-color: rgba(0, 0, 0, 0.4);
}

.header{
	display: flex;
	flex-direction: column;
	background-color: transparent;
}

.header .header-links{
	align-self: flex-end;
	gap: 20px;
	font-size: 25px;
	display: none; 
}

.header .header-links i{
	width: 30px;
}

.header .header-links a:hover i{
	font-size: 27px;
	font-weight: 300;
}

.header .header-mobile{
	display: flex;
	font-size: 30px;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}

.header-mobile-menu-open{
	display: none;
	flex-wrap: nowrap;
	font-size: 30px;
	gap: 15px;
	justify-content: space-between;
	padding: 25px 0 25px;
	position: relative;
	color: var(--color-cream);
}
.header-mobile-menu-open ul{
	display: flex;
	flex-wrap: nowrap;
	font-size: 30px;
	gap: 15px;
	justify-content: flex-start;
	margin-bottom: 0;
}
.header-mobile-menu-open ul:last-child{
	font-size: 30px;
	justify-content: flex-end;
}
.header-wrp.navbar-open .header-mobile-menu-open{
	display: flex;
}

.header .nav-arrow{
	display: none;
}

.header .nav-container.nav-container-desktop{
	display: none;
}
.header .nav-container.nav-container-mobile{
	display: block;
}
.header .nav-container .level1-anchor{
	display: none;
}
.header .nav-container.nav-container-desktop .level1-anchor-desktop{
	display: inline-block;
}
.header .nav-container.nav-container-mobile .level1-anchor-mobile{
	display: inline-block;
	font-family: var(--secondary-font);
	font-weight: 300;
	text-transform: uppercase;
}
.header .nav-container .level1-anchor-wrp{
	display: flex;
	align-items: center;
}
.header .nav-container .level1-anchor-wrp .content{
	vertical-align: middle;
}
@media(min-width: 992px){
	.header-wrp{
		padding: 25px 0 0;
	}
	.header .header-mobile{
		display: none;
	}
	.header .header-links{
		display: flex;
	}

	.header .nav-arrow{
		display: block;
		display: inline;
	}

	.header .nav-container.nav-container-desktop{
		display: block;
	}
	.header .nav-container.nav-container-mobile{
		display: none;
	}
	.header .nav-split{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-end;
		gap: 10px;
		margin-bottom: 0;
	}
	.header .nav-split > li{
		flex: 1;
	}
	.header .nav-split .nav{
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.header .nav-split .desktop-logo{
		padding-bottom: 40px;
		text-align: center;
	}

	.header .nav-split .nav > li > a{
		font-size: 20px;
		padding-bottom: 40px;
		text-transform:uppercase;
		text-align: center;
		font-family: var(--secondary-font);
		font-weight: 300;
	}
	.header .nav-split .nav > li > a:hover {
		text-decoration: underline !important;
		text-underline-offset: 10px;
	}
	.dropdown-wrp:hover + a{
		text-decoration: underline !important;
		text-underline-offset: 10px;
	}
	.dropdown-wrp{
		position:absolute;
		top: 100%;
		left:0;
		z-index:2;
		width: 100%;
		
		padding: 20px;
	}
	.header-wrp .dropdown-wrp{
		background-color: var(--color-cream);
		border-top: 1px solid var(--color-black);
		box-shadow: 0px 3px 6px #00000029;
	}
	.header-wrp.header-float .dropdown-wrp{
		border-top: 1px solid var(--color-cream);
		background-color: transparent;
	}
	.header-wrp.header-float.header-home .dropdown-wrp{
		background-color: rgba(0, 0, 0, 0.4);
	}
	.dropdown-wrp .dropdown-list{
		max-width: 1260px;
		margin: 0 auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.dropdown-wrp .dropdown-list h3, .dropdown-wrp .dropdown-list a{
		text-transform: uppercase;
		font-size: 20px;
		font-family: var(--secondary-font);
		font-weight: 300;
		margin: 0;
	}
}

/* footer */
.footer{
	background-color: var(--color-green);
	color: var(--color-black);
	padding: 45px 0;
	margin-top: 80px;
}
.footer .footer-logo{
	text-align: center;
}
.footer h3{
	font-family: var(--secondary-font);
	font-weight: 300;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 40px;
	line-height: 35px;
}
.footer h4{
	font-family: var(--secondary-font);
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 40px;
}
.footer p{
	margin-bottom: 10px;
}
.footer table{
	margin-bottom: 10px;
}
.footer table td{
	padding-bottom: 10px;
}
.footer i{
	font-size: 25px;
}
.footer .sm-links{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 20px;
}
.footer .button{
	margin-top: 15px;
}
.footer-bottom{
	background-color: var(--color-black);
	color: var(--color-cream);
	padding: 20px;
}
@media(min-width: 768px) {
	.footer h3{
		line-height: 40px;
	}
}

/* search */
.search-for{
	padding: 25px 0 5px;
	text-align: center;
}
.search-for p{
	margin-bottom: 0;
}
.search-section{
	border-top: 1px solid var(--color-black);
	padding: 30px 0;
}
.search-section h2{
	margin-bottom: 30px;
}
.search-results-list{
	margin-bottom: 0;
}
.search-results-list li{
	margin-bottom: 20px;
	font-weight: var(--font-bold);
}
.search-section .products-grid,
.search-section .sections-grid{
	margin-bottom: 0;
}
.search-section .pagination-wrp{
	margin-top: 20px;
	margin-bottom: 0;
}
@media(min-width: 768px){
	.search-for{
		padding: 50px 0 30px;
	}
	.search-section{
		border-top: 1px solid var(--color-black);
		padding: 40px 0;
	}
	.search-section h2{
		margin-bottom: 40px;
	}
}

/* artists */
.artists-selection-wrp{
	padding: 15px 20px;
	background-color: var(--color-cream-dark);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
}
.artists-selection-wrp p{
	font-size: 18px;
	line-height: 26px;
	margin: 0;
	text-align: center;
	text-wrap: balance;
}
.artists-selection-wrp .button{
	font-size: 14px;
	min-width: 370px;
}

.artists-list .artists-letter{
    font-size: 35px;
    font-family: var(--secondary-font);
    font-weight: 300;
    margin-bottom: 15px;
}
.artists-list p{
    font-size: 25px;
    margin-bottom: 20px;
}
.artists-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
	margin-top: 25px;
}
.artists-column {
    width: 100%;
}
.letter-group {
    margin-bottom: 30px;
}
.letter-group:last-child {
    margin-bottom: 0;
}
@media(min-width: 768px) {
	.artists-selection-wrp{
		flex-direction: row;
	}
	.artists-selection-wrp .button{
		font-size: 19px;
	}

    .artists-list {
        flex-direction: row;
        justify-content: space-between;
		margin-top: 35px;
    }
    .artists-column {
        flex: 1;
        min-width: 0;
    }
}
@media(max-width: 767.99px){
	.artists-selection-wrp .button{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		min-width: 0;
	}
}

/* artist */
.artist-grid{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 35px;
	border-bottom: 1px solid var(--color-green);
}
.artist-grid .products-grid{
	grid-template-columns: 1fr;
	margin-bottom: 0;
}
.artist-grid > div{
	flex: 1;
}
.artist-grid .artist-bio{
	margin-top: 45px;
}
.artist-grid h2{
	margin-bottom: 30px;
}
@media(min-width: 768px){
	.artist-grid{
		flex-direction: row;
		gap: 30px;
		margin-bottom: 50px;
	}
	.artist-grid .artist-content{
		order: 1;
	}
	.artist-grid .artist-images{
		order: 2;
	}
}

/* homepage hero */
.hero-slider{
	width: 100%;
	height: 100vh;
	position: relative;

	margin-bottom: 40px;
}

.hero-slider .splide {
	height: 100%;
}
.hero-slider .splide__track {
	height: 100%;
}

.hero-slider .splide__list {
	height: 100%;
}
.hero-slider .splide__slide {
	position: relative;
	height: 100%;
}
.hero-slider .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}
.hero-slider .splide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    pointer-events: auto;
    transition: background-color 0.3s ease;
	color: transparent;
}
.hero-slider .splide__arrow i {
    color: #fff;
    font-size: 35px;
}
.hero-slider .splide__arrow--prev {
    left: 1em;
}
.hero-slider .splide__arrow--next {
    right: 1em;
}
.hero-slider .splide__arrow:hover {
    background: transparent;
}

.hero-slider img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.hero-slider .hero-content-wrp{
	position: absolute;
	bottom: 25px;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0 20px;
}
.hero-slider .hero-content{
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	background: rgba(36, 33, 30, 0.3);
}
.hero-slider .hero-content .line1{
	font-size: 18px;
	margin-bottom: 5px;
}
.hero-slider .hero-content .line2{
	font-size: 45px;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: var(--secondary-font);
	font-weight: 300;
	margin-bottom: 20px;
}
@media(min-width: 992px){
	.hero-slider{
		margin-bottom: 120px;
	}

	.hero-slider .hero-content-wrp{
		bottom: 50px;
	}
	.hero-slider .hero-content{
		padding: 35px 50px;
		
	}
	.hero-slider .hero-content .line2{
		font-size: 50px;
	}
}

/* coming soon banner */
.comingsoon-banner{
	width: 100%;
	height: 100vh;
	position: relative;

	margin-bottom: -80px;
}
.comingsoon-banner img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.comingsoon-banner:after{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
	content: "";
}
.comingsoon-banner header{
	color: var(--color-cream);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	padding: 0 20px;
	z-index: 2;
}
.comingsoon-banner h1{
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}
.comingsoon-banner h1:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background-color: var(--color-cream);
}

/* hero banner */
.hero-banner{
	height: 580px;
	position: relative;
	margin-bottom: 40px;
}
.hero-banner:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: rgba(0, 0, 0, 0.4);*/
	z-index: 0;	
}
.hero-banner img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hero-banner header{
	color: var(--color-cream);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	padding: 0 20px;
	z-index: 1;
}
.hero-banner.hero-artist header{
	top: 60%;
	transform: translateY(-60%);
}
.hero-banner footer{
	color: var(--color-cream);
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	z-index: 1;
}
.hero-banner h1{
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}
.hero-banner h1:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background-color: var(--color-cream);
}
@media(min-width: 992px){
	.hero-banner{
		margin-bottom: 60px;
	}
}
@media(max-width: 767.99px){
	.hero-banner.hero-artist{
		height: 650px;
	}
	.hero-banner.hero-artist header{
		top: 50%;
		transform: translateY(-50%);
	}
}
@media(max-width: 374.99px){
	.hero-banner.hero-artist{
		height: 750px;
	}
	.hero-banner.hero-artist header{
		top: 40%;
		transform: translateY(-40%);
	}
}

/* slick slider */
.sections-carousel{
	position: relative;
	max-height: 450px;
	overflow-y: hidden;
	margin-top: 40px;
}
.sections-carousel .slick-slide{
	margin-left: 15px;
	margin-right: 15px;
}
.sections-carousel .slick-arrow{
	position: absolute;
	top: 150px;
	cursor: pointer;
	color: var(--color-white);
	font-size: 35px;
	z-index: 1;
}
.sections-carousel .slick-arrow.prev{
	left: 30px;
	/* display: none !important; */
}
.sections-carousel .slick-arrow.next{
	right: 15px;
}
.sections-carousel .sections-slide img {
	width: 100%;
	height: 325px;
	object-fit: cover;
	margin-bottom: 18px;
}
.sections-carousel .sections-slide p {
	font-size: 22px;
	margin-bottom: 0;
}
@media (max-width: 767.99px) {
	.sections-carousel{
		margin-right: -20px;
	}
	.sections-carousel .sections-slide{
		max-width: 300px !important;
	}
	.sections-carousel .sections-slide img{
		width: 300px !important;
		height: 325px !important;
	}
}
@media(min-width: 768px){
	.sections-carousel{
		margin-left: -15px;
		margin-right: -15px;
	}
	.sections-carousel:after{
		position: absolute;
		right: 0;
		top: 0; bottom: 0;
		content: "";
		width: 200px;
		/* background: linear-gradient(to left, rgba(238, 237, 232, 0.97), rgba(238, 237, 232, 0)); */
		z-index: 0;
	}
	.sections-carousel .slick-arrow.next{
		right: 30px;
	}
}

/* homepage */
.home-intro{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 20px;
	margin-bottom: 80px;
}
.home-intro > div{
	flex: 1;
}
.home-intro h1{
	padding-bottom: 5px;
	margin-bottom: 0;
}
.home-intro .logos-image{
	text-align: center;
	margin-top: 40px;
}
@media(max-width: 991.99px){
	.home-intro h2{
		font-size: 26px;
		line-height: 26px;
	}
	.home-intro h1, .home-intro h2{
		padding-left: 25px;
		border-left: 1px solid var(--color-black);
	}
}
@media(min-width: 992px){
	.home-intro{
		flex-direction: row;
		margin-bottom: 120px;
	}
	.home-intro h1{
		padding-bottom: 20px;
	}
	.home-intro .intro-content{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		flex: 1;
		margin-left: 60px;
		border-left: 1px solid var(--color-black);
		padding-left: 40px;
	}
	.home-intro .logos-image{
		margin-top: auto;
	}
}

.home-account-banner{
	margin-bottom: 80px;
}
@media(min-width: 768px){
	.home-account-banner{
		margin-bottom: 120px;
	}
}

.home-exhibitions-wrp {
	background-color: var(--color-black);
	color: var(--color-white);
	padding: 60px 0;
	margin-bottom: 80px;
}
.home-exhibitions {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 60px;
	margin-top: 40px;
}
.exhibition-block {
	flex: 1;
	padding-left: 30px;
	border-left: 1px solid var(--color-white);
	position: relative;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.exhibition-block header {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	position: absolute;
	top: -1px;
	left: -20px;
	font-size: 32px;
	font-family: var(--secondary-font);
	font-weight: 300;
	line-height: 40px;
	background-color: var(--color-black);
	text-transform: uppercase;
	padding-top: 20px;
}
.exhibition-block .exhibition-image {
	margin-bottom: 20px;
	aspect-ratio: 575/350;
}
.exhibition-block .exhibition-image img {
	aspect-ratio: 575/350;
	width: 100%;
	object-fit: cover;
}
.exhibition-block .exhibition-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: flex-start;
}
.exhibition-block .exhibition-title {
	font-size: 22px;
	margin-bottom: 10px;
}
.exhibition-block .exhibition-description {
	margin-bottom: 20px;
}
.exhibition-block .exhibition-dates {
	font-weight: var(--font-bold);
	margin-bottom: 20px;
}
.exhibition-block .exhibition-button {
	margin-top: auto;
}
@media(min-width: 768px) {
	.home-exhibitions-wrp {
		padding: 40px 0;
		margin-bottom: 120px;
	}
	.home-exhibitions {
		flex-direction: row;
		margin-top: 60px;
	}
	.exhibition-block {
		height: auto;
	}
	.exhibition-block .exhibition-image {
		margin-bottom: 30px;
	}
	.exhibition-block .exhibition-title {
		font-size: 25px;
	}
}

.home-categories{
	margin-bottom: 80px;
}
@media(min-width: 768px){
	.home-categories{
		margin-bottom: 120px;
	}
}

.home-latest-news-wrp{
	background-color: var(--color-white);
	margin-bottom: 120px;
}
.home-latest-news{
	display: flex;
	flex-wrap: nowrap;
	margin: 40px 0;
}
.home-latest-news > div{
	flex: 1;
}
.home-latest-news .image{
	position: relative;
}
.home-latest-news .image .image-float{
	position: absolute;
	top: -40px;
	bottom: -40px;
	width: 100%;
	height: calc(100% + 80px);
}
.home-latest-news .image .image-float img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home-latest-news.news-block .content{
    padding: 50px 0 50px 50px;
}
.home-latest-news:not(.news-block) .content{
    padding: 50px 50px 50px 0;
}
.home-latest-news .content .date{
	font-weight: var(--font-regular);
	margin-bottom: 10px;
}
@media(max-width: 767.99px){
	.home-latest-news-wrp{
		/* width: calc(100% - 20px); */
		width: 100%;
	}
	.home-latest-news{
		flex-direction: column;
		margin-top: 150px;
	}
	.home-latest-news .image{
		flex-basis: 150px;
		order: 1;
	}
	.home-latest-news:not(.news-block) .image .image-float{
		height: 300px;
		top: -150px;
		/* right: -40px; */
		/* width: calc(100% + 20px); */
		right: -20px;
		width: 100%;
	}
	.home-latest-news.news-block .image .image-float{
		height: 300px;
		top: -150px;
		left: -20px;
		width: 100%;
	}
	.home-latest-news .content{
		padding: 25px 20px;
		order: 2;
	}
}
@media(min-width: 768px){
	.home-latest-news-wrp{
		margin-bottom: 160px;
	}
}


.home-visitor{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;

	color: var(--color-cream);
	margin-bottom: 40px;
}
.home-visitor > div{
	flex: 1;
}
.home-visitor .image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-visitor .content{
	background-color: var(--color-black);
	padding: 35px 20px;
}
.home-visitor h2{
	margin-bottom: 50px;
}
@media(max-width: 767.99px){
	.home-visitor{
		margin-left: -20px;
		margin-right: -20px;
	}
}
@media(min-width: 768px){
	.home-visitor{
		flex-direction: row;
		margin-bottom: 120px;
	}
	.home-visitor .content{
		padding: 70px;
	}
	.home-visitor h2{
		margin-bottom: 60px;
	}
}

.info-block{
	position: relative;
	padding-top: 30px;
	border-top: 1px solid var(--color-white);
}
.info-block header{
	background-color: var(--color-black);
	padding-right: 15px;
	position: absolute;
	line-height: 25px;
	font-size: 22px;
	top: -15px;
}
.info-block table{
	font-weight: var(--font-bold);
	width: 100%;
	margin-bottom: 40px;
}
.info-block td{
	padding-bottom: 15px;
}
.info-block p{
	font-weight: var(--font-bold);
	margin-bottom: 0;
}
.info-block .small-text{
	font-weight: var(--font-regular);
}
@media(min-width: 768px){
	.info-block header{
		font-size: 25px;
	}
}

/* pagination */
.pagination-wrp{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;

	font-size: 25px;
	margin-bottom: 60px;
}
.pagination-wrp i{
	font-size: 28px;
}
.pagination-wrp.with-view-all{
	justify-content: space-between;
	font-size: 20px;
}
.pagination-wrp .pagination{
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
}
.pagination-wrp .pagination .disabled{
	font-weight: var(--font-medium);
	color: var(--color-black);
}
@media(min-width: 992px){
	.pagination-wrp{
		margin-bottom: 100px;
	}
	.pagination-wrp.with-view-all{
		font-size: 25px;
	}
	.pagination-wrp .pagination{
		display: flex;
		flex-wrap: nowrap;
		gap: 30px;
	}
}

/* prodcuts grid */
.products-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 50px;
	margin-bottom: 60px;
}
.products-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.products-item-content{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.products-item-content > a {
	display: flex;
	justify-content: center;
}

.products-item-content img {
	max-width: 100%;
	max-height: 290px;
	object-fit: contain;
	margin-bottom: 10px;
}
.products-item-content-text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	height: 100%;
}
.products-item-content-text-title {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.products-item-content-text-button {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.products-item-content p {
	margin-bottom: 7px;
}
.products-item-content .product-price{
	font-weight: var(--font-regular);
	font-size: 20px;
	margin-top: 5px;
}
@media (min-width: 480px) {
	.products-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(min-width: 768px){
	.products-grid{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media(min-width: 992px){
	.products-grid{
		margin-bottom: 100px;
	}
}

/* sections grid */
.sections-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	margin-bottom: 60px;
	align-items: flex-start;
}
.sections-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.sections-item img,
.sections-item a {
    width: 100%;
    aspect-ratio: 300/280;
    display: block;
    margin-bottom: 18px;
}

.sections-item img {
    object-fit: cover;
}

.sections-item p {
	font-size: 22px;
	margin-bottom: 7px;
}
@media (min-width: 480px) {
	.sections-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(min-width: 768px){
	.sections-grid{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media(min-width: 992px){
	.sections-grid{
		margin-bottom: 100px;
	}
	.sections-item p {
		font-size: 25px;
	}
}

/* sections filters nav */
.section-filters-wrp{
	padding: 12px 0;
	margin-bottom: 30px;
}
.section-filters-wrp.sticky{
	position: sticky;
	top: 0;
	background-color: var(--color-cream);
	box-shadow: 0px 3px 6px #00000017;
	z-index: 1;
}
.sections-filters{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 14px;
	gap: 20px;
}
.sections-filters .filters-nav{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 20px;
}
.sections-filters .filters-login .button{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}
.sections-filters .filters-mobile-button{
	border: 1px solid var(--color-black);
	padding: 8px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	cursor: pointer;
}
.sections-filters .filter-group{
	padding: 8px;
	border: 1px solid var(--color-black);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	position: relative;
}
.sections-filters .filter-group:not(.sort-group){
	display: none;
}
.sections-filters .filter-group .fa-chevron-up{
	display: none;
}
.sections-filters .filter-group .fa-chevron-down{
	display: block;
}
.sections-filters .filter-group.open .fa-chevron-up{
	display: block;
}
.sections-filters .filter-group.open .fa-chevron-down{
	display: none;
}
.sections-filters .filter-dropdown{
	display: none;
	position: absolute;
	right: -1px;
	top: 100%;
	border: 1px solid var(--color-black);
	padding: 40px;
	background-color: var(--color-cream);
	flex-direction: column;
	gap: 15px;
	z-index: 2;
	overflow-y: auto;
	overscroll-behavior: contain;
	max-height: 600px;
}
.sections-filters .filter-group.open .filter-dropdown{
	display: block;
	width: 200px;
}
.sections-filters .filter-dropdown > div:not(:last-child){
	margin-bottom: 15px;
}
@media(min-width: 768px){
	.section-filters-wrp{
		padding: 20px 0;
		margin-bottom: 40px;
	}
	.sections-filters{
		flex-direction: row-reverse;
		justify-content: space-between;
		font-size: 18px;
	}
	.sections-filters .filters-mobile-button{
		display:none;
		padding: 10px;
	}
	.sections-filters .filter-group{
		display: flex !important;
		padding: 10px;
	}
	.sections-filters .filters-login .button{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 18px;
	}
	.sections-filters .filter-dropdown{
		left: -1px;
		right: auto;
	}
	.sections-filters .filter-group.open .filter-dropdown{
		width: 300px;
	}
}

/* sections filters mobile */
.section-mobile-filters{
	display: none;
}
.section-mobile-filters.open{
	display: block;
	position: fixed;
	z-index: 3;
	overflow-y: scroll;
	top: 0; bottom: 0;
	right: 0; left: 0;
	background-color: var(--color-cream);
	padding: 20px;
}
.mobile-filters-nav{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.mobile-filters-nav .mobile-filters-close{
	cursor: pointer;
	font-size: 30px;
}
.mobile-filters-nav h2 {
	margin-bottom: 0;
}
.mobile-filter-group .fa-chevron-up{
	display: none;
}
.mobile-filter-group .fa-chevron-down{
	display: block;
}
.mobile-filter-group.open .fa-chevron-up{
	display: block;
}
.mobile-filter-group.open .fa-chevron-down{
	display: none;
}
.mobile-filter-group .group-nav{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--color-black);
	padding: 15px 0;
	cursor: pointer;
	margin-top: 20px;
}
.mobile-filter-group .group-nav header{
	font-size: 22px;
	font-weight: var(--font-bold);
}
.mobile-filter-group .group-nav i{
	font-size: 16px;
}
.mobile-filter-dropdown{
	display: none;
	padding: 15px 0 0;
}
.mobile-filter-dropdown > div:not(:last-child){
	margin-bottom: 15px;
}

/* news featured */
.news-featured{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 60px;
}
.news-featured p.date{
	margin-bottom: 10px;
}
@media(min-width: 768px){
	.news-featured{
		flex-direction: row;
		gap: 30px;
		margin-bottom: 60px;
		align-items: center;
	}
	.news-featured p.date{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.news-featured .image{
		flex: 3;
		align-self: flex-start;
	}
	.news-featured .content{
		flex: 2;
	}
}

/* news grid */
.news-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	margin-bottom: 60px;
	align-items: flex-start;
	margin-top: 30px;
}
.news-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.news-item img {
	width: 100%;
	aspect-ratio: 420/275;
	object-fit: cover;
	margin-bottom: 18px;
}
.news-item p.title {
	font-size: 22px;
	margin-bottom: 7px;
}
.news-item p.date{
	margin-bottom: 7px;
}
@media (min-width: 480px) {
	.news-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(min-width: 768px){
	.news-grid{
		grid-template-columns: repeat(3, 1fr);
		margin-top: 50px;
	}
	.news-item p.date {
		font-size: 18px;
	}
}
@media(min-width: 992px){
	.news-grid{
		margin-bottom: 100px;
	}
	.news-item p.title {
		font-size: 25px;
	}
}

/* news post/article */
.news-post{
	max-width: 850px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
.news-post img{
	margin-bottom: 20px;
}
.news-post p.date{
	margin-bottom: 10px;
}
@media(min-width: 768px){
	.news-post{
		margin-top: 60px;
	}
	.news-post p.date{
		font-size: 18px;
	}
}

@media (max-width: 767.99px){
	.news-post img{
		width: 100%;
		height: auto;
	}
}

/* about us */
.about-us-grid{
	display: flex;
	flex-direction: column;
	gap: 60px;
	margin-bottom: 60px;
}
.about-us-grid .content{
	flex: 3;
}
.about-us-grid .images{
	flex: 2;
}
@media(min-width: 768px){
	.about-us-grid{
		flex-direction: row;
		gap: 120px;
	}
}

/* contact us */
.contact-grid{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
@media(min-width: 768px){
	.contact-grid{
		flex-direction: row;
	}
	.contact-grid .contact-details{
		flex: 1;
	}
	.contact-grid .contact-map{
		flex: 3;
	}
}

/* what's on page changes */
.exhibition-carousel-section{
	margin-bottom: 60px;
}
.exhibition-carousel{
	position: relative;
	margin-top: 30px;
}
.exhibition-carousel .slick-slide{
	margin-left: 15px;
	margin-right: 15px;
}
.exhibition-carousel .slick-arrow{
	position: absolute;
	top: 164px;
	cursor: pointer;
	color: var(--color-white);
	font-size: 35px;
	z-index: 1;
}
.exhibition-carousel .slick-arrow.prev{
	left: 30px;
}
.exhibition-carousel .slick-arrow.next{
	right: 15px;
}
.exhibition-carousel .exhibition-slide img {
	width: 100%;
	/* aspect-ratio: 634/395;
	object-fit: cover; */
	margin-bottom: 30px;
}
.exhibition-carousel h3{
	margin-bottom: 5px;
}
.exhibition-carousel .exhibition-dates{
	font-weight: var(--font-bold);
	margin-bottom: 20px;
}
@media (max-width: 767.99px) {
	.exhibition-carousel{
		margin-right: -20px;
	}
	.exhibition-carousel .slick-slide{
		max-width: 300px !important;
	}
	.exhibition-carousel .slick-arrow{
		top: 74px;
	}
	.exhibition-carousel .exhibition-slide img{
		width: 300px !important;
		aspect-ratio: 330/218;
		height: auto;
	}
}
@media(min-width: 768px){
	.exhibition-carousel-section{
		margin-bottom: 80px;
	}
	.product-more-products{
		margin-bottom: 20px;
	}
	.exhibition-carousel{
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 40px;
	}
	.exhibition-carousel:after{
		position: absolute;
		right: 0;
		top: 0; bottom: 0;
		content: "";
		width: 200px;
		/* background: linear-gradient(to left, rgba(238, 237, 232, 0.97), rgba(238, 237, 232, 0)); */
		z-index: 0;
	}
	.exhibition-carousel .slick-arrow.next{
		right: 30px;
	}

	.exhibition-carousel .slick-arrow{
		top: 118px;
	}
}
@media(min-width: 992px){
	.exhibition-carousel .slick-arrow{
		top: 150px;
	}
}
@media(min-width: 1200px){
	.exhibition-carousel .slick-arrow{
		top: 164px;
	}
}

/* exhibitions grid */
.exhibitions-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 60px;
    align-items: flex-start;
	margin-top: 30px;
}

.exhibitions-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.exhibitions-item img,
.exhibitions-item a {
    width: 100%;
    aspect-ratio: 300/280;
    display: block;
    margin-bottom: 18px;
}

.exhibitions-item img {
    object-fit: cover;
}

.exhibitions-item p {
    font-size: 22px;
    margin-bottom: 7px;
}

@media (min-width: 480px) {
    .exhibitions-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 768px) {
    .exhibitions-grid {
        grid-template-columns: repeat(4, 1fr);
		margin-top: 50px;
    }
}

@media(min-width: 992px) {
    .exhibitions-grid {
        margin-bottom: 100px;
    }
    .exhibitions-item p {
        font-size: 25px;
    }
}

/* Info Sheet Display */
#info-sheet{
	height: 500px;
	width: 100%;
}
.pdf-page{
	width: 100%;
	object-fit: contain;
}
@media(min-width: 768px){
	#info-sheet{
		height: 1000px;
	}
}


/* Content Blocks */
/* Layout */
.content-block.img-layout-row {
	display: flex;
	flex-direction: row;
	gap: 1em;
}

.content-block.img-layout-row-reverse {
	display: flex;
	flex-direction: row-reverse;
	gap: 1em;
}

.content-block.img-layout-column {
	display: flex;
	flex-direction: column;
	gap: 1em;
}


.content-block.img-layout-column-reverse {
	display: flex;
	flex-direction: column-reverse;
	gap: 1em;
}

.content-block.img-align-center {
	align-items: center;
}

/* Size */
.content-block > .img-xsmall {
	flex-basis: 10%;
}

.content-block > .img-small {
	flex-basis: 25%;
}

.content-block > .img-medium {
	flex-basis: 40%;
}

.content-block > .img-large {
	flex-basis: 60%;
}
.content-block > .img-fullwidth {
	flex-basis: 100%;
}

/* Size & Position */
.content-block.img-align-center > .img-small {
	max-width: 60%;
}
.content-block.img-align-center > .img-medium {
	max-width: 80%;
}


.content-block-text {
	flex: 1;
}

.content-divider {
	border-top: 1px solid #ccc;
	margin: 2rem 0;
}

/* Content Block Row - Width & Position (whole block in row) */
.content-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 2rem;
	width: 100%;
}

.content-row-item {
	min-width: 0;
}

.content-row-item.content-block-width-full {
	flex: 1 1 100%;
}

.content-row-item.content-block-width-half {
	flex: 0 1 calc(50% - 1rem);
}

.content-row-item.content-block-width-two-thirds {
	flex: 0 1 calc(66.666% - 1.333rem);
}

.content-row-item.content-block-width-third {
	flex: 0 1 calc(33.333% - 1.333rem);
}

.content-row-item.content-block-pos-center {
	margin-left: auto;
	margin-right: auto;
}

.content-row-item.content-block-pos-right {
	margin-left: auto;
}

@media (max-width: 768px) {
	.content-row {
		flex-direction: column;
		gap: 1rem;
	}

	.content-row-item.content-block-width-full,
	.content-row-item.content-block-width-half,
	.content-row-item.content-block-width-two-thirds,
	.content-row-item.content-block-width-third {
		flex-basis: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Disable hover effect for sticky subnavs (override generic hover rule) */
.nav > li.sticky-nav-item:hover > .dropdown-wrp {
    display: none;
}

/* Ensure visibility when explicitly opened via click */
.nav > li.sticky-nav-item.open > .dropdown-wrp {
    display: block;
}

/* Ensure visibility when explicitly opened via click (Generic, for others) */
.nav > li.open > .dropdown-wrp {
	display:block;
}

/* Sticky submenu behavior — class applied by JS when header has scrolled out of view */
.dropdown-wrp.sticky-submenu {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--color-cream-trans) !important;
    color: var(--color-black) !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-top: none;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
}