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

/*change the cursor when hovering over the module*/

.pa-hover-blurb .et_pb_blurb_content {
	cursor: pointer;
}


/*restrict the display of the description text before hovering*/

.pa-hover-blurb .et_pb_blurb_description {
	display: none
}


/*add a smooth ransition effect*/

.pa-hover-blurb .et_pb_blurb_container,
.pa-hover-blurb .et_pb_image_wrap {
	transition: all 0.4s ease-in-out;
}


/*restrict the triggering of hover effect when we hover on the title and align title to center*/

.pa-hover-blurb .et_pb_module_header {
	position: absolute;
	left: 60%;
	transform: translateX(-60%);
	pointer-events: none;
	width: 100%;
}


/*provide padding to description text so is doesn’t take the full width*/

.pa-hover-blurb .et_pb_blurb_description {
	padding: 0 5%;
}


/*place the whole content on image on hover and place it in center with different text color*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container {
	position: absolute;
	top: 35%;
	transform: translateY(-35%);
	color: #ffffff !important;
	cursor: pointer;
}


/*place the overlay effect on the image on hover*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	opacity: 0.5;
	border-radius: 15px!important;
}


/*make the position of the title relative on hover*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_module_header {
	position: relative;
	text-align: center;
}


/*change the title text color and font size on hover*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_container .et_pb_module_header {
	color: #ffffff;
	font-size: 2rem;
}


/*show the description text on hover*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_blurb_description {
	display: block;
}


/*zoom the image on hover*/

.pa-hover-blurb .et_pb_blurb_content:hover .et_pb_image_wrap {
	transform: scale(1.10);
}