.fhw-solutions-obituaries_all-obituary-listings * {
float: unset;
}

.bootstrap-fhws-obituaries-container {
    max-width: 100% !important;
    margin: 180px auto 0 auto !important;
    font-family: var(--bs-font-sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bootstrap-fhws-obituaries-container .text-md-start,
#fhw-solutions-obituaries_search-all-obits {
    margin-top: 0 !important;
}

#fhw-solutions-obituaries_search-all-obits-button {
    height: 40px !important;
    position: relative;
    top: 0 !important;
}

.bootstrap-fhws-obituaries-container * {
float: unset;
}

/* Border on the top-level row only (listings are DIRECT children of the
   container, not nested under any wrapper). Kill border on every other
   .row.no-gutters (including nested ones inside the flex-fill column). */
.bootstrap-fhws-obituaries-container .row.no-gutters {
    border-bottom: none !important;
}
.bootstrap-fhws-obituaries-container > .row.no-gutters {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
}

/* Top-align image with the name text. The plugin's `my-3` utility puts
   ~16px top margin on the image wrapper and its bootstrap bundle may not
   expose `my-sm-0` to override it on sm+ — so we force all spacing to 0
   and pull the column's baseline up with negative margin and font-size 0. */
.bootstrap-fhws-obituaries-container .obit_listing {
    align-items: flex-start !important;
}
.bootstrap-fhws-obituaries-container .obit_listing > * {
    align-self: flex-start !important;
}
/* Photo pull-up only on desktop (where flex layout puts photo beside text).
   Mobile needs the photo in its natural position below the name block. */
@media screen and (min-width: 1025px) {
    .bootstrap-fhws-obituaries-container .obit_listing .order-1,
    .bootstrap-fhws-obituaries-container .obit_listing .order-1.my-3,
    .bootstrap-fhws-obituaries-container .obit_listing .order-1.my-3.my-sm-0 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        align-self: flex-start !important;
        position: relative !important;
        top: -23px !important;
    }
}

/* Tighten vertical spacing — the plugin uses pt-5 (~48px) on every listing. */
.bootstrap-fhws-obituaries-container .obit_listing.pt-5,
.bootstrap-fhws-obituaries-container .obit_listing {
    padding-top: 10px !important;
    padding-bottom: 4px !important;
}

/* Drop the top wrapper's pt-4 too so the first row isn't way down the page. */
.bootstrap-fhws-obituaries-container .pt-4 {
    padding-top: 6px !important;
}

/* Move the search box to the left and align the Subscribe link with it. */
.bootstrap-fhws-obituaries-container .row.mb-4.justify-content-end {
    justify-content: flex-start !important;
}
.bootstrap-fhws-obituaries-container .row.mb-4.justify-content-end .col-md-6.text-end {
    text-align: left !important;
}

/* Hide the Subscribe to Obituaries link — unused, will be removed with plugin */
#subscribe_to_client,
.subscribe_to_client {
    display: none !important;
}

/* Kill every <hr> the plugin injects per listing — its wrapper has
   inline padding-left: 225px which produces a partial divider, and we
   already have a full-width border on the row. */
.bootstrap-fhws-obituaries-container hr,
.bootstrap-fhws-obituaries-container .col-12 > .d-none.d-sm-block hr,
.bootstrap-fhws-obituaries-container .col-12 > .d-block.d-sm-none hr {
    display: none !important;
}

/* Image inside <a> — force block + top alignment so it sits flush with name */
.bootstrap-fhws-obituaries-container .obit_listing .order-1 > a {
    display: block !important;
    line-height: 0 !important;
}
.bootstrap-fhws-obituaries-container .obit_listing .order-1 img {
    display: block !important;
    vertical-align: top !important;
    margin-top: 0 !important;
}

.obit_name a {
    color: #583c3f !important;
}

.bootstrap-fhws-obituaries-container .nav-pills .nav-link {
   background: #583c3f !important;
   color: #fff !important;
}

/***********************************************************
 * OBITUARY DETAIL PAGE                                    *
 * ********************************************************/

/* Hide the text-size resizer control (Text: Aa Aa Aa) entirely */
.bootstrap-fhws-obituaries-container .flex-row.d-flex:has(.f1fd-size-ctl),
.f1fd-size-ctl {
    display: none !important;
}

/* Full-width maroon tab navbar on detail page.
   Minimal overrides — just extend the ul background and un-center the items. */
#pills-tab {
    background: #583c3f !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: calc(50vw - 50%) !important;
    padding-right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    justify-content: flex-start !important;
    margin-bottom: 24px !important;
    gap: 0 !important;
}
#pills-tab .nav-item {
    flex: 0 0 auto !important;
}
#pills-tab .nav-link {
    background: #583c3f !important;
    color: #fff !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    white-space: nowrap !important;
}
#pills-tab .nav-item:last-child .nav-link {
    border-right: none !important;
}
#pills-tab .nav-link.active,
#pills-tab .nav-link:hover {
    background: #40262a !important;
    color: #fff !important;
}

/***********************************************************
 * MOBILE — stack detail-page tabs as buttons               *
 * ********************************************************/
@media screen and (max-width: 1024px) {
    /* Contain the nav to its parent width on mobile — no full-bleed */
    #pills-tab,
    .bootstrap-fhws-obituaries-container #pills-tab {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin-bottom: 20px !important;
    }
    #pills-tab .nav-item,
    .bootstrap-fhws-obituaries-container #pills-tab .nav-item {
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 !important;
    }
    #pills-tab .nav-link,
    .bootstrap-fhws-obituaries-container #pills-tab .nav-link {
        display: block !important;
        width: 100% !important;
        background: #583c3f !important;
        color: #fff !important;
        border: none !important;
        border-right: none !important;
        border-radius: 3px !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;
        white-space: normal !important;
    }
    #pills-tab .nav-link.active,
    #pills-tab .nav-link:hover,
    .bootstrap-fhws-obituaries-container #pills-tab .nav-link.active,
    .bootstrap-fhws-obituaries-container #pills-tab .nav-link:hover {
        background: #40262a !important;
    }
}