/*
 Theme Name:   Chaminade Julienne Child Theme
 Theme URI:    https://c-3group.com
 Description:  Child Theme for Divi
 Author:       C-3 Group
 Author URI:   https://c-3group.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

html {
  scroll-behavior: smooth!important;   /* native smooth scrolling */
}

body {
    font-weight: 400;
}



h3 {
	font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif!important;
	font-style: italic;
    font-weight: 300;
	line-height: 1.25em;
	font-size:33px!important;
}



@media (max-width: 980px) {
	h1 {
		font-size:36px!important;
	}
	
	h3 {
	 	font-size:26px!important;

	}
}



/* Desktop Menu 

.desktop-menu .dd-divimenu-open .et_pb_divimenus_flex_item {
	text-align:left!important;
}
*/

/* VERTICAL MENU STYLING */

/* Hide sub-menus by default */
.nav li.et-touch-hover > ul,
.nav li:hover > ul {
    opacity: 0;
    visibility: hidden;
}

ul.sub-menu.hide.visible {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 980px) {
    /* Make the menu flex on mobile and other devices */
    .et-db #et-boc .et-l .vertical-menu .et_pb_menu__menu {
        display: flex;
    }
    /* Hide the hamburger icon */
    .et-db #et-boc .et-l .vertical-menu .et_mobile_nav_menu {
        display: none;
    }
}

/* Remove default padding on each side of list items */
.vertical-menu .et-menu > li {
    padding-left: 0px;
    padding-right: 0px;
}

/* Make the menu items full width and add space between them */
.vertical-menu .et_pb_menu__menu nav ul li {
    display: block;
    width: 100%;
    margin: 10px 0;
}

/* Align sub-menu directly to the right of the menu item instead of below */
.vertical-menu .et_pb_menu__menu nav ul li ul {
    top: 0 !important;
}

/* Align sub-menu to the right of menu link */
.vertical-menu .et_pb_menu__menu nav li ul {
    left: 100% !important;
}

.vertical-menu .et-menu a {
    font-size: 18px !important;
    font-weight: 400;
    margin-bottom: 10px !important;
    line-height: 1.25em;
}


.vertical-menu .et-menu a:hover {
	color:#00a94f!important;
	opacity:1!important;
}

.search .et_pb_searchform input.et_pb_searchsubmit {
    background: #0A67B1 !important;
}


.dd-menu-flex-sub {
    margin-left: 15px;
}


.et_pb_menu.third-tier-menus .et-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vertical-menu.third-tier-menus .et_pb_menu__menu nav ul li {
    margin: 0px 0;
}

#main-content:not(.et-fb) .third-tier-menus li::before {
	content: unset;
}

#main-content:not(.et-fb) .third-tier-menus li {
    padding-left: unset;
    text-indent: unset;
    margin-bottom: unset;
}

.vertical-menu.third-tier-menus .et-menu a {
	margin-bottom:0!important;
	padding: 15px 10px!important;
	border-bottom:solid 1px #D8D8D8;
}

.third-tier-menus a:hover {
	background:#f2f2f2;
}

/* Ensure custom class is used in menu module */
.third-tier-menus .menu-item.current-menu-item {
  display: none !important;
}

.quick-links {
	
}



.inner-landing-menu .menu-item.current-menu-item {
  display: none !important;
}

#main-content:not(.et-fb) .inner-landing-menu li::before {
	content: unset;
}

#main-content:not(.et-fb) .inner-landing-menu li {
    padding-left: 1em;
    text-indent: unset;
    margin-bottom: 10px;
}

.inner-landing-menu .et-menu a {
	padding: .3em 1.5em !important;
	line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
	font-size: 16px;
    border-color: #00a94f;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}

.inner-landing-menu .et-menu a:hover {
	background-color: #245BA8;
	    border-color: #245BA8;
    color: white;
	opacity:1;
}

/* Prevent Divi Menu Module with custom class .inner-landing-menu from switching to mobile view */
@media (max-width: 980px) {
	
	.inner-landing-menu span.mobile_menu_bar {
    display: none;
}
    .inner-landing-menu .et_pb_menu__wrap {
        display: block !important;
    }
    .inner-landing-menu .et_pb_menu__wrap .et_mobile_menu {
        display: none !important;
    }
    .inner-landing-menu .et_pb_menu__wrap #top-menu,
    .inner-landing-menu .et_pb_menu__wrap #et-top-navigation,
    .inner-landing-menu .et_pb_menu__wrap .et_pb_menu__menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
    }
    .inner-landing-menu .et_pb_menu__wrap #top-menu li,
    .inner-landing-menu .et_pb_menu__wrap .et_pb_menu__menu li {
        display: inline-block;
    }
}





/* BUTTON STYLES */

/* place button modules next to each other in the same column */
.inline-button .et_pb_button_module_wrapper {
    display: inline-block;
	margin-right:20px;
}


.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover {
    padding: .3em 1.5em !important;
}

.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: #245BA8;
	color:white;
}

a.et_pb_button.light-btn.et_pb_bg_layout_light {
    color:white!important;
}

a.et_pb_button.light-btn.et_pb_bg_layout_light:hover {
	background-color: #00A94F!important;
}


.filter-button.active {
    background-color: #ddd; /* Change this to match your hover effect */
    /* Add any other styles you want for the active state */
}



/* Custom bullets for the front-end content */
#main-content:not(.et-fb) ul {
  list-style: none;
	line-height: 1.7em;
	    margin-top: 8px;
}

#main-content:not(.et-fb) li {
  padding-left: 1em; 
  text-indent: -.95em;
  margin-bottom: 10px;
}

#main-content:not(.et-fb) li::before {
  content: "■"; 
  font-family: auto;
  padding-right: 5px;
  color: #0A67B1; /* or whatever color you prefer */
}



/* Ensure custom bullets do not appear in the Divi Builder interface */
body.et-fb #main-content ul,
body.et-fb #main-content li::before {
  list-style: disc !important;
  content: none !important;
  text-indent: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}




.search-results p::before {
 	font-family: ETmodules;
	content: "\55"; 
	margin-right: 2px;
	display: contents;
}

.school-events p::before {
 	font-family: ETmodules;
	content: "\e023"; 
	margin-right: 2px;
	display: contents;
}

.school-news p::before {
 	font-family: ETmodules;
	content: "\69"; 
	margin-right: 2px;
	display: contents;
}

.employment p::before {
 	font-family: ETmodules;
	content: "\e0fe"; 
	margin-right: 2px;
	display: contents;
}


.custom-news-list a.more-link {
    background: #0A67B1;
    display: block;
    text-align: center;
    color: white;
    padding: 8px;
    margin-top: 20px;
	letter-spacing: 1px;
}

.custom-news-list a.more-link:hover {
    background: #0046a8;
}

.custom-news-list .et_pb_image_container {
    margin: unset;
}

.custom-news-list .et_pb_blog_grid .et_pb_post {
 padding: 0px;
}

.custom-news-list h2.entry-title,
.custom-news-list p.post-meta,
.custom-news-list .post-content-inner {
    margin: 0 19px;
}

.custom-news-list .et_pb_post .entry-featured-image-url {
    margin-bottom: 20px;
}

.custom-news-list .et_pb_blog_grid .et_main_video_container{
    margin: -1px 0px 29px !important;
}

.custom-news-list .post-meta {
    margin-bottom: 10px !important;
}

.home-events-blog .et_pb_post {
    margin-bottom: 0;
    background: #0046a8;
	box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.3);
	transition: all .5s;
}

.home-events-blog .et_pb_post:hover {
    background: #008837;
    scale: 1.015;
}


.home-events-blog .et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
}

.home-events-blog h2.entry-title {
    padding: 10px 8px;
}

/*add a neceassry position to the blog posts*/

.home-events-blog .et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.home-events-blog .et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}

/*change the mouse cursor into a pointer*/

.home-events-blog .et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}






/* SWAP COLUMNS on MOBILE */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}






/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}





/*** Change Tablet Columns ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}




/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
  border: none;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #00A94F !important;
	border-radius: 100px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #00A94F!important;
}


/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none;
}


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
	padding-top: 30px !important;
}



/* Event Calendar Styling */

/* Set font family for The Events Calendar */

/* Override font-family using more specific selectors */
/* Override font-family for single event page */
.single-tribe_events .tribe-events-single-event-title {
	font-family:'Lora',Georgia,"Times New Roman",serif!important;
	font-weight: 500!important;
    line-height: 1.25!important;
}

.single-tribe_events .tribe-events-single-event-description,
.single-tribe_events .tribe-events-meta-group {
    font-family: inherit !important;
}

.single-tribe_events .tribe-events-single-event .tribe-events-content,
.single-tribe_events .tribe-events-single-event .tribe-events-calendar {
    font-family: inherit !important;
}

/* Override font-family for calendar events */
.tribe-events-calendar .tribe-events-loop .tribe-events-event-title,
.tribe-events-calendar .tribe-events-loop .tribe-events-event-meta,
.tribe-events-calendar .tribe-events-loop .tribe-events-event-list-separator {
    font-family: inherit !important;
}

/* Ensure consistency for calendar month/day headings */
.tribe-events-calendar-month__day,
.tribe-events-calendar-month__day-heading {
    font-family: inherit !important;
}


.tribe-events-c-view-selector {
    display: none;
}

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

.tribe-events .tribe-events-calendar-month__header-column-title {
    color: #cccccc;
}

.tribe-common-l-container.tribe-events-l-container h3 {
	font-size:20px!important;
}

.tribe-common-l-container.tribe-events-l-container h3.tribe-events-calendar-month__multiday-event-bar-title.tribe-common-h8 {
	font-size:18px!important;
}

.tribe-events-tooltip-theme h3 {
	font-size:20px!important;
	line-height:1.25em!important;
}

.tribe-events-tooltip-theme h3 a {
		color: #00A84E !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
    font-size: 20px !important;
}

.tribe-common a:not(.tribe-common-anchor--unstyle) {
	font-size:18px!important;
	font-weight: 500;
	color: #00A84E !important;
}

.tribe-common .tribe-common-h8 {
	line-height:1em!important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar {
    background-color: #0A67B1;
	padding: 3px 0;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	background:unset;
}

.tribe-common-l-container.tribe-events-l-container h3.tribe-events-calendar-month__multiday-event-bar-title.tribe-common-h8 {
    color: white;
}

/* Highlight the current day in the month view of The Events Calendar */
.tribe-events-calendar-month__day--current {
    background-color: #cde2ff52; 
}
/* Common styles for both Featured Events and Upcoming Events */
.featured-events, .upcoming-events {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust the gap between columns as needed */
}

.featured-events .event, .upcoming-events .event {
    flex: 1 1 calc(33% - 20px); /* Adjust the calculation to control column width */
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-decoration: none; /* Remove underline from link */
    color: inherit; /* Inherit text color */
    transition: background-color 0.3s ease; /* Add transition for hover effect */
    position: relative;
    background-color: white;
    overflow: hidden; /* Ensure content doesn't overflow */
}

.featured-events .event:hover, .upcoming-events .event:hover {
    background-color: #f0f0f0; /* Add hover effect */
}

.featured-events .event:hover .event-image img, .upcoming-events .event:hover .event-image img {
    opacity: 0.5; /* Change opacity on hover */
    transition: opacity 0.3s ease; /* Smooth transition */
}

.featured-events .event-image, .upcoming-events .event-image {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.featured-events .event-image img, .upcoming-events .event-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease; /* Ensure smooth transition */
}

.featured-events .event-details, .upcoming-events .event-details {
    padding: 15px; /* Adjust padding as needed */
}

.featured-events .event h2, .upcoming-events .event h2 {
    margin: 0 15px;
    font-size: 20px; /* Adjust font size as needed */
    color: #00A84E;
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px); /* Ensure title doesn't overflow event container */
}

.featured-events .event-date, .upcoming-events .event-date {
    font-weight: 400;
}

.featured-events .event-description, .upcoming-events .event-description {
    margin: 10px 0;
}

.featured-events .read-more-link, .upcoming-events .read-more-link {
    background: #0A67B1;
    color: white; /* Change to your desired color */
    padding: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Add transition for smooth hover effect */
}

.featured-events .event:hover .read-more-link, .upcoming-events .event:hover .read-more-link {
    background: #11396f;
    color: white; /* Ensure text color changes on hover if needed */
}

/* Media Query for Phones */
@media (max-width: 767px) {
    .featured-events .event, .upcoming-events .event {
        flex: 1 1 100%; /* Full width for stacking on phones */
    }
}

/* Additional Styles for Specific Sections */
section#tribe-events-pg-template .tribe-events-single-event-description.tribe-events-content .et_pb_row.et_pb_row_0 {
    width: 100%;
    padding: 0 0 2% !important;
}

.et_pb_section.et_pb_section_0.et_section_regular {
    padding: 0 !important;
}

.tribe-events-schedule.tribe-clearfix {
    margin: 0 !important;
}

p.tribe-events-back {
    display: none;
}

section#tribe-events-pg-template {
    padding-top: 80px;
}

.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: #0a67b12e!important;
}

em.tribe-events-calendar-month__mobile-events-icon.tribe-events-calendar-month__mobile-events-icon--featured {
    display: none;
}

em.tribe-events-calendar-month__calendar-event-datetime-featured-icon {
    display: none !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event--featured:before {
    display: none !important;
}


@media (min-width: 981px) {
   body.post-type-archive-tribe_events.et-db #et-boc .et-l .et_pb_section {
        padding: 0 !important;
    }
}

@media (max-width: 980px) {
    body.post-type-archive-tribe_events.et-db #et-boc .et-l .et_pb_section {
        padding: 0 !important;
    }
}





/* Prevent conflict with flexbox on Slick slider container */


/* Ensure Slick's internal track and slides are laid out correctly */













/* Style the faculty dropdown container */

select#faculty-staff-category-dropdown {
    padding: 5px;
    font-weight: 500;
    color: #0A67B1;
}

.category-filter {
    position: relative; /* Position relative to place the custom arrow */
    width: 50%; /* Full width or adjust as needed */
}

/* Adjust for mobile devices */
@media (max-width: 768px) { 
    .category-filter {
    	width: 100%; /* Full width or adjust as needed */
	}
}

/* Style the select element */
#faculty-staff-category-dropdown {
    appearance: none; /* Hide default arrow */
    -webkit-appearance: none; /* For WebKit browsers */
    -moz-appearance: none; /* For Firefox */
    background: transparent; /* Transparent background */
    border: 1px solid #ccc; /* Border */
    padding: 10px 40px 10px 10px; /* Add space for custom arrow on the right */
    font-size: 16px; /* Font size */
    border-radius: 4px; /* Rounded corners */
    width: 100%; /* Full width or adjust as needed */
}

/* Custom arrow */
.category-filter::after {
        content: '\25BE';
    font-size: 18px;
    color: #00A84E;
    position: absolute;
    top: 73%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}


/* Hide fallback image by default */
.et_pb_post .fallback-image {
    display: none;
}

/* Show fallback image if no featured image */
.et_pb_post.no-thumbnail .fallback-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Optional styling for the fallback image */
.et_pb_post .fallback-image {
    max-width: 100%;
    height: auto;
}

.page-id-373026 .et_pb_post .entry-featured-image-url {
   margin-bottom: 0;
}


/* Firebox Styling */

.fbStickyBar .limitedOfferLabel {
    white-space: break-spaces;
}



.slick-prev:before, .slick-next:before {
    font-size: 34px;
    padding: 4px 2px 0px;
    border: 1px solid white;
    border-radius: 6px;
    opacity: 1;
    color: white;
    background: #11396f;
}

.slick-prev:before {
   margin-left: -26px;
}

/* === Slick Slider Fixes for Upcoming Events === */

.event-slider-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.events-slider {
  display: block !important;
}

.events-slider .slick-track {
  display: flex !important;
  width: 100% !important;
}

.events-slider .slick-slide {
  flex: 0 0 auto !important;
  width: auto !important;
  box-sizing: border-box;
  padding: 15px;
}

@media (min-width: 981px) {
  .events-slider .slick-slide {
    width: 33.3333% !important;
  }
}

@media (max-width: 980px) and (min-width: 601px) {
  .events-slider .slick-slide {
    width: 50% !important;
  }
}

@media (max-width: 600px) {
  .events-slider .slick-slide {
    width: 100% !important;
  }
}

.event-slider-container {
  position: relative; /* Required for absolutely-positioned arrows to work */
  overflow: visible !important; /* Let arrows "stick out" beyond container */
}

.slick-prev {
  left: -25px; /* Adjust to pull it into view */
}

.slick-next {
  right: -25px; /* Adjust to pull it into view */
}

/* Updated Slick event styling */
.events-slider .event-slide {
  box-sizing: border-box;
  border: 1px solid #ccc;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
  position: relative;
  background-color: white;
  overflow: hidden;
}

.events-slider .event-slide:hover {
  background-color: #f0f0f0;
}

.events-slider .event-slide:hover .event-image img {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.events-slider .event-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.events-slider .event-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

.events-slider h2 {
  margin: 0 15px;
  font-size: 20px;
  color: #00A84E;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 30px);
}

.events-slider .event-date {
  font-weight: 400;
	color:gray;
}

.events-slider .read-more-link {
  background: #0A67B1;
	    width: 100%;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 1px;
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.events-slider .event-slide:hover .read-more-link {
  background: #11396f;
  color: white;
}

/* Mobile stacked */
@media (max-width: 767px) {
  .events-slider .event-slide {
    flex: 1 1 100%;
  }
}