.elementor-450 .elementor-element.elementor-element-1e8ecc7{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-450 .elementor-element.elementor-element-649bd5d{--display:flex;--min-height:698px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-450 .elementor-element.elementor-element-649bd5d:not(.elementor-motion-effects-element-type-background), .elementor-450 .elementor-element.elementor-element-649bd5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bennettroofs.com/wp-content/uploads/2026/09/Section-12-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-450 .elementor-element.elementor-element-649bd5d::before, .elementor-450 .elementor-element.elementor-element-649bd5d > .elementor-background-video-container::before, .elementor-450 .elementor-element.elementor-element-649bd5d > .e-con-inner > .elementor-background-video-container::before, .elementor-450 .elementor-element.elementor-element-649bd5d > .elementor-background-slideshow::before, .elementor-450 .elementor-element.elementor-element-649bd5d > .e-con-inner > .elementor-background-slideshow::before, .elementor-450 .elementor-element.elementor-element-649bd5d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1F1F1FBD 0%, #000000D6 100%);}.elementor-450 .elementor-element.elementor-element-088f9f9{--display:flex;--min-height:580px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-450 .elementor-element.elementor-element-8b3c8dd{width:var( --container-widget-width, 123px );max-width:123px;background-color:#FFFFFF1A;padding:4px 4px 4px 4px;--container-widget-width:123px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF40;border-radius:33554400px 33554400px 33554400px 33554400px;--e-icon-list-icon-size:6px;--icon-vertical-offset:0px;}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:16px;letter-spacing:3px;}.elementor-450 .elementor-element.elementor-element-8b3c8dd .elementor-icon-list-text{color:#FFFFFFE5;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-450 .elementor-element.elementor-element-468818d{text-align:center;}.elementor-450 .elementor-element.elementor-element-468818d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:92px;font-weight:700;line-height:90px;letter-spacing:-2.3px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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 );}.elementor-450 .elementor-element.elementor-element-a421452{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:29.25px;color:#FFFFFFD9;}.elementor-450 .elementor-element.elementor-element-2294dc7{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-450 .elementor-element.elementor-element-3ecef6a{--display:flex;}.elementor-450 .elementor-element.elementor-element-61aab87{--display:flex;}.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-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-450 .elementor-element.elementor-element-ecce83c{--grid-columns:3;}@media(min-width:768px){.elementor-450 .elementor-element.elementor-element-088f9f9{--content-width:1216px;}.elementor-450 .elementor-element.elementor-element-3ecef6a{--content-width:1216px;}}@media(max-width:1366px){.elementor-450 .elementor-element.elementor-element-649bd5d{--justify-content:center;}.elementor-450 .elementor-element.elementor-element-088f9f9{--min-height:0px;}.elementor-450 .elementor-element.elementor-element-468818d .elementor-heading-title{font-size:60px;line-height:60px;}}@media(max-width:1024px){.elementor-450 .elementor-element.elementor-element-649bd5d{--justify-content:center;}.elementor-450 .elementor-element.elementor-element-088f9f9{--min-height:0px;}.elementor-450 .elementor-element.elementor-element-468818d{width:100%;max-width:100%;}.elementor-450 .elementor-element.elementor-element-468818d .elementor-heading-title{font-size:55px;line-height:55px;}.elementor-450 .elementor-element.elementor-element-a421452{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-450 .elementor-element.elementor-element-ecce83c{--grid-columns:2;}}@media(max-width:767px){.elementor-450 .elementor-element.elementor-element-649bd5d{--min-height:690px;--justify-content:center;}.elementor-450 .elementor-element.elementor-element-088f9f9{--min-height:0px;--padding-top:280px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-450 .elementor-element.elementor-element-468818d .elementor-heading-title{font-size:35px;line-height:37px;}.elementor-450 .elementor-element.elementor-element-a421452{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-450 .elementor-element.elementor-element-2294dc7{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-450 .elementor-element.elementor-element-ecce83c{--grid-columns:1;}}/* Start custom CSS *//* ===== FIGMA-EXACT BLOG LAYOUT - FIXED SELECTORS ===== */

/* The loop grid uses .elementor-grid as the grid container */
/* and .e-loop-item as grid items */

.elementor-450 .elementor-element-902b911 .elementor-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: 24px !important;
}

/* Row 1: First card = BIG (2fr), Second card = smaller (1fr) */
.elementor-450 .elementor-element-902b911 .elementor-grid .e-loop-item:nth-child(1) {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
}

.elementor-450 .elementor-element-902b911 .elementor-grid .e-loop-item:nth-child(2) {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
}

/* Row 2: Cards 3, 4, 5 = 3 equal columns */
.elementor-450 .elementor-element-902b911 .elementor-grid .e-loop-item:nth-child(3) {
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
}

.elementor-450 .elementor-element-902b911 .elementor-grid .e-loop-item:nth-child(4) {
  grid-column: 2 / 3 !important;
  grid-row: 2 !important;
}

.elementor-450 .elementor-element-902b911 .elementor-grid .e-loop-item:nth-child(5) {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
}

/* For row 2 - need to create a 3-column feel within 2-col grid */
/* Better approach: use 3-col grid and span card 1 */

/* OVERRIDE - use 3 columns for the full grid */
.elementor-450 .elementor-element-902b911 .elementor-grid,
.elementor-widget-loop-grid-3 .elementor-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* Card 1: span 2 columns */
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) {
  grid-column: span 2 !important;
}

/* Cards 2-5: normal 1 column each */
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(n+2) {
  grid-column: span 1 !important;
}

/* === IMAGE HEIGHTS === */
/* Card 1 big image */
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) .wp-post-image,
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) img.attachment-full {
  height: 300px !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* Cards 2-5 smaller images */
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(n+2) .wp-post-image,
.elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(n+2) img.attachment-full {
  height: 180px !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* === RESPONSIVE === */
@media (max-width: 767px) {
  .elementor-450 .elementor-element-902b911 .elementor-grid {
    grid-template-columns: 1fr !important;
  }
  .elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) {
    grid-column: span 1 !important;
  }
  .elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) .wp-post-image {
    height: 220px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-450 .elementor-element-902b911 .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .elementor-450 .elementor-element-902b911 .elementor-grid > .e-loop-item:nth-child(1) {
    grid-column: span 2 !important;
  }
}/* End custom CSS */