#indented {
    margin-left: 70px !important;
    margin-right: 70px !important;
    text-align: left;
}

#indented2 {
    margin-left: 70px !important;
    margin-right: 70px !important;
    text-align: left;
}
/* Enable text wrapping around aligned images */
.wp-block-image.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.wp-block-image.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

/* Remove huge paragraph spacing that breaks wrapping */
.wp-block-image.alignright + p,
.wp-block-image.alignleft + p {
    margin-top: 0 !important;
}
/* Enable wrapping around aligned images */
.wp-block-image.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.wp-block-image.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

/* Ensure image aligns with the paragraph, not the heading */
h1 + .wp-block-image,
h2 + .wp-block-image,
h3 + .wp-block-image {
    margin-top: 20px !important; /* prevents sticking to the heading */
}

/* Remove paragraph jump when wrapping */
.wp-block-image.alignright + p,
.wp-block-image.alignleft + p {
    margin-top: 0 !important;
}
/* Disable automatic hyphenation in comments */
.comment-content,
.comment-content p {
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;

  word-break: normal;
  overflow-wrap: normal;
}
/* Hide the content on mobile devices */
@media (max-width: 767px) {
  #brxe-gnycyz, #brxe-mcjgtp {
    display: none !important; /* Hides the content on mobile */
  }
}
/* ===================================
   REMOVE HORIZONTAL SCROLLBAR FIX
   Compatible with WordPress Customizer
   Additional CSS Section
   =================================== */

/* Prevent horizontal overflow on body and html */
html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    position: relative !important;
}

/* Prevent horizontal scrolling on all major containers */
#brx-header,
#brx-content,
#brx-footer,
.brxe-section,
.brxe-container,
.brxe-block {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for rows and columns that might overflow */
.wp-block-columns,
.wp-block-column {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for images and figures 
img,
figure,
.wp-block-image,
.image-wrapper,
.brxe-image {
    max-width: 100% !important;
    height: auto !important;
}
*/

/* Fix for navigation menus */
.bricks-nav-menu-wrapper,
.bricks-nav-menu,
.bricks-mobile-menu-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for galleries */
.wp-block-gallery,
.bricks-layout-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for forms */
form,
.wpforms-container,
.wpforms-field-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for comment sections */
#comments,
.comment-list,
.comment-form {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix for tables */
table {
    max-width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
}

/* Fix for iframes and embeds */
iframe,
embed,
object {
    max-width: 100% !important;
}

/* Fix for specific Bricks elements */
.brxe-posts,
.brxe-post-content,
.brxe-text,
.brxe-code {
    max-width: 100% !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
}

/* Mobile Specific Fixes (under 768px) */
@media screen and (max-width: 768px) {
    
    /* Ensure all containers fit mobile screens */
    * {
        max-width: 100vw !important;
    }
    
    /* Fix for container padding causing overflow */
    .brxe-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Fix for rows with negative margins */
    .wp-block-columns {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Fix for images in posts */
    .brxe-post-content img,
    .wp-block-image img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Fix for wide and full-width blocks */
    .alignwide,
    .alignfull {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Fix for header elements */
    #brx-header .brxe-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Fix for navigation overflow */
    .bricks-nav-menu {
        flex-wrap: wrap !important;
    }
    
    /* Fix for buttons that might be too wide */
    .brxe-button,
    .bricks-button {
        max-width: 100% !important;
        white-space: normal !important;
    }
}

/* Tablet Specific Fixes (768px to 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    /* Tablet container adjustments */
    .brxe-container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Tablet image adjustments */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Small Mobile Devices (under 480px) */
@media screen and (max-width: 480px) {
    
    /* Extra small screen adjustments */
    body {
        font-size: 14px !important;
    }
    
    /* Tighter padding for small screens */
    .brxe-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Ensure text doesn't overflow */
    h1, h2, h3, h4, h5, h6,
    p, span, div {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Fix for tables on very small screens */
    table {
        font-size: 12px !important;
    }
}

/* Fix for specific problematic elements */
.brxe-logo img {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix for search forms */
.bricks-search-form {
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

/* Fix for pagination */
.bricks-pagination {
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Prevent pre and code blocks from causing overflow */
pre,
code {
    max-width: 100% !important;
    overflow-x: auto !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
}

/* Fix for WPForms specifically */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="url"],
.wpforms-form textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix for comment avatars */
.comment-avatar img {
    max-width: 60px !important;
    height: auto !important;
}

/* Ensure flex containers don't overflow */
.brxe-block[style*="display: flex"],
.brxe-block[style*="display:flex"] {
    flex-wrap: wrap !important;
}

/* Last resort: force no horizontal scroll */
@media screen and (max-width: 768px) {
    body {
        width: 100vw !important;
    }
}

#brx-header, #brx-content, #brx-footer, .brxe-section, .brxe-container, .brxe-block{
overflow-x: visible !important;
}
/* Styling for the Hondo Tribute Box */
.postid-1991 .wp-block-group, 
.hondo-tribute-box {
    max-width: 550px !important;    /* Narrowed slightly more to force two lines */
    margin: 30px auto !important;   
    padding-top: 22px !important;
    padding-bottom: 13px !important;     
    padding-left: 10px !important;   
    padding-right: 10px !important;
    text-align: center !important;
}

/* Targeting the link/text to ensure it stays on two lines */
.hondo-tribute-box p, 
.hondo-tribute-box a {
    display: block !important;      /* Makes the link behave like a block for better spacing */
    max-width: 400px !important;    /* Keeps the text container tight */
    margin: 0 auto !important;      /* Centers the text block */
    line-height: 1.4 !important;    /* Adds comfortable space between the two lines */
}

/* issue in guthenburg */
.wp-block-columns{
	max-width: 840px !important;
}
.wp-block-columns, .wp-block-column{
	max-width: 840px !important;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[draggable=true]{
	max-width: 840px !important;
}
body.postid-1929 .mailpoet_form_below_posts {
  display: none !important;
}
/* Kill margin-block on the 4 specific right-aligned images inside post 2597 */
body.postid-2597 #brxe-vccrfu .wp-block-image:has(img.wp-image-9485),
body.postid-2597 #brxe-vccrfu .wp-block-image:has(img.wp-image-9486),
body.postid-2597 #brxe-vccrfu .wp-block-image:has(img.wp-image-9488),
body.postid-2597 #brxe-vccrfu .wp-block-image:has(img.wp-image-9489) {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Close the 4 paragraph-to-paragraph gaps that have no image between them
   (81→80, 63→62, 38→37, 17→16) */
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(5),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(7),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(9),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(11) {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(4),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(6),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(8),
body.postid-2597 #brxe-vccrfu p.wp-block-paragraph:nth-of-type(10) {
  margin-block: 0 !important;
  margin-bottom: 0 !important;
}
body.postid-1750 #brxe-vccrfu .wp-block-image:has(img.wp-image-9443) {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.wp-block-list li:last-child {
  margin-bottom: 1.5em;
}
/* Remove space above and below the list block */
ul.wp-block-list {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Override the bottom margin on the last list item */
.wp-block-list li:last-child {
  margin-bottom: 0 !important;
}
#brxe-haycnq {
    background-image: url(https://reflectionsfromleftfield.com/wp-content/uploads/2024/10/Editing-and-Brevity.jpg7bceb116.jpg);
}

#brxe-haycnq {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 80%; /* center horizontally, shifted up slightly from 50% */
    height: 550px;
}

#brx-header, #brx-content, #brx-footer, .brxe-section, .brxe-container, .brxe-block {
    overflow-x: visible !important;
}

#brx-header, #brx-content, #brx-footer, .brxe-section, .brxe-container, .brxe-block {
    max-width: 100% !important;
}
<div class="wp-block-image">
<figure class="alignright size-full is-resized" style="float:right !important;clear:right !important;margin:15px 0 1em 20px !important;"><img loading="lazy" decoding="async" width="480" height="640" src="https://reflectionsfromleftfield.com/wp-content/uploads/2024/10/IMG_8088-rotated-1.jpg" alt="A scenic hill adorned with bright autumn foliage against a sunny blue sky" class="wp-image-2578" style="aspect-ratio:0.7499893847395015;width:413px;height:auto" srcset="https://reflectionsfromleftfield.com/wp-content/uploads/2024/10/IMG_8088-rotated-1.jpg 480w, https://reflectionsfromleftfield.com/wp-content/uploads/2024/10/IMG_8088-rotated-1-225x300.jpg 225w" sizes="auto, (max-width: 480px) 100vw, 480px"></figure>
</div>
.wp-image-9823 {
    margin: 0 !important;
    padding: 0 !important;
}

figure:has(.wp-image-9823) {
    margin: 0 !important;
    padding: 0 !important;
}

div.wp-block-image:has(.wp-image-9823) {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-block-embed, 
.wp-block-image:not(.alignleft):not(.aligncenter):not(.alignright):not(.alignwide):not(.alignfull), 
.wp-block-table, 
.wp-block-video {
    margin-block: 0 !important;
}
.postid-1991 .wp-block-spacer {
    height: 0 !important;
    min-height: 0 !important;
    clear: both;
}
#comments p, #respond p {
    padding-bottom: 3rem !important;
}
/* Hides the wpDiscuz floating comment bubble widget and its
   source-code editor helper on every published and draft/preview
   blog post site-wide. */

#wpd-bubble-wrapper,
#wpd-editor-source-code-wrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;