/* Make event page titles larger */
.eventsTitleContainer .SystemPageTitle {
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #488717 !important;
}

/* Bolds the description of each membership level at the bottom of the /join-now page */
.membershipLevel .extraInfo {
    font-weight: bold;
}

/* Rough to Ready Event Lists 
on /r2r-signup and /rough-to-ready pages */
#PAGEID_1075279 .WaGadgetUpcomingEvents,
#PAGEID_1075268 .WaGadgetUpcomingEvents {
    .title a {
        font-weight: 700;
        font-size: 1.1rem;
    }
    .date {
        font-size: 1.1rem;
        padding-bottom: 0.2rem;
    }
    .location, .date:after {
        display: none;
    }
}

/* Calendar event color coding by tag */
/* Remove multi-session icon and make font the same */
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar .recurringEvent:before {
    content: none;
}
td[class*="EventListCalendarItem"] .eventTime {
    font-size: 16px !important;
}
/* Base styling + default color for any event wrapper */
td[class*="EventListCalendarItem"] > div:has(a[href*="/event-"]) {
    background-color: #4E5A64 !important;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 3px;
}
td[class*="EventListCalendarItem"] > div:has(a[href*="/event-"]) a {
    color: #ffffff;
}
/* Rough to Ready and Safety Orientation */
td[class*="EventListCalendarItem"] > div:has(a[data-tags*="rough to ready"]),
td[class*="EventListCalendarItem"] > div:has(a[data-tags*="safety orientation"]) {
    background-color: #0E6259 !important;
}
/* Classes */
td[class*="EventListCalendarItem"] > div:has(a[data-tags*="class"]) {
    background-color: #2456A6 !important;
}
/* Special Interest Groups */
td[class*="EventListCalendarItem"] > div:has(a[data-tags*="sig"]) {
    background-color: #8A2E5F !important;
}
/* Monthly meeting */
td[class*="EventListCalendarItem"] > div:has(a[data-tags*="monthly meeting"]) {
    background-color: #9A3412 !important;
    font-weight: 600;
}
td[class*="EventListCalendarItem"] a[data-tags*="monthly meeting"] {
    font-weight: 600 !important;
}
/* Hover: brighten slightly */
td[class*="EventListCalendarItem"] > div:has(a[data-tags]):hover {
    filter: brightness(1.15);
}