/***************************************
Launchpad Child Single Office Post Stylesheet

Loaded after single.css and single-post.css on office post pages (body classes .single-office_post and
.single-post), so the blog post styles already apply; only the office post differences are here.
*****************************************/

/* "Back to {office}" link in place of the blog category pills */
.single-office_post .office-post-byline {
    display: flex;
    justify-content: center;
    margin: 0;
}
.single-office_post .office-post-byline .back-to-office {
    margin: 0;
}
.single-office_post .office-post-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    font-size: 12px;
    line-height: 19.2px;
    color: #3c3e41;
    border: 1px solid #3c3e41;
    border-radius: 24px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
.single-office_post .office-post-back-link:hover,
.single-office_post .office-post-back-link:focus {
    color: #fff;
    background-color: #3c3e41;
}

/* "Back to {office}" button after the article: solid dark pill with a left arrow */
.single-office_post .office-post-element.content-element .section-footer .button {
    color: #fff;
    background-color: #3c3e41;
    border-color: #3c3e41;
}
.single-office_post .office-post-element.content-element .section-footer .button::before {
    content: "\2190";
    margin-right: 8px;
}
.single-office_post .office-post-element.content-element .section-footer .button::after {
    display: none;
}

/* "More from {office}": keep each card's Read more button inside its card (blog cards get this from .has-category) */
.single-office_post .office-post-element.post-element.image-above-content .hic-box {
    position: relative;
}

/* Contact section: border below as well as above */
.single-office_post #contact-form-global {
    border-bottom: 1px solid #afa194;
}