.te-region-dropdown-wrap {
    display: none;
}

.te-region-links-wrap {
    font-weight: 600;
    font-family: 'bwmodelica-regular-1', Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    /* Allows the container to wrap if needed */
}

.te-region-links-wrap span {
    display: block;
    padding-right: 1rem;
    white-space: nowrap;
    padding-bottom: 0.5rem;
}

a.te-region-link {
    text-transform: none;
    padding: 0rem 1rem;
    border-left: 1px solid #e3e3e3;
}

.te-region-links a.te-region-link:first-of-type {
    border-left: 0px;
    padding-left: 0px !important;
}

.te-region {
    padding-bottom: 3rem;
}

.te-region-title {
    margin-bottom: 2rem;
    display: flex;
    /* Aligns the title and pseudo-element in a row */
    align-items: center;
    /* Centers them vertically */
    white-space: nowrap;
    /* Prevents the title from wrapping to the next line */
    font-size:clamp(2.2rem, 0.765vw + 1.955rem, 3rem);
}

.te-region-title::after {
    content: "";
    /* Required for a pseudo-element */
    flex-grow: 1;
    /* Takes up all available space after the title */
    margin-left: 1rem;
    /* Space between the title and the line */
    height: 2px;
    /* Thickness of the line */
    background: #e3e3e3;
    /* Color of the line */
}

.te-event h3 {
    font-size: clamp(1.6rem, 0.306vw + 1.539rem, 1.8rem);
    margin-bottom: 2rem;
}

.te-event-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}

.te-event {
    flex: 0 1 auto;
    flex-basis: 48%;
    background-color: #fff;
    padding: clamp(3rem, 2.868vw + 2.082rem, 6rem) clamp(1rem, 0.478vw + 0.847rem, 1.5rem) clamp(3rem, 2.868vw + 2.082rem, 6rem) clamp(1rem, 0.478vw + 0.847rem, 1.5rem);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for 3D effect */
    border-radius: 5px;
    /* Rounded corners for the boxes */
}

.te-event .fee {
    color: #993300;
}

/* Responsive adjustments */

@media only screen and (max-width: 767px) {
    .te-event {
        flex-basis: 100%;
        /* Stacks the boxes on smaller screens */
    }

    /* Hide inline links and show dropdown on mobile */
    .te-region-links {
        display: none;
    }

    .te-region-dropdown-wrap {
        display: block;
        /* Show the dropdown */
    }

    .te-region-title {
       
        display: block;
        
        /* Centers them vertically */
        white-space: wrap;
        /* Prevents the title from wrapping to the next line */
       
    }
    
    .te-region-title::after {
        content: "";
        height: 0px;
       
    }
    
}