/*
Theme Name: Brenneman Legal
Theme URI: https://brennemanlegal.com
Author: Law Office of Raymond Brenneman
Description: Pixel-match of the Brenneman Legal Webflow design for the Articles section. Post pages replicate the static site's blog layout exactly; the blog index replicates the News & Collective Insight grid.
Version: 1.1.1
Requires PHP: 7.4
License: Proprietary
Text Domain: brenneman-legal
*/

/* ── Shim: make native WordPress (Gutenberg) output inherit the
      Webflow rich-text styling inside .blog-post-body ─────────── */

.blog-post-body img {
  max-width: 100%;
  height: auto;
}

/* Gutenberg image blocks behave like Webflow richtext figures */
.blog-post-body .wp-block-image,
.blog-post-body figure.wp-block-image {
  margin: 0 0 25px 0;
  width: 100%;
}
.blog-post-body .wp-block-image img {
  width: 100%;
  display: block;
}
.blog-post-body .wp-block-image.is-resized img {
  width: auto;
}
.blog-post-body .wp-block-image figcaption {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: .6;
  text-align: center;
}

/* Gutenberg quote block -> Webflow blockquote look (rules live on
   .blog-post-body blockquote in the Webflow CSS; strip WP extras) */
.blog-post-body .wp-block-quote {
  border-left: none;
  padding-left: 0;
}
.blog-post-body .wp-block-quote cite {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Neutralize alignment classes that would overflow the blog column */
.blog-post-body .alignwide,
.blog-post-body .alignfull {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
}

/* WP admin bar offset so the fixed nav is not covered when logged in */
body.admin-bar .navigation { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .navigation { top: 46px; }
}


/* ── Broadened figure rule: any figure in the post body spans the
      full text column (imported posts wrap img in <figure><div><img>) */
.blog-post-body figure {
  width: 100%;
  max-width: 100%;
  margin: 0 0 25px 0;
}
.blog-post-body figure img {
  width: 100%;
  display: block;
}