.elementor-kit-8{--e-global-color-primary:#234E70;--e-global-color-secondary:#4A4A4A;--e-global-color-text:#A8D5BA;--e-global-color-accent:#87C6E2;--e-global-color-ebcd5ad:#F6D6A7;--e-global-color-88ad195:#F7FAF9;--e-global-color-32fce0a:#F1ECE3;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =================================================================== */
/* Modern Events Calendar Styling by Gemini                            */
/* =================================================================== */

/* ----- 1. Main Calendar Container & Header ----- */
/* Gives the whole calendar a soft border and rounded corners. */
body .tribe-events-calendar-month {
    border: 1px solid #E0E0E0 !important;
    border-radius: 12px !important;
    overflow: hidden; /* Ensures the corners stay rounded */
}

/* Styles the "MON, TUE, WED..." header bar. */
body .tribe-events-calendar-month__header {
    background-color: #F8F9FA !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

body .tribe-events-calendar-month__day-label {
    font-weight: 600 !important;
    color: #555 !important;
}

/* ----- 2. Single-Day Event Styling (Month View) ----- */
/* This styles the individual event blocks you see on the calendar. */
body .tribe-events .tribe-events-calendar-month__calendar-event {
    background: #E3F2FD !important; /* A softer blue */
    border-left: 4px solid #2196F3 !important; /* Accent color */
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin-bottom: 6px !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

/* Adds a nice "lift" effect when you hover over an event. */
body .tribe-events .tribe-events-calendar-month__calendar-event:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Improves the text color inside the event block. */
body .tribe-events-calendar-month__calendar-event-title-link {
    color: #1E88E5 !important;
    font-weight: 500 !important;
}


 ----- 3. Multi-Day Event Styling ----- 
 This specifically styles the bars for events spanning multiple days. 
body .tribe-events-calendar-month__multiday-event-bar {
    background-color: #4CAF50 !important; 
    color: #fff !important;
    height: 28px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

/* This new rule fixes the "double layer" by making the inner part transparent. */
/*body .tribe-events-calendar-month__multiday-event-bar-instance {*/
/*    background-color: transparent !important;*/
/*}*/


/* ----- 4. Event Pop-up on Hover (Tooltip) ----- */
/* This styles the box that appears when you hover over an event. */
body .tribe-events-calendar-month__calendar-event-tooltip {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    padding: 16px !important;
}

/* Event Title in the pop-up */
body .tribe-events-calendar-month_calendar-event-tooltip .tribe-events-calendar-month_calendar-event-title {
    color: #333 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* Date/Time "badge" in the pop-up */
body .tribe-events-calendar-month_calendar-event-tooltip .tribe-events-calendar-month_calendar-event-datetime {
    display: inline-block !important;
    background: #00897B !important; /* Teal accent */
    color: #fff !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}


/* ----- 5. Buttons and Controls ----- */
/* General styling for all main buttons for a consistent look. */
/*.tribe-common-c-btn,*/
/*.tribe-events-c-nav__prev,*/
/*.tribe-events-c-nav__next,*/
/*.tribe-events-c-view-.elementor-kit-8__button {*/
/*    background-color: #00897B !important;*/
/*    color: #fff !important;*/
/*    border-radius: 8px !important;*/
/*    transition: background-color .2s ease !important;*/
/*}*/

/* A slightly darker shade on hover for a nice interactive feel. */
/*.tribe-common-c-btn:hover,*/
/*.tribe-events-c-nav__prev:hover,*/
/*.tribe-events-c-nav__next:hover,*/
/*.tribe-events-c-view-.elementor-kit-8__button:hover {*/
/*    background-color: #00695C !important;*/
/*}*/

/* Active view button (e.g., "Month") */
.tribe-events-c-view-.elementor-kit-8__button--active {
    background-color: #004D40 !important;
}















.tribe-events-c-subscribe-dropdown__container
{
    display: none !important;
}


/* Hide container from unauthorized users */
.user-cannot-see-container .your-container-class,
.user-not-logged-in .your-container-class {
    display: none !important;
}

/* Show container only for authorized users */
.user-can-see-container .your-container-class {
    display: block;
}



.gradient-heading {
background: linear-gradient(90deg, #3E7DAF 0%, #234E70 12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.contact-heading {
background: linear-gradient(90deg, #3E7DAF 0%, #234E70 62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.back {
background: linear-gradient(90deg, #3E7DAF 0%, #234E70 72%);

}


.elementor-view-framed .elementor-icon
{
    background: linear-gradient(90deg, #3E7DAF 0%, #234E70 72%);
    box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.25) inset !important;
}

.no-underline a {
    text-decoration: none !important;
}

/* 1️⃣ Logged-out container: sirf guest users ke liye dikhaye */
body.logged-in .logged-out-container {
    display: none !important; /* login users ke liye hide */
}
body:not(.logged-in) .logged-out-container {
    display: block ; !important; /* logout/guest users ke liye show */
}

/* 2️⃣ Logged-in container: sirf login users ke liye dikhaye */
body.logged-in .logged-in-container {
    display: inline !important; /* login users ke liye show */
}
body:not(.logged-in) .logged-in-container {
    display: none !important; /* logout/guest users ke liye hide 
}/* End custom CSS */