.elementor-20475 .elementor-element.elementor-element-f3bb5e4{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.58;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-20475 .elementor-element.elementor-element-f3bb5e4:not(.elementor-motion-effects-element-type-background), .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C202A;background-image:url("https://higginssteelroofing.com/wp-content/uploads/2025/12/2149343645-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20475 .elementor-element.elementor-element-f3bb5e4::before, .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .elementor-background-video-container::before, .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .elementor-background-slideshow::before, .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20475 .elementor-element.elementor-element-f3bb5e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000A6 0%, #00000000 100%);}.elementor-20475 .elementor-element.elementor-element-86dfa4b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20475 .elementor-element.elementor-element-7c303cf{width:var( --container-widget-width, 812px );max-width:812px;--container-widget-width:812px;--container-widget-flex-grow:0;text-align:center;}.elementor-20475 .elementor-element.elementor-element-7c303cf .elementor-heading-title{text-shadow:1px 1px 0px #000000;color:#FFFFFF;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-20475 .elementor-element.elementor-element-a55327e{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:100%;max-width:100%;--e-filter-space-between:10px;}.elementor-20475 .elementor-element.elementor-element-a55327e .e-filter-item{padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20475 .elementor-element.elementor-element-57c23c6{--grid-columns:4;--grid-row-gap:15px;width:100%;max-width:100%;--grid-column-gap:15px;}.elementor-20475 .elementor-element.elementor-element-57c23c6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20475 .elementor-element.elementor-element-57c23c6 .e-loop-item > .elementor-section, .elementor-20475 .elementor-element.elementor-element-57c23c6 .e-loop-item > .elementor-section > .elementor-container, .elementor-20475 .elementor-element.elementor-element-57c23c6 .e-loop-item > .e-con, .elementor-20475 .elementor-element.elementor-element-57c23c6 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination{text-align:center;margin-top:40px;}.elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-accent );}.elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-441b0c9 );}.elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers.current{color:var( --e-global-color-441b0c9 );}body:not(.rtl) .elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-20475 .elementor-element.elementor-element-57c23c6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-20475 .elementor-element.elementor-element-788bf75.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-20475 .elementor-element.elementor-element-788bf75 a > img{border-style:none;}.elementor-20475 .elementor-element.elementor-element-788bf75 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-20475 .elementor-element.elementor-element-788bf75 .woocommerce-loop-category__title .count{color:#B10000;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-20475 .elementor-element.elementor-element-f3bb5e4{--min-height:275px;}.elementor-20475 .elementor-element.elementor-element-86dfa4b{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-20475 .elementor-element.elementor-element-7c303cf{--container-widget-width:553px;--container-widget-flex-grow:0;width:var( --container-widget-width, 553px );max-width:553px;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--padding-top:3%;--padding-bottom:3%;--padding-left:1%;--padding-right:1%;}.elementor-20475 .elementor-element.elementor-element-57c23c6{--grid-row-gap:10px;--grid-column-gap:10px;}}@media(max-width:1024px){.elementor-20475 .elementor-element.elementor-element-c5847bd{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-20475 .elementor-element.elementor-element-57c23c6{--grid-columns:2;}}@media(max-width:767px){.elementor-20475 .elementor-element.elementor-element-f3bb5e4{--min-height:210px;}.elementor-20475 .elementor-element.elementor-element-86dfa4b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-20475 .elementor-element.elementor-element-57c23c6{--grid-columns:1;}}@media(min-width:768px){.elementor-20475 .elementor-element.elementor-element-f3bb5e4{--content-width:1400px;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--content-width:1500px;}}@media(max-width:1366px) and (min-width:768px){.elementor-20475 .elementor-element.elementor-element-86dfa4b{--width:100%;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--content-width:95%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20475 .elementor-element.elementor-element-86dfa4b{--width:100%;}.elementor-20475 .elementor-element.elementor-element-c5847bd{--content-width:100%;}}/* Start custom CSS *//* HIDE SOURCE CATEGORY MODULE */ .cat505 { display: none !important; } /* FILTER BUTTONS */ .upper15 .e-filter { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; align-items: center !important; } .upper15 .e-filter-item { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 1px solid #B10000 !important; border-radius: 0 !important; background: #B10000 !important; font-weight: 600 !important; color: #ffffff !important; font-size: 14px !important; text-transform: uppercase !important; line-height: 1.2 !important; padding: 7px !important; margin: 0 !important; cursor: pointer !important; box-shadow: none !important; white-space: nowrap !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; } /* REMOVE ANY OLD PARENTHESIS INJECTION */ .upper15 .e-filter-item > .cat-count::before, .upper15 .e-filter-item > .cat-count::after { content: none !important; } /* COUNT BADGE */ .upper15 .e-filter-item > .cat-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; min-width: 20px !important; height: 20px !important; padding: 0 !important; margin-left: 2px !important; border-radius: 999px !important; background: #ffffff !important; color: #B10000 !important; font-size: 11px !important; line-height: 20px !important; font-weight: 700 !important; text-transform: none !important; box-sizing: border-box !important; flex: 0 0 20px !important; overflow: hidden !important; } /* HOVER */ .upper15 .e-filter-item:hover, .upper15 .e-filter-item:focus { background: #000000 !important; border-color: #000000 !important; color: #ffffff !important; outline: none !important; } .upper15 .e-filter-item:hover > .cat-count, .upper15 .e-filter-item:focus > .cat-count { background: #ffffff !important; color: #000000 !important; } /* ACTIVE */ .upper15 .e-filter-item[aria-pressed="true"] { background: #B10000 !important; border-color: #B10000 !important; color: #ffffff !important; } .upper15 .e-filter-item[aria-pressed="true"] > .cat-count { background: #ffffff !important; color: #B10000 !important; } /* ACTIVE HOVER STAYS ACTIVE */ .upper15 .e-filter-item[aria-pressed="true"]:hover, .upper15 .e-filter-item[aria-pressed="true"]:focus { background: #B10000 !important; border-color: #B10000 !important; color: #ffffff !important; } .upper15 .e-filter-item[aria-pressed="true"]:hover > .cat-count, .upper15 .e-filter-item[aria-pressed="true"]:focus > .cat-count { background: #ffffff !important; color: #B10000 !important; } /* SMALLER SCREENS */ @media (max-width: 767px) { .upper15 .e-filter { gap: 4px !important; } .upper15 .e-filter-item { font-size: 13px !important; padding: 5px !important; gap: 6px !important; } .upper15 .e-filter-item > .cat-count { width: 18px !important; min-width: 18px !important; height: 18px !important; line-height: 18px !important; font-size: 10px !important; flex: 0 0 18px !important; } } /* CATEGORY FILTER BUTTONS */ .upper15 .e-filter { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; align-items: center !important; } .upper15 .e-filter-item { appearance: none !important; -webkit-appearance: none !important; border: 1px solid #B10000 !important; border-radius: 0 !important; background: #B10000 !important; font-weight: 600; color: #ffffff !important; font-size: 14px !important; text-transform: uppercase; line-height: 1.2 !important; padding: 7px !important; margin: 0 !important; cursor: pointer !important; box-shadow: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; } /* hover */ .upper15 .e-filter-item:hover, .upper15 .e-filter-item:focus { background: #000000 !important; border-color: #000000 !important; color: #ffffff !important; outline: none !important; } /* active */ .upper15 .e-filter-item[aria-pressed="true"] { background: #B10000 !important; border-color: #B10000 !important; color: #ffffff !important; } /* active hover stays active color */ .upper15 .e-filter-item[aria-pressed="true"]:hover, .upper15 .e-filter-item[aria-pressed="true"]:focus { background: #B10000 !important; border-color: #B10000 !important; color: #ffffff !important; } /* smaller screens */ @media (max-width: 767px) { .upper15 .e-filter { gap: 4px !important; } .upper15 .e-filter-item { font-size: 13px !important; padding: 5px !important; } }/* End custom CSS */