/* Image wrapping helpers for Elementor shortcode widgets */

.featured-image-wrapper img.wrapped-featured-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Left wrap */
.wrap-image-left .featured-image-wrapper {
    float: left;
    max-width: 40%;
    margin-right: 25px;
    margin-bottom: 15px;
    height: auto;
}

/* Right wrap */
.wrap-image-right .featured-image-wrapper {
    float: right;
    max-width: 40%;
    margin-left: 25px;
    margin-bottom: 15px;
    height: auto;
}

/* Clearfix for wrapping containers */
.wrap-container-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 767px) {
  .wrap-image-left .featured-image-wrapper,
  .wrap-image-right .featured-image-wrapper {
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}