/*
  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_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 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.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 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.et_pb_jt_material_blurb_elevation_3,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_3_hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.et_pb_jt_material_blurb_elevation_4,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_4_hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.et_pb_jt_material_blurb_elevation_5,
.et_pb_jt_material_blurb:hover.et_pb_jt_material_blurb_elevation_5_hover {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}