/****** COLORI CUSTOM PER VIEWUTILS******/

/*SFONDI*/

/*Autumn Leaf*/
.bg-color-ec691d {
    background-color: #ec691d !important;
}
/*Shadow Grey*/
.bg-color-22222a {
    background-color: #22222a !important;
}
/*Charcoal*/
.bg-color-5f5f5f {
    background-color: #5f5f5f !important;
}
/*Bright Snow*/
.bg-color-f6f6f6 {
    background-color: #f6f6f6 !important;
}
/*White*/
.bg-color-ffffff {
    background-color: #ffffff !important;
}
/*Periwinkle*/
.bg-color-b3bbdd {
    background-color: #b3bbdd !important;
}
/*Rose Punch*/
.bg-color-de3a87 {
    background-color: #de3a87 !important;
}
/*Golden Orange*/
.bg-color-f59e28 {
    background-color: #f59e28 !important;
}
/*Ocean Mist*/
.bg-color-68bfa9 {
    background-color: #68bfa9 !important;
}

/*TESTI*/

/*Autumn Leaf*/
.color-ec691d {
    color: #ec691d !important;
}
/*Shadow Grey*/
.color-22222a {
    color: #22222a !important;
}
/*Charcoal*/
.color-5f5f5f {
    color: #5f5f5f !important;
}
/*Bright Snow*/
.color-f6f6f6 {
    color: #f6f6f6 !important;
}
/*White*/
.color-ffffff {
    color: #ffffff !important;
}
/*Periwinkle*/
.color-b3bbdd {
    color: #b3bbdd !important;
}
/*Rose Punch*/
.color-de3a87 {
    color: #de3a87 !important;
}
/*Golden Orange*/
.color-f59e28 {
    color: #f59e28 !important;
}
/*Ocean Mist*/
.color-68bfa9 {
    color: #68bfa9 !important;
}


/****** STILE SHOWREEL PER RIPRODUZIONE VIDEO ON-PAGE ******/

.showreel-frame {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    width: 100%;
}

.showreel-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Niente volpe/hero della home fuori dalla home */
body.page:not(.is-home) .hero-image,
body.page:not(.is-home) .hero-spotlight,
body.page:not(.is-home) .hero-visual::before,
body.page:not(.is-home) .hero-visual::after {
    background: none !important;
    background-image: none !important;
    content: none !important;
    display: none !important;
}

/* Post Cover Image scontornata correttamente in Blog */
.article-hero-visual {
    background: none !important;
    border-radius: 24px;
    overflow: hidden;
}

    .article-hero-visual img {
        display: block;
        width: 100%;
        height: auto;
    }

/* Sistemo la masonry per far sì che ogni elemento aggiunto riempia gli spazi */
.projects-masonry,
.section-project-grid {
    column-count: auto !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 110px;
    grid-auto-flow: dense;
    gap: 28px;
}

.project-tile {
    margin: 0;
    grid-row: span 3;
}

    .project-tile::before {
        display: none;
    }
/* niente più padding-top */
.project-tile--xl {
    grid-row: span 5;
}

.project-tile--tall {
    grid-row: span 4;
}

.project-tile--short {
    grid-row: span 2;
}

@media (max-width: 980px) {
    .projects-masonry, .section-project-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 780px) {
    .projects-masonry, .section-project-grid {
        grid-template-columns: 1fr;
    }

    .project-tile {
        grid-row: span 3 !important;
    }
}

/* Per ingrandire il footer */
@media (max-width: 720px) {
    .footer-home .footer-partner img {
        width: 190px;
    }
}

/* Sistemo il lightbox del masonry*/
.lightbox-art {
    background: none !important;
}

    .lightbox-art img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        border-radius: 8px;
    }

/* Allineo lo scorrere dei due lane dei clienti */
.page--homepage .clients-track {
    animation-duration: 70s !important;
}

.page--homepage .clients-lane--right .clients-track {
    animation-duration: 70s !important;
}