/*
 Theme Name:     TonyViseLab
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         NewLogica
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Effetti hover cover portfolio */

@media all and (min-width: 981px) {
  .et-fb-root-ancestor .et-overlay-item {
    opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/
  }
  .et-overlay-item {
    opacity: 0; /*hides overlay items by default*/
    margin-bottom: 0px;
  }
  .et-overlay-item, .et-overlay-image, .et-overlay-heading {
    transition: all 400ms !important; /*sets transition speed of all overlay items*/
  }
  .et-overlay-container:hover .et-overlay-item {
    opacity: 1; /*reveals hidden overlay items on hover*/
  }
  .et-overlay-container:hover .et-overlay-image {
    /*add new styles here to change image on hover*/
  }
  .et-overlay-container:hover .et-overlay-image.et-scale {
    transform: scale(1.1); /*adjust scale of image here*/
  }
  .et-overlay-container:hover .et-overlay-image.et-rotate {
    transform: scale(1.4)
    rotateZ(10deg)!important; /*adjust rotation of image and scale needed for rotation here*/
  }
  .et-overlay-container:hover .et-overlay-heading.et-scale {
    transform-origin:0px;
    transform: scale(1.1);
  }
  .et-overlay-container:hover .et-overlay-item.move-up {
    margin-bottom: 15% !important; /*adjust how far you want the overlay item to move up*/
  }
  .et-overlay-container:hover .et-overlay-item.move-down {
    margin-top: 10%; /*adjust how far you want the overlay item to move down*/
  }
  .et-overlay-container:hover .et-overlay-item.move-right {
    margin-right: -10px;
  }
}

/* Menu */

ul.et_mobile_menu ul.sub-menu {
    background-color: transparent !important;
}


/* Stile per isolare il video ed evitare che i testi di Instagram rovinino il layout */
.instagram-video-container {
    max-width: 500px;
/*     margin: 20px auto; */
    overflow: hidden;
/*     border-radius: 8px; */
/*     box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
}
        
/* Forziamo l'iframe a mostrare solo la parte superiore (il video) nascondendo la didascalia */
.instagram-video-container iframe {
    width: 100% !important;
/*     min-height: 450px; /* Altezza media per i Reel/Video verticali */ */
    border: none !important;
}

/* Modulo contatto Divi */
.et_contact_bottom_container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.et_pb_contact_submit {
    float: none !important;
    margin: 0 auto !important;
}

/* Stile per il messaggio di successo */
.et-pb-contact-message p {
    font-size: 22px !important;       /* Dimensione del testo */
    color: var(--gcid-nul2wm45pr) !important;         /* Colore del testo */
    text-align: center !important;     /* Allineamento al centro */
    font-weight: bold !important;      /* Testo in grassetto */
    line-height: 1.6em !important;     /* Altezza della linea */
}



/* Video in background */

/*@media screen and (min-width: 768px) {
    .yt-wrapper {
        overflow: hidden;
        max-width: 100%;
    }

    .yt-frame-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0px;
        width: 300%;
        left: -100%;
    }

    .yt-frame-container iframe {
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%;
        pointer-events:none;
    }
}

@media screen and (max-width: 767px) {
    .yt-frame-container iframe {
        aspect-ratio: 16/9;
        pointer-events:none;
    }
}*/