/*
 Theme Name:     Divi photography
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-photography
 Description:    Votre site sera constitue d'une page personnalisable. Ce type de site est tres efficace pour presenter une organisation ou un evenement.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

/* Make sure our absolute positioned overlay doesn't cover more than we want it to... */
.overlay-one { position: relative; }

.overlay-one:before {
 position: absolute;
 content: '';
 background: url('/wp-content/uploads/2019/02/1-CHAISES-couleur_268x205.png');
background-size: cover;   /* Make overlay fit the window of our original image */
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 0; /* Make's the overlay invisible until we hover */
 transition: .5s ease all; /* How long the transition takes */
}

.overlay-one:hover:before {
 opacity: 1; /* Make Image Appear */
}
.overlay-one:hover img {
visibility: hidden;
}
/* Make sure our absolute positioned overlay doesn't cover more than we want it to... */
.overlay-three { position: relative; }

.overlay-three:before {
 position: absolute;
 content: '';
 background: url('/wp-content/uploads/2019/03/3-ACCUEIL-couleur_268.png');
background-size: cover;   /* Make overlay fit the window of our original image */
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 0; /* Make's the overlay invisible until we hover */
 transition: .5s ease all; /* How long the transition takes */
}

.overlay-three:hover:before {
 opacity: 1; /* Make Image Appear */
}
.overlay-three:hover img {
visibility: hidden;
}
/* Make sure our absolute positioned overlay doesn't cover more than we want it to... */
.overlay-four { position: relative; }

.overlay-four:before {
 position: absolute;
 content: '';
 background: url('/wp-content/uploads/2019/02/4-RESTAU-couleur-Personnalisé.png');
background-size: cover;   /* Make overlay fit the window of our original image */
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 opacity: 0; /* Make's the overlay invisible until we hover */
 transition: .5s ease all; /* How long the transition takes */
}

.overlay-four:hover:before {
 opacity: 1; /* Make Image Appear */
}
.overlay-four:hover img {
visibility: hidden;
}