/**
 * Plumbed Up site-wide brand layer.
 *
 * Scope: visual presentation only. This file deliberately avoids selectors
 * that suppress or replace page content, Gravity Forms, Trustindex, analytics,
 * maps, schema, navigation destinations or SEO markup.
 */

.plumbed-up-brand-refresh {
  --pu-navy: #0a1d33;
  --pu-blue: #0077d6;
  --pu-sky: #5dbaf2;
  --pu-cloud: #f2f4f7;
  --pu-white: #ffffff;
  --pu-grey: #69717a;
  --pu-border: #dbe3eb;
  --pu-shadow: 0 14px 40px rgba(10, 29, 51, 0.1);
  --pu-radius: 12px;
  color: var(--pu-navy);
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.plumbed-up-brand-refresh,
.plumbed-up-brand-refresh input,
.plumbed-up-brand-refresh textarea,
.plumbed-up-brand-refresh select,
.plumbed-up-brand-refresh button {
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
}

.plumbed-up-brand-refresh #main h1,
.plumbed-up-brand-refresh #main h2,
.plumbed-up-brand-refresh #main h3,
.plumbed-up-brand-refresh #main h4,
.plumbed-up-brand-refresh #main h5,
.plumbed-up-brand-refresh #main h6 {
  color: var(--pu-navy);
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.plumbed-up-brand-refresh #main p,
.plumbed-up-brand-refresh #main li {
  color: var(--pu-grey);
  line-height: 1.75;
}

.plumbed-up-brand-refresh #main a:not(.wgl_button_link) {
  color: var(--pu-blue);
}

/* Header and navigation */
.plumbed-up-brand-refresh .wgl-theme-header {
  box-shadow: 0 8px 28px rgba(10, 29, 51, 0.1);
}

.plumbed-up-brand-refresh .wgl-header-row-section_top {
  background: var(--pu-navy) !important;
  color: var(--pu-white);
}

.plumbed-up-brand-refresh .wgl-header-row-section_top,
.plumbed-up-brand-refresh .wgl-header-row-section_top a,
.plumbed-up-brand-refresh .wgl-header-row-section_top span,
.plumbed-up-brand-refresh .wgl-header-row-section_top i {
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .wgl-header-row-section_middle,
.plumbed-up-brand-refresh .wgl-site-header .sticky_active {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(12px);
}

.plumbed-up-brand-refresh .wgl-logotype-container img.default_logo,
.plumbed-up-brand-refresh .wgl-logotype-container img.logo-sticky,
.plumbed-up-brand-refresh .wgl-logotype-container img.logo-mobile {
  box-sizing: border-box;
  content: url("../images/plumbed-up-logo.png");
  display: block;
  height: 86px !important;
  max-height: 86px !important;
  width: auto !important;
  image-rendering: auto;
  object-fit: contain;
}

.plumbed-up-brand-refresh .primary-nav > ul > li > a,
.plumbed-up-brand-refresh .primary-nav > div > ul > li > a {
  color: var(--pu-navy) !important;
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.plumbed-up-brand-refresh .primary-nav > ul > li.current-menu-item > a,
.plumbed-up-brand-refresh .primary-nav > ul > li.current-menu-ancestor > a,
.plumbed-up-brand-refresh .primary-nav > ul > li:hover > a,
.plumbed-up-brand-refresh .primary-nav > ul > li > a:hover,
.plumbed-up-brand-refresh .primary-nav > div > ul > li.current-menu-item > a,
.plumbed-up-brand-refresh .primary-nav > div > ul > li.current-menu-ancestor > a,
.plumbed-up-brand-refresh .primary-nav > div > ul > li:hover > a,
.plumbed-up-brand-refresh .primary-nav > div > ul > li > a:hover {
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .primary-nav ul li ul {
  border-top: 3px solid var(--pu-blue) !important;
  box-shadow: var(--pu-shadow);
}

.plumbed-up-brand-refresh .primary-nav ul li ul li:hover > a,
.plumbed-up-brand-refresh .primary-nav ul li ul a:hover {
  background: var(--pu-cloud) !important;
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .primary-nav.menu_line_enable > ul > li > a::before,
.plumbed-up-brand-refresh .primary-nav.menu_line_enable > ul > li > a::after,
.plumbed-up-brand-refresh .primary-nav.menu_line_enable > div > ul > li > a::before,
.plumbed-up-brand-refresh .primary-nav.menu_line_enable > div > ul > li > a::after {
  border-color: var(--pu-blue) !important;
  color: var(--pu-blue) !important;
}

/* The Builderry theme applies its legacy yellow/orange palette on parent hover,
   tab and accordion states. Keep those interactions, but use the approved blue
   system everywhere the shared theme would otherwise reveal orange. */
.plumbed-up-brand-refresh .primary-nav .lavalamp-object,
.plumbed-up-brand-refresh .primary-nav ul li ul li > a::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li > a > span::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li.current-menu-item > a::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li.current-menu-item > a > span::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li.current-menu-ancestor > a::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li.current-menu-ancestor > a > span::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li:hover > a::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li:hover > a > span::before,
.plumbed-up-brand-refresh .primary-nav ul li ul li > a:hover > span::before,
.plumbed-up-brand-refresh .vc_tta-panel:hover .vc_tta-panel-heading::before,
.plumbed-up-brand-refresh .vc_tta-panel.vc_active .vc_tta-panel-heading::before,
.plumbed-up-brand-refresh .vc_toggle:hover .vc_toggle_title::before,
.plumbed-up-brand-refresh .vc_toggle.vc_toggle_active .vc_toggle_title::before,
.plumbed-up-brand-refresh .wgl_timetabs .wgl_tab:hover::after,
.plumbed-up-brand-refresh .wgl_timetabs .wgl_tab.active::after,
.plumbed-up-brand-refresh .wgl-pagination .page .current,
.plumbed-up-brand-refresh .wgl-pagination .page a:hover,
.plumbed-up-brand-refresh .slick-dots li.slick-active button,
.plumbed-up-brand-refresh .swiper-pagination-bullet-active {
  border-color: var(--pu-blue) !important;
  background-color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh header .header-link:hover,
.plumbed-up-brand-refresh .hover_links a:hover,
.plumbed-up-brand-refresh .button-read-more:hover,
.plumbed-up-brand-refresh .meta-wrapper a:hover,
.plumbed-up-brand-refresh .blog-post_title a:hover,
.plumbed-up-brand-refresh .widget a:hover,
.plumbed-up-brand-refresh .builderry_module_social .soc_icon:hover,
.plumbed-up-brand-refresh .builderry_module_services_3:hover .services_title,
.plumbed-up-brand-refresh .builderry_module_services_4:hover .services_number,
.plumbed-up-brand-refresh .builderry_module_services_4:hover .services_icon,
.plumbed-up-brand-refresh .vc_tta-tab > a:hover,
.plumbed-up-brand-refresh .vc_tta-tab > a:hover .vc_tta-title-text,
.plumbed-up-brand-refresh .vc_tta-panel-heading a:hover,
.plumbed-up-brand-refresh .vc_tta-panel-heading a:hover .vc_tta-title-text,
.plumbed-up-brand-refresh .vc_toggle:hover .vc_toggle_title h4,
.plumbed-up-brand-refresh .wgl_timetabs .wgl_tab:hover .tab_subtitle {
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .vc_tta-tab.vc_active > a,
.plumbed-up-brand-refresh .vc_tta-tab.vc_active > a:hover {
  border-color: var(--pu-blue) !important;
  background-color: var(--pu-blue) !important;
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .vc_tta-tab.vc_active > a .vc_tta-title-text,
.plumbed-up-brand-refresh .vc_tta-tab.vc_active > a:hover .vc_tta-title-text {
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .builderry_module_button a,
.plumbed-up-brand-refresh .builderry_module_demo_item .di_button a,
.plumbed-up-brand-refresh .load_more_item,
.plumbed-up-brand-refresh .load_more_works,
.plumbed-up-brand-refresh .banner-widget_button,
.plumbed-up-brand-refresh .mc_form_inside #mc_signup_submit {
  border-color: var(--pu-blue) !important;
  background-color: var(--pu-blue) !important;
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .builderry_module_button a:hover,
.plumbed-up-brand-refresh .builderry_module_demo_item .di_button a:hover,
.plumbed-up-brand-refresh .load_more_item:hover,
.plumbed-up-brand-refresh .load_more_works:hover,
.plumbed-up-brand-refresh .banner-widget_button:hover,
.plumbed-up-brand-refresh .mc_form_inside #mc_signup_submit:hover {
  border-color: var(--pu-navy) !important;
  background-color: var(--pu-navy) !important;
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .builderry_module_title .carousel_arrows a:hover,
.plumbed-up-brand-refresh .builderry_module_title .carousel_arrows a:hover span::before,
.plumbed-up-brand-refresh .prev-link:hover,
.plumbed-up-brand-refresh .next-link:hover {
  border-color: var(--pu-blue) !important;
  color: var(--pu-blue) !important;
}

/* Existing Builderry/WPBakery content */
.plumbed-up-brand-refresh #main {
  background: var(--pu-white);
}

/* Two legacy templates use a fixed-width `full-width` container. The theme
   supplies the width, while this rule restores equal gutters at every size. */
.plumbed-up-brand-refresh #main > .wgl-container.full-width {
  margin-inline: auto !important;
}

.plumbed-up-brand-refresh .page-header {
  background-color: var(--pu-navy) !important;
  background-image: none !important;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

/* Replace the legacy script-logo banner artwork with the approved mark. The
   decorative layer is deliberately kept separate from the title so its 50%
   opacity never reduces text contrast. */
.plumbed-up-brand-refresh .page-header::before {
  background-color: transparent !important;
  background-image: url("../images/plumbed-up-logo.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: min(52vw, 520px) auto !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.5;
  pointer-events: none;
  position: absolute !important;
  z-index: 0;
}

.plumbed-up-brand-refresh .page-header_wrapper {
  background: transparent !important;
  position: relative;
  z-index: 1;
}

.plumbed-up-brand-refresh .page-header_wrapper::before {
  background: none !important;
  content: none !important;
}

/* Drainage page: replace the retired vehicle branding with drainage-specific
   pipework. The navy overlay preserves the existing white hero copy and CTAs. */
.plumbed-up-brand-refresh.page-id-1476 .vc_custom_1704924459206 {
  background-image:
    linear-gradient(rgba(10, 29, 51, 0.68), rgba(10, 29, 51, 0.78)),
    url("https://images.pexels.com/photos/37627673/pexels-photo-37627673.jpeg?auto=compress&cs=tinysrgb&w=1920") !important;
  background-position: center 52% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.plumbed-up-brand-refresh .page-header_title,
.plumbed-up-brand-refresh .page-header h1,
.plumbed-up-brand-refresh .page-header .breadcrumbs,
.plumbed-up-brand-refresh .page-header .breadcrumbs a,
.plumbed-up-brand-refresh .page-header_wrapper h1 {
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .rev_slider h1,
.plumbed-up-brand-refresh .rev_slider h2,
.plumbed-up-brand-refresh .rev_slider h3,
.plumbed-up-brand-refresh .rev_slider p,
.plumbed-up-brand-refresh .rev_slider li {
  color: inherit;
}

/* Revolution Slider writes legacy colours inline, so its brand overrides need
   to be explicit. Text, destinations, timing and animation remain unchanged. */
.plumbed-up-brand-refresh rs-module .rev-btn,
.plumbed-up-brand-refresh rs-module [data-bgcolor="#fdb900"] {
  border-color: var(--pu-blue) !important;
  background: var(--pu-blue) !important;
  color: var(--pu-white) !important;
  font-family: "Poppins", "Open Sans", Arial, sans-serif !important;
  box-shadow: 0 8px 22px rgba(0, 119, 214, 0.25) !important;
}

.plumbed-up-brand-refresh rs-module .rev-btn:hover,
.plumbed-up-brand-refresh rs-module [data-bgcolor="#fdb900"]:hover {
  border-color: var(--pu-navy) !important;
  background: var(--pu-navy) !important;
}

.plumbed-up-brand-refresh rs-module [data-color="#fdb900"] {
  border-color: var(--pu-sky) !important;
  color: var(--pu-sky) !important;
  font-family: "Poppins", "Open Sans", Arial, sans-serif !important;
}

.plumbed-up-brand-refresh .heading_subtitle {
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .heading_subtitle::before,
.plumbed-up-brand-refresh .heading_subtitle::after,
.plumbed-up-brand-refresh #main ul li::before,
.plumbed-up-brand-refresh #main ul.builderry_plus li::after,
.plumbed-up-brand-refresh #main ul.builderry_plus li::before,
.plumbed-up-brand-refresh #main ul.builderry_dash li::before {
  border-color: var(--pu-blue) !important;
  background-color: var(--pu-blue) !important;
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .builderry_module_infobox .infobox_wrapper {
  height: 100%;
  border: 1px solid var(--pu-border) !important;
  border-radius: var(--pu-radius);
  background: var(--pu-white);
  box-shadow: 0 8px 24px rgba(10, 29, 51, 0.07);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.plumbed-up-brand-refresh .wgl-theme-color,
.plumbed-up-brand-refresh .counter_content_wrapper,
.plumbed-up-brand-refresh .counter_value_wrap,
.plumbed-up-brand-refresh .counter_value,
.plumbed-up-brand-refresh .counter_value_suffix,
.plumbed-up-brand-refresh .counter_icon {
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .vc_btn3.vc_btn3-color-warning,
.plumbed-up-brand-refresh .vc_btn3.vc_btn3-color-warning:hover,
.plumbed-up-brand-refresh .vc_btn3.vc_btn3-color-warning:focus {
  border-color: var(--pu-blue) !important;
  background: var(--pu-blue) !important;
  color: var(--pu-white) !important;
}

.plumbed-up-brand-refresh .dot1,
.plumbed-up-brand-refresh .dot2,
.plumbed-up-brand-refresh .bounce1,
.plumbed-up-brand-refresh .bounce2,
.plumbed-up-brand-refresh .bounce3 {
  background-color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .builderry_module_infobox .infobox_wrapper:hover {
  border-color: var(--pu-sky);
  box-shadow: var(--pu-shadow);
  transform: translateY(-3px);
}

/* Builderry places the hover fill on a transparent pseudo-element. Override
   that layer directly so it cannot expand into the legacy orange card state. */
.plumbed-up-brand-refresh .builderry_module_infobox .infobox_wrapper::after {
  background-color: rgba(0, 119, 214, 0.08) !important;
}

/* Keep genuine multi-column infobox rows even without flattening the stacked
   contact tiles used on the Contact and Thank You pages. */
@media (min-width: 768px) {
  .plumbed-up-brand-refresh .pu-equal-infobox-row {
    align-items: stretch !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column {
    align-items: stretch !important;
    display: flex !important;
    float: none !important;
  }

  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner,
  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start !important;
    width: 100%;
  }

  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner,
  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner > .wpb_column,
  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner > .wpb_column > .vc_column-inner,
  .plumbed-up-brand-refresh .pu-equal-infobox-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner > .wpb_column > .vc_column-inner > .wpb_wrapper {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }

  .plumbed-up-brand-refresh .pu-equal-infobox-row .builderry_module_infobox.layout_top,
  .plumbed-up-brand-refresh .pu-equal-infobox-row .builderry_module_infobox.layout_top .infobox_wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
  }
}

.plumbed-up-brand-refresh .builderry_module_infobox .infobox_title,
.plumbed-up-brand-refresh .builderry_module_infobox .infobox_icon,
.plumbed-up-brand-refresh .builderry_module_infobox .infobox_icon_wrapper {
  color: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh .vc_separator .vc_sep_holder .vc_sep_line {
  border-color: var(--pu-border);
}

/* Calls to action: preserve every existing URL and click handler. */
.plumbed-up-brand-refresh .wgl_button .wgl_button_link,
.plumbed-up-brand-refresh a.wgl_button_link,
.plumbed-up-brand-refresh input[type="submit"],
.plumbed-up-brand-refresh button[type="submit"] {
  border: 2px solid var(--pu-blue) !important;
  border-radius: 6px !important;
  background: var(--pu-blue) !important;
  color: var(--pu-white) !important;
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.015em;
  box-shadow: 0 8px 20px rgba(0, 119, 214, 0.2);
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.plumbed-up-brand-refresh .wgl_button .wgl_button_link:hover,
.plumbed-up-brand-refresh a.wgl_button_link:hover,
.plumbed-up-brand-refresh input[type="submit"]:hover,
.plumbed-up-brand-refresh button[type="submit"]:hover {
  border-color: var(--pu-navy) !important;
  background: var(--pu-navy) !important;
  color: var(--pu-white) !important;
  box-shadow: 0 10px 24px rgba(10, 29, 51, 0.22);
  transform: translateY(-1px);
}

/* Gravity Forms: appearance only; field names, validation and delivery remain untouched. */
.plumbed-up-brand-refresh .gform_wrapper {
  border: 1px solid var(--pu-border);
  border-radius: var(--pu-radius);
  background: var(--pu-white);
  box-shadow: var(--pu-shadow);
  padding: clamp(22px, 4vw, 42px);
}

.plumbed-up-brand-refresh .gform_wrapper .gfield_label,
.plumbed-up-brand-refresh .gform_wrapper .gform-field-label {
  color: var(--pu-navy);
  font-weight: 700;
}

.plumbed-up-brand-refresh .gform_wrapper input:not([type="submit"]),
.plumbed-up-brand-refresh .gform_wrapper textarea,
.plumbed-up-brand-refresh .gform_wrapper select {
  min-height: 48px;
  border: 1px solid #c8d3df !important;
  border-radius: 6px !important;
  background: var(--pu-white);
  color: var(--pu-navy);
  padding: 10px 12px !important;
}

.plumbed-up-brand-refresh .gform_wrapper input:focus,
.plumbed-up-brand-refresh .gform_wrapper textarea:focus,
.plumbed-up-brand-refresh .gform_wrapper select:focus {
  border-color: var(--pu-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 119, 214, 0.14);
  outline: 0;
}

/* Footer */
.plumbed-up-brand-refresh #footer.footer {
  background: var(--pu-navy) !important;
  color: rgba(255, 255, 255, 0.82);
}

/* Replace the legacy orange footer mark without changing the saved footer content. */
.plumbed-up-brand-refresh #footer img.wp-image-951 {
  background: var(--pu-white);
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 12px 30px rgba(0, 20, 50, 0.22);
  content: url("../images/plumbed-up-logo.png");
  display: block;
  height: auto !important;
  image-rendering: auto;
  max-height: none !important;
  max-width: 100% !important;
  object-fit: contain;
  padding: 14px 16px;
  width: 260px !important;
}

.plumbed-up-brand-refresh #footer .vc_custom_1544713527282 {
  background: var(--pu-blue) !important;
}

.plumbed-up-brand-refresh #footer h1,
.plumbed-up-brand-refresh #footer h2,
.plumbed-up-brand-refresh #footer h3,
.plumbed-up-brand-refresh #footer h4,
.plumbed-up-brand-refresh #footer h5,
.plumbed-up-brand-refresh #footer h6,
.plumbed-up-brand-refresh #footer a:hover {
  color: var(--pu-white) !important;
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
}

.plumbed-up-brand-refresh #footer a,
.plumbed-up-brand-refresh #footer i {
  color: var(--pu-sky) !important;
}

.plumbed-up-brand-refresh #footer .builderry_module_text span[style*="#f9b522"] {
  color: var(--pu-sky) !important;
}

.plumbed-up-brand-refresh #footer .copyright,
.plumbed-up-brand-refresh #footer .footer_bottom_wrapper {
  border-top-color: rgba(255, 255, 255, 0.14) !important;
}

.plumbed-up-brand-refresh #scroll_up {
  border-color: var(--pu-blue) !important;
  background: var(--pu-blue) !important;
}

/* Accessible keyboard focus across refreshed controls. */
.plumbed-up-brand-refresh a:focus-visible,
.plumbed-up-brand-refresh button:focus-visible,
.plumbed-up-brand-refresh input:focus-visible,
.plumbed-up-brand-refresh textarea:focus-visible,
.plumbed-up-brand-refresh select:focus-visible {
  outline: 3px solid var(--pu-sky);
  outline-offset: 3px;
}

@media (max-width: 1199px) {
  .plumbed-up-brand-refresh .wgl-logotype-container img.default_logo,
  .plumbed-up-brand-refresh .wgl-logotype-container img.logo-sticky,
  .plumbed-up-brand-refresh .wgl-logotype-container img.logo-mobile {
    height: 74px !important;
    max-height: 74px !important;
  }
}

@media (max-width: 991px) {
  .plumbed-up-brand-refresh .wgl-mobile-header {
    background: var(--pu-white) !important;
    color: var(--pu-navy) !important;
  }

  .plumbed-up-brand-refresh .wgl-header-row-section_middle {
    background: var(--pu-white) !important;
  }

  .plumbed-up-brand-refresh .hamburger-box .hamburger-inner,
  .plumbed-up-brand-refresh .hamburger-box .hamburger-inner::before,
  .plumbed-up-brand-refresh .hamburger-box .hamburger-inner::after {
    background: var(--pu-navy) !important;
  }

  .plumbed-up-brand-refresh .wgl-mobile-header .header_search,
  .plumbed-up-brand-refresh .wgl-mobile-header .header_search-button,
  .plumbed-up-brand-refresh .wgl-mobile-header .header_search-button::before,
  .plumbed-up-brand-refresh .wgl-mobile-header .header_search-button::after {
    border-color: var(--pu-navy) !important;
    color: var(--pu-navy) !important;
  }

  .plumbed-up-brand-refresh .mobile_nav_wrapper,
  .plumbed-up-brand-refresh .mobile_nav_wrapper .primary-nav {
    background: var(--pu-white) !important;
  }
}

@media (max-width: 767px) {
  .plumbed-up-brand-refresh .page-header::before {
    background-size: min(78vw, 420px) auto !important;
  }

  .plumbed-up-brand-refresh .wgl-logotype-container img.default_logo,
  .plumbed-up-brand-refresh .wgl-logotype-container img.logo-sticky,
  .plumbed-up-brand-refresh .wgl-logotype-container img.logo-mobile {
    height: 64px !important;
    max-height: 64px !important;
  }

  .plumbed-up-brand-refresh #main h1 {
    font-size: clamp(32px, 9vw, 44px);
    line-height: 1.08;
  }

  .plumbed-up-brand-refresh #main h2 {
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.15;
  }

  .plumbed-up-brand-refresh .gform_wrapper {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .plumbed-up-brand-refresh *,
  .plumbed-up-brand-refresh *::before,
  .plumbed-up-brand-refresh *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}