/* @group Blog Page
------------------------------------ */
.blog-main { position: relative; z-index: 2; }
.blog-main .featured-header { background: var(--bg-blog-header); padding: 15.1rem 0 11.2rem; margin: 0 0 7rem; }
.blog-main .featured-header h2 { color: var(--title-light); }
.blog-main .featured-header h4 { color: var(--title-light); font-size: 2.4em; font-weight: 500; letter-spacing: 3.84px; line-height: 1.5em; margin: 0 0 3.6rem; }
.blog-main .featured-header h4 em { display: block; font-size: .835em; letter-spacing: 3.2px; line-height: 1.400em; font-weight: 400; }
.blog-main .featured-header .story-box { margin-bottom: 3.6rem; }

.blog-main .featured-article { color: var(--title-light); margin-bottom: 28.1rem; }
.blog-main .featured-article .box { color: var(--title-light); }
.blog-main time { font: italic 400 1.4em / 1.429em var(--bilo-font); letter-spacing: 2.24px; margin: 0 0 3.8rem; display: block; }
.blog-main h1 { font-size: 4em; font-weight: 300; font-style: italic; letter-spacing: 6.4px; line-height: 1.100em; text-transform: uppercase; }
.featured-article .link-circle { color: var(--timeline-title); margin-left: auto; display: flex; justify-content: flex-end; width: 100%; }
.featured-article .link-circle i svg { stroke: var(--timeline-title); }

.load-more { margin: 6.4rem 0 9.9rem; }
.load-more .load > * { pointer-events: none; }
.load-more .link-circle { color: var(--timeline-title); text-align: right; }
.load-more .link-circle i svg { stroke: var(--timeline-title); }
.paginationWP { position: absolute; left: -9999vw; }
@media only screen
and (min-width : 961px) {
    .site-nav + .secundary-nav + #Featured-Stories { margin-top: 14.2rem; }
    .blog-main .featured-header { padding: 13rem 0 14.6rem; margin: 0 0 6.8rem; }

    .blog-main .featured-header h4 { margin: 0 0 7rem; }
    .blog-main .featured-header h4 em { font-size: inherit; letter-spacing: inherit; line-height: inherit; }

    .blog-main .featured-article { margin-bottom: 11.9rem; }
    .blog-main .featured-article .link-circle { position: absolute; top: calc(50% - 5rem); margin-top: 5rem; }
    .blog-main time { margin: 0 0 2.4rem; }
    .blog-main h1 { font-size: 7em; letter-spacing: 11.2px; line-height: 1em; max-width: 91.6rem; }
    
    .load-more { margin: 12.2rem 0 34rem; }
    .load-more.right { text-align: center; }

    .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) {
    .site-nav + .secundary-nav { margin-top: 10rem; }
}

/* @end */

/* @group Story Box
------------------------------------ */
.story-box { margin-bottom: 6.7rem; }
@media only screen
and (min-width : 961px) {
    .story-box { margin-bottom: 9.5rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */
