/** Shopify CDN: Minification failed

Line 55:27 Unexpected "/"
Line 60:27 Unexpected "/"

**/
* {
    --sizes__border-element-radius: 0 0 20px 0;
}
 
.max-w-prose {
    max-width: 800px;
}
 
.option-hidden {
  display: none !important;
}
 
body.snize-results-page .max-w-prose.w-full  {
    max-width: none;
}
a:hover {
    color: #008fe5;
}
 
body.product #product-title {
    padding-top: 0!important;
}
 
footer a:hover {
    color: #83c900;
    text-decoration: none;
}

#collection-breadcrumb a {
  color: inherit;
  text-decoration: underline;
}

.theme__header {
  position: relative;
}

.theme__header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

body:not(.index):not(.pages/connects-faq) main#root {
    position: relative;
    padding-top: 30px;
}

body:not(.index):not(.pages/connects-faq) main#root:before {
    content: " ";
    background: linear-gradient(90deg, #00518a, #003561 63%);
    top: 0;
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

 
.snize-product-filters-list li:has(input.snize-product-filters-checkbox[value='0']),
.snize-product-filters-list li:has(input.snize-product-filters-checkbox[value='00'])
{
    display: none;
}
div.snize ul.snize-product-filters-list{
    max-height:198px!important;
}
 
/* Hide sort button in collections */
.snize-search-results .snize-main-panel-dropdown,
.snize-collection-mode .snize-main-panel-dropdown {
    display: none;
}
 
div.snize.snize-search-results  div.snize-main-panel-view-mode,
div.snize.snize-collection-mode  div.snize-main-panel-view-mode {
    float: right;
}
#snize-modal-mobile-filters-dialog #snize_product_filter_mobile_sort,
#snize-modal-mobile-filters-dialog #snize_product_filter_header_mobile_sort {
    display: none!important;
}

.cts-seal-unit-selector {
    position: relative;
}
.cts-seal-unit-toggle-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 26px;
    line-height: 1;
    font-weight: 400;
    color: #000000ff;
    font-style: normal;
}
 
/* Hide specs attribute in grid cards */
.snize-item .snize-attribute {
    display: none !important;
}

/* Searchanize top search bar styles */
.snize-ac-results-multicolumn-list .snize-description {
    -webkit-line-clamp: none!important;
    max-height: none!important;
    height: auto!important;
}
/* Product Page */
table.cts-specs-table {
    margin-bottom: 25px;
}
table.cts-specs-table th,
table.cts-specs-table td {
    padding: 3px 10px;
}
table.cts-specs-table th {
    text-align: left;
    width: 200px;
}
 
table.cts-specs-table.single-column th {
    width: auto;
}
table.cts-specs-table.single-column td {
    padding-left: 30px;
}
.cts-bg-side-logo {
    background-color: #ffffffff !important;
}
.cts-bg-side-logo a {
    color: white !important;
}
button.cts-side-close-btn * {
    color: black!important;
}
ul.product-resources {
    padding-left: 2em;
    margin-top: 1em;
}
ul.product-resources li::marker {
    content: "» ";   
    font-weight: bold;
    font-size: 24px;
    color: var(--color__background-primary);
    line-height: 1em;
}
ul.product-resources li a {
    color: var(--color__background-primary);
    text-decoration: none;
}
ul.product-resources li a:hover {
    text-decoration: underline;
}
 
.cts-resources-section {
    max-width: 900px;
}
.cts-card {
    background: #dcdee1;
    border-left: 10px solid #121d3f;
    padding: 25px;    
}
 
/* RTE styling */
.rte {
  line-height: 1.6;
}
 
/* Headings */
.rte h1 {
  font-size: 30px;
  margin: 1.5em 0 0.5em;
  font-weight: 600;
}
 
.rte h2 {
  font-size: 26px;
  margin: 1.4em 0 0.5em;
  font-weight: 600;
}
 
.rte h3 {
  font-size: 22px;
  margin: 1.3em 0 0.5em;
  font-weight: 600;
}
 
.rte h4 {
  font-size: 18px;
  margin: 1.2em 0 0.5em;
  font-weight: 600;
}
 
.rte h5 {
  font-size: 16px;
  margin: 1.1em 0 0.5em;
  font-weight: 600;
}
 
.rte h6 {
  font-size: 14px;
  margin: 1em 0 0.5em;
  font-weight: 600;
}
 
/* Paragraphs */
.rte p {
  margin: 1em 0;
}
 
/* Lists */
.rte ul,
.rte ol {
  margin: 1em 0 1em 1.5em;
  padding: 0;
}
 
.rte li {
  margin: 0.25em 0;
}
 
/* Images */
.rte img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em 0;
}
 
/* Links */
.rte a {
  text-decoration: underline;
  cursor: pointer;
}
 
/* Blockquotes */
.rte blockquote {
  margin: 1.5em 0;
  padding-left: 1em;
  border-left: 3px solid #ddd;
  color: #555;
}
 
/* Horizontal rule */
.rte hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 2em 0;
}
 
/* End RTE Styling */
 
footer a[href="#"] {
    pointer-events: none;
}
 
.cts-main-menu a {
    text-decoration: none;
}

.cts-main-menu a:focus,
.cts-main-menu a:active {
  outline: none !important;
  box-shadow: none !important;
}

/* ===== Menu links ===== */

.cts-main-menu a[href*="cincinnati-test.com"],
.cts-main-menu a[href="/pages/cts-connects"],
.cts-main-menu a[href="/pages/leak-products"],
.cts-main-menu a[href="/pages/about-cts-connects"],
.cts-main-menu a[href="/pages/compare"],
.cts-main-menu a[href="/pages/about-cts-leak-standards"],
.cts-main-menu a[href="/pages/connects-faq"],
.cts-main-menu a[href="/pages/connect-applications"],
.cts-main-menu a[href="/pages/connect-resources"],
.cts-main-menu a[href="/pages/custom-connects"],
.cts-main-menu a[href="/pages/cts-leak-faq"],
.cts-main-menu a[href="/pages/leak-resources"],
.cts-main-menu a[href="/pages/a2la-accreditation"],
.cts-main-menu a[href="/pages/leak-standard-recertification"],
.cts-main-menu a[href="/pages/contact"],
.cts-main-menu a[href="/collections/cts-connects"],
.cts-main-menu a[href="/collections/ci-connects"],
.cts-main-menu a[href="/collections/co-connects"],
.cts-main-menu a[href="/collections/hi-connects"],
.cts-main-menu a[href="/collections/ho-connects"],
.cts-main-menu a[href="/collections/accessories"],
.cts-main-menu a[href="/collections/spare-seals"],
.cts-main-menu a[href="/collections/main-seal-kits"],
.cts-main-menu a[href="/collections/body-only-accessories"],
.cts-main-menu a[href="/collections/lead-ins"],
.cts-main-menu a[href="/collections/springmount"],
.cts-main-menu a[href="/collections/cts-configurator"],
.cts-main-menu a[href="/collections/leak-standard"],
.cts-main-menu a[href="/collections/calibrated-leak"],
.cts-main-menu a[href="/collections/variable-leak"],
.cts-main-menu a[href="/blog/cts-connect"] {
  background-color: #ffffff !important;
  background-image: none !important;
  text-decoration: none !important; /* removes underline */
  color: #000000 !important;        /* makes text black */
  opacity: 1 !important;
  background: transparent !important;
  font-size: 14px !important;
  text-decoration-color: rgb(36, 36, 35) !important;
  color: rgb(36, 36, 35) !important;
}

.cts-main-menu a[href*="cincinnati-test.com"]:hover,
.cts-main-menu a[href="/pages/cts-connects"]:hover,
.cts-main-menu a[href="/pages/about-cts-connects"]:hover,
.cts-main-menu a[href="/pages/leak-products"]:hover,
.cts-main-menu a[href="/pages/compare"]:hover,
.cts-main-menu a[href="/pages/about-cts-leak-standards"]:hover,
.cts-main-menu a[href="/pages/connects-faq"]:hover,
.cts-main-menu a[href="/pages/connect-applications"]:hover,
.cts-main-menu a[href="/pages/connect-resources"]:hover,
.cts-main-menu a[href="/pages/custom-connects"]:hover,
.cts-main-menu a[href="/pages/cts-leak-faq"]:hover,
.cts-main-menu a[href="/pages/leak-resources"]:hover,
.cts-main-menu a[href="/pages/a2la-accreditation"]:hover,
.cts-main-menu a[href="/pages/leak-standard-recertification"]:hover,
.cts-main-menu a[href="/pages/contact"]:hover,
.cts-main-menu a[href="/collections/cts-connects"]:hover,
.cts-main-menu a[href="/collections/ci-connects"]:hover,
.cts-main-menu a[href="/collections/co-connects"]:hover,
.cts-main-menu a[href="/collections/hi-connects"]:hover,
.cts-main-menu a[href="/collections/ho-connects"]:hover,
.cts-main-menu a[href="/collections/spare-seals"]:hover,
.cts-main-menu a[href="/collections/main-seal-kits"]:hover,
.cts-main-menu a[href="/collections/body-only-accessories"]:hover,
.cts-main-menu a[href="/collections/lead-ins"]:hover,
.cts-main-menu a[href="/collections/springmount"]:hover,
.cts-main-menu a[href="/collections/accessories"]:hover,
.cts-main-menu a[href="/collections/cts-configurator"]:hover,
.cts-main-menu a[href="/collections/leak-standard"]:hover,
.cts-main-menu a[href="/collections/calibrated-leak"]:hover,
.cts-main-menu a[href="/collections/variable-leak"]:hover,
.cts-main-menu a[href="/blog/cts-connect"]:hover {
  background-color: #f5f5f5 !important; /* light gray hover */
  text-decoration: none !important;
  color: #008fe5 !important;
}

/* Centered error / notice modal. Replaces the native alert() popup.
   Fixed positioning + flex centering on the overlay puts the card in
   the middle of the viewport regardless of scroll. Hidden by default;
   .is-visible toggles it on. */
#cts-error-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}
#cts-error-modal-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}
#cts-error-modal-overlay .cts-error-modal {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);
    padding: 32px 28px 24px;
    min-width: 280px;
    max-width: 440px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transform: scale(0.96);
    transition: transform 0.15s ease;
    position: relative;
}
#cts-error-modal-overlay.is-visible .cts-error-modal {
    transform: scale(1);
}
#cts-error-modal-overlay .cts-error-modal-message {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    color: #000000;
}
#cts-error-modal-overlay .cts-error-modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 22px;
    line-height: 1;
    color: #6b6b6b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}
#cts-error-modal-overlay .cts-error-modal-close:hover {
    background: #f0f0f0;
    color: #000000;
}
#cts-error-modal-overlay .cts-error-modal-close:focus {
    outline: 2px solid rgba(0, 82, 138, 0.4);
    outline-offset: 2px;
}

/* Remove the extra padding BELOW the custom configurator selector dropdowns
   (Surface Type, Sealing Range Unit, Thread Type, ID/OD, Diameter Unit) in
   the Searchanise filter sidebar + mobile modal, so the gap beneath them
   matches the spacing of the native filter rows. Only the bottom padding is
   zeroed; the heading-to-select gap and all other spacing are untouched. */
.snize-product-filters-block:has(.cts-surface-selector),
.snize-product-filters-block:has(.cts-units-selector),
.snize-product-filters-block:has(.cts-thread-selector),
.snize-product-filters-block:has(.cts-diameter-selector),
.snize-product-filters-block:has(.cts-diameterunit-selector),
.cts-surface-selector,
.cts-units-selector,
.cts-thread-selector,
.cts-diameter-selector,
.cts-diameterunit-selector {
    padding-bottom: 0 !important;
}

.snize-horizontal-wrapper {
  margin-bottom: 5px !important;
  margin-top: 0px !important;
}

/* ============================================================
   Menu item backgrounds
   ============================================================ */

/* No background on any menu item, in any state
   (overrides the theme's hover:color__bg-shade-1 utility). */
.header__link,
.header__link:hover,
.header__link:focus,
.header__dropdown--mega a,
.header__dropdown--mega a:hover,
.header__dropdown--mega a:focus {
  background-color: transparent !important;
}

/* ============================================================
   Nav switch breakpoint: header nav >= 960px, drawer < 960px.
   Replaces the theme's lg: (1024px) toggle for the header bar only.
   ============================================================ */

/* Below 960px: show the mobile bar (hamburger/drawer), hide desktop nav */
@media (max-width: 959px) {
  .header__bar-desktop { display: none !important; }
  .header__bar-mobile  { display: flex !important; }
}

/* 960px and up: show the desktop header nav, hide the mobile bar */
@media (min-width: 960px) {
  .header__bar-mobile  { display: none !important; }
  .header__bar-desktop { display: flex !important; }
}

/* ============================================================
   Full-width mega menu (desktop) — layout only.
   Append to the END of assets/theme_edits.css.

   IMPORTANT: This intentionally does NOT touch the show/hide
   (opacity/height/visibility) behavior — the theme handles that.
   We only change WIDTH and POSITION so the panel spans the screen.
   ============================================================ */

@media (min-width: 960px) {

  /* Let the full-width panel escape this item's box.
     If the panel stops revealing after adding this, delete this
     one rule first — it's the only line that can interfere. */
  .header__item {
    position: static;
  }

  /* Width + horizontal position only. No opacity/visibility/height here,
     so the theme's own hover reveal keeps working. */
  .header__dropdown--mega {
    left: 0;
    right: 0;
    width: 100vw;
    max-width: 100vw;
  }

  /* Constrain the inner content to your page margins while the
     background stretches edge to edge.
     justify-content:center centers the column group across the panel. */
  .header__dropdown-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    width: 100%;
  }

  /* Sub-links flow into columns, one per sub-category group.
     justify-content:center centers the columns within this group. */
  .header__dropdown-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    flex: 0 1 auto;
  }

  .header__dropdown-col {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .header__dropdown-promo {
    flex: 0 0 auto;
  }
}

/* ============================================================
   HEADER NAV — link colors & underline behavior
   ============================================================ */

/* Keep the normal text color on hover/click (no blue), for both the
   top-level header links and the dropdown links. */
.header__link,
.header__link:hover,
.header__link:focus,
.header__dropdown--mega a,
.header__dropdown--mega a:hover,
.header__dropdown--mega a:focus {
  color: inherit !important;
}

/* Top-level header items: thick black underline on hover AND click.
   - hover on the link
   - hover on the item (direct child only, so hovering dropdown sub-items
     does NOT re-underline the parent)
   - focus / focus-within (click state), plus the theme's !underline
     active class, using LONGHAND props so the shorthand can't reset
     thickness/offset back to thin defaults. */
.header__link:hover,
.header__item:hover > .header__link,
.header__item .header__link:focus,
.header__item .header__link:focus-within,
.header__link.\!underline {
  text-decoration-line: underline !important;
  text-decoration-color: #000 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 6px !important;
  background-color: transparent !important;
}

/* DROPDOWN items: original plain thin underline on hover (keep their gray too). */
.header__dropdown--mega a:hover,
.header__dropdown--mega a:focus {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;   /* original thin underline */
  text-underline-offset: auto !important;      /* original default spacing */
  text-decoration-color: currentColor !important;
}

/* ============================================================
   DROPDOWN COLUMN TYPOGRAPHY
   Within each dropdown column:
   - the FIRST link (the sub-category heading) is bold
   - the remaining links (items within) are smaller
   ============================================================ */

/* Sub-category heading (top item of the column) */
.header__dropdown-col > a:first-child {
  font-weight: 700;
}

/* Items within the sub-category (everything after the heading) */
.header__dropdown-col > a:not(:first-child) {
  font-size: 0.875rem; /* smaller; adjust to taste (e.g. 0.8125rem) */
}

/* Click-latched dropdown (set by header JS). */
@media (min-width: 960px) {
  .header__item.is-click-open .header__dropdown {
    height: auto;
    opacity: 1;
  }
}

@media (min-width: 960px) {
  /* Stop the theme's focus-based reveal from latching panels open;
     we now control click-open via the .is-click-open class instead. */
  .header__link:focus + .header__dropdown,
  .header__dropdown:focus-within {
    height: 0;
    opacity: 0;
  }

  /* Click-latched (set by JS) and hover both reveal; these must win. */
  .header__item.is-click-open .header__dropdown,
  .header__link:hover + .header__dropdown,
  .header__dropdown:hover {
    height: auto;
    opacity: 1;
  }
}

.shopify-payment-button {
  display: none !important;
}

#snize-instant-search-results {
  display: none !important;
}

a.snize-view-link[href*="/products/leak-" i] .snize-add-to-cart-button {
  display: none !important;
}