.elementor-749 .elementor-element.elementor-element-e91eaef{--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;--padding-top:64px;--padding-bottom:64px;--padding-left:60px;--padding-right:60px;}.elementor-749 .elementor-element.elementor-element-94463ae{--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;--padding-top:0px;--padding-bottom:160px;--padding-left:60px;--padding-right:60px;}.elementor-749 .elementor-element.elementor-element-9045ba4{--display:flex;--min-height:552px;--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;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-749 .elementor-element.elementor-element-9045ba4:not(.elementor-motion-effects-element-type-background), .elementor-749 .elementor-element.elementor-element-9045ba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buildingservicebuonaiuto.it/wp-content/uploads/2026/10/Building-Service-Buonaiuto-Portfolio-Sezione-Contatti_def.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-749 .elementor-element.elementor-element-9045ba4::before, .elementor-749 .elementor-element.elementor-element-9045ba4 > .elementor-background-video-container::before, .elementor-749 .elementor-element.elementor-element-9045ba4 > .e-con-inner > .elementor-background-video-container::before, .elementor-749 .elementor-element.elementor-element-9045ba4 > .elementor-background-slideshow::before, .elementor-749 .elementor-element.elementor-element-9045ba4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-749 .elementor-element.elementor-element-9045ba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-64ca2e0 );--background-overlay:'';}.elementor-749 .elementor-element.elementor-element-acc2b24{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0%;--padding-bottom:0%;--padding-left:8.33%;--padding-right:8.33%;}.elementor-749 .elementor-element.elementor-element-81b85c2{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-749 .elementor-element.elementor-element-81b85c2 .elementor-heading-title{color:var( --e-global-color-7d04751 );}.elementor-749 .elementor-element.elementor-element-b371128{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-749 .elementor-element.elementor-element-b371128 .elementor-heading-title{color:var( --e-global-color-7d04751 );}.elementor-749 .elementor-element.elementor-element-c3595aa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-749 .elementor-element.elementor-element-c3595aa .elementor-button .elementor-button-content-wrapper{gap:8px;}@media(max-width:1366px){.elementor-749 .elementor-element.elementor-element-e91eaef{--padding-top:64px;--padding-bottom:64px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-94463ae{--padding-top:0px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-9045ba4{--min-height:480px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-acc2b24{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}}@media(max-width:1024px){.elementor-749 .elementor-element.elementor-element-e91eaef{--padding-top:32px;--padding-bottom:32px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-94463ae{--padding-top:0px;--padding-bottom:96px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-9045ba4{--min-height:402px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-749 .elementor-element.elementor-element-acc2b24{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-749 .elementor-element.elementor-element-b371128{--container-widget-width:456px;--container-widget-flex-grow:0;width:var( --container-widget-width, 456px );max-width:456px;}.elementor-749 .elementor-element.elementor-element-c3595aa{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-749 .elementor-element.elementor-element-e91eaef{--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-749 .elementor-element.elementor-element-94463ae{--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-749 .elementor-element.elementor-element-9045ba4{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-749 .elementor-element.elementor-element-acc2b24{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-580b5da *//* ============================================================
   BUILDING SERVICE - PORTFOLIO GRID
============================================================ */

.bsb-projects-grid-wrapper {
    width: 100%;
}


/* ============================================================
   GRID
============================================================ */

.bsb-projects-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 64px;
    width: 100%;
}

.bsb-projects-grid .bsb-project-card {
    width: 100% !important;
    min-width: 0;
}


/* ============================================================
   CARD - COLORI PORTFOLIO
============================================================ */

.bsb-projects-grid .bsb-project-title,
.bsb-projects-grid .bsb-project-number {
    color: #2A2828;
}


/* ============================================================
   META
============================================================ */

.bsb-projects-grid .bsb-project-meta {
    padding-top: 32px;
}


/* ============================================================
   ROLLOVER TITOLO + NUMERO
============================================================ */

.bsb-projects-grid .bsb-project-title-mask {
    min-width: 0;
    overflow: hidden;
}

.bsb-projects-grid .bsb-project-number-mask {
    flex-shrink: 0;
    overflow: hidden;
}

.bsb-projects-grid .bsb-project-text-roll {
    position: relative;
    transition:
        transform
        0.55s
        cubic-bezier(.76, 0, .24, 1);

    will-change: transform;
}

.bsb-projects-grid
.bsb-project-text-roll > :nth-child(2) {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}


/* ============================================================
   HOVER
============================================================ */

@media (hover: hover) {

    /*
     * Stesso effetto immagine
     * del carosello.
     */
    .bsb-projects-grid
    .bsb-project-link:hover
    .bsb-project-img {
        transform: scale(0.90);
    }

    /*
     * Testo originale esce sopra,
     * copia entra da sotto.
     */
    .bsb-projects-grid
    .bsb-project-link:hover
    .bsb-project-text-roll {
        transform: translateY(-100%);
    }

    /*
     * Leggerissimo ritardo sul numero.
     */
    .bsb-projects-grid
    .bsb-project-number-mask
    .bsb-project-text-roll {
        transition-delay: 0.2s;
    }

}


/* ============================================================
   NUOVI ELEMENTI AJAX
============================================================ */

.bsb-grid-item--new {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.55s ease,
        transform 0.55s cubic-bezier(.2,.65,.3,1);
}

.bsb-grid-item--new.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* ============================================================
   CARICA ALTRI
============================================================ */

.bsb-projects-load-more-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 64px;
}

.bsb-projects-load-more, .bsb-projects-load-more:focus {
    appearance: none;
    -webkit-appearance: none;

    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;

    padding: 10px 20px!important;

    border: none;
    border-radius: 0;

    background: #3A372F;
    color: #F6F3EE;
    font-size: 13px!important;
    font-weight: 700!important;

    font: inherit;
    line-height: 1!important;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.bsb-projects-load-more:hover {
    background: #CB6646;
    color: #F6F3EE;
}

.bsb-projects-load-more:disabled {
    cursor: wait;
    opacity: 0.6;
}

@media (max-width: 1366px){
    .bsb-projects-grid .bsb-project-meta {
        padding-top: 24px;
    }
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1024px) {

    .bsb-projects-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 24px;
        row-gap: 48px;
    }

.bsb-projects-grid .bsb-project-meta {
        padding-top: 13px;
    }

.bsb-projects-load-more-wrapper {
    margin-top: 48px;
}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .bsb-projects-grid {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }


    .bsb-projects-load-more-wrapper {
        margin-top: 32px;
    }

}/* End custom CSS */