.calendar-page{
h3{
text-align: center;
}
}

.calendar-event-card{
    margin: 5px 0px 0px 0px;

  @media (min-width: 3500px) {
  width: calc((100% - 125px) / 6) !important; 
}
 @media (max-width: 3500px) {
  width: calc((100% - 100px) / 5) !important; 
}
@media (max-width: 2800px) {
  width: calc((100% - 75px) / 4) !important; 
}
@media (max-width: 1430px) {
  width: calc((100% - 50px) / 3) !important; 
}
@media (max-width: 1100px) {
  width: calc((100% - 25px) / 2) !important; 
}
@media (max-width: 750px) {
  width: 100% !important;
  margin-bottom: 0px;
}
}

.special-event-section{
    margin-bottom: 40px;

.swiper{
    width: 100%;
}
.swiper:not(:has(> .event-card:nth-child(1))) {
    padding-bottom: 30px;
}

.swiper-wrapper{
     justify-content: center; 
}
.swiper-wrapper:has(> *:nth-child(2)) {
    margin-left: 12.5px;

@media (max-width: 750px) {
    justify-content: flex-start;
    margin-left: 0px;
}
}
.swiper-wrapper:has(> *:nth-child(3)) {
@media (max-width: 1100px) {
    justify-content: flex-start;
    margin-left: 0px;
}
}
.swiper-wrapper:has(> *:nth-child(4)) {
justify-content: flex-start;
margin-left: 0px;
}

.swiper-button-lock{
    display: flex !important;
}
}

.splide h3{
padding-bottom: 15px;
border-bottom: 5px solid #D32028;
}

.event-grid{
    display: flex;
    gap: 25px;
    padding: 10px;
    padding-bottom: 20px;
    flex-wrap: wrap;
    margin: 0px 26px 0px 26px;
    /* @media (min-width: 2500px) {
    gap: 5%;
    } */
    @media (max-width: 450px) {
    margin: 0px  }
}


/* When there is NOT a 4th .event-card child (less than 4 items) */
.event-grid:not(:has(> .event-card:nth-child(4))) {
  justify-content: center;
}

@media (max-width: 1430px) {
  .event-grid:has(> .event-card:nth-child(3)) {
  justify-content: flex-start;
}

/* When there is NOT a 4th .event-card child (less than 4 items) */
.event-grid:not(:has(> .event-card:nth-child(3))) {
  justify-content: center;
}}

.splide__arrow{
top: 15px !important;
}

.splide__arrow svg{
display: none !important;
}

.splide__arrow{
border-radius: 0 !important;
opacity: 1 !important;
    background: none !important;
    transform: translateY(-50%);
    width: 25px !important;
    height: 50px !important;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px !important;
}

.splide__arrow--next{
 background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l12 11L1 23' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
right: 0px !important;
}

.splide__arrow--prev{
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 12l12 11' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
left: 0px !important;

}

.splide__arrow:disabled {
    opacity: .1 !important;
}

.splide__pagination{
    display: none !important;
}

.swiper-button-disabled{
    opacity: 0.1 !important;
}