.elementor-407 .elementor-element.elementor-element-d85d5dc{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-407 .elementor-element.elementor-element-d85d5dc:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-d85d5dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bonamyplumbing.com.au/wp-content/uploads/2026/06/Hero_Projects_2000x900px.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-407 .elementor-element.elementor-element-d85d5dc::before, .elementor-407 .elementor-element.elementor-element-d85d5dc > .elementor-background-video-container::before, .elementor-407 .elementor-element.elementor-element-d85d5dc > .e-con-inner > .elementor-background-video-container::before, .elementor-407 .elementor-element.elementor-element-d85d5dc > .elementor-background-slideshow::before, .elementor-407 .elementor-element.elementor-element-d85d5dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-407 .elementor-element.elementor-element-d85d5dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-2ab2a26 ) 0%, var( --e-global-color-2ab2a26 ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-407 .elementor-element.elementor-element-742158f{text-align:center;}.elementor-407 .elementor-element.elementor-element-742158f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:300;color:var( --e-global-color-text );}.elementor-407 .elementor-element.elementor-element-8c159c4{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-407 .elementor-element.elementor-element-8c159c4:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-8c159c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-407 .elementor-element.elementor-element-dd411f9{text-align:center;}.elementor-407 .elementor-element.elementor-element-dd411f9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-2ab2a26 );}.elementor-407 .elementor-element.elementor-element-7e3e441{--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;--justify-content:center;--align-items:flex-end;}.elementor-407 .elementor-element.elementor-element-7e3e441:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-7e3e441 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F0EDED 0%, #FAFAFA 100%);}.elementor-407 .elementor-element.elementor-element-7e3e441.e-con{--align-self:center;}.elementor-407 .elementor-element.elementor-element-8cdc80b{--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;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.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-size:var( --e-global-typography-accent-font-size );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-size:var( --e-global-typography-secondary-font-size );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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-407 .elementor-element.elementor-element-ade3fdd{--grid-columns:3;}.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-2ab2a26 );}body:not(.rtl) .elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-407 .elementor-element.elementor-element-d85d5dc{--width:100%;}}@media(max-width:1024px){.elementor-407 .elementor-element.elementor-element-d85d5dc{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-407 .elementor-element.elementor-element-742158f .elementor-heading-title{font-size:30px;}.elementor-407 .elementor-element.elementor-element-8c159c4{--min-height:150px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-407 .elementor-element.elementor-element-dd411f9 .elementor-heading-title{font-size:18px;}.elementor-407 .elementor-element.elementor-element-8cdc80b{--padding-top:50px;--padding-bottom:35px;--padding-left:30px;--padding-right:30px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-407 .elementor-element.elementor-element-ade3fdd{--grid-columns:3;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-407 .elementor-element.elementor-element-ade3fdd{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-ade3fdd *//* Container layout */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 40px !important; /* Space for the label below */
    position: relative !important;
}

/* Transform all numbers into dots */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-color: #333333 !important; /* INACTIVE DOT COLOR (Dark Grey) */
    border-radius: 50% !important;
    text-indent: -9999px !important; /* Hides original numbers */
    overflow: hidden !important;
    transition: all 0.3s ease;
}

/* Active Dot styling */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination .page-numbers.current {
    background-color: #999999 !important; /* ACTIVE DOT COLOR (Light Grey) */
}

/* Create and place the dynamic text element underneath */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-pagination::after {
    content: attr(data-current-page); /* Pulls page number from JS */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    font-family: inherit;
    color: #000000;
    white-space: nowrap;
    text-indent: 0 !important;
}

/* Step 1: Make the parent post card container a relative positioning anchor */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-post {
    position: relative !important;
}

/* Step 2: Force the post title link to stretch and cover the entire card area */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-post__title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important; /* Positions it over the image and text */
}

/* Optional Step 3: Add a nice hover effect to the whole card when hovered */
.elementor-407 .elementor-element.elementor-element-ade3fdd .elementor-post:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
    cursor: pointer;
}/* End custom CSS */