.elementor-286 .elementor-element.elementor-element-4a4e4a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.97;--padding-top:200px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-286 .elementor-element.elementor-element-4a4e4a4:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.fspl.org/wp-content/uploads/2025/11/mohammadreza-kr-BTmSIwZ9VJc-unsplash.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-286 .elementor-element.elementor-element-4a4e4a4::before, .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .elementor-background-video-container::before, .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .elementor-background-slideshow::before, .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-286 .elementor-element.elementor-element-4a4e4a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-286 .elementor-element.elementor-element-db248aa{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-286 .elementor-element.elementor-element-1986ed1{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}.elementor-286 .elementor-element.elementor-element-1986ed1 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-286 .elementor-element.elementor-element-1e14d4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-286 .elementor-element.elementor-element-1e14d4c:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-1e14d4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-286 .elementor-element.elementor-element-15fd93b{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-286 .elementor-element.elementor-element-dc74162 .tribe-events-calendar-month__calendar-event-title-link{--tec-color-text-events-title:#074A8D;}@media(max-width:1440px){.elementor-286 .elementor-element.elementor-element-4a4e4a4{--justify-content:flex-end;}}@media(max-width:1024px){.elementor-286 .elementor-element.elementor-element-4a4e4a4{--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-286 .elementor-element.elementor-element-4a4e4a4{--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-286 .elementor-element.elementor-element-1e14d4c{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for tec_elementor_widget_events_view, class: .elementor-element-dc74162 */.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {
    display: block !important;
    flex: none;
    visibility: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    color: #fff !important;
    text-align: center;
    font-weight: 500 !important;
    padding: 0.75rem 1rem !important;
    background-image: radial-gradient(65.28% 65.28% at 50% 100%, #074A8D 0%, rgba(223, 113, 255, 0) 100%), linear-gradient(0deg, #08539B, #074a8d);
    cursor: pointer;
    border-right: 1px solid #333333 !important;
    border-left: 1px solid #333333 !important;
    border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
    border-radius: 6px 6px 6px 6px;
    box-shadow: inset -2px -2px 0px 0px #ffffff20;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button:hover {
    
    display: block !important;
    flex: none;
    visibility: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    color: #000 !important;
    text-align: center;
    font-weight: 500 !important;
    padding: 0.75rem 1rem !important;
    background-image: radial-gradient(65.28% 65.28% at 50% 100%, #ebebeb 0%, rgba(223, 113, 255, 0) 100% 100%), linear-gradient(0deg, #ffffff, #ffffff);
    cursor: pointer;
    border-right: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
    border-radius: 6px 6px 6px 6px;
    box-shadow: inset -2px -2px 0px 0px #08539b36; 
    animation: 3s linear 1s slide-in;
    
}
    
 
 .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current:hover {
    background: #08539b !important;
    color: #ffffff !important;
}



.tribe-events .datepicker .day.current, .tribe-events .datepicker .month.current, .tribe-events .datepicker .year.current {
    background: #08539b !important;
    border-radius: var(--tec-border-radius-default);
    color: #ffffff !important;
    position: relative;
}   
    
/* color of the month name and year above days of week */  
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop, .tribe-common--breakpoint-full.tribe-events {
    display: block !important;
    visibility: visible;
    color: #000000 !important;
}

.tribe-events-c-top-bar__datepicker-mobile {
        color: #000000 !important;
}

.tribe-events button.tribe-events-c-top-bar__datepicker-button:hover {
    color: #074A8D !important;
}

.tribe-events button.tribe-events-c-top-bar__datepicker-button-mobile:hover {
    color: #074A8D !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg path {
    fill: #000000 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg:hover path {
    fill: #08539b !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg path {
    fill:  #000000 !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg:hover path {
    fill:  #08539b !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev
 {
    color:  #000000 !important;
    font-weight: 600;
}

/* Begin Calendar Styles Month */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:hover, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:hover
 {
    color:  #08539b !important;
    font-weight: 600;
}

.tribe-common abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
}

table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9 !important;
}

.tribe-events .datepicker .day.focused,.tribe-events .datepicker .day:focus,.tribe-events .datepicker .day:hover,.tribe-events .datepicker .month.focused,.tribe-events .datepicker .month:focus,.tribe-events .datepicker .month:hover,.tribe-events .datepicker .year.focused,.tribe-events .datepicker .year:focus,.tribe-events .datepicker .year:hover {
    background: #ffffff !important;
    outline: 0 !important;
   /* outline-offset: var(--tec-outline-offset-default); */
    border: 1px !important;
}

.tribe-events .datepicker .day.active,.tribe-events .datepicker .day.active:hover,.tribe-events .datepicker .month.active,.tribe-events .datepicker .month.active:hover,.tribe-events .datepicker .year.active,.tribe-events .datepicker .year.active:hover {
    background: #074a8d !important;
    color: #ffffff !important;
    text-shadow: none !important;
    outline: 0 !important;
}

.tribe-events .datepicker .day.active.focused,.tribe-events .datepicker .day.active:focus,.tribe-events .datepicker .month.active.focused,.tribe-events .datepicker .month.active:focus,.tribe-events .datepicker .year.active.focused,.tribe-events .datepicker .year.active:focus {
    background: #074a8d !important;
    color: #ffffff !important;
    outline: 0 !important;
    /* outline-offset: var(--tec-outline-offset-default); */
    text-shadow: none !important;
}

.tribe-events .datepicker .day.current.focused,.tribe-events .datepicker .day.current:focus,.tribe-events .datepicker .month.current.focused,.tribe-events .datepicker .month.current:focus,.tribe-events .datepicker .year.current.focused,.tribe-events .datepicker .year.current:focus {
    background: var(--tec-color-accent-primary-background-datepicker);
    outline: 0 !important;
  /*  outline-offset: var(--tec-outline-offset-default) */
}

.tribe-events .datepicker .datepicker-switch {
    color: #074A8D !important;
    font-family: var(--tec-font-family-sans-serif);
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: var(--tec-line-height-3);
    border: 0px !important;
}

.tribe-events .datepicker {
    background-color: #ffffff !important;
    border: 1px solid #eeeeee;
    border-radius: 6px 6px 6px 6px !important;
    box-shadow: inset -2px -2px 0px 0px #08539b36 !important;
}

.tribe-events .datepicker .datepicker-switch,.tribe-events .datepicker .next,.tribe-events .datepicker .prev {
    padding: var(--tec-spacer-4) 0;
    vertical-align: middle;
    border: 0px !important;
}

.tribe-events .datepicker .past {
    color: #53532D !important;
    font-weight: 300 !important;
}

/* Month View Nav – Disabled "Next" link (darker text + no opacity) */
.tribe-events-c-nav__next--disabled,
.tribe-events-c-nav__next--disabled a,
.tribe-events-c-nav__next--disabled .tribe-events-c-nav__link {
    color: #000000 !important;     /* ← Change this to your preferred dark color */
    opacity: 1 !important;
}

/* Optional: Also darken the disabled "Previous" link if you want both */
.tribe-events-c-nav__prev--disabled,
.tribe-events-c-nav__prev--disabled a,
.tribe-events-c-nav__prev--disabled .tribe-events-c-nav__link {
    color: #000000 !important;
    opacity: 1 !important;
}


.tribe-events .tribe-events-c-nav__next:disabled,.tribe-events .tribe-events-c-nav__prev:disabled {
    background-color: initial;
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #53532D !important;
    cursor: default;
    font-size: 1rem;
    font-style: normal;
    outline: none;
    padding: 0;
    pointer-events: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: none;
}

.tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg,.tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg,.tribe-events button.tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg,.tribe-events button.tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg {
    opacity: 1 !important;
}

.tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path,.tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path,.tribe-events button.tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path,.tribe-events button.tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path {
    fill: #000000 !important;
}

.tribe-events .tribe-events-c-nav__prev:active:before,.tribe-events button.tribe-events-c-nav__prev:active:before {
    opacity: 1 !important;
}

.tribe-events .tribe-events-c-nav__prev:disabled,.tribe-events button.tribe-events-c-nav__prev:disabled {
    background-color: initial;
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #53532D !important;
    cursor: default;
    font-size: 1rem;
    font-style: normal;
    outline: none;
    padding: 0;
    pointer-events: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: none;
}

.tribe-events .tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-icon-svg path,.tribe-events button.tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-icon-svg path {
    fill: #000000 !important;
}

.tribe-common .tribe-common-b2 {
    color: #000000 !important;
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-1);
    font-weight: 400 !important;
    line-height: var(--tec-line-height-0);
}

.tribe-events .tribe-events-c-top-bar__datepicker-separator {
    white-space: pre;
    color: #000000 !important;
}

.tribe-events .tribe-events-c-top-bar__datepicker-separator:hover {
    white-space: pre;
    color: #000000 !important;
}


/* 2nd */
/* Adjusts the days of the week letters */
.tribe-events .tribe-events-calendar-month__header-column-title {
    color: #000000 !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 24px !important;
}

/* Removes line above days of the week on calendar */
table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th {
   border-block-start:0px !important; }
   
   
/* Adjusts the current days event color */   
.tribe-events .tribe-events-calendar-month__day-cell--selected {
    background-color: #edef3d !important;
    box-shadow: inset -2px -2px 0px 0px #89898920;
    
}

/* Changes color of current day number */
td.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current a {
    background-color: transparent !important;
    color: #074a8d !important;
    font-weight: 600;
}

td.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current a:hover {
    background-color: transparent !important;
    color: #000000 !important;
    
 }

/* Current day TD background */
td.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current {
    background-color: #f9f9e8;
    color: #000000;
    
}

/* Changes color of past day number */
td.tribe-events-calendar-month__day.tribe-events-calendar-month__day--past a {
    background-color: transparent !important;
    color: #000000 !important;
}

/* Red dot on mobile view for current day event */
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #970741 !important;
    opacity: 1;
}


/* Changes the color on the date when you select an event from the month */
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime {
    color: #07548d !important;
    font-weight: 600 !important;
}

/* Changes the past date text on calendar */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime {
    color: #53532D !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* Changes the current date text on calendar */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__calendar-event-datetime {
    color: #Ac0649 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

/* Changes the thickness of the dates listed on the calendar */
.tribe-common .tribe-common-h--alt {
    font-weight: 500 !important;
}

/* Changes the thickness of the dates listed on the calender - present / future */
.elementor-286 .elementor-element.elementor-element-b214089 .tribe-events-calendar-month__calendar-event-datetime {
    --tec-color-text-event-date: #074A8D;
    --tec-color-text-secondary-event-date: #074A8D;
    font-size: 16px;
    font-weight: 600;
}


/* Changes the color of the +1 More on the bottom of the claendar day and the pill shape text */
.tribe-common .tribe-common-h7 {
    color: #000000 !important;
    font-family: var(--tec-font-family-sans-serif);
    text-transform: none;
    font-weight: 700;
}

.tribe-common .tribe-common-h7:hover {
    color: #000000 !important;
    font-family: var(--tec-font-family-sans-serif);
    text-transform: none;
    font-weight: 700;
}

.tribe-common .tribe-common-h8 {
    color: #000000 !important;
    font-family: var(--tec-font-family-sans-serif);
    text-transform: none;
}

.tribe-common .tribe-common-h8:hover {
    color: #000000 !important;
    font-family: var(--tec-font-family-sans-serif);
    text-transform: none;
}

/* Changes the color of the pill event on the claendar day */
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #19ae52 !important;
  transition: var(--tec-transition-background-color);
  color: #000000 !important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #19ae52 !important;
  transition: var(--tec-transition-background-color);
  color: #000000 !important;
}

/* Changes the color of the popup box that changes Month, List, Day views */
div.tribe-events .tribe-events-c-view-.elementor-286 .elementor-element.elementor-element-dc74162__content {
  background-color: #ffffff !important;
  border: 1px solid var(--tec-color-border-secondary);
  border-radius: 6px 6px 6px 6px;
  box-shadow: inset -2px -2px 0px 0px #08539b36;
}


/* Past event number color */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {
    color: var(--tec-color-day-marker-past-month);
    opacity: 1 !important;
}

/* Past event dot color */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #000000 !important;
    opacity: 1 !important;
}

/* Past featured event dot color */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--featured {
    opacity: 1 !important;
}

/* Background color of the past events on the mobile version and desktop */
.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell, .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile {
        background: linear-gradient(45deg, #0000 18.75%, #f5f5f5 0 31.25%, #0000 0),
    repeating-linear-gradient(135deg, #f5f5f5 -6.25% 6.25%, #FBF9F4 0 18.75%);
  background-size: 14px 14px;
      /*  background-color: #07AC060D !important; */
       color: #ffffff !important;
}

/* Color of the past events +More on the mobile version and desktop */
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__more-events-link {
    opacity: 1 !important;
      color: #53532D !important;
    font-weight: 500 !important;
}

.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__more-events-link:hover {
    opacity: 1 !important;
      color: #53532D !important;
    font-weight: 500 !important;
}

/* 1. Event name/link on FUTURE days only */
.tribe-events-calendar-month__day--future .tribe-events-calendar-month__event-title-link,
.tribe-events-calendar-month__day--future .tribe-events-calendar-month__event-title {
    color: #0066cc !important;     /* ← Change this to your preferred future event color */
    font-weight: 600;              /* optional: makes it bolder */
}

/* Hover effect on future event names */
.tribe-events-calendar-month__day--future .tribe-events-calendar-month__event-title-link:hover {
    color: #004080 !important;     /* darker on hover */
    text-decoration: underline;
}


/* Today date number (the big number at the top of the cell) */
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date {
    color: #d97706 !important;     /* ← Change this to your preferred text color for today */
    font-weight: 700;
}

/* Calendar days that do have an event - Dark Blue */
.tribe-events .tribe-events-calendar-month__day-date-link {
    color: #074a8d !important;
    transition: var(--tec-transition-color);
}

/* Calendar days that don't have an event - Black */
.tribe-events .tribe-events-calendar-month__day-date-daynum {
    color: #000000 !important;
}

/* Changes the background color of the selected month day on mobile */
.tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
    background-color: #edef3d !important;
    box-shadow: inset -2px -2px 0px 0px #89898920;
    border: none;
}

.tribe-events .tribe-events-calendar-month__day-cell--mobile--selected:hover {
    background-color: #ffffff !important;
    box-shadow: inset -2px -2px 0px 0px #c1c1c120;
    border: none;
}

/* Dot color on future events */
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #970741 !important;
    opacity: 1 !important;
}


/* Mobile view – Day number text color on hover (the big date number) */
.tribe-events .tribe-events-calendar-month__day-cell--mobile:hover .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day-cell--mobile:hover time.tribe-events-calendar-month__day-date-daynum {
    color: #000000 !important;   /* Change to any color you want */
}

/* Changes the color of svg series icon */
.tribe-events .tribe-events-series-archive__icon {
    color: #000000 !important;
    display: inline-block;
    stroke: #000000 !important;
}


@media (max-width: 480px) {

     /* 1. Much larger vertical space BETWEEN week rows */
    .tribe-events-calendar-month__grid {
        gap: 24px 8px !important;          /* big vertical gap between weeks */
    }

     /* 2. Makes the event dots thin lines for mobile view */
    .tribe-events .tribe-events-calendar-month__day-cell .tribe-events-calendar-month__mobile-events-icon--event { 
        width: 50%;
        height: 6px;
        border-radius: 0px;
    }

     /* 3. Gives the rows more space for the smaller mobile view */
    .tribe-events .tribe-events-calendar-month__week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    height: 48px !important;
    }
    
    .tribe-events .tribe-events-calendar-month__day {
    aspect-ratio: 1 / 1;
    height: 40px !important;
    min-height: 48px ;
    overflow: hidden;
    padding-top: 0;
    }

    /* 4. Each day cell – no forced height, only padding */
    .tribe-events-calendar-month__day-cell--mobile {
        padding: 8px 6px 36px !important;   /* lots of bottom space for dots */
        min-height: auto !important;        /* remove any forced height */
        height: auto !important;
        box-sizing: border-box !important;
    }

    /* 5. Make day numbers even smaller */
    .tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date-daynum {
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 600;
    }
    
    
    

    /* 6. Force the date container to stay compact */
    .tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date {
        padding-bottom: 4px !important;
    }

    /* 7. Extra protection for dots and "+ More" */
    .tribe-events-calendar-month__mobile-events {
        margin-top: 12px !important;
    }

    .tribe-events-calendar-month__day--mobile .tribe-events-calendar-month__mobile-events-icon--event,
    .tribe-events-calendar-month__day--mobile .tribe-events-calendar-month__more-events-link {
        margin-bottom: 8px !important;
        display: inline-flex !important;
    }
}/* End custom CSS */
/* Start custom CSS */#event-calendar section.tribe-common-l-container.tribe-events-l-container{
    padding: 0;
}/* End custom CSS */