/*
Theme Name:   Pro Child - Chesapeake Financial Planners
Theme URI:    https://chesapeakefp.com
Description:  Child theme of Themeco Pro. Houses the custom Pillar Page and
              Perspectives Index page templates so they survive Pro parent
              theme updates. Cornerstone content, styling, and site
              structure are inherited from the parent Pro theme. Adds a
              small CSS override for blog post body images (max-width,
              float/text-wrap) so it survives parent theme updates too.
Author:       Chesapeake Financial Planners
Template:     pro
Version:      1.0.0
Text Domain:  cfp-pro-child
*/

/* Cornerstone/Pro styling is otherwise inherited as-is. Add more custom
   CSS below only if you want to override additional parent theme styles. */

/* -----------------------------------------------------------------------
 * Blog post body images -- cap width, float, and wrap text around them.
 * Applies to every image inside the post content area (.entry-content),
 * which covers standard Gutenberg image blocks (<figure class="wp-block-image">)
 * as used in Perspectives/blog articles. Max 640px wide, floated left with
 * text wrapping on the right; scales down responsively on narrow screens.
 * ----------------------------------------------------------------------- */
.entry-content img,
.entry-content .wp-block-image {
  max-width: 640px;
  width: 100%;
  height: auto;
}
.entry-content .wp-block-image {
  display: block;
  float: left;
  margin: 6px 28px 20px 0;
}
.entry-content .wp-block-image.alignright {
  float: right;
  margin: 6px 0 20px 28px;
}
.entry-content .wp-block-image.aligncenter,
.entry-content .wp-block-image.alignfull,
.entry-content .wp-block-image.alignwide {
  display: block;
  float: none;
  margin: 20px auto;
}
.entry-content .wp-block-image img { width: 100%; height: auto; }
.entry-content::after { content: ""; display: block; clear: both; }
@media (max-width: 640px) {
  .entry-content .wp-block-image {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
  }
}