.elementor-kit-14826{--e-global-color-primary:#293D95;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#293D95;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14826 e-page-transition{background-color:#FFBC7D;}.elementor-kit-14826 h2{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-14826 h2{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14826 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   ANDERSON GLASS - PER-PAGE HERO BANNERS
   The winsys theme renders ONE shared Breadcrumb Style template
   for every page (its per-page .elementor-kit-14826 under Banner Options does
   not save), so each page sets its own hero image here via the
   page-id body class. Images match the production site.
   Any page with no rule below falls back to the storefront photo
   set on the Breadcrumb Style template - never a blank banner.
   To add a page: find its ID in the URL when editing it, copy a
   line below, swap the ID and the image filename.
   ============================================================ */

.pt-breadcrumb-style-1{background-position:center center;background-size:cover;background-repeat:no-repeat;}

/* --- Commercial --- */
body.page-id-13448 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/essentia-health2-hero-2880.jpg")!important;background-position:center 60%!important;} /* Commercial */
body.page-id-13459 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/rays-storefront-hero-2880.jpg")!important;background-position:center 45%!important;} /* Storefront Windows & Doors */
body.page-id-13462 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/essentia-health-hero-2880.jpg")!important;background-position:center 45%!important;} /* Curtain Wall */

/* --- Residential --- */
body.page-id-13467 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/residential-window3-hero-2880.jpg")!important;background-position:center 55%!important;} /* Residential */
body.page-id-13469 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/residential-window3-hero-2880.jpg")!important;background-position:center 55%!important;} /* Windows */
body.page-id-13471 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/09/doors-millwork-hero-2400.jpg")!important;background-position:center 50%!important;} /* Doors and Millwork - AI-upscaled 2400px; background-position = focus point */
body.page-id-13473 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/09/railings-hero-2400.jpg")!important;background-position:center 30%!important;} /* Railings - AI-upscaled 2400px; background-position = focus point */
body.page-id-13500 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/09/shower-doors-hero-2400.jpg")!important;background-position:center 12%!important;} /* Shower Doors - AI-upscaled 2400px; background-position = focus point */

/* --- Services --- */
body.page-id-13482 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/09/auto-glass-hero-2400.jpg")!important;background-position:center 55%!important;} /* Auto Glass - AI-upscaled 2400px; background-position = focus point */
body.page-id-13502 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/automatic-doors-hero-2880.jpg")!important;background-position:center 55%!important;} /* Automatic Doors */
body.page-id-13506 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/09/glass-replacement-hero-2400.jpg")!important;background-position:center 50%!important;} /* Glass Replacement Service - AI-upscaled 2400px; background-position = focus point */

/* --- Company and forms --- */
body.page-id-13515 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/anderson-glass-sign-hero-2880.jpg")!important;background-position:center 50%!important;} /* About Us */
body.page-id-13519 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/anderson-glass-store-hero-2880.jpg")!important;} /* Company History */
body.page-id-13549 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/anderson-glass-store3-hero-2880.jpg")!important;background-position:center 25%!important;} /* Contact Us */
body.page-id-14637 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/anderson-glass-store3-hero-2880.jpg")!important;background-position:center 25%!important;} /* Glass Replacement Estimate Form */
body.page-id-14186 .pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/residential-window3-hero-2880.jpg")!important;background-position:center 55%!important;} /* Thank You */

/* --- Title legibility -------------------------------------
   The theme ships a scrim layer on the banner set to 0 opacity.
   Turning it up keeps the page title readable over light photos
   (the production site tints its banner the same way).
   Lower the 0.38 for a lighter tint, raise it for a darker one. */
.pt-breadcrumb-style-1:before{background-color:#000!important;opacity:.38!important;}

/* --- Section heading rhythm --------------------------------
   Headings typed inside a Text Editor widget (rather than a
   Heading widget) get no space beneath them by default.
   This matches the 24px the Heading widgets use. */
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3{margin-bottom:24px;}
.elementor-widget-text-editor h2:not(:first-child),
.elementor-widget-text-editor h3:not(:first-child){margin-top:48px;}

/* --- Space between the hero banner and page content -------
   The winsys theme pads the content area 112px top and bottom.
   That leaves a large gap under every hero. Tightened here. */
body .content-area .site-main{padding-top:56px;padding-bottom:64px;}
@media(max-width:1024px){body .content-area .site-main{padding-top:40px;padding-bottom:48px;}}
@media(max-width:767px){body .content-area .site-main{padding-top:32px;padding-bottom:40px;}}

/* --- Form card spacing ------------------------------------
   WPForms adds its own 24px margin above and below the form,
   and the sub-heading paragraph carries a 30px bottom margin.
   Together they left a large gap before the first field. */
.ag-form-subhead p:last-child{margin-bottom:0;}
.elementor-widget-wpforms div.wpforms-container-full:not(:empty){margin-top:0;margin-bottom:0;}

/* --- Manufacturer logo strip ------------------------------
   The logos come in mixed shapes and some have white
   backgrounds. White tiles plus a shared height make them
   read as one row instead of seven odd sizes. */
.elementor-element-c40970c .elementor-widget-image{background:#fff;border-radius:8px;padding:14px 18px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:158px;height:88px;}
.elementor-element-c40970c .elementor-widget-image img{height:56px;width:auto;max-width:190px;object-fit:contain;}
@media(max-width:767px){.elementor-element-c40970c .elementor-widget-image{width:140px;height:74px;padding:12px 14px;}.elementor-element-c40970c .elementor-widget-image img{height:44px;}}

/* --- Home page service cards ------------------------------
   The heading in each card carries the link; the ::after
   stretches that link over the whole card so the entire block
   is clickable, and the card turns brand blue on hover. */
.elementor-element-5327cb0 > .e-con{position:relative;transition:background-color .25s ease;}
.elementor-element-5327cb0 > .e-con .elementor-widget-heading a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.elementor-element-5327cb0 > .e-con:hover{background-color:#293D95!important;}
.elementor-element-5327cb0 > .e-con:hover h3,
.elementor-element-5327cb0 > .e-con:hover h3 a,
.elementor-element-5327cb0 > .e-con:hover p{color:#fff;}

/* --- Leadership cards -------------------------------------
   Same pattern as the home page service cards: the name
   carries the link, stretched over the whole card. */
.elementor-element-6a26da23 > .e-con{position:relative;transition:background-color .25s ease;}
.elementor-element-6a26da23 > .e-con .elementor-widget-heading a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.elementor-element-6a26da23 > .e-con:hover{background-color:#293D95!important;}
.elementor-element-6a26da23 > .e-con:hover h3,
.elementor-element-6a26da23 > .e-con:hover h3 a,
.elementor-element-6a26da23 > .e-con:hover div{color:#fff;}


/* Hide breadcrumb trail (Home > Page) in hero; page title stays. */
.pt-breadcrumb-style-1 .pt-breadcrumb-container{display:none!important;}


/* ===== MOBILE: stack service-page content + sidebar (row 0b5a230 is shared by all 16 inner pages) ===== */
@media (max-width:767px){
 .elementor-element-0b5a230{flex-direction:column!important;gap:40px!important;}
 .elementor-element-0b5a230 > .e-con, .elementor-element-0b5a230 > div{width:100%!important;max-width:100%!important;flex-basis:auto!important;}
 .elementor-element-1762aa8, .elementor-element-1c1db30{width:100%!important;max-width:100%!important;}
 /* Home "What We Do" cards: drop the fixed height so there is no empty space under short text */
 .elementor-element-5327cb0 > .e-con{min-height:0!important;}
}

/* ===== MOBILE: sidebar manufacturer logos at a sensible size ===== */
@media (max-width:767px){
 .elementor-element-1762aa8 .elementor-widget-image img{max-width:200px!important;max-height:110px!important;width:auto!important;height:auto!important;margin:0 auto;display:block;}
}

/* Default banner for pages without their own (staff pages etc.) */
.pt-breadcrumb-style-1{background-image:url("/wp-content/uploads/2026/10/anderson-glass-store-hero-2880.jpg")!important;}
/* Gallery tiles: even grid of large square tiles, sharp on all screens */
.elementor-image-gallery .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(140px,22%)),1fr));gap:16px;}
.elementor-image-gallery .gallery br{display:none;}
.elementor-image-gallery .gallery .gallery-item{float:none !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0;}
.elementor-image-gallery .gallery-item .gallery-icon{line-height:0;}
.elementor-image-gallery .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:1/1 !important;object-fit:cover;border-radius:6px;margin:0;}
@media(max-width:600px){.elementor-image-gallery .gallery{gap:10px;}}/* End custom CSS */