@import "dxHelpers/reset";
@import "dxHelpers/text";
@import "dxHelpers/card";

:host {
    /* because this is used within other cards */
    height: 100%;
}

.authors > *:not(:last-child) {
    padding-bottom: 6px;
    display: block;
}

.card-content {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.card-content:not(.dx-card-base_layout-horizontal) {
    flex-direction: column;
}

.hide-datetime .datetime {
    display: none;
}

.hide-datetime .body {
    margin-bottom: 0 !important;
}

/* mobile responsiveness */

@media screen and (max-width: 768px) {
    .card-content:not(.dx-card-base_featured, .dx-card-base_fix-orientation) {
        flex-direction: row;
    }

    .card-content:not(.dx-card-base_featured, .dx-card-base_fix-orientation)
        .image-link {
        margin-right: var(--dx-g-card-img-spacing);
        margin-bottom: unset;
        flex-shrink: 0;
        height: 80px;
        width: 80px;
        padding-top: unset;
    }

    .card-content.has-image:not(
            .dx-card-base_featured,
            .dx-card-base_fix-orientation
        )
        dx-image-and-label::part(image) {
        display: none;
    }

    .card-content:not(.dx-card-base_featured, .dx-card-base_fix-orientation)
        .label,
    .card-content:not(.dx-card-base_featured, .dx-card-base_fix-orientation)
        .datetime {
        display: none;
    }
}