/* Base styles */
body {
    color: #15141a;
    scroll-behavior: smooth; 
}

/* Force Oswald on ALL text elements (headers, paragraphs, links, buttons) */
body, h1, h2, h3, h4, h5, h6, p, a, .btn, .nav-link {
    font-family: 'Raleway', sans-serif !important;
}
/* Primary Brand Color */
.btn-primary {
    background-color: #e54242; /* The purple from your original site */
    border-color: #e54242;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #e54242;
    border-color: #e54242;
}

/* Hero Section Formatting */
.hero-section {
    padding-top: 100px;
    padding-bottom: 100px;
    /* Optional: Add a light background color or image here if you want */
    background-color: #f8f9fa; 
}

/* Constrain team member images to look uniform */
.team-img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Cards */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
}

.card-img-top {
    height: 250px;
    object-fit: cover;
}

/* Locks the slider height and prevents any cropping */
.gallery-img {
    height: 500px; 
    width: 100%;
    object-fit: contain;
    background-color: #212529; /* Adds a dark background behind the image to fill empty space */
}

/* Hero Section with Background Image */
.hero-section {
    /* The linear-gradient creates a dark overlay so your white text is readable */
    /* Replace 'hero-bg.jpg' with your actual image file name */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/page_details/background_img.jpg');
    
    background-size: cover; /* Forces the image to fill the whole section */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
    
    /* Adds extra spacing to make the hero section look grand */
    padding-top: 150px !important; 
    padding-bottom: 150px !important;
}

.bg-custom-gallery {
    background-color: #ffd666; /* Change this hex code to your exact original yellow if needed */
}