@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//parklane.co.uk/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.4.3") format("woff2");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Public Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(28,26,23);
	--wd-text-font-size: 17px;
	--wd-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(28,26,23);
	--wd-entities-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(53, 53, 53);
	--wd-alternative-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Public Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 8px;
	--wd-primary-color: rgb(131,117,55);
	--wd-alternative-color: rgb(191,171,68);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Futura STD Book", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(131,117,55);
	--btn-default-bgcolor-hover: rgb(191,171,68);
	--btn-accented-font-family: "Futura STD Book", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(131,117,55);
	--btn-accented-bgcolor-hover: rgb(191,171,68);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://parklane.co.uk/wp-content/uploads/2024/12/4-1536x1024-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://parklane.co.uk/wp-content/uploads/2024/02/clarges-st-mayfair-scaled.jpg);
	background-size: cover;
	background-position: center bottom;
}
.footer-container {
	background-color: rgba(0,0,0,0.95);
	background-image: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-family: "Futura STD Book", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	font-family: "Public Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a {
	font-family: "Public Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: rgb(0,0,0);
}
html .wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1337px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1320px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Futura STD Book";
	src: url("//parklane.co.uk/wp-content/uploads/2024/02/FuturaStd-Book.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* ============================================================
   Park Lane - design system type scale
   Added 31 August 2026 - Design Transformation Report 1.1 and 1.4
   Sizes amended after live verification of Rosewood Hong Kong
   To remove: delete this entire block
   ============================================================ */

h1 { font-size: 76px; font-weight: 300; line-height: 1.05; letter-spacing: -0.01em; }
h2 { font-size: 40px; font-weight: 400; line-height: 1.15; }
h3 { font-size: 24px; font-weight: 500; line-height: 1.2; }

/* Paragraphs render at weight 700 site-wide. 1.1 sets body copy at 400. */
p { font-weight: 400; line-height: 1.6; }

/* 1.4 underline-reveal link. Inert until the class is used on a link. */
.pl-text-link { position: relative; text-decoration: none; color: #1C1A17; }
.pl-text-link::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 0; height: 1px; background: #B9982E;
  transition: width 220ms ease;
}
.pl-text-link:hover::after { width: 100%; }

/* 1.1 requires explicit mobile sizes, not auto-scaling. */
@media (max-width: 767px) {
  h1 { font-size: 46px; }
  h2 { font-size: 29px; }
  h3 { font-size: 20px; }
}

/* ============================================================
   Type system - removing the last of the Futura
   Added 31 August 2026
   To remove: delete this entire block
   ============================================================ */

.elementskit-info-box-title {
  font-family: 'Public Sans', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
}

.mobile-nav .woodmart-nav-link,
.mobile-nav .menu-item > a {
  font-family: 'Public Sans', system-ui, sans-serif !important;
}

/* ============================================================
   Header Reservations button - soft neumorphic (1 Sep 2026)
   Raised at rest, pressed and inset on hover.
   Gold gradient keeps white text above 4.5:1 contrast.
   ============================================================ */
.whb-9se8ico5y7t66hl1wa9p a.btn,
.whb-9se8ico5y7t66hl1wa9p a.btn.btn-style-bordered {
  background-image: linear-gradient(145deg, #857430 0%, #6E6023 100%) !important;
  background-color: #7D6E2A !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  border-radius: 6px;
  text-shadow: 0 1px 1px rgba(0,0,0,.18);
  box-shadow: 5px 5px 12px rgba(84,73,28,.30), -5px -5px 12px rgba(255,255,255,.90),
    inset 1px 1px 1px rgba(255,255,255,.22), inset -1px -1px 1px rgba(0,0,0,.16);
  transition: box-shadow .25s ease, background-image .25s ease, transform .12s ease;
}
.whb-9se8ico5y7t66hl1wa9p a.btn:hover,
.whb-9se8ico5y7t66hl1wa9p a.btn.btn-style-bordered:hover,
.whb-9se8ico5y7t66hl1wa9p a.btn:active {
  background-image: linear-gradient(145deg, #6B5D22 0%, #857430 100%) !important;
  background-color: #6B5D22 !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: inset 5px 5px 10px rgba(48,41,13,.55), inset -4px -4px 9px rgba(255,255,255,.16),
    0 1px 1px rgba(255,255,255,.60);
  transform: translateY(1px);
}
.whb-9se8ico5y7t66hl1wa9p a.btn:focus-visible {
  outline: 2px solid #7D6E2A;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .whb-9se8ico5y7t66hl1wa9p a.btn { transition: none; }
  .whb-9se8ico5y7t66hl1wa9p a.btn:hover { transform: none; }
}


/* ============================================================
   Hero Check availability button (1 Sep 2026, v2)
   It sits on a photograph, so the 3D has to be built INTO the button
   rather than borrowed from the surrounding surface.
   ============================================================ */
.elementor-element-10f5105 a.elementor-button {
  background-image: linear-gradient(180deg, #857430 0%, #7A6A2A 45%, #67591F 100%) !important;
  background-color: #7D6E2A !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  border-radius: 7px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 3px 8px rgba(255,255,255,.24),
    inset 4px 0 9px rgba(255,255,255,.10),
    inset -4px 0 9px rgba(0,0,0,.24),
    inset 0 -4px 9px rgba(0,0,0,.45),
    0 9px 20px rgba(0,0,0,.48),
    0 3px 6px rgba(0,0,0,.34) !important;
  transition: box-shadow .22s ease, background-image .22s ease, transform .12s ease;
}
.elementor-element-10f5105 a.elementor-button:hover,
.elementor-element-10f5105 a.elementor-button:active,
.elementor-element-10f5105 a.elementor-button:focus {
  background-image: linear-gradient(180deg, #5F5219 0%, #6E6023 55%, #857430 100%) !important;
  background-color: #6B5D22 !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.50);
  box-shadow:
    inset 0 4px 10px rgba(0,0,0,.66),
    inset 4px 0 10px rgba(0,0,0,.34),
    inset -3px 0 8px rgba(0,0,0,.22),
    inset 0 -1px 0 rgba(255,255,255,.34),
    0 1px 2px rgba(0,0,0,.28) !important;
  transform: translateY(2px);
}
.elementor-element-10f5105 a.elementor-button:focus-visible {
  outline: 2px solid #FAF7EC;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .elementor-element-10f5105 a.elementor-button { transition: none; }
  .elementor-element-10f5105 a.elementor-button:hover { transform: none; }
}
