/*
Theme Name:   Hello Elementor
Description:  Hello Elementor Theme
Author:       Vincent TOURNERET
Template:     hello-elementor
Version:      1.0.0
*/

#hover-effect-image {
	height: 600px;;
}

#hover-effect-image > div {
	height: 100%;
}


.div-hover {
	height: 100%;
	transition: all 1.5s ease;
}

.div-hover:hover {
	width: 60%!important;
	transition: all 1.5s ease;
} 
.div-hover .text-hover{
	width: 80%!important;
}
.div-hover .text-hover,
.div-hover .hover-btn {
	display: none;
	transition: all 1.5s ease;
}

.div-hover:hover .text-hover,
.div-hover:hover .hover-btn {
	transition: all 1.5s ease;
	display: block;
}

@media screen and (max-width: 1025px) {
	#hover-effect-image {
		height: fit-content;
		display: flex;
		flex-direction: column;
	}

	.div-hover {
		height: 150px;
		width: 100vw!important;
	}

	.div-hover:hover {
		width: 100vw!important;
		transition: none;
	} 

	.div-hover .text-hover {
		display: none;
	}
	
	.div-hover .hover-btn {
		display: block;
		transition: none;
	}
	.div-hover .text-hover{
		width: auto!important;
	}
	.div-hover:hover .text-hover {	
		display: none;
	}

	.div-hover:hover .hover-btn {
		transition: none;
		display: block;
	}
  }