.et_pb_jt_material_blurb {
overflow: hidden;
} .et_pb_jt_material_blurb_image_container {
position: relative;
display: flex;
text-align: center;
}
.et_pb_jt_material_blurb_icon_hover {
position: absolute;
opacity: 0;
transform: translateX(-50%);
left: 50%;
float: left;
}
.et_pb_jt_material_blurb_image,
.et_pb_jt_material_blurb_image_hover {
object-fit: cover;
width: 100%;
height: 100%;
max-width: none;
}
.et_pb_jt_material_blurb_image_hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.et_pb_jt_material_blurb:hover .et_pb_jt_material_blurb_image_hover,
.et_pb_jt_material_blurb:hover .et_pb_jt_material_blurb_icon_hover {
opacity: 1;
} .et_pb_jt_material_blurb_text_container {
padding: 10px;
position: relative;
}
.et_pb_jt_material_blurb_text_container div {
padding-bottom: 10px;
}
.et_pb_jt_material_blurb_text_container div:last-child {
padding-bottom: 0;
}
.et_pb_jt_material_blurb .et_pb_jt_material_blurb_text_container .et_pb_jt_material_blurb_title {
margin-top: 0;
display: inline-block;
} .et_pb_jt_material_blurb_text_align_left {
text-align: left;
}
.et_pb_jt_material_blurb_text_align_center {
text-align: center;
}
.et_pb_jt_material_blurb_text_align_right {
text-align: right;
}
.et_pb_jt_material_blurb_text_align_justified {
text-align: justify;
}
.et_pb_jt_material_blurb_elevation_0,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_0_hover {
box-shadow: none;
}
.et_pb_jt_material_blurb_elevation_1,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_1_hover {
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.et_pb_jt_material_blurb_elevation_2,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_2_hover {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.et_pb_jt_material_blurb_elevation_3,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_3_hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}
.et_pb_jt_material_blurb_elevation_4,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_4_hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}
.et_pb_jt_material_blurb_elevation_5,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_5_hover {
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
}