.short_display {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.short_display_section {
    flex: 1;
    /*flex-basis: calc(100/3);*/
    max-width: calc(100%/3);
    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}

.short_display_section a {
    text-decoration: none;
}

.sd_small_text {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    /*word-wrap: break-word;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd_small_text_hidden {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /*word-wrap: break-word;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--primary_page_background);
}

.sd_image {
    display: block;
    width: 90%;
    /* make the image fit into a perfect square based on the element width */
    aspect-ratio: 1 / 1;
    object-fit: cover;
    /*max-height: 150px;*/
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    border-color: var(--secondary_matching_color);
}

.sd_image_hidden {
    display: block;
    width: 90%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

.short_display_placeholder {
    flex: 1;
    /*flex-basis: calc(100/3);*/
}

@media (max-width: 1300px) {
}