.post_head
display: flex flex-direction: column align-items: baseline justify-content: flex-end
.post__hero
display: block object-fit: cover object-position: center margin-top: $navbar-height + $secondary-navbar-height width: 100vw height: 50vh margin-bottom: 6vh
.post__title
position: absolute display: flex flex-direction: column padding: 3rem 6rem 6rem 3rem background-color: $env-primary color: $white left: 5vw max-width: 90vw text-transform: uppercase //bottom: -10px border: solid 1px $white box-shadow: 1px 2px 20px -10px $white //text-align: left
.post__meta
font-size: $font-size * .6 padding-top: 3rem
.post__content
margin: 5vh auto width: 90vw max-width: 800px & > p padding: 3rem 0
.post__subtitle
padding: 1rem 0
.post__image
width: 60vw max-width: 800px margin: auto overflow: hidden
.post__content–image
display: block object-fit: cover object-position: center width: 100% height: 50vh
.image–north
object-position: top
.image–south
object-position: bottom
.post__link
color: $opd-blue text-decoration: none &:hover color: $black