/*
Theme Name: Vyoo Child
Template: Divi
Theme URI: https://ivyoo.digital
Author: Vyoo - Digital Agency for Le Andrianelle
Author URI: https://ivyoo.digital
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */
.et_pb_button.blur-button:hover{
	padding: 15px 35px !important;
}
.et_pb_button.blur-button{
	border-radius: 0 !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 15px 35px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}
.et_pb_button.blur-button.radius{
	border-radius: 50px !important;
}
.et_pb_button.blur-button.blur-white{
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.25);
	color: #fff !important;
}
.special-column{
	overflow: hidden;
}
.special-column:before{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(23, 23, 23, 1) 100%);
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index:2;
}
.special-column .special-img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.special-column .special-img .et_pb_image_wrap{
	height: 100%;
}
.special-column .special-img .et_pb_image_wrap img{
	object-fit: cover;
	transition: 1000ms;
	transition-property: transform;
}
.special-column:hover .special-img .et_pb_image_wrap img{
	transform: scale(1.05);
}
.transly{
	transition-delay: 100ms;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: transform;
	z-index: 3;
}
.opac-0{
	opacity: 0;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: opacity;
	transition-delay: 100ms;
	transition-duration: 500ms;
}
.special-column:hover .transly{
	transform: translatey(-1rem);
}
.special-column:hover .opac-0{
	opacity: 1;
}