.elementor-2968 .elementor-element.elementor-element-32bc527{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--overlay-mix-blend-mode:overlay;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0160px;--padding-bottom:152px;--padding-left:40px;--padding-right:40px;}.elementor-2968 .elementor-element.elementor-element-32bc527:not(.elementor-motion-effects-element-type-background), .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000422;background-image:url("https://weatherstonemasonryandconstruction.ca/wp-content/uploads/2025/08/bricks_3-min-1.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-2968 .elementor-element.elementor-element-32bc527::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://weatherstonemasonryandconstruction.ca/wp-content/uploads/2025/07/attab-logo-symbol-cta-bgr.png");--background-overlay:'';background-position:bottom left;background-repeat:no-repeat;}.elementor-2968 .elementor-element.elementor-element-917206b{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2968 .elementor-element.elementor-element-7b01315{text-align:center;}.elementor-2968 .elementor-element.elementor-element-7b01315 .elementor-heading-title{font-size:43px;color:#D4AF37;}.elementor-2968 .elementor-element.elementor-element-f81a107 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2968 .elementor-element.elementor-element-f81a107{text-align:center;color:#ffffff;}.elementor-2968 .elementor-element.elementor-element-99fb981{--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;}.elementor-2968 .elementor-element.elementor-element-4592c56:not(.elementor-motion-effects-element-type-background), .elementor-2968 .elementor-element.elementor-element-4592c56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, rgba(0, 5, 47, 0) 16%, #FFFFFF 16%);}.elementor-2968 .elementor-element.elementor-element-4592c56 > .elementor-background-overlay{background-image:url("https://weatherstonemasonryandconstruction.ca/wp-content/uploads/2025/07/attab-logo-symbol-cta-bg.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2968 .elementor-element.elementor-element-4592c56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 40px 120px 40px;}.elementor-2968 .elementor-element.elementor-element-3b51ca6 > .elementor-element-populated{padding:0% 40% 0% 0%;}.elementor-2968 .elementor-element.elementor-element-9962d9c{text-align:left;}.elementor-2968 .elementor-element.elementor-element-9962d9c .elementor-heading-title{color:#000000;}.elementor-2968 .elementor-element.elementor-element-984f1a7 .elementor-button{background-color:transparent;font-weight:600;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #FFD700 0%, #D4AF37 100%);box-shadow:0px 24px 80px -8px rgba(0,0,0,0.5);border-style:solid;border-color:#F3F3F3;}.elementor-2968 .elementor-element.elementor-element-984f1a7 .elementor-button:hover, .elementor-2968 .elementor-element.elementor-element-984f1a7 .elementor-button:focus{background-color:#FFFFFF00;color:#000000;border-color:#C0C0C0;}.elementor-2968 .elementor-element.elementor-element-984f1a7{width:auto;max-width:auto;}.elementor-2968 .elementor-element.elementor-element-984f1a7 > .elementor-widget-container{margin:0px 32px 0px 0px;}.elementor-2968 .elementor-element.elementor-element-984f1a7 .elementor-button:hover svg, .elementor-2968 .elementor-element.elementor-element-984f1a7 .elementor-button:focus svg{fill:#000000;}.elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button{background-color:transparent;font-weight:600;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #FFD700 0%, #D4AF37 100%);box-shadow:0px 24px 80px -8px rgba(0,0,0,0.5);border-style:solid;border-color:#F3F3F3;}.elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button:hover, .elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button:focus{background-color:#FFFFFF00;color:#000000;border-color:#C0C0C0;}.elementor-2968 .elementor-element.elementor-element-e88d53d{width:auto;max-width:auto;}.elementor-2968 .elementor-element.elementor-element-e88d53d > .elementor-widget-container{margin:0px 32px 0px 0px;}.elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button-content-wrapper{flex-direction:row;}.elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button:hover svg, .elementor-2968 .elementor-element.elementor-element-e88d53d .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-2968 .elementor-element.elementor-element-32bc527:not(.elementor-motion-effects-element-type-background), .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2968 .elementor-element.elementor-element-32bc527::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:880px auto;}.elementor-2968 .elementor-element.elementor-element-4592c56 > .elementor-background-overlay{background-size:cover;}.elementor-2968 .elementor-element.elementor-element-4592c56{padding:120px 40px 80px 40px;}.elementor-2968 .elementor-element.elementor-element-3b51ca6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2968 .elementor-element.elementor-element-32bc527::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-video-container::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:960px auto;}.elementor-2968 .elementor-element.elementor-element-32bc527{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-2968 .elementor-element.elementor-element-99fb981{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2968 .elementor-element.elementor-element-4592c56{padding:64px 24px 64px 24px;}.elementor-bc-flex-widget .elementor-2968 .elementor-element.elementor-element-3b51ca6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2968 .elementor-element.elementor-element-3b51ca6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2968 .elementor-element.elementor-element-3b51ca6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2968 .elementor-element.elementor-element-9962d9c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2968 .elementor-element.elementor-element-984f1a7{width:100%;max-width:100%;}.elementor-2968 .elementor-element.elementor-element-984f1a7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2968 .elementor-element.elementor-element-e88d53d{width:100%;max-width:100%;}.elementor-2968 .elementor-element.elementor-element-e88d53d > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2968 .elementor-element.elementor-element-32bc527{--content-width:600px;}}@media(min-width:1025px){.elementor-2968 .elementor-element.elementor-element-32bc527:not(.elementor-motion-effects-element-type-background), .elementor-2968 .elementor-element.elementor-element-32bc527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for text-editor, class: .elementor-element-84a78da *//* Retaining Walls Styles */
.retaining-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.retaining-header {
    background: linear-gradient(to right, #1a1a1a, #2c2c2c);
    color: white;
    padding: 30px;
    text-align: center;
}

.retaining-title {
    color: #D4AF37;
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.retaining-subtitle {
    font-size: 1.2rem;
    color: #F7D000;
    max-width: 800px;
    margin: 0 auto;
}

.retaining-section {
    padding: 50px 30px;
    background: #fff;
}

.highlight-section {
    background: #fcf7e8;
}

.section-title {
    text-align: center;
    color: #D4AF37;
    font-size: 2rem;
    margin-bottom: 40px;
    position: relative;
}

.section-title:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #F7D000;
    margin: 15px auto;
}

.retaining-text {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #555;
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.service-item {
    background: #fcf7e8;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.service-icon {
    font-size: 2.5rem;
    color: #D4AF37;
    margin-bottom: 20px;
}

.service-title {
    color: #1a1a1a;
    font-size: 1.4rem;
    margin-bottom: 15px;
}

.service-desc {
    color: #555;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.benefit-item {
    text-align: center;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}

.benefit-icon {
    font-size: 2.5rem;
    color: #D4AF37;
    margin-bottom: 15px;
}

.benefit-title {
    color: #1a1a1a;
    font-size: 1.2rem;
    margin: 0;
}

.materials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.material-item {
    text-align: center;
    padding: 20px;
    background: #fcf7e8;
    border-radius: 8px;
}

.material-icon {
    font-size: 2rem;
    color: #D4AF37;
    margin-bottom: 15px;
}

.material-title {
    color: #1a1a1a;
    font-size: 1.2rem;
    margin: 0 0 10px 0;
}

.material-desc {
    color: #555;
    font-size: 0.9rem;
}

.retaining-cta {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    padding: 60px 30px;
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: #F7D000;
}

.cta-text {
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto 30px;
    line-height: 1.7;
}

.contact-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
}

.contact-icon {
    color: #F7D000;
    font-size: 1.5rem;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .retaining-title {
        font-size: 2rem;
    }
    
    .services-grid, .benefits-grid, .materials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .retaining-section {
        padding: 30px 20px;
    }
    
    .section-title {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }
    
    .retaining-cta {
        padding: 40px 20px;
    }
    
    .cta-title {
        font-size: 1.8rem;
    }
    
    .contact-info {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .contact-item {
        font-size: 1rem;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .retaining-title {
        font-size: 1.8rem;
    }
    
    .retaining-subtitle {
        font-size: 1rem;
    }
    
    .section-title {
        font-size: 1.6rem;
    }
    
    .service-title {
        font-size: 1.2rem;
    }
    
    .benefit-title {
        font-size: 1.1rem;
    }
    
    .cta-title {
        font-size: 1.6rem;
    }
    
    .cta-text {
        font-size: 1rem;
    }
}/* End custom CSS */