/* Custom CSS for Stone Brook Community Association Portal */

.site-header-custom {
    /* Placeholder for your fountain image - update 'fountain.jpg' as needed */
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/fountain.jpg'); /* Reduced overlay opacity from 0.4 to 0.25 */
    background-size: cover;
    background-position: center center;
}

.site-tagline {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Standard professional sans-serif stack */
    font-size: 1rem; /* Standard paragraph size, or smaller e.g., 0.9rem */
    font-weight: 300; /* Lighter weight for a more refined look */
    opacity: 0.85; /* Slightly subtle */
    margin-top: 0.5rem; /* Add a little space below the main heading */
}

.bg-custom-navbar-footer {
    background-color: #F5F7FB !important; /* Updated to new hex color */
}

/* Add more custom styles below as needed */

/* Responsive images within announcement content (CKEditor output) */
.card-body div img {
    max-width: 300px;  /* Adjust as needed for "much smaller" initial display */
    max-height: 250px; /* Adjust as needed */
    width: auto;       /* Maintain aspect ratio */
    height: auto;      /* Maintain aspect ratio */
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    cursor: pointer;   /* Suggests clickability; relies on image being linked */
    transition: transform 0.2s ease-in-out; /* Optional: slight visual feedback on hover */
}

/* Optional: slight zoom effect on hover if the image is meant to be clickable */
.card-body div a:has(> img:hover) img, /* If image is wrapped in a link */
.card-body div img:hover { /* If image itself is interactive (less likely without JS for modal) */
    /* transform: scale(1.05); */ /* Commented out, can be too much */
}

.btn-owner-resource {
    min-width: 220px; /* Adjust this value as needed for desired button width */
    text-align: center; /* Ensures text is centered within the button */
    /* You can add specific padding or margin here if needed, e.g. */
    /* padding-top: 0.75rem; */
    /* padding-bottom: 0.75rem; */
}