/* Add padding to the filter bar */
.ewpe-filter-bar {
    padding: 20px 25px !important; /* Add 20px padding top/bottom and 25px left/right */
    background-color: black !important;
    color: white !important;
    border-radius: 5px; /* Optional: Add rounded corners */
}

/* Add margin to the filter bar to move it inward */
.ewpe-filter-bar {
    margin-left: 30px !important; /* Adjust as needed */
    margin-right: 30px !important; /* Adjust as needed */
}

/* Center the filter bar on mobile devices */
@media (max-width: 767px) {
    .ewpe-filter-bar {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 60px) !important; /* Adjust width to ensure proper centering */
    }
}

/* Style the select elements and their options */
.ewpe-filter-bar select,
.ewpe-filter-bar select option {
    background-color: black !important;
    color: white !important;
}

/* Hide the icons */
.ewpe-filter-bar i {
    display: none !important;
}

/* Style the clear filter button */
.ewpe-clear-filter {
    color: white !important;
    cursor: pointer;
}

/* Add padding inside the select elements for better appearance */
.ewpe-filter-bar select {
    padding: 5px !important;
}

:root {
    --tec-color-text-primary: white !important;
    --tec-color-text-secondary: lightgray !important;
    --tec-color-button-primary: black !important;
    --tec-color-background: gray !important;
}

/* Increase font size for "Tilbage til program" link */
.tribe-events-back a {
    font-size: 30px !important; /* Set font size to 25px */
    font-family: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    text-decoration: none; /* Optional: remove underline */
}

/* Reset font styles to theme default for other elements */
.ewpe-filter-bar,
.ewpe-filter-bar select,
.ewpe-filter-bar select option {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Remove additional styling that might override the theme */
.ewpe-filter-bar,
.ewpe-filter-bar select,
.ewpe-filter-bar select option {
    all: unset;
    display: inline-block; /* Ensure proper display after unset */
    padding: 5px; /* Add padding for usability */
    background-color: black !important; /* Retain custom background color */
    color: white !important; /* Retain custom text color */
    border: 1px solid white; /* Add a border for visibility */
}

/* Ensure the reset does not break layout */
.ewpe-filter-bar {
    padding: 20px 25px !important; /* Retain custom padding */
    border-radius: 5px; /* Retain custom border radius */
}
/* Adjust the width of the filter group boxes */
.ewpe-filter-group {
    max-width: 250px; /* Adjust the width as needed */
    margin: 0 auto; /* Center align the boxes */
    display: flex;
    align-items: right;
    justify-content: left;
    padding: 10px; /* Add some padding for better click area */
    border: 1px solid #ccc; /* Optional: Add a border for visibility */
    border-radius: 5px; /* Optional: Add rounded corners */
}
