/* static/css/styles.css */

.featured-image-container {
    width: 100%;
    height: 250px; /* Set a fixed height for all images */
    overflow: hidden; /* Hide any overflow to maintain uniformity */
    position: relative;
}

.featured-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container without distortion */
    transition: transform 0.3s ease; /* Smooth transition for hover effects */
}

.featured-image-container img:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Optional: Ensure cards have equal height */
.card-body {
    display: flex;
    flex-direction: column;
}

.card-text {
    flex-grow: 1;
}
/* static/css/styles.css */

/* Hero Section Overlay */
.hero .overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
    /* Adjust the gradient as needed */
}
/* static/css/styles.css */

/* Hero Section Text Styling */
.hero-content h1,
.hero-content p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
/* static/css/styles.css */

/* Adjust Hero Section Titles and Subtitles */
.hero-content h1 {
    font-size: 3rem; /* Adjust as needed */
    font-weight: 700;
}

.hero-content p {
    font-size: 1.5rem; /* Adjust as needed */
    font-weight: 400;
}