/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .media-items-container {
    display: flex;
    flex-wrap: wrap;
}
.media-row {
    display: flex;
    width: 100%;
}
.media-item figure {
    margin-bottom: 0px;
}
.media-item {
    display: block;
    margin: 0 5px;
    width: 25%;
    margin-bottom: 15px;
}
.media-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.load-more-container {
    margin:40px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#myModal{
    display: none;
}
.media-item-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1rem;
}
.media-item-description {
    font-family: var(--cs-font-entry-excerpt-family), sans-serif;
    font-size: var(--cs-font-entry-excerpt-size);
    letter-spacing: var(--cs-font-entry-excerpt-letter-spacing);
    color: var(--cs-color-contrast-800);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}