/**** Dudley theme — obituary system integration fixes ****/

/* Content starts flush under the sticky header */
main.py-4 {
    padding-top: 0 !important;
}

/* Default obituary banner (shown when an obituary has no custom banner).
   The shared show view positions this absolutely inside a relative wrapper
   with an inline top of -80px meant for fixed-header themes; the Dudley
   header is sticky (in normal flow) so pin it back to the top. */
.default-header {
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    height: clamp(200px, 26vw, 420px);
    background-image: url('../images/about-hero.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Navy overlay to match the reference site's inner-page heroes */
.default-header::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 51, 74, 0.55) 0%, rgba(13, 51, 74, 0.3) 100%);
}

@media (max-width: 768px) {
    .default-header {
        height: 180px;
    }
}

/* Font Awesome icons stand in for the reference site's inline SVGs */
.utility-link i {
    font-size: 13px;
}

.footer-contact-line i,
.footer-action-line i {
    font-size: 14px;
    width: 18px;
    text-align: center;
}

.footer-social-links .social-link i {
    font-size: 18px;
}

/* Custom obituary banner images sit behind the sticky header otherwise */
.obituary-banner-bg {
    top: 0 !important;
}