/*
News - Single CSS
*/

/* General
========================= */

/* Home Hero
=================================================== */
.single-hero { display: block; padding: 1em 0 2em; }
.single-hero-block { margin: 0 auto; max-width: 1480px; width: 100%; }

.single-hero-feat { display: block; position: relative; width: 100%; height: 500px; }
.feat-img { background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }

/* Featured Content
============================= */
.single-content { display: flex; flex-direction: column; align-items: center; padding: 1.5em 2em 1em; width: 100%; }
.single-content-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.single-post-details { padding: 0 0 2em; }
.single-post-details.gallery { padding: 0 0 1em; }
.post-title { display: flex; flex-direction: column; justify-content: center; padding: 1em 0 2em; }
.post-title span { color: #303133; font-family: 'Raleway'; font-size: 4rem; font-weight: 600; letter-spacing: .01em; line-height: 1.2; margin: 0; }
.post-title span:last-of-type { font-size: 1.7rem; font-weight: 500; padding: .5em 0 0; }
.post-title span .seperate { padding: 0 .2em; }
.single-post-details p { color: #000; font-family: 'Raleway'; font-size: 1.9rem; font-weight: 500; line-height: 1.6; margin: 0; padding: 0 0 1em; text-underline-offset: .25em; }
.single-post-details p:first-of-type { padding: .5em 0 1em; }
.single-post-details p:last-of-type { padding: 0; }
.single-post-details p a { text-decoration: underline; }
.single-post-details p a:hover { color: #ba88d9; }
.single-post-details p strong { font-weight: 600; letter-spacing: .02em; line-height: 2.4; }
.single-post-details p img { max-width: 100%; }
.single-post-details p .post-pic { max-width: 420px; width: 100%; }
.single-post-details p img.alignleft { margin: 0 1.8em 1em 0; }
.single-post-details .figure { padding: 1em 0 0; }
.single-post-details .figure img { width: 350px; max-width: 100%; }
.single-post-details .figure .post-img { width: 100%; margin: 0 auto; max-width: 100%;}
.single-post-details .read-more, .single-post-details .watch-vid { color: #000; font-family: 'Plus Jakarta Sans'; font-size: 1.5rem; font-weight: 800; letter-spacing: .02em; line-height: 1.4em; margin: 0; text-transform: uppercase; }
.single-post-details .read-more:hover, .single-post-details .watch-vid:hover { color: #e91976; }

/* Featured Content Gallelry
============================= */
.feat-single-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(360px,1fr)); gap: 15px; padding: 1.5em 0; }
.feat-single-gallery img { display: block; margin: 0; width: 100%; }

.photo-credit { display: flex; flex-direction: row; flex-wrap: wrap; padding: .25em 0 .8em; }
.photo-credit span { color: #000; font-family: Raleway; font-size: 1.6rem; font-weight: 600; font-style: italic; line-height: 1.4; padding-right: .25em; }
.photo-credit span:last-of-type { font-weight: 500; }

.single-page-nav { padding: 1em 0; }
.single-page-nav .single-post-nav {}
.nav-links { display: flex; flex-direction: row; align-items: center; margin: 0; padding: 1.5em 1em; width: 100%; }
.nav-links .nav-previous, .nav-links .nav-next { color: #888; line-height: 1; }
.single-post-nav .back-to-news { display: flex; justify-content: center; align-items: center; width: 100%; }
.single-post-nav .back-to-news .meta-nav { display: flex; }
.single-post-nav .back-to-top-level .meta-nav img { width: 18px; }
.single-page-nav .single-post-nav .nav-links .nav-previous span, .single-page-nav .single-post-nav .nav-links .nav-next span { display: none; }

/* Responsive
========================= */
@media only screen and (max-width: 1480px) {
.single-hero-feat { max-height: 475px; }
.post-title span { font-size: 3.8rem; }
}

@media only screen and (max-width: 1280px) {
.single-hero-feat { max-height: 450px; }
.single-content { padding: 1.25em 2em .8em; }
.post-title span { font-size: 3.6rem; }
.single-post-details p .post-pic { max-width: 350px; }
.feat-single-gallery { grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); padding: 1.5em 0 1em; }
}

@media only screen and (max-width: 1140px) {
.single-hero-feat { max-height: 425px; }
.post-title span { font-size: 3.4rem; }
}

@media only screen and (max-width: 1080px) {
.single-page-nav { padding: .8em 0; }
.nav-links { padding: 1em; }
}

@media only screen and (max-width: 1024px) {
.single-hero-feat { max-height: 400px; }
.single-content { padding: 1em 2em .5em; }
.post-title { padding: 0 0 1.5em; }
.post-title span { font-size: 3.2rem; }
.single-post-details .figure img { margin: 0 1.6em .4em 0; width: 300px; }
.single-post-details p img.alignleft { margin: 0 1.6em .4em 0; }
.single-post-details p .post-pic { max-width: 300px; }
.feat-single-gallery { grid-template-columns: repeat(auto-fit,minmax(310px,1fr)); padding: 1.25em 0 .8em; }
}

@media only screen and (max-width: 880px) {
.single-hero-feat { max-height: 375px; }
.single-content { padding: .8em 2em .5em; }
.post-title { padding: 0 0 1.25em; }
.single-post-details p .post-pic { max-width: 275px; }
.feat-single-gallery { padding: 1.25em 0 .8em; }
}

@media only screen and (max-width: 768px) {
.single-hero { padding: .8em 0 1.5em; }
.single-hero-feat { max-height: 350px; }
.single-content { padding: .8em 1.5em .5em; }
.post-title { padding: 0 0 1.25em; }
.post-title span { font-size: 3rem; }
.post-title span:last-of-type { font-size: 1.6rem; }
.single-post-details { padding: 0 0 1.5em; }
.single-post-details p { font-size: 1.8rem; }
.single-post-details .figure img { width: 250px; }
.single-post-details p .post-pic { max-width: 250px; }
.feat-single-gallery { grid-template-columns: repeat(auto-fit,minmax(275px,1fr)); padding: 1em 0 .8em; }
.single-page-nav { padding: .8em 0 .5em; }
.nav-links { padding: 1em 1em .8em; }
}

@media only screen and (max-width: 719px) {
.single-hero-feat { max-height: 325px; }
.single-post-details p .post-pic { max-width: 225px; }
}

@media only screen and (max-width: 640px) {
.single-hero { padding: .5em 0 1.25em; }
.single-hero-feat { max-height: 300px; }
.single-content { padding: .5em 1.5em; }
.post-title {padding: 0 0 1em; }
.post-title span { font-size: 2.8rem; }
.post-title span:last-of-type { font-size: 1.5rem; }
.single-post-details { padding: 0 0 1em; }
.single-post-details .figure img { margin: 0 1.2em .4em 0; max-width: 200px; }
.single-post-details p { font-size: 1.7rem; }
.single-post-details p img.alignleft { margin: 0 1.2em .4em 0; }
.single-post-details p .post-pic { max-width: 200px; }
.single-post-details .read-more, .single-post-details .watch-vid { font-size: 1.4rem; }

.feat-single-gallery { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)); gap: 25px; padding: .5em 0; }
.photo-credit span { font-size: 1.5rem; }
}

@media only screen and (max-width: 580px) {
.single-hero-feat { max-height: 275px; }
.post-title span { font-size: 2.6rem; }
}

@media only screen and (max-width: 520px) {
.post-title span { font-size: 2.4rem; }
}

@media only screen and (max-width: 480px) {
.single-hero { padding: .25em 0 1.25em; }
.single-hero-feat { max-height: 250px; }
.single-content { padding: .5em 1.2em; }
.single-post-details { padding: 0 0 .8em; }
.post-title { padding: 0 0 .8em; }
.post-title span { font-size: 2.2rem; }
.post-title span:last-of-type { font-size: 1.4rem; }
.single-post-details p { font-size: 1.6rem; padding: 0 0 .8em; }
.single-post-details p img.alignleft { margin: 0 0 1.5em; }
.single-post-details p .post-pic { max-width: 100%; }
.single-post-details .figure img { margin: 0 1.2em .4em 0; max-width: 100%; width: 100%; }
.single-post-details .read-more { font-size: 1.3rem; }
.feat-single-gallery { gap: 20px; }
.single-page-nav { padding: .5em 0; }
.nav-links { padding: .8em 1em .5em; }
.feat-list-item:first-of-type { padding: .25em 0; }
.feat-list-item { padding: .25em 0; }
.feat-list-item:last-of-type { padding: .25em 0 0; }
}