/* General Styles */
body {
    font-family: 'Nunito', sans-serif;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
}

/* Styling for cards */
.event-card {
    margin-bottom: 10px;  /* Compact margin between cards */
    padding: 10px;  /* Padding inside the cards */
    border-radius: 8px; /* Rounded corners for card design */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* General future events styling */
.future-event {
    background-color: #e6f7e0; /* Soft green background for future events */
}

/* Special styling for today's events */
.today-event {
    background-color: #ffebee; /* Light red background to highlight today's event */
    border-left: 5px solid rgb(191, 71, 71); /* Dark red border for emphasis */
}

.today-event .card-title {
    font-weight: 700;
    color: rgb(191, 71, 71); /* Dark red for title */
}

/* Special styling for deadline events */
.deadline-event {
    background-color: #fff8e1; /* Light yellow background for deadlines */
    border-left: 5px solid rgb(191, 71, 71); /* Company theme color for border */
    background-color: rgba(255, 0, 0, 0.098);
}

.deadline-event .card-title {
    font-weight: 700;
    color: rgb(191, 71, 71); /* Dark red for deadline titles */
}

/* Remaining days label */
.remaining-days {
    font-weight: 700;
    font-size: 1em; /* Moderate size */
    color: rgb(113, 191, 71); /* Company theme color */
}

/* Sticky headers */
.section-header {
    font-size: 1.5em;
    background-color: white;
    padding: 10px 15px;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
    color: rgb(113, 191, 71); /* Company theme color */
}

/* Quick links styling */
.quick-links {
    margin-top: 0;  /* Removed extra margin */
}

.collection-item a {
    color: rgb(113, 191, 71); /* Company theme color */
    font-weight: bold;
    font-size: 1.1em;
}

.collection-item a:hover {
    color: rgb(84, 143, 55); /* Darker green on hover */
}

/* Reduced spacing between collection items */
.collection-item {
    padding: 10px 15px;
}

/* Layout adjustments */
.row {
    margin-bottom: 0;
}

/* Responsive design */
@media screen and (max-width: 768px) {
    .quick-links {
        margin-top: 40px;
    }
}


/* CSS for past events */
#past-event-list {
    margin-top: 20px;
}

.past-event {
    background-color: #f0f0f0; /* Light gray background */
    color: #9e9e9e; /* Gray text color */
    border-left: 4px solid #ccc; /* Subtle gray border on the left */
}

.past-event .card-title {
    font-weight: bold;
    color: #9e9e9e; /* Grayed out title */
}

.past-event .remaining-days {
    color: #757575; /* Slightly darker gray for the "Past Event" text */
}

.past-event p {
    color: #9e9e9e; /* Grayed out regular text */
}