/**
 * Beveled border with drop shadow for images
 * Includes alignment padding for inline/floated images
 */

figure.wp-block-image.beveled-border {
    border: 5px outset #555555 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 1.5rem !important;
}

figure.wp-block-image.beveled-border img {
    display: block;
}

/* Beveled border images should align with text edges */
.wp-block-column.single-post-main-content > .wp-block-image.beveled-border {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: calc(100% - 6.25rem) !important;
}

/* Floated left-aligned images should use margin instead of padding */
.wp-block-column.single-post-main-content > .wp-block-image.beveled-border.alignleft {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 1.5625rem !important;
  margin-right: 0.5rem !important;
  width: auto !important;
  float: left !important;
}

/* Floated right-aligned images should use margin instead of padding */
.wp-block-column.single-post-main-content > .wp-block-image.beveled-border.alignright {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0.5rem !important;
  margin-right: 1.5625rem !important;
  width: auto !important;
  float: right !important;
}