
/* FINAL COMPLETE MASTER FIX - SINGLE EVENT PAGE */

/* 1. Global Reset for the Single Event View */
.single-tribe_events {
    --tribe-color-type-text: #ffffff !important;
    --tribe-color-type-heading: #ffffff !important;
    --tribe-color-link-default: #ffffff !important;
}

/* 2. Target the specific classes you provided */
.single-tribe_events .tribe-events-meta-label,
.single-tribe_events .tribe-events-start-date-label,
.single-tribe_events .tribe-events-event-categories-label,
.single-tribe_events .tribe-events-meta-value,
.single-tribe_events .tribe-events-abbr,
.single-tribe_events .tribe-events-start-date,
.single-tribe_events .tribe-events-meta-item,
.single-tribe_events .tribe-organizer,
.single-tribe_events .tribe-events-event-categories a {
    color: #ffffff !important;
}

/* 3. Navigation & Notices (All Events, Passed Notice) */
.single-tribe_events .tribe-events-back a,
.single-tribe_events .tribe-events-notices,
.single-tribe_events .tribe-events-notices ul li,
.single-tribe_events .tribe-events-notice {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 4. Main Event Header (Title, Date, Description) */
.single-tribe_events .tribe-events-single-event-title,
.single-tribe_events .tribe-events-schedule,
.single-tribe_events .tribe-events-schedule h2,
.single-tribe_events .tribe-events-single-event-description,
.single-tribe_events .tribe-events-single-event-description p {
    color: #ffffff !important;
}

/* 5. Meta Section Headings (Details, Organizer) */
.single-tribe_events .tribe-events-meta-group h3,
.single-tribe_events .tribe-events-single-section-title,
.single-tribe_events .tribe-events-meta-group-title {
    color: #ffffff !important;
}

/* 6. Subscribe Button & Dropdown Fixes */
.single-tribe_events .tribe-events-c-subscribe-dropdown__button {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__content {
    background-color: #08004C !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__list-item-link,
.single-tribe_events .tribe-events-sub-menu-items li a {
    color: #ffffff !important;
}

/* 7. Catch-all for any links inside the event content turning dark on hover */
.single-tribe_events a:hover {
    color: #ffffff !important;
    opacity: 0.8 !important;
}




.tribe-events-view--list,
.tribe-events-view--list .tribe-common,
.tribe-events-view--list .tribe-events-calendar-list {
    --tribe-color-type-text: #000000 !important;
    --tribe-color-type-heading: #000000 !important;
    --tribe-color-link-default: #000000 !important;
    color: #000000 !important;
}


.tribe-events-view--list .tribe-events-calendar-list__event * {
    color: #000000 !important;
}


.tribe-events-calendar-month__calendar-event:hover {
    --tec-color-text-event-title: #000000 !important;
    --tec-color-text-event-date: #000000 !important;
    --tec-color-text-secondary-event-date: #000000 !important;
    background-color: #f0f0f0 !important; /* Light background for contrast */
}




.tribe-events-tooltip-theme * {
  color: #000 !important;
}



.footer-subscribe .subscribe-bg  {
	border-bottom: 2px solid #4b377e;
}
.footer-subscribe input[type="email"]{
	border-color: #4b377e !important;
}
.rs-innner-offcanvas-contents img{
	width: 70px;
}

@media only screen and (max-width: 767px) {
	body .header-style1 .menu-responsive {
		margin: unset !important;
	}
}

.rs-addon-services .services-part .services-text .services-btn-part .services-btn{
	background: #351C75 !important;
	color: #FFFFFF !important;
}
.rs-addon-services.services-style5:after,
.rs-addon-services.services-style5:before{
	opacity: 0;
}

.rs-addon-services.services-style5:hover .services-part:before{
	width: 0;
}


.entry-content h2 {
	margin-top: 48px;
}

.entry-content h3 {
	margin-top: 32px;
}

.entry-content p {
	line-height: 1.75;
}



	
	/* Fix visibility for Event Calendar Tooltips */
.tribe-events-tooltip h3, 
.tribe-events-tooltip .tribe-event-description,
.tribe-events-tooltip .tribe-events-abbr {
    color: #333333 !important; /* Forces a dark grey color for better visibility */
}

/* Optional: Ensure the background remains solid white */
.tribe-events-tooltip {
    background-color: #ffffff !important;
    border: 1px solid #e0dede !important;
}

/*geoffrey*/

/* Make the event titles bold and clear */
.tribe-events-calendar-month__multiday-event-bar-title,
.tribe-events-calendar-month__multiday-event-bar-link {
    font-weight: 800 !important; /* Extra bold for maximum impact */
    font-family: inherit;        /* Ensures it uses your site's professional font */
    letter-spacing: 0.2px;      
}

/* Optional: Make it all caps for a more structured "block" look */
.tribe-events-calendar-month__multiday-event-bar-title {
    text-transform: uppercase;
    font-size: 0.85rem !important;
}

/* Force dark grey background on Documents Library page */
body.page-id-19153 {
    background-color: #E6E6FA !important;
}

/* Make text readable */
body.page-id-19153 {
    color: #f1f1f1;
}

/* Make Events Calendar subscribe dropdown black */
.tribe-events .tribe-events-c-subscribe-dropdown__list {
    background-color: #000 !important;
    color: #fff !important;
}

/* Dropdown items */
.tribe-events .tribe-events-c-subscribe-dropdown__list-item a {
    color: #fff !important;
}

/* Hover state */
.tribe-events .tribe-events-c-subscribe-dropdown__list-item a:hover {
    background-color: #222 !important;
    color: #fff !important;
}

/* Make event page links white */
.single-tribe_events .tribe-events-single a,
.single-tribe_events .tribe-events-content a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Keep them white on hover */
.single-tribe_events .tribe-events-single a:hover,
.single-tribe_events .tribe-events-content a:hover {
    color: #ffffff !important;
    opacity: 0.85;
}

/*card styling */

/* Core Card Styling for Event Articles */
.tribe-events .tribe-events-calendar-list__event {
    background-color: #ffffff;
    border: 1px solid #f3f4f6; /* Very subtle light gray border */
    border-left: 5px solid #0f172a; /* Dark navy accent edge - change this hex to match your brand! */
    border-radius: 12px; /* Modern rounded corners */
    padding: 24px 32px; /* Generous breathing room inside the card */
    margin-bottom: 32px; /* Clear spacing between different events */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); /* Soft, layered shadow */
    box-sizing: border-box; /* Prevents padding from breaking the grid */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Buttery smooth animation */
}

/* Hover Effect: Lifts the card slightly off the page */
.tribe-events .tribe-events-calendar-list__event:hover {
    transform: translateY(-4px); /* Moves the card up slightly */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04); /* Deeper shadow on hover */
    border-color: #e5e7eb;
}

/* Fix for internal row spacing after adding padding */
.tribe-events .tribe-events-calendar-list__event .tribe-common-g-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove default margin from the header inside the card for better alignment */
.tribe-events .tribe-events-calendar-list__event-header {
    margin-bottom: 0.5rem;
}

/* Core Card Styling for Event Articles - Mobile Friendly */
.tribe-events .tribe-events-calendar-list__event {
    background-color: #ffffff;
    
    /* A visible, medium-gray border so cards stand out on mobile */
    border: 1px solid #d1d5db; 
    
    /* The thick, dark purple start border remains */
    border-left: 5px solid #4b0082; 
    
    border-radius: 12px;
    padding: 24px 32px;
    margin-bottom: 32px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); 
    box-sizing: border-box; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* Hover Effect: Still turns the border fully purple for desktop users */
.tribe-events .tribe-events-calendar-list__event:hover {
    transform: translateY(-4px); 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    border-color: #4b0082; 
}

/* Fix for internal row spacing */
.tribe-events .tribe-events-calendar-list__event .tribe-common-g-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove default margin from the header inside the card */
.tribe-events .tribe-events-calendar-list__event-header {
    margin-bottom: 0.5rem;
}

/* 1. Stop the negative margins from pulling the cards off-screen */
.tribe-events .tribe-events-calendar-list__event.tribe-common-g-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%; /* Ensures the card respects the screen width */
}

/* 2. Mobile-specific space adjustments */
@media (max-width: 768px) {
    .tribe-events .tribe-events-calendar-list__event {
        /* Reduce the inside padding so the text isn't squeezed */
        padding: 16px 16px 16px 16px; 
        /* Slightly reduce the gap between cards to save scroll space */
        margin-bottom: 20px; 
    }
    
    /* Give the entire list a small buffer so the dates don't touch the phone bezel */
    .tribe-events .tribe-events-calendar-list {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
}



