/*
Theme Name: Avada Child
Theme URI: https://avada.com/
Template: Avada
Author: ThemeFusion
Author URI: https://themeforest.net/user/ThemeFusion
Description: The Avada Website Builder is the ultimate design and creation suite. Design Anything, Build Everything, Fast. The #1 selling product of all time on ThemeForest.
Version: 7.11.10.1728996501
Updated: 2024-10-15 13:48:21

*/
/* SLIDE HOME LORENZO */
.slider-home {position: relative; width: 100%; height: 50vh; overflow: hidden;}
.slider-home .slide {position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; flex-direction: column; justify-content: left; align-items: left; text-align: left; z-index: 1;}
.slider-home .slide p {color: white; font-size: 1.2em; }
.slider-home .slide.active {opacity: 1; z-index: 2;}
.slider-home .slide .button {padding: 10px 20px; background-color: transparent; color: white; border: 3px solid white; color: white; border-radius: 25px; cursor: pointer; transition: background-color 0.3s; width: 170px; text-align: center;}
.slider-home .slide .button:hover {background-color: white; color: black; }

/* EFFETTO HOVER COME LAVORIAM O */
.come-lavoriamo {opacity: .5; cursor: pointer; transition: transform 0.8s ease; background-color: white;}
.come-lavoriamo .fusion-column-wrapper .fusion-title h2 {color: #292940 !important; filter: grayscale(100%); transition: all 1s ease; background-color: white;}
.come-lavoriamo:hover, .come-lavoriamo img:hover, .come-lavoriamo .fusion-column-wrapper .fusion-title h2:hover {opacity: 1; filter: grayscale(0%); background-color: white;}
.come-lavoriamo:hover {transform: scale(1.2);}
.come-lavoriamo img {width: 70px; margin-right: 10px; filter: grayscale(100%);}
.come-lavoriamo::before,
.come-lavoriamo::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: black; 
    width: 0; 
    top: 50%;
    transform: translateY(-50%); 
    transition: width 0.5s ease;
}

.come-lavoriamo::before {left: 0; }
.come-lavoriamo::after {right: 0; }
.come-lavoriamo:hover::before {left: 0;width: calc(50% - 200px);}
.come-lavoriamo:hover::after {right: 0; width: calc(50% - 200px);}