/****************************************************************************
 * Header
 ****************************************************************************/
.post_header_item {
    margin-top: -4rem;
}
.post_header_item .post_header_inner_wrapper {
    position: relative;
    margin: 0;
}
.post_header_item .archive_image_wrapper .classic_archive_item_post_titles {
    padding:  0 0 4rem;
    max-width: 40rem;
}
.post_header_item .archive_image_wrapper .classic_archive_item_post_titles p {
    font-weight: 900; text-transform: uppercase;
}
.post_header_item .archive_image {
    padding-bottom: 110%;
}


.post_header_item .archive_cta {
    text-align: left;
}
.post_header_item .archive_cta .button {
    padding-right: 2rem;
}
.post_header_item .archive_cta .button:after {
    right: 1rem;
}



@media screen and (min-width: 40em) {
    /****************************************************************************
     * Header
     ****************************************************************************/
    .post_header_item .archive_image {
        padding-bottom: 66.666%;
    }
    .post_header_item .archive_image_wrapper .classic_archive_item_post_titles {
        padding: 2.9375rem 0 8rem;
    }
}


@media screen and (min-width: 64em) {
    /****************************************************************************
     * Header
     ****************************************************************************/
    .post_header_item .archive_image {
        padding-bottom: 50%;
    }
    .post_header_item .archive_image_wrapper .classic_archive_item_post_titles {
        left: 0.9375rem; right: 0.9375rem;
        padding: 0 0 10rem;
    }
}


@media screen and (min-width: 90em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .post_header_item .archive_image {
        padding-bottom: 40%;
    }
    .post_header_item .post_header_inner_wrapper {
        width: 83.333%; margin: 0 auto;
    }
    .post_header_item .archive_image_wrapper .classic_archive_item_post_titles {
        padding: 0 0 13rem;
    }
}

@media screen and (min-width: 120em) {
    /****************************************************************************
     * Listing
     ****************************************************************************/
    .post_header_item .archive_image {
        padding-bottom: 30%;
    }
    .post_header_item .post_header_inner_wrapper {
        width: 66.666%; 
    }

}