#filters {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
#filters-flex-wrap {
    margin: 0 0 0 -0.5em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
#filters-flex-wrap > * {
    margin: 0 0 2px 0.5em;
}
#filters select {
    width: 10em;
}

#maintenance {
    background: var(--flame);
    padding: 1em;
    text-align: center;
}
#returning {
    background: var(--celestial-blue);
    padding: 1em;
    text-align: center;
    color: #fff;
    border-radius: 0.5em;
}

#branding-logo-ctn {
    height: 4em;
}
#branding-logo {
    height: 100%;
}

#courses-ctn {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -1em;
    justify-content: center;
}
.course {
    margin: 0 0 1em 1em;
    flex-basis: calc(33% - 1em);
    min-width: 20em;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    background: #fff;
    flex-grow: 1;
    border-radius: 0.5em;
}
.course-header {
    background: var(--midnight-green) url(/media/global_assets/image/pattern_h.png);
    padding: 1em;
    color: #fff;
    background-size: cover;
    border-radius: 0.4em 0.4em 0 0;
}
.course-type {
    margin: 0;
    font-size: 0.8em;
}
.course-title {
    font-size: 1.5em;
    margin: 0;
}
.course-dates {
    margin: 0;
}
.course-deadline {
    margin: 0;
    font-size: 0.8em;
}

.course-poster {
    height: 200px; /* Set a fixed height for the poster container */
    background-size: cover;
    background-position: center;
}
.course-details {
    padding: 1em;
    text-align: justify;
    flex-grow: 1;
    line-height: 1.2em;
}
.course-ctas-ctn {
    background: var(--coral);
    padding: 1em;
    border-radius: 0 0 0.4em 0.4em;
}
.course-ctas-ctn p {
    line-height: 1.2em;
}
.more-details {
    background: var(--antique-white);
    color: var(--prussian-blue);
}