/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

.publication-single-card {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    margin: 3rem 0;
    background-color: $primary-hl9;
    padding: 2rem;
    border-radius: 0.8rem;

    @media only screen and (min-width:55em) {
        margin: 6rem 0;
        padding: 3rem 3rem 3.5rem;
    }

    .title {
        font-weight: bold;
        font-size: 1.8rem;
        line-height: 1.2;
        color: $primary;
        margin-bottom: 1rem;

        a::after {
            content: none;
        }
        
        @media only screen and (min-width:55em) {
            font-size: 2.4rem;
            margin-bottom: 2rem;
        }
    }

    .label {
        font-weight: bold;
    }

    .view {
        display: inline-block;
        margin-top: 1rem;

        @media only screen and (min-width:55em) {
            margin-top: 2rem;
        }
    }
}

.wp-block-sno-block-snolab-publication {
    max-width: 46ch;
}