.feed__head

margin-top: ($navbar-height + $secondary-navbar-height) * 1.5
width: 100vw

.feed__title

width: 80vw
max-width: 1200px
margin: auto
color: $env-primary

.post__feed

display: flex
justify-content: space-around
flex-wrap: wrap
width: 80vw
max-width: 1200px
margin: 10vh auto

.feed__card

display: flex
flex-direction: column
//width: 200px
max-width: 360px
//height: 220px
//margin: 20px
overflow: hidden
border-radius: 0
//box-shadow: 0 0 6px rgba($env-primary,.8)

&:hover
  .feed__card--image
    transform: scale(1.2)
  .feed__card__image
    box-shadow: 0 10px 6px -5px rgba($env-primary,.6)
    transition: 1s ease-in-out
  .feed__card--title
    color: $opd-coral
    transition: .4s ease-in-out

.feed__card__image

width: 100%
height: 112.5px
overflow: hidden
box-shadow: 0 0 6px rgba($env-primary,.8)
transition: .6s ease-in-out

.feed__card–image

object-fit: cover
object-position: top
width: 100%
height: 100%
transition: .6s ease-in-out

.feed__card–text

padding: 2rem 0
color: $opd-blue
font-size: $font-size

.feed__card–link

text-decoration: none
color: inherit

.feed__card–title

transition: .2s ease-in-out
font-weight: $heavy-font

.feed__card–meta

font-size: $font-size * .5
padding: 0
& > span
  font-weight: $heavy-font

@media screen and ( min-width: 768px )

.feed__card--meta
  font-size: $font-size * .7

.feed__card
  display: flex
  flex-direction: column
  width: 200px
  max-width: 360px
  //height: 220px
  margin: 20px
  overflow: hidden
  border-radius: 0
  //box-shadow: 0 0 6px rgba($env-primary,.8)