@import 'src/app/entity-groups/journal-entities/item-pages/journal/journal.component.scss';

:host {
    > * {
        display: block;
        padding-top: $content-spacing;
        padding-bottom: $content-spacing;
    }

    .top-item-page {
        background-color: $gray-100;
        margin-top: -$content-spacing;
    }

    .relationships-item-page {
        padding-bottom: $content-spacing - $spacer;
    }

    ds-metadata-field-wrapper {
        @media screen and (max-width: map-get($grid-breakpoints, md)) {
            flex: 1;
            padding-right: $spacer/2;
        }

        ds-thumbnail {
            display: block;
            max-width: $thumbnail-max-width;
        }
    }

    .search-container {
        margin-bottom: $spacer;
        @media screen and (max-width: map-get($grid-breakpoints, lg)) {
            width: 100%;
            max-width: none;
        }
    }
}
