/* Blog Archive & Index pages specific styles */
/* ------------------------------------------ */
.post-loop {
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 5px solid var(--color-light-grey);
    &.post-featured {
        @media only screen and (min-width: 48em) {
            .post-inner {
                display: grid;
                gap: 1.25rem;
                grid-template-columns: 50% 1fr;
                align-items: center;
                .post-thumbnail {
                    order: 2;
                }
            }
        }
    }
    .post-inner {
        .post-thumbnail {
            padding-bottom: 1rem;
            a {
                display: flex;
                max-height: 400px;
                vertical-align: middle;
                align-items: center;
                overflow: hidden;
                border-radius: 25px;
            }
        }
        .link-more {
            a {
                position: relative;
                &:after {
                    position: absolute;
                    top: 0;
                    right: -30px;
                    content: url("../images/button-arrow-blue.svg");
                    transition: transform .25s ease, box-shadow .25s ease;
                }
                &:hover {
                    color: var(--color-link-hover);
                    &:after {
                        transform: translateX(2px);
                    }
                }
            }
        }
    }
}