/* Link block */

.link-block {

    figure {
        position: relative;
        margin-bottom: 20px;
        background-size: cover;
        background-position: center;
        height: 200px;

        figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 2px $xs-space;
            background-color: $orange;
            color: #fff;
            font-family: "Lato Bold";
        }
    }

    h3 {
        margin-bottom: 20px;

        a {
            font-size: inherit;
            color: inherit;
        }
    }

    .link-block-item {
        padding: 15px;
        margin-bottom: $xs-space;
        transition: box-shadow 0.3s ease;
        &:hover {
            box-shadow: $box-shadow;
            cursor: pointer;

            h3 {
                text-decoration: underline;
            }
        }
    }
}

@element .link-block and (min-width: 400px) {
    :self .link-block-item figure {
        height: 250px;
    }
}

@element .link-block and (min-width: 600px) {
    :self .link-block-item figure {
        height: 300px;
    }
}

@element .link-block and (min-width: 900px) {
    :self .link-block-item figure {
        height: 600px;
    }
}

/* End Link block */