/* Mixins
--------------------------------------------------------------- */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.posts-slider-section {
  padding: 7vw 15px; }
  .posts-slider-section .slider-small-text {
    text-transform: uppercase;
    font-weight: bold; }
  .posts-slider-section .slider-large-text {
    font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 100; }
  .posts-slider-section .swiper-container {
    margin-left: -20px; }
    .posts-slider-section .swiper-container .swiper-slide {
      box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
      margin: 40px 0;
      padding: 20px;
      width: 22%;
      min-height: 55vh;
      min-width: 290px;
      height: 50vh;
      display: flex;
      flex-direction: column; }
      .posts-slider-section .swiper-container .swiper-slide.featured-post {
        width: 40%; }
        .posts-slider-section .swiper-container .swiper-slide.featured-post .slide-featured-image img {
          max-height: unset !important; }
        .posts-slider-section .swiper-container .swiper-slide.featured-post:before {
          content: "Featured Post";
          position: absolute;
          top: -40px;
          left: 0;
          color: #50545a;
          text-transform: uppercase;
          font-weight: bold; }
      .posts-slider-section .swiper-container .swiper-slide:nth-child(1) {
        margin-left: 20px; }
      .posts-slider-section .swiper-container .swiper-slide .author-thumbnail img {
        border-radius: 50%;
        box-shadow: 7px 6px 11px 1px rgba(0, 0, 0, 0.3);
        width: 60px;
        height: 60px;
        object-fit: cover; }
      .posts-slider-section .swiper-container .swiper-slide .meta {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px; }
      .posts-slider-section .swiper-container .swiper-slide .slide-post {
        flex: 0 1 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .posts-slider-section .swiper-container .swiper-slide .slide-post .slide-post-title {
          margin-bottom: 15px; }
        .posts-slider-section .swiper-container .swiper-slide .slide-post .slide-featured-image {
          position: relative;
          overflow: hidden;
          height: 100%;
          margin-top: 20px; }
          .posts-slider-section .swiper-container .swiper-slide .slide-post .slide-featured-image img {
            object-fit: cover;
            position: absolute;
            width: 100%;
            height: 100% !important;
            bottom: 0; }