.header {
        box-shadow: 0 2px 8px rgba(0,0,0,.75);
     background-color: hsl(var(--body-background))
}
.mfc-blog {
  position: relative;
  padding-top:1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width:992px) {
  .mfc-blog {
      padding-top:2rem;
      padding-bottom: 2rem;
  }
}

.mfc-blog-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}
.mfc-feed {
    position: relative;
  transition: 1s;
    opacity: 0;
    transform: scale(0.95);
    transition: 
        opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mfc-feed.show {
    opacity: 1;
    transform: scale(1);
}

.mfc-feed:hover {
    transform: scale(1.03);
}

.mfc-feed-image {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: .5rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.45);
}

.mfc-feed-image > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.mfc-feed-body {
    position: relative;
    margin-top:.75rem;
}
.mfc-feed-title {
    margin:0;
    font-size:1rem;
    line-height: 1.3;
    color:hsl(var(--white));
    font-weight: 500;
}

.mfc-feed:hover .mfc-feed-title {
    color:hsl(var(--gold-3))
}
.mfc-feed-excerpt {
    font-size:.875rem;
    line-height: 1.3;
    margin:.5rem 0 0;
    color:hsl(var(--white) / .75)
}

.mfc-feed-meta {
    margin-bottom:.5rem;
    display: flex;
    gap:.5rem
}
.mfc-feed-meta span {
    position: relative;
    display: block;
    font-size: .75rem;
    color:hsl(var(--light));
}
.mfc-feed-meta span:not(:first-child):before {
    position: relative;
    top:-2px;
    display: inline-block;
    margin-right: .325rem;
    content:'';
    height: 3px;
    width: 3px;
    background-color: hsl(var(--light));
    border-radius:50%
}
.mfc-feed-meta span:last-child {
    display: none
}
.mfc-feed-link {
    display: block;
}


@media (min-width:992px) {
    .mfc-feed-title {
        font-size:1.125rem;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .mfc-feed-excerpt {
        font-size:.875rem;
    }
    .mfc-feed-meta span {
        font-size: .825rem;
    }

    .mfc-feed-meta span:last-child {
        display: block
    }

}