/* === Remove top/bottom margin for block with class .m0 (possibly image/text spacing fix) === */
.m0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* === Style the "Meet Julie" profile image on desktop === */
img.meet-julie-photo {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 250px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* === Responsive override for "Meet Julie" image on screens smaller than 768px === */
@media (max-width: 768px) {
    img.meet-julie-photo {
        float: none;
        display: block;
        margin: 0 auto 20px auto;
    }
}

/* === Fix layout issues in Strong Testimonials plugin (name/title alignment) === */
.wpmtst-testimonial .wpmtst-client-name,
.wpmtst-testimonial .wpmtst-client-title,
.wpmtst-client-name,
.wpmtst-client-title {
    display: block;
    text-align: left !important;
    float: none !important;
    clear: both;
}

/* === Center the "It's Accrual World" tagline in the footer widget === */
footer .widget p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: fit-content;
}

/* === Center the Ultimate Social Media share/follow widget in the footer === */
#sfsi_holder {
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

/* === Optional: Give footer widgets a max-width for consistent layout === */
footer .widget {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* === Center the "Share this" buttons section === */
.sd-sharing-enabled {
    display: flex !important;
    justify-content: center !important;
    margin: 20px auto !important;
}

/* === Center the "Like this" section below the share buttons === */
.sd-like,
.sd-like .sd-likejetpack {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    margin: 20px auto !important;
    float: none !important;
    text-align: center !important;
    width: 100%;
}

.sd-like .sd-button {
    display: inline-block !important;
    margin: 0 auto !important;
    float: none !important;
}

/* === Force-center the entire widget block containing the tagline === */
footer .widget {
    display: flex;
    justify-content: center;
}

footer .widget p {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

/* === FINAL Fix: Force tagline block to center properly === */
.footer-tagline {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

/* === FINAL Fix: Force Jetpack "Like this" area to center === */
.sd-like,
.sd-like .sd-likejetpack,
.sd-like .sd-likebox,
.sd-like .sd-button {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
}

/* === Final fix for centering the tagline block === */
.footer-tagline {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Force all widget blocks inside footer to center their paragraph children */
footer .widget_block,
footer .widget {
    display: flex !important;
    justify-content: center !important;
}

footer .widget_block p,
footer .widget p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* === Hide the Jetpack "Like this" block entirely === */
.sd-like {
    display: none !important;
}

/* === FINAL: Force tagline container and text to center perfectly === */

/* Ensure the container block is centered */
footer .widget_block {
    display: flex !important;
    justify-content: center !important;
}

/* Target the actual paragraph and make it auto-center */
footer .footer-tagline {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: fit-content !important;
    display: block !important;
}

/* === Hard-adjust tagline position to visually center it === */
.footer-tagline {
    position: relative;
    left: -20px; /* Adjust this as needed */
}

/* === Absolute positioning override for tagline centering === */
footer {
    position: relative;
}

.footer-tagline {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    text-align: center !important;
}
/* ============================================
   BLOG IMAGE SIZE OVERRIDE (Single Post Pages)
   Reduces the max-height of the featured image
   for better visual balance at the top of blogs.
   Adjust as needed.
============================================ */

.single-post .wp-post-image {
  max-height: 350px;
  width: auto;
  object-fit: contain;
}