.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:640px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* ==== Mobile fixes (Brianna, Oct 27): tablet and phone only. Start ==== */
/* Industry First band: "well now this is just a mess"; then (Oct 28) "the lifetime warranty logo should go on the left of the industry first and the
   paragraph should go under both of them". Badge and pill side by side, the sentence underneath, all left-aligned. */
@media (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="56e5b53f"]{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge pill" "text text";justify-content:start;align-items:center;column-gap:18px;row-gap:16px;text-align:left;}
body.elementor-page-1193 .elementor [data-id="56e5b53f"] [data-id="1deb3531"]{grid-area:pill;justify-self:start;margin:0;}
body.elementor-page-1193 .elementor [data-id="56e5b53f"] [data-id="5fecd660"]{grid-area:text;max-width:none;flex:none;margin:0;}
body.elementor-page-1193 .elementor [data-id="56e5b53f"] [data-id="6635a31a"]{grid-area:badge;width:auto;height:84px;}
}
@media (max-width:640px){
body.elementor-page-1193 .elementor [data-id="56e5b53f"]{column-gap:14px;row-gap:14px;}
body.elementor-page-1193 .elementor [data-id="56e5b53f"] [data-id="6635a31a"]{height:64px;}
body.elementor-page-1193 .elementor [data-id="56e5b53f"] [data-id="5fecd660"]{font-size:16.5px;}
}
/* mobile audit (page-1193-hydroblok.css) */
/* ===== /hydroblok/ (page 1193) ===== */
@media (max-width:1024px){
/* Category pills: even grid so every filter shows (Brianna, Oct 28: "how are they supposed to see all the filtering if it runs off the page?"). 3 x 3 on phones and tablets */
body.elementor-page-1193 .elementor [data-id="3aca9877"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;}
body.elementor-page-1193 .elementor [data-id="3aca9877"]>*{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px 8px;text-align:center;line-height:1.2;}
body.elementor-page-1193 .elementor [data-id="3aca9877"]>* a{padding-block:0;}
/* the whole pill is the tap area, not just the word */
body.elementor-page-1193 .elementor [data-id="3aca9877"]>* a::after{content:"";position:absolute;inset:0;}
}
@media (max-width:640px){
body.elementor-page-1193 .elementor [data-id="3aca9877"]>*{font-size:13px;}
}

/* Hero feature tiles: no orphan. Phone: the last tile spans both columns. Tablet: 3 + 2 across six columns, so both rows fill the width */
@media (max-width:640px){
body.elementor-page-1193 .elementor [data-id="cd0352d"]>:last-child{grid-column:1/-1;justify-content:center;}
}
@media (min-width:641px) and (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="cd0352d"]{grid-template-columns:repeat(6,minmax(0,1fr));}
body.elementor-page-1193 .elementor [data-id="cd0352d"]>*{grid-column:span 2;}
body.elementor-page-1193 .elementor [data-id="cd0352d"]>:nth-child(n+4){grid-column:span 3;}
}

/* Hero copy: 20px clear of the callout under it; shorter lines on tablets */
@media (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="53c439b2"]{margin-block-end:20px;}
}
@media (min-width:641px) and (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="53c439b2"]{max-width:62ch;}
}

/* Catalog cards. Phone: icon beside the title (the icon box and text column become grid cells), so the description gets the full card width.
   Tablet: three across, icon above the title, "Download PDF" lined up along the bottom. */
@media (max-width:640px){
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:0;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con>.e-con:has(>h3){display:contents;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con h3{grid-column:2;grid-row:1;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con p{grid-column:1/-1;margin-top:12px;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con .e-con>span:last-child{grid-column:1/-1;}
/* "New" badge on the third card: its title keeps clear of it (the text column's own padding goes away with display:contents) */
body.elementor-page-1193 .elementor [data-id="58c3ec4d"] h3{padding-inline-end:52px;}
}
@media (min-width:641px) and (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="54747292"]{grid-template-columns:repeat(3,minmax(0,1fr));}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con{flex-direction:column;align-items:stretch;gap:14px;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con>.e-con:has(>h3){flex:1;padding-inline-end:0;}
body.elementor-page-1193 .elementor [data-id="4a7f2559"] a.e-con .e-con>span:last-child{margin-top:auto;}
}

/* Video rail: titles clamp at two lines, so one long title no longer leaves a blank strip under all the others */
@media (max-width:1024px){
body.elementor-page-1193 .elementor [data-id="2fbc4d9f"] .video-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}
/* ==== Mobile fixes: end ==== *//* End custom CSS */