/* @group Blog Detail Header
------------------------------------ */
.posts-header { color: var(--title-light); background: var(--bg-blog-header); margin: 8rem 0 6rem; padding: 3.4rem 0 0; }
.posts-header a { color: var(--title-light); }
.posts-header .img-box { height: auto; }
.posts-header time,
.posts-header address { font: normal 400 1.4em / 1.429em var(--bilo-font); letter-spacing: 2.24px; text-transform: uppercase; margin: 0 0 1.8rem; }
.posts-header address a { font-style: italic; }
.posts-header h1 { font-size: 4em; font-weight: 300; font-style: italic; letter-spacing: 6.4px; line-height: 1.100em; margin: 0 0 2rem; }

@media only screen
and (min-width : 961px) {
    .posts-header { margin: 14rem 0 9.3rem; padding: 7.7rem 0 0; }
    /* .posts-header .img-box { height: 68rem; } */
    .posts-header time,
    .posts-header address { display: inline-block; margin: 0 13.8rem 2.9rem 0; }
    .posts-header h1 { font-size: 7em; letter-spacing: 11.2px; line-height: 1em; margin: 0 0 9.4rem; max-width: 91.6rem; }

    .scrollhidden .secundary-nav { top: 0; background: rgba(245,245,245,.9); }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .posts-header article { display: flex; flex-direction: column; }
    .posts-header article address { order: 3; }
    .secundary-nav { background: transparent; margin: 0 0 9.8rem; }
}

/* @end */
/* @group Blog Detail Page
------------------------------------ */
#input-share { opacity: 0; position: absolute; left: -999vw; }
.post-content { color: var(--timeline-text); }
.post-content h2 { color: var(--posts-headings); font-size: 3.6em; letter-spacing: 5.76px; line-height: 1.167em; margin: 0 0 5.8rem; }
.post-content h4 { color: var(--posts-headings); font: 400 2.4em / 1.5em var(--main-font); letter-spacing: 0; margin: 0 0 5.5rem; }
.post-content p { line-height: 1.6em; margin: 0 0 7.5rem; }
.post-content blockquote { padding: 2rem 3.3rem; border-left: .2rem solid var(--bg-blog-header); margin: 0 0 11.4rem; }
.post-content .slider-widget { margin: 14.4rem 0 7.5rem; }

.post-content h4:last-child,
.post-content p:last-child { margin: 0; }

.post-content .share { margin: 12rem 0 16.8rem; }
.post-content .share h4 { font: 400 1.4em / 1.429em var(--bilo-font); letter-spacing: 2.24px; text-transform: uppercase; margin: 0 0 3.9rem; }
.post-content .share a { color: var(--posts-headings); font-size: 2em; display: inline-block; margin: 0 2.85rem; }
@media only screen
and (min-width : 961px) {
    .post-content { margin: 0 0 13.6rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
    .post-content h2 { margin: 0 0 5rem; }
    .post-content h4 { margin: 0 0 6rem; }
    .post-content .slider-widget { margin: 16.8rem 0 14.1rem; }
    .post-content blockquote { padding: 3rem 11.6rem; margin: 0 0 13.9rem; }
    .post-content .share { position: fixed; left: 0; width: 8.333333333333332vw; top: 0; }
    .post-content .share a { display: block; margin: 0 0 5.2rem; }
    .Explorer .post-content .share a:hover,
    .Mozilla.v11 .post-content .share a:hover { color: var(--footer-hover); }
    @media (hover: hover) {
        .post-content .share a:hover { color: var(--footer-hover); }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */