.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(http://www.hongkongstorage.com/wp-content/uploads/2021/08/tools-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(0,82,136);
	background-image: none;
}

.page-title-default{
	background-color:rgb(22,27,137);
	background-image: url(http://www.hongkongstorage.com/wp-content/uploads/2021/08/tools-page-title.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(0,82,136);
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(68,68,68);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Montserrat", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:none;
--wd-header-el-font-size:13px;
}
html .wd-nav.wd-nav-main > li > a{
	font-family: "Hind", Arial, Helvetica, sans-serif;font-size: 16px;color: rgb(68,68,68);
}

:root{
--wd-primary-color:rgb(85,188,235);
}
:root{
--wd-alternative-color:rgb(155,197,61);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(255,94,43);
}
:root{
--btn-shop-bgcolor-hover:rgb(236,87,39);
}
:root{
--btn-accent-bgcolor:rgb(255,94,43);
}
:root{
--btn-accent-bgcolor-hover:rgb(236,87,39);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-shop-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
								}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1270px;
			}
		}

		.container {
			max-width: 1300px;
		}

		:root{
			--wd-container-width: 1300px;
		}
	
			@media (min-width: 1300px) {
			[data-vc-full-width]:not([data-vc-stretch-content]) {
				padding-left: calc((100vw - 1300px - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1300px - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.hongkongstorage.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.5.4") format("woff2");
}

/* =====================================================================
   HKS custom CSS (organised)
   Brand: blue #55BCEB, accent green #9BC53D, ink #1d2b3a
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. Hide Woodmart / WooCommerce elements we don't use
   --------------------------------------------------------------------- */

/* WooCommerce "info" notice bar */
.woocommerce-info {
  display: none;
}

/* Product sorting dropdown ("orderby") and its wrapper */
.woocommerce-ordering,
.orderby {
  display: none;
}

/* Woodmart shop tools bar, floating buttons (top-right) */
.wd-buttons.wd-pos-r-t {
  display: none !important;
}

/* WOOF product filter (auto form + default button) */
.woof_show_auto_form,
.woof_btn_default {
  display: none;
}

/* "No products" footer message */
.no-products-footer {
  display: none;
}

/* Post meta: category links and date on blog posts */
.meta-post-categories {
  display: none;
}

.wd-post-date {
  display: none !important;
}


/* ---------------------------------------------------------------------
   2. Page-level colours
   --------------------------------------------------------------------- */

/* Page 7872: black page background */
body.page.page-id-7872 {
  background-color: #000000;
}

/* Header bottom bar: brand blue */
div.whb-header-bottom {
  background-color: #015288;
}

/* Utility: white text block (used where a white background is needed) */
.greenText {
  background-color: white;
}


/* ---------------------------------------------------------------------
   3. Layout helpers
   --------------------------------------------------------------------- */

/* Two-column float layout: each child takes half the width */
.float-container {
  /* container only, no styles needed */
}

.float-child {
  width: 50%;
  float: left;
  padding: 0px 10px 0px;
}


/* ---------------------------------------------------------------------
   4. Forminator forms (universal, all form IDs)
   Applies to every Forminator form on the site, whatever its ID.
   Sections 4-8 restyle the same field types: text inputs, textareas,
   dropdowns, checkboxes, reCAPTCHA and the submit button.
   --------------------------------------------------------------------- */

/* Form background: transparent, so each form sits on the page's own
   light-blue background. Fields and dropdown lists stay white. */
.forminator-ui.forminator-custom-form {
  background: transparent !important;
}

/* Text inputs, textareas and closed dropdown boxes */
.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea,
.forminator-ui .select2-selection--single {
  background-color: #fff !important;
  border: 1px solid #d5e0ea !important;
  border-radius: 10px !important;
  min-height: 46px;
}


/* ---------------------------------------------------------------------
   5. Dropdown list (open state)
   Fix: the open list had no background, so options overlapped the
   fields behind it. Forminator appends the list to <body>, outside
   .forminator-ui, so no ancestor is required here.
   --------------------------------------------------------------------- */

.forminator-select-dropdown {
  background-color: #fff !important;
  border: 1px solid #d5e0ea;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(20, 50, 80, .14);
  overflow: hidden;
}

.forminator-select-dropdown .select2-results__option {
  background-color: #fff;
  color: #1d2b3a;
  padding: 10px 14px;
}

.forminator-select-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #eef6fb;
  color: #1d2b3a;
}


/* ---------------------------------------------------------------------
   5b. Date picker popup (calendar)
   Fix: Forminator's flat calendar sets background: transparent with
   !important. Our rule had the same specificity, so if this file loads
   before Forminator's stylesheet, Forminator wins on background only
   (border and shadow still apply). "body" raises the specificity.
   --------------------------------------------------------------------- */

body .ui-datepicker.forminator-calendar--flat {
  background-color: #fff !important;
  border: 1px solid #d5e0ea !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(20, 50, 80, .14) !important;
  padding: 8px !important;
}


/* ---------------------------------------------------------------------
   6. Checkboxes (e.g. marketing consent)
   Tick box stays white with a light border. Only the tick mark is
   green when checked.
   --------------------------------------------------------------------- */

.forminator-ui .forminator-checkbox .forminator-checkbox-box {
  background-color: #fff !important;
  border: 1px solid #d5e0ea !important;
  border-radius: 6px !important;
}

.forminator-ui .forminator-checkbox input:checked + .forminator-checkbox-box {
  background-color: #fff !important;
  border-color: #9BC53D !important;
  color: #9BC53D;
}


/* ---------------------------------------------------------------------
   7. reCAPTCHA: small, lower right
   Fix: the badge was full size and sat on top of the submit button.
   Now scaled to 60% and right-aligned, above the submit button.
   --------------------------------------------------------------------- */

.forminator-ui .forminator-field-captcha {
  display: flex;
  justify-content: flex-end;
}

.forminator-ui .forminator-g-recaptcha {
  zoom: .6;
}


/* ---------------------------------------------------------------------
   8. Submit button: bigger, left-aligned (default position)
   Fix: default button was small and beige. Now a larger green pill
   matching the "立即查詢" button (accent #9BC53D).
   --------------------------------------------------------------------- */

.forminator-ui .forminator-button-submit {
  background-color: #9BC53D !important;
  border-color: #9BC53D !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  min-width: 220px;
  min-height: 56px;
  padding: 14px 48px;
  margin-top: 8px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(155, 197, 61, .35);
  cursor: pointer;
  transition: background-color .2s ease, box-shadow .2s ease;
}

.forminator-ui .forminator-button-submit:hover {
  background-color: #8AB32F !important;
  border-color: #8AB32F !important;
  box-shadow: 0 8px 20px rgba(155, 197, 61, .45);
}