:root {
  /*** Global ***/
  --theme-primary: #17335b; /* blue */
  --theme-secondary: #3A6BA2; /* lightblue */
  --theme-tertiary: #3A6BA2; /* orange */
  --theme-text: #000000; /* dark grey */
  --theme-lightgrey: #f2f2f2; /* light grey */

  /* Top Bar */
  --topbar-bg: var(--theme-lightgrey);
  --topbar-icons: var(--theme-primary);
  --topbar-text: var(--theme-text);
  --topbar-hover: var(--theme-tertiary);
  
  /* Main Header */
  --header-bg: #fff;
  --header-icons: #fff;
  --header-text: #fff;
  --header-hover: #3A6BA2;
  
  /* Header Search Bar */
  --search-bg: var(--theme-lightgrey);
  --search-icons: var(--theme-primary);
  --search-text: var(--theme-text);
  --search-focus: var(--theme-primary);
  
  /* Main Navigation */
  --nav-bg:#17335b;
  --nav-border: #dfdfdf;
  --nav-icons: var(--theme-primary);
  --nav-text: #17335b;
  --nav-hover: var(--theme-tertiary);
  
  /* USP Strip */
  --strip-bg: #fff;
  --strip-icons: var(--theme-primary);
  --strip-text: var(--theme-text);
  --strip-hover: var(--theme-tertiary);
  
  /* Footer */
  --footer-bg: #17335b;
  --footer-icons: #3A6BA2;
  --footer-text: #fff;
  --footer-hover: #3A6BA2;
  
  /* Footer Newsletter Input*/
  --footnews-bg: #fff;
  --footnews-icons: var(--theme-primary);
  --footnews-text: var(--theme-text);
  --footnews-focus: var(--theme-primary);
  
  /* Footer Social Icons */
  --footsocial-bg: var(--theme-primary);
  --footsocial-icons: #fff;
  --footsocial-bg-hover: var(--theme-tertiary);
  --footsocial-icons-hover: #fff;
  
  /* Title Underline Underline Colour */
  --title-underline:  var(--theme-primary);
  
  /* Simple / Link Boxes */
  --linkbox-bg: var(--theme-primary);
  --linkbox-text: #fff;
  --linkbox-hover-bg: var(--theme-tertiary);
  --linkbox-hover-text: #fff;
}
.current-branch-banner {
    background: #454545;
    font-size: 13px;
    padding: 7px 0;
}
.contactusboxes {
    border: solid 1px #17335b;
    padding: 15px;
  margin-top: 10px;
}
.menu ul.catalog {
  justify-content: space-around !important;
}

.menu ul.catalog > li + li > a {
  border-left: 0 !important;
}

.menu ul.catalog>li.has-submenu>a {
    letter-spacing: 0;
    white-space: nowrap;
}

.menu.expanded .catalog li .submenu {
    border: 0;
    border-radius: 0;
    left: 0;
    margin-top: -15px;
}
.menu {
    white-space: nowrap !important;
  }

.homestickybanner {
    background: #17335b;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: -5px;
    }

/* SERVICES SECTION*/

.home-btm-fw-callout {padding: 60px 0;}
.home-btm-fw-callout p {margin-bottom: 1em;}
.home-btm-fw-callout-blue { background:#17335b; color:#fff;}
.home-btm-fw-callout-blue h1,
.home-btm-fw-callout-blue h2 {color: #fff;}
.home-btm-fw-callout-blue a {color: #fff; text-decoration: underline;}
.home-btm-fw-callout-blue a.btn {background: #fff; color: #025939; text-decoration: none;}
@media (min-width:1200px) {
	.home-btm-fw-callout .text {padding-top: 60px;}
}
.home-btm-fw-callout-gray {background:#f2f2f2;}
.home-btm-fw-callout-gray h1 {color: #025939;}
.home-btm-fw-callout-gray a.btn {background:#025939; color:#fff; text-decoration: none; margin-bottom:15px;}

.home-btm-fw-callout.home-btm-fw-callout-blue { padding-bottom: 100px;}
.home-btm-fw-callout-blue h1 {color: #fff; margin-bottom: 30px;}
.home-btm-fw-callout-blue .inner {background: #fff; color: #000; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.25); box-shadow: 0 0 8px 0 rgba(0,0,0,.25);}
.home-btm-fw-callout-blue .inner-text {padding: 20px 30px 30px 30px;}
.home-btm-fw-callout-blue .inner-text h2 {color: #000; font-weight: 400;}
.home-btm-fw-callout-blue .inner-text p {color: #000;}
.home-btm-fw-callout-blue .inner-text .callout-link {color: #000; text-decoration: underline; text-transform: uppercase; font-size: 14px; font-weight: 600; font-style: normal; }
.home-btm-fw-callout-blue .inner-text .callout-link:hover {color: #17335b;}




a.btn.btn-outlined-invert.headermini::before {
  content: 'Your Cart';
}

/* BELOW IS BUTTON POP FOR BRANDS */

/* ===== Brand carousel hover pop (scoped to the widget class) ===== */
.brand-zoom img {
  display: inline-block;
  transition: transform 0.3s ease, filter 0.3s ease;
  transform-origin: center center;
  will-change: transform;
}

/* Hover the slide/link/container -> scale just the logo image */
.brand-zoom a:hover img,
.brand-zoom .slick-slide:hover img,
.brand-zoom .swiper-slide:hover img,
.brand-zoom .brand-item:hover img {
  transform: scale(1.15);
  /*filter: drop-shadow(0 8px 15px rgba(0,0,0,0.2));*/
}

/* Optional: center logos neatly inside their cells */
.brand-zoom a,
.brand-zoom .slick-slide,
.brand-zoom .swiper-slide,
.brand-zoom .brand-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Respect reduced motion users */
@media (prefers-reduced-motion: reduce) {
  .brand-zoom img { transition: none; }
  .brand-zoom a:hover img,
  .brand-zoom .slick-slide:hover img,
  .brand-zoom .swiper-slide:hover img,
  .brand-zoom .brand-item:hover img {
    transform: none;
    filter: none;
  }
}

/* BELOW IS BUTTON POP FOR CONFIGURE BUTTONS */

/* ===== Hover pop for all "Configure" buttons ===== */
/* Scope narrowly by the shared button classes */
.btn.btn-primary.btn-list.btn-sm {
  display: inline-flex;                 /* rock-solid centering */
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform;
  transform-origin: center center;
}

/* Pop on hover (and keyboard focus for a11y) */
.btn.btn-primary.btn-list.btn-sm:hover,
.btn.btn-primary.btn-list.btn-sm:focus-visible {
  transform: scale(1.05);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  /* optional: if your theme shows a border, tint it to match */
  border-color: #007bff;
}

/* Keep things chill for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .btn.btn-primary.btn-list.btn-sm { transition: none; }
  .btn.btn-primary.btn-list.btn-sm:hover,
  .btn.btn-primary.btn-list.btn-sm:focus-visible { transform: none; box-shadow: none; }
}

/* BELOW IS BUTTON POP FOR HEADER LOGO */

/* ===== Header logo hover pop (non-intrusive) ===== */
.logo_container .logo img {
  display: inline-block;                 /* safe for transforms */
  transition: transform 0.3s ease, filter 0.3s ease;
  transform-origin: center center;
  will-change: transform;
}

/* Pop when hovering or keyboard focusing the link */
.logo_container .logo:hover img,
.logo_container .logo:focus-visible img {
  transform: scale(1.15);
  /* optional soft shadow; remove if you want 100% flat */
  /*filter: drop-shadow(0 8px 15px rgba(0,0,0,0.2));*/
}

/* Respect reduced-motion users */
@media (prefers-reduced-motion: reduce) {
  .logo_container .logo img { transition: none; }
  .logo_container .logo:hover img,
  .logo_container .logo:focus-visible img {
    transform: none;
    filter: none;
  }
}

/* BELOW IS BUTTON POP FOR SHIPPING/COLLECTION BUTTONS */

/* ===== Hover pop: Shipping button ===== */
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  transform-origin: center center;
  will-change: transform;
}
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart:not(:disabled):hover,
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart:not(:disabled):focus-visible {
  transform: scale(1.05);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  border-color: #007bff; /* optional tint */
}
@media (prefers-reduced-motion: reduce) {
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart { transition: none; }
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart:hover,
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart:focus-visible {
    transform: none; box-shadow: none;
  }
}

/* ===== Hover pop: Pick-Up button ===== */
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  transform-origin: center center;
  will-change: transform;
}
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection:not(:disabled):hover,
.btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection:not(:disabled):focus-visible {
  transform: scale(1.05);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  border-color: #007bff; /* optional tint */
}
@media (prefers-reduced-motion: reduce) {
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection { transition: none; }
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection:hover,
  .btn.btn-primary.btn-block.btn-sm.btn-add-to-cart-collection:focus-visible {
    transform: none; box-shadow: none;
  }
}