/* Full-width container to eliminate margins */
.container-fluid {
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    max-width: 100%; /* Full width */
}

.header-section {
    background-color: #daf9ff; /* Header color */
    padding: 20px;
    text-align: center;
    margin-bottom: 0; /* Ensure no gap with navbar */
    border: none; /* No border */
}

/* New class for padding on larger screens */
.location-label {
    padding-left: 0; /* Default no padding */
}

@media (min-width: 992px) {
    /* Apply padding for screens larger than 992px (desktop) */
    .location-label {
        padding-left: 150px; /* Padding for desktop */
    }

    .announcements {
        padding-left: 300px; /* Left padding for desktop */
        padding-right: 100px; /* Right padding for desktop */
    }

    .pagination-custom {
        padding-left: 300px; /* Left padding for pagination on desktop */
        padding-bottom: 100px; /* Bottom padding for pagination on desktop */
    }
}

@media (max-width: 991px) {
    /* Apply padding for screens smaller than 992px (mobile) */
    .announcements {
        padding-left: 30px; /* Left padding for mobile */
        padding-right: 30px; /* Right padding for mobile */
    }

    .pagination-custom {
        padding-left: 20px; /* Left padding for pagination on mobile */
        padding-bottom: 20px; /* Bottom padding for pagination on mobile */
    }
}

.announcement-card {
    border: 2px solid #397d7d;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 15px;
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.announcement-card:hover {
    background-color: #ffe4b5; /* Light orange background on hover */
}

.announcement-image {
    width: 100%;
    height: auto;
}

.announcement-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #397d7d;
}

.announcement-text {
    color: #333;
}

.filter-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 100px; /* Horizontal padding for the filter container */
}

.search-bar {
    margin-left: 15px; /* Spacing between dropdown and search */
}

/* Add margin-top to announcements row for spacing */
.announcements {
    margin-top: 20px; /* Add desired spacing here */
    padding-bottom: 10%;
}

.footer {
    padding-top: 20px; /* Space from the announcements section */
    padding-bottom: 200px; /* Space at the bottom of the footer */
}

.url-button {
    margin-top: 10px; /* Space between description and button */
    display: inline-block; /* Align as a block element */
    padding: 10px 15px; /* Padding for the button */
    background-color: #397d7d; /* Button color */
    color: white; /* Text color */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
}

.url-button:hover {
    background-color: #2e6666; /* Darker button color on hover */
}

/* Custom pagination button styles */
.pagination .btn {
    margin-left: 5px; /* Space between buttons */
    background-color: #ffcc00; /* Custom color */
    color: black; /* Text color */
}

.pagination .btn:hover {
    background-color: #ff9900; /* Darker on hover */
}