/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body #header-secondary-outer .nectar-center-text{font-weight: 600;font-size: 14px}
.nectar-cta{font-weight: 600}
.accent-color{color:var(--nectar-accent-color) !important}
.extra-color-1{color:var(--nectar-extra-color-1)}
h6.green-text{color:#00ff00 !important}
.nectar-fancy-box[data-style="image_above_text_underline"] .text{padding: 10px 15px}
.fancy-box-shadow .nectar-fancy-box{box-shadow: 0px 1px 8px #ccc;border-radius: 15px}
.nectar-underline .post-heading, .nectar-underline h1, .nectar-underline h2, .nectar-underline h3, .nectar-underline h4, .nectar-underline h5, .nectar-underline-target-paragraph .nectar-underline-target-paragraph__target{display: block !important;background-image:none}
#footer-outer #footer-widgets .widget h4{font-size:16px}
.nectar-cta,.tilt-on-hover{transition: transform .25s ease;}
.nectar-cta span{line-height: 20px}
.nectar-cta[data-style="basic"]:hover{transform: translateY(-3px);}
.light-on-hover:hover *{color:#fff !important}
.tilt-on-hover:hover{transform: translateY(-10px);}
.half-single-tab .wpb_tabs_nav > li a{width:50%;margin-left: 25%}
.half-single-tab .tab-item.active-tab{font-weight: bold;color:var(--nectar-accent-color)}
.tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a{padding-top:15px;padding-bottom:15px}
body [class^="icon-"].icon-default-style{font-size:18px;width: 20px;height: 20px;line-height: 20px}
.iwithtext .iwt-text{padding-left:25px}
.small-spacing .wpb_wrapper > div {margin-bottom: 10px;}
.material .minimalist-fancy-box .nectar-fancy-box{padding: 30px}
.material .minimalist-fancy-box .nectar-fancy-box .inner img{margin-left: auto;display: block;margin-bottom: -25px}
.material .minimalist-fancy-box-v2 .nectar-fancy-box{padding: 20px}
.mb0{margin-bottom:0px !important}
.bg-no-repeat .column-image-bg{background-repeat:no-repeat}
.bg-no-repeat .vc_column-inner{box-shadow: -5px 0px #58aad6;}
/* ------------------------------------------------------------------
   Compact footer (2026-09-29). Remove this block to restore the original.
   ------------------------------------------------------------------ */
/* Less padding above and below the widgets (theme default: 55px, 75px on desktop). */
#footer-outer #footer-widgets .row{padding:32px 0}
@media only screen and (min-width:1000px){body #footer-outer #footer-widgets .row{padding:44px 0}}
#footer-outer #footer-widgets .widget{margin-bottom:12px}
#footer-outer #footer-widgets .widget h4{margin-bottom:10px}
#footer-outer #footer-widgets .custom-html-widget img{width:150px!important;margin-bottom:4px}
#footer-outer #footer-widgets .custom-html-widget h6{margin-bottom:4px}

/* Navigation: two footer menus ("Footer - Pages", "Footer - Products") side by side in the last column, top-aligned, tighter lines. */
body.material #footer-outer #footer-widgets .widget_nav_menu li{padding:2px 0!important;margin-bottom:0}
#footer-outer #footer-widgets .container>.row>.col:last-child{display:flex;align-items:flex-start;gap:20px}
#footer-outer #footer-widgets .container>.row>.col:last-child>.widget_nav_menu{flex:1 1 0;min-width:0;margin-bottom:0}

/* Tablet: two columns side by side instead of four stacked. Desktop: four across, with more room for the menu. */
@media only screen and (min-width:690px){
  #footer-outer #footer-widgets .container>.row{display:flex;flex-wrap:wrap;gap:28px 48px}
  #footer-outer #footer-widgets .container>.row::before,#footer-outer #footer-widgets .container>.row::after{display:none}
  #footer-outer #footer-widgets .container>.row>.col{float:none;width:auto!important;margin:0!important;flex:1 1 calc(50% - 48px);min-width:0}
}
@media only screen and (min-width:1000px){
  #footer-outer #footer-widgets .container>.row>.col{flex:1 1 0}
  #footer-outer #footer-widgets .container>.row>.col:first-child{flex-grow:1.2}
  #footer-outer #footer-widgets .container>.row>.col:last-child{flex-grow:1.4}
}
/* Phone: the columns still stack, closer together. */
@media only screen and (max-width:689px){
  #footer-outer #footer-widgets .container>.row>.col{margin-bottom:22px!important}
  #footer-outer #footer-widgets .container>.row>.col:last-child{margin-bottom:0!important}
}

/* ------------------------------------------------------------------
   Contact form (Fluent Form #1 on Contact Us), 2026-09-29.
   The button's normal state had no background set, so Fluent Forms fell back to the navy
   accent colour under navy text. These rules follow the colours set in the form's button
   settings: an outlined button that fills navy on hover. Remove this block to restore the original.
   ------------------------------------------------------------------ */
#fluentform_1 .ff-el-input--label label{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:600;color:#162b4f;margin-bottom:6px}
#fluentform_1 .ff-el-group{margin-bottom:18px}
#fluentform_1 .ff-el-form-control{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5;color:#162b4f;background-color:#fff;border:1px solid #cfdce8;border-radius:8px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}
#fluentform_1 .ff-el-form-control:focus{background-color:#fff;border-color:#58aad6;box-shadow:0 0 0 3px rgba(88,170,214,.25);outline:none}
#fluentform_1 textarea.ff-el-form-control{min-height:130px;resize:vertical}
body #fluentform_1 .ff-btn-submit.ff_btn_style{background-color:#fff;color:#162b4f;border:2px solid #58aad6;border-radius:25px!important;padding:12px 30px!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.2;opacity:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
body #fluentform_1 .ff-btn-submit.ff_btn_style:hover,body #fluentform_1 .ff-btn-submit.ff_btn_style:focus-visible{background-color:#162b4f;border-color:#162b4f;color:#fff}
body #fluentform_1 .ff-btn-submit.ff_btn_style:focus-visible{outline:3px solid rgba(88,170,214,.55);outline-offset:2px}

/* ------------------------------------------------------------------
   Main menu and dropdown (2026-09-29), matching lakelandmenu.png.
   Desktop only: below 1000px the theme uses its slide-out mobile menu.
   The phone button is the "03 5155 1493" menu item with the CSS class lakeland-phone.
   Remove this block to restore the original.
   ------------------------------------------------------------------ */
#footer-outer .lakeland-phone{display:none!important}

@media only screen and (min-width:1000px){
  /* Top level: dark grey, navy for the current section and on hover. */
  body #header-outer #top nav > ul.sf-menu > li > a{color:#333333}
  body #header-outer #top nav > ul.sf-menu > li > a:hover,
  body #header-outer #top nav > ul.sf-menu > li.sfHover > a,
  body #header-outer #top nav > ul.sf-menu > li[class*="current-menu-"] > a,
  body #header-outer #top nav > ul.sf-menu > li.current_page_item > a{color:#162b4f!important}
  body #header-outer #top nav > ul.sf-menu > li[class*="current-menu-"]:not(.lakeland-phone) > a,
  body #header-outer #top nav > ul.sf-menu > li.current_page_item:not(.lakeland-phone) > a{font-weight:600}

  /* Chevron after "Our Products"; it turns over while the dropdown is open. */
  body #header-outer #top nav > ul.sf-menu > li.menu-item-has-children > a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:9px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-4px) rotate(45deg);transition:transform .2s ease}
  body #header-outer #top nav > ul.sf-menu > li.menu-item-has-children.sfHover > a::after,
  body #header-outer #top nav > ul.sf-menu > li.menu-item-has-children:hover > a::after{transform:translateY(0) rotate(225deg)}

  /* Dropdown: white card, rounded, soft shadow. The [data-format] and child selectors outrank the theme's
     dropdown hover colours (dark #313233 background, #3452ff text) set in Salient's options. */
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu{background-color:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 18px 40px -10px rgba(22,43,79,.24),0 2px 8px rgba(22,43,79,.06)!important;padding:14px 0!important;min-width:232px}
  /* Sit the card just under the menu text rather than at the bottom of the header bar. The item fills the
     header's height with its text centred, so 50% is the text's middle; this also holds when the header shrinks on scroll. */
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu{top:calc(50% + 28px)!important}
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a{background-color:transparent!important;padding:9px 30px!important;font-size:17px!important;line-height:1.45!important;font-weight:400;color:#333333!important;letter-spacing:0}
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a .menu-title-text{background-image:none!important}
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a .menu-title-text::after{display:none!important}
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a:hover,
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a:focus-visible,
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.current-menu-item > a{color:#162b4f!important;font-weight:600}
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a:hover .menu-title-text,
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.menu-item > a:focus-visible .menu-title-text,
  body #header-outer[data-format] #top nav > ul.sf-menu > li > ul.sub-menu > li.current-menu-item > a .menu-title-text{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}

  /* Phone button: a sky-blue pill with a phone icon. The pill is drawn on the label, so the header height is unchanged. */
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone{margin-left:16px}
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a .menu-title-text{display:inline-flex;align-items:center;gap:8px;margin:-11px 0;padding:11px 22px 11px 18px;border-radius:999px;background-color:#58aad6;color:#fff;font-weight:700;transition:background-color .2s ease}
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a .menu-title-text::after{display:none!important}
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a .menu-title-text::before{content:"";width:18px;height:18px;flex:none;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a:hover .menu-title-text,
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a:focus-visible .menu-title-text{background-color:#162b4f;color:#fff}
  body #header-outer #top nav > ul.sf-menu > li.lakeland-phone > a{color:#fff!important}
}

/* ------------------------------------------------------------------
   Mobile header and menu (2026-09-29). Screens below 1000px, where the theme shows the burger menu.
   The call button and the menu logo are printed by functions.php (nectar_hook_mobile_header_menu_items,
   nectar_hook_ocm_before_menu). Remove this block and those two hooks to restore the original.
   ------------------------------------------------------------------ */
:root{--lk-phone-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}

@media only screen and (max-width:999px){
  /* Logo twice its old 24px height, and the header and the space under it grow to match (48px bar becomes 72px). */
  :root{--header-nav-height:72px}
  html body #header-outer #top #logo img,
  html body #header-outer[data-permanent-transparent="false"] #logo .dark-version{height:48px!important}
  body #header-space{height:calc(72px + var(--nectar_hook_before_nav_content_height,0px))}
  body.material #header-outer:not([data-permanent-transparent="1"]):not(.transparent) .bg-color-stripe,
  body.material #header-outer:not([data-permanent-transparent="1"]).transparent .bg-color-stripe{top:72px;height:calc(30vh - 72px)}

  /* Call button, centred in the bar. The theme makes the right-hand column an absolutely positioned box only as wide
     as the burger, so stretch it across the header (clicks pass through to the logo) and centre the button in it. */
  body #header-outer #top .col.span_9{left:0!important;right:0!important;width:auto!important;justify-content:flex-end;pointer-events:none}
  body #header-outer #top .col.span_9 > *{pointer-events:auto}
  body #header-outer #top .col.span_9 > .nectar-mobile-only.mobile-header{position:static}
  body #header-outer #top .nectar-mobile-only.mobile-header a.lakeland-m-call{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:110;display:inline-flex;align-items:center;gap:7px;padding:10px 16px 10px 13px;border-radius:999px;background-color:#58aad6;color:#fff;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color .2s ease}
  body #header-outer #top .nectar-mobile-only.mobile-header a.lakeland-m-call:hover,
  body #header-outer #top .nectar-mobile-only.mobile-header a.lakeland-m-call:focus-visible{background-color:#162b4f;color:#fff}
  .lakeland-m-call__icon{width:15px;height:15px;flex:none;background-color:currentColor;-webkit-mask:var(--lk-phone-icon) center/contain no-repeat;mask:var(--lk-phone-icon) center/contain no-repeat}
}
@media only screen and (max-width:380px){
  body #header-outer #top .nectar-mobile-only.mobile-header a.lakeland-m-call{padding:9px 12px 9px 10px;font-size:13px;gap:6px}
	.btn-responsive-call .link_wrap{padding-right: 50px !important; padding-left:50px !important;}
	.btn-responsive-contact .link_wrap{padding-right: 90px !important; padding-left:90px !important;}
}

/* Burger menu panel: sky blue like the call button, navy text, the logo at the top. */
body #slide-out-widget-area.slide-out-from-right{background-color:#58aad6!important}
body #slide-out-widget-area.slide-out-from-right,
body #slide-out-widget-area.slide-out-from-right a,
body #slide-out-widget-area.slide-out-from-right .secondary-header-text{color:#162b4f!important}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after{border-color:#162b4f!important}
body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before{background-color:#162b4f!important}
/* In this theme style the panel itself is transparent and the colour comes from the layer behind it. */
body #slide-out-widget-area-bg.slide-out-from-right{background-color:#58aad6!important}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.current-menu-item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.current_page_item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li > a:hover{color:#162b4f!important}
body.material #slide-out-widget-area.slide-out-from-right .secondary-header-text{background-color:rgba(255,255,255,.22)!important;border-color:transparent!important;opacity:1}
body #slide-out-widget-area .lakeland-ocm-logo{display:block;width:150px;max-width:60%;margin:0 0 26px}
body #slide-out-widget-area .lakeland-ocm-logo img{display:block;width:100%;height:auto}
/* The phone item in the menu becomes a navy call button. */
body #slide-out-widget-area .off-canvas-menu-container li.lakeland-phone{margin-top:14px}
body #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.lakeland-phone > a{display:inline-flex;align-items:center;gap:10px;padding:12px 22px 12px 18px;border-radius:999px;background-color:#162b4f;color:#fff!important;font-size:18px;line-height:1.2;font-weight:700}
body #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.lakeland-phone > a:after{display:none!important}
body #slide-out-widget-area .off-canvas-menu-container li.lakeland-phone > a:before{content:"";width:18px;height:18px;flex:none;background-color:currentColor;-webkit-mask:var(--lk-phone-icon) center/contain no-repeat;mask:var(--lk-phone-icon) center/contain no-repeat}
/* "Our Products" opens and closes when tapped (theme option: Off Canvas Menu Dropdown Behavior = Dropdown Parent Link
   Toggles Submenu). That mode has no arrow, so add a chevron after the text that turns over when open. */
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-has-children > a{display:inline-flex;align-items:center;gap:10px}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-has-children > a::before{content:"";order:2;width:9px;height:9px;flex:none;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s ease}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-has-children.open-submenu > a::before{transform:translateY(2px) rotate(225deg)}

/* ------------------------------------------------------------------
   Big Wet announcement on Home (2026-09-29), option B2.
   Row has el_class "lakeland-bigwet"; the refill card column has el_class "lakeland-refill-card".
   Remove this block to restore the plain page-builder styling.
   ------------------------------------------------------------------ */
/* Logo lockup: white Lakeland logo | Big Wet logo */
.lakeland-bigwet .lakeland-lockup{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:6px 0 26px}
.lakeland-bigwet .lakeland-lockup img{display:block;height:auto;margin:0!important}
.lakeland-bigwet .lakeland-lockup img.lakeland-lockup__lakeland{width:84px!important}
/* The divider is a border on the Big Wet logo, so there is no empty element for the editor to strip. */
.lakeland-bigwet .lakeland-lockup img.lakeland-lockup__bigwet{box-sizing:content-box;width:140px!important;padding-left:22px;border-left:1px solid rgba(255,255,255,.32)}
/* Fleet and support lines */
.lakeland-bigwet ul.lakeland-perks{list-style:none;margin:6px 0 22px!important;padding:0!important;display:grid;gap:16px}
/* Icon pinned left, text indented. Works whether or not the editor keeps a wrapper around the text. */
.lakeland-bigwet ul.lakeland-perks li{list-style:none!important;margin:0!important;padding:0 0 0 42px!important;position:relative;min-height:26px;line-height:1.55;color:rgba(255,255,255,.88)}
.lakeland-bigwet ul.lakeland-perks li::before{display:none!important}
.lakeland-bigwet ul.lakeland-perks img{position:absolute;left:0;top:2px;width:26px!important;height:auto;margin:0!important}
.lakeland-bigwet ul.lakeland-perks strong{display:block;color:#fff;font-weight:700}
.lakeland-bigwet .lakeland-more-wrap{padding-bottom:0!important}
.lakeland-bigwet a.lakeland-more{color:#58aad6;font-weight:600;text-decoration:none}
.lakeland-bigwet a.lakeland-more:hover,.lakeland-bigwet a.lakeland-more:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
/* White refill card */
.lakeland-bigwet .lakeland-refill-card>.vc_column-inner{background:#fff;border-radius:18px;padding:34px 34px 30px!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.55)}
.lakeland-bigwet .lakeland-refill-card p{padding-bottom:10px;color:#333}
.lakeland-bigwet .lakeland-refill-card .lakeland-refill__label{font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#58aad6;padding-bottom:8px}
.lakeland-bigwet .lakeland-refill-card h3.lakeland-refill__title{color:#162b4f;font-size:28px;line-height:1.2;font-weight:800;margin:0 0 10px}
.lakeland-bigwet .lakeland-refill-card .lakeland-refill__num{padding:4px 0 4px}
.lakeland-bigwet .lakeland-refill-card .lakeland-refill__num a{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.01em;color:#162b4f;text-decoration:none;font-variant-numeric:tabular-nums}
.lakeland-bigwet .lakeland-refill-card .lakeland-refill__hrs{font-size:14px;color:#5b6573;padding-bottom:18px}
.lakeland-bigwet .lakeland-refill-card .nectar-cta{margin-bottom:16px}
.lakeland-bigwet .lakeland-refill-card .lakeland-refill__mail-wrap{padding-bottom:0}
.lakeland-bigwet .lakeland-refill-card a.lakeland-refill__mail{color:#162b4f;font-weight:600;font-size:14px;text-decoration:underline;text-decoration-color:#58aad6;text-underline-offset:4px}
@media only screen and (max-width:999px){
  .lakeland-bigwet .lakeland-refill-card{margin-top:12px}
}
@media only screen and (max-width:689px){
  .lakeland-bigwet .lakeland-lockup{gap:16px}
  .lakeland-bigwet .lakeland-lockup img.lakeland-lockup__lakeland{width:68px!important}
  .lakeland-bigwet .lakeland-lockup img.lakeland-lockup__bigwet{width:118px!important;padding-left:16px}
  .lakeland-bigwet .lakeland-refill-card>.vc_column-inner{padding:26px 24px 24px!important}
  .lakeland-bigwet .lakeland-refill-card .lakeland-refill__num a{font-size:30px}
}

/* ========== What We Supply boxes ([what_we_supply], see inc/what-we-supply.php) ========== */
/* Same look as the page-builder columns they replace: 15px radius, soft shadow, navy on hover. */
.lakeland-wws{--wws-gap:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--wws-gap);margin-bottom:0}
.lakeland-wws__item{--wws-n:var(--wws-cols);flex:0 0 calc((100% - (var(--wws-n) - 1) * var(--wws-gap)) / var(--wws-n));min-width:0;position:relative;overflow:hidden;border-radius:15px;background-color:transparent;box-shadow:0 0 5px 3px rgba(0,0,0,.1);transition:background-color .45s cubic-bezier(.25,1,.33,1)}
.lakeland-wws--stretch .lakeland-wws__item{flex-grow:1}
.lakeland-wws__item:hover,.lakeland-wws__item:focus-within{background-color:#162b4f}
.lakeland-wws__item .nectar-fancy-box{margin-bottom:0}
/* Salient writes this 16:9 rule inline only for fancy boxes placed in the page builder. */
.lakeland-wws__item .nectar-fancy-box[data-style="image_above_text_underline"].aspect-16-9 .box-bg{padding-bottom:56.25%}
.lakeland-wws__item .nectar-fancy-box .text p:last-child{padding-bottom:0}
.lakeland-wws__item .nectar-fancy-box .text{padding-bottom:22px}
@media only screen and (max-width:999px){
  .lakeland-wws__item{--wws-n:var(--wws-cols-tablet)}
}
@media only screen and (max-width:689px){
  .lakeland-wws__item{--wws-n:1}
}