/* Blog archive and article styles extracted from inline markup */
.blog-archive {
    position: relative;
}

.blog-archive-hero-image {
    position: absolute;
    top: -13em;
    right: 0;
}

.blog-listing-row {
    margin-top: -8em;
}

.blog-article-card {
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(41, 37, 40, 0.15);
    border: solid 0 #f2f2f2;
    background-color: #ffffff;
}

.blog-readtime-icon {
    margin-top: -0.2em;
}

.blog-feature-list {
    margin-left: -0.5em;
}

.blog-pagination .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 4px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    text-decoration: none;
    color: #000000;
    font-weight: 600;
}

.blog-pagination .page-numbers.current {
    background-color: orange;
    color: #ffffff;
    font-weight: 600;
}

.blog-pagination .page-numbers.prev,
.blog-pagination .page-numbers.next {
    background-color: #f2f2f2;
    color: #3d182c;
    font-weight: 600;
}

.blog-single-card-row {
    margin-top: -6em;
}

.blog-hero-desktop {
    border-radius: 8px;
    background-image: var(--blog-hero-image);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30em;
    background-size: cover;
}

.blog-hero-mobile-img {
    border-radius: 8px;
}

.blog-info-icon {
    margin-top: -0.3em;
}

.blog-share-label {
    opacity: 0.5;
    color: #292528;
    margin-right: 0.3em;
}

.blog-share-icon {
    margin-top: -0.3em;
    margin-right: 0.3em;
}

.blog-share-icon:last-child {
    margin-right: 0;
}

.blog-packshot-shadow {
    opacity: 0.5;
    background: radial-gradient(closest-side, #7a4b66, #7a4b66, #3d182c);
    width: 80%;
    height: 100%;
    margin-top: -3em;
    position: absolute;
}

.blog-grey-divider {
    background: #e0e0e0e8 !important;
}

.blog-back-link {
    font-size: 1.4em;
}