
/*
  The Module
*/
.et_pb_jt_material_blurb {
  overflow: hidden;
}

/*
  Image Area of Blurb
*/

.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;
}

/*
  Text Area of Blurb
*/

.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;
}



/*
  Generall Styled used across multiple areas
*/

.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);
}
