.elementor-kit-6{--e-global-color-primary:#141010;--e-global-color-secondary:#A61C20;--e-global-color-text:#141010;--e-global-color-accent:#DA1F26;--e-global-color-f5f5f3a:#F5F5F3;--e-global-color-a0a0a2b:#A0A0A2;--e-global-color-ffffffc:#FFFFFF;--e-global-typography-primary-font-family:"Teko";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.05em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.3px;color:#141010;font-family:"Inter", sans-serif;font-size:18px;font-weight:400;line-height:1.6em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#A61C20;font-family:"Inter", sans-serif;font-size:16px;font-weight:600;letter-spacing:0.3px;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:16px 32px 16px 32px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#8C171B;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#A61C20;}.elementor-kit-6 a:hover{color:#DA1F26;}.elementor-kit-6 h1{color:#141010;font-family:"Teko", sans-serif;font-size:64px;font-weight:600;line-height:1.05em;}.elementor-kit-6 h2{color:#141010;font-family:"Teko", sans-serif;font-size:44px;font-weight:600;line-height:1.1em;}.elementor-kit-6 h3{color:#141010;font-family:"Inter", sans-serif;font-size:26px;font-weight:600;line-height:1.25em;}.elementor-kit-6 h4{color:#141010;font-family:"Inter", sans-serif;font-size:20px;font-weight:600;line-height:1.3em;}.elementor-kit-6 h5{color:#141010;font-family:"Inter", sans-serif;font-size:18px;font-weight:600;line-height:1.35em;}.elementor-kit-6 h6{color:#141010;font-family:"Inter", sans-serif;font-size:16px;font-weight:600;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:17px;}.elementor-kit-6 h1{font-size:40px;}.elementor-kit-6 h2{font-size:30px;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 h4{font-size:18px;}.elementor-kit-6 h5{font-size:17px;}.elementor-kit-6 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* Iron Ridge utilities. Global Colors still own every colour value. NB on hooks: on this Elementor build `_css_classes` renders on WIDGETS but NOT on containers, so container-level styling is hung off `_element_id` (#ir-header, #ir-footer) or off structure (:has), never a container class. */ .ir-card-img img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block;border-radius:6px} .ir-card-img{margin-bottom:0} .ir-wide-img img{aspect-ratio:21/9;object-fit:cover;width:100%;display:block;border-radius:6px} /* Elementor grids default to 2 template rows; guard against the dead empty row */ .e-con.e-grid{grid-template-rows:auto} .e-con.e-grid > .e-con{height:100%} .e-con.e-grid > .e-con > .elementor-widget-button{margin-top:auto} /* card lift - a grid cell that contains a button IS a card */ .e-con.e-grid > .e-con:has(> .elementor-widget-button){ transition:transform .18s ease, box-shadow .18s ease} .e-con.e-grid > .e-con:has(> .elementor-widget-button):hover{ transform:translateY(-4px);box-shadow:0 10px 26px rgba(20,16,16,.13)} /* sticky header: restyle ONLY once pinned, never on load */ #ir-header.elementor-sticky--effects{box-shadow:0 2px 14px rgba(20,16,16,.11)} #ir-header.elementor-sticky--effects > .e-con-inner{padding-top:4px;padding-bottom:4px} /* james@ironridgecommercialroofing.com is 324px of unbreakable string and was the only thing overflowing a 320px viewport */ #ir-footer a{text-decoration:none;overflow-wrap:anywhere} #ir-footer p{overflow-wrap:anywhere} #ir-footer a:hover{text-decoration:underline} hr.elementor-divider-separator{border:0} /* visible focus ring, WCAG 2.4.7 */ a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{ outline:2px solid #DA1F26;outline-offset:2px} @media (max-width:767px){ .e-con.e-grid > .e-con{height:auto} } /* Dark band treatment (ir-dark-*). Sections flipped to Anvil Black need their text inverted: widgets here inherit colour from the kit rather than setting it. Scoped by _element_id because _css_classes does not render on containers in this build. */ [id^="ir-dark-"]{color:#D8D5D2} [id^="ir-dark-"] h1,[id^="ir-dark-"] h2,[id^="ir-dark-"] h3, [id^="ir-dark-"] h4,[id^="ir-dark-"] h5,[id^="ir-dark-"] h6, [id^="ir-dark-"] .elementor-heading-title{color:#FFFFFF !important} [id^="ir-dark-"] p,[id^="ir-dark-"] li, [id^="ir-dark-"] .elementor-widget-text-editor, [id^="ir-dark-"] .elementor-icon-list-text{color:#C9C5C2 !important} [id^="ir-dark-"] strong,[id^="ir-dark-"] b{color:#FFFFFF !important} [id^="ir-dark-"] .elementor-divider-separator{border-top-color:#DA1F26 !important} [id^="ir-dark-"] .elementor-icon{color:#DA1F26 !important} /* Header CTA: the flex parent squeezed the button below its own text width and "Get Free Estimate" wrapped to two lines. Four Elementor control keys were tried first (_flex_shrink, _element_custom_width, a plain typography_font_size against a typography GLOBAL, and template-level custom_css) and none of them rendered. The kit's own CSS is the mechanism that works on this build. */ .elementor-element-d0d9f2f{flex-shrink:0} .elementor-element-d0d9f2f .elementor-button{white-space:nowrap} .elementor-element-43520ba{flex-shrink:0} /* ---- FAQ (section 08). kris: "make it 100x better". The accordion WIDGET is kept because it is what emits the page's FAQPage JSON-LD; only its skin changes. */ .ir-faq .elementor-accordion{border:0} .ir-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid rgba(20,16,16,.14)} .ir-faq .elementor-accordion .elementor-accordion-item:first-child{border-top:1px solid rgba(20,16,16,.14)} .ir-faq .elementor-tab-title{padding:22px 8px 22px 0!important;background:transparent!important; transition:padding-left .18s ease} .ir-faq .elementor-tab-title a,.ir-faq .elementor-tab-title{font-family:Teko,sans-serif!important; font-weight:600!important;font-size:23px!important;line-height:1.25!important; text-transform:uppercase;letter-spacing:.01em;color:#141010!important} .ir-faq .elementor-tab-title:hover{padding-left:10px!important} .ir-faq .elementor-tab-title.elementor-active{color:#A61C20!important; box-shadow:inset 3px 0 0 0 #DA1F26;padding-left:16px!important} .ir-faq .elementor-tab-title.elementor-active a{color:#A61C20!important} .ir-faq .elementor-accordion-icon{color:#DA1F26!important;width:auto!important;margin-right:14px} .ir-faq .elementor-tab-content{border:0!important;background:transparent!important; padding:0 0 24px 16px!important;font-family:Inter,sans-serif;font-size:15.5px;line-height:1.8; color:#3C3636} /* --- ir-process blueprint (svc_texture.py) --- */ #ir-process{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201240%20200%22%20width%3D%221240%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M60%20190%20L60%2062%20L92%2062%20L92%2048%20L470%2048%20L470%2062%20L502%2062%20L502%20190%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M60%2086%20L502%2086%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M60%20122%20L502%20122%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M60%20158%20L502%20158%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%2284%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%2284%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22138%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22138%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22192%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22192%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22246%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22246%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22300%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22300%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22354%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22354%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22408%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22408%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22462%22%20y%3D%2296%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Crect%20x%3D%22462%22%20y%3D%22132%22%20width%3D%2230%22%20height%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M92%2048%20L1180%2048%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M502%2058%20L1180%2058%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M502%2064%20L1180%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M502%2070%20L1180%2070%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M502%2076%20L1180%2076%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M508%2076%20L523%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M538%2076%20L553%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M568%2076%20L583%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M598%2076%20L613%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M628%2076%20L643%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M658%2076%20L673%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M688%2076%20L703%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M718%2076%20L733%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M748%2076%20L763%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M778%2076%20L793%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M808%2076%20L823%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M838%2076%20L853%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M868%2076%20L883%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M898%2076%20L913%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M928%2076%20L943%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M958%2076%20L973%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M988%2076%20L1003%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1018%2076%20L1033%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1048%2076%20L1063%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1078%2076%20L1093%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1108%2076%20L1123%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1138%2076%20L1153%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1168%2076%20L1183%2064%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M92%2048%20L1180%2048%22%20stroke%3D%22%23DA1F26%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M502%20116%20L1180%20116%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M502%20108%20L502%20124%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M1180%20108%20L1180%20124%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Cpath%20d%3D%22M880%2048%20L880%2018%20L942%2018%20L942%2048%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M640%2048%20L640%2022%20M628%2022%20L652%2022%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%221070%22%20cy%3D%2248%22%20r%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3Ccircle%20cx%3D%221070%22%20cy%3D%2248%22%20r%3D%222.6%22%20fill%3D%22%23DA1F26%22%20fill-opacity%3D%220.85%22%2F%3E%3Cpath%20d%3D%22M1089%2031%20L1140%2012%22%20stroke%3D%22%23141010%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%220.9%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat; background-size:1120px auto; background-position:right 40px bottom 34px} /* the direct child here is .e-con, NOT .e-con-inner - the first .elementor-kit-6 missed and the copy had no stacking context of its own */ #ir-process > .e-con{position:relative;z-index:1} @media(max-width:1024px){#ir-process{background-size:820px auto; background-position:right 20px bottom 24px}} @media(max-width:767px){#ir-process{background-image:none}} /* --- end ir-process blueprint --- */ /* --- mobile/tablet nav dropdown: full-bleed panel (Sonic, 2026-08-18) --------- Elementor's "Full Width (stretch)" JS anchors the dropdown to the nav widget's own box, and that column is only 12% wide on mobile, so the panel rendered as a ~41px black sliver with the labels clipped. Pin it to the viewport instead and hang it off the bottom edge of the sticky bar. Header is 62px <=767 and 69px 768-1024, measured; the toggle is still shown at 1024. */ :root{--ir-hdr-h:53px} @media(min-width:768px) and (max-width:1024px){:root{--ir-hdr-h:69px}} @media(max-width:1024px){ .elementor-79 .elementor-element-5b4020d .elementor-nav-menu__container.elementor-nav-menu--dropdown{ position:fixed !important; top:calc(var(--ir-hdr-h) - 1px) !important; left:0 !important; right:0 !important; width:100% !important; max-width:100% !important; margin:0 !important; max-height:calc(100dvh - var(--ir-hdr-h) + 1px) !important; overflow-y:auto !important; overscroll-behavior:contain; box-shadow:0 14px 30px rgba(0,0,0,.30) !important; z-index:9999; } /* submenus sit inline inside the panel, not as floating boxes */ .elementor-79 .elementor-element-5b4020d .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item{ padding-left:38px !important; } } /* --- end mobile nav dropdown fix --- *//* End custom CSS */