.gv-layout-builder-view--entry {
    border: 1px solid $color-border;
    padding: $padding 0;
    // Prevent background on featured entry.
    &:not( .gv-featured-entry ) {
        background: #FFF;
    }

    + .gv-layout-builder-view--entry {
        margin-top: 1em;
    }

    .gv-grid-row {
        display: flex;

        & + .gv-grid-row {
            div[class^=gv-field-] {
                margin-top: $padding;
                border-top: 1px solid $color-border;
                padding-top: $padding;
            }
        }
    }

    div[class^=gv-field-] {
        .gv-field-label {
            color: $color-label;
            font-size: .8em;

            + * {
                margin: 0;
            }
        }

        p, ul, ol {
            margin: 0;

            & + p, ul, ol {
                margin-top: 1em;
            }
        }

        & + div[class^=gv-field-] {
            margin-top: $padding;
            border-top: 1px solid $color-border;
            padding-top: $padding;
        }
    }

    div[class^=gv-grid-col-] {
        padding: 0 $padding;

        & + div[class^=gv-grid-col-] {
            border-left: 1px solid $color-border;
        }
    }
}

@import '../_responsive';

@include respond($tablet-portrait) {
    .gv-layout-builder-view .gv-grid-row {
        flex-direction: column;
    }

    .gv-layout-builder-view .gv-grid-col-1-3,
    .gv-layout-builder-view .gv-grid-col-1-1 {
        width: 100%;
    }
}