main > .govuk-grid-row {
    position: relative;
}

.hmpo-sidebar {
    @include govuk-clearfix;
    @include govuk-responsive-margin(6, "bottom");

    @include govuk-media-query($from: tablet) {
        @include govuk-grid-column(one-third);
        position: absolute;
        top: govuk-spacing(2);
        right: 0;

        .hmpo-sidebar__inner {
            border-top: 2px solid govuk-colour("blue");
            padding-top: govuk-spacing(2);
        }
    }

    .hmpo-sidebar__inner > img {
        display: block;
        max-width: 100%;
    }

    li {
        margin-bottom: govuk-spacing(2);
    }
}

.hmpo-sidebar__big-image {
    .hmpo-sidebar__inner > img {
        width: 400px;
    }
}

.hmpo-sidebar__small-image {
    .hmpo-sidebar__inner > img {
        width: 250px;
    }
}

.hmpo-sidebar__photo-preview {
    h2 {
        display: none;
    }

    .hmpo-sidebar__inner > img {
        width: 140px;
    }

    @include govuk-media-query ($from: tablet) {
        h2 {
            display: block;
        }

        .hmpo-sidebar__inner > img {
            width: 160px;
        }
    }
}


.hmpo-sidebar__thick-border {
    @include govuk-media-query($from: tablet) {
        .hmpo-sidebar__inner {
            border-top: 10px solid govuk-colour("blue");
        }
    }
}