/* :: 7.0 Featured Post Sildes CSS */
.featured-post-area {
  position: relative;
  z-index: 2; }
  .featured-post-area .featured-post-content {
    position: relative;
    z-index: 1;
    border-bottom: var(--border-width) solid var(--color-bg-light); }
    .featured-post-area .featured-post-content .post-date {
      font-weight: var(--font-weight-semibold);
      font-size: var(--font-size-sm);
      text-transform: uppercase;
      letter-spacing: var(--letter-spacing-wide);
      color: var(--color-primary); }
    .featured-post-area .featured-post-content .post-title h2 {
      -webkit-transition-duration: var(--transition-slow);
      transition-duration: var(--transition-slow);
      font-size: 45px;
      font-weight: var(--font-weight-light);
      line-height: var(--line-height-tight);
      margin-bottom: var(--spacing-xl); }
      .featured-post-area .featured-post-content .post-title h2:hover {
        color: var(--color-primary); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .featured-post-area .featured-post-content .post-title h2 {
          font-size: 36px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .featured-post-area .featured-post-content .post-title h2 {
          font-size: 30px; } }
      @media only screen and (max-width: 767px) {
        .featured-post-area .featured-post-content .post-title h2 {
          font-size: 30px; } }
    .featured-post-area .featured-post-content .post-excerpt {
      margin-bottom: var(--spacing-lg); }
  .featured-post-area .post-meta {
    position: relative;
    z-index: 1;
    margin-top: var(--spacing-sm); }
    .featured-post-area .post-meta .author-comments a {
      font-size: var(--font-size-sm);
      font-style: italic;
      display: inline-block;
      font-weight: var(--font-weight-normal); }
      .featured-post-area .post-meta .author-comments a span {
        color: var(--color-text-light); }
      .featured-post-area .post-meta .author-comments a:first-child {
        margin-right: var(--spacing-2xl); }
        @media only screen and (max-width: 767px) {
          .featured-post-area .post-meta .author-comments a:first-child {
            margin-right: var(--spacing-xl); } }
      .featured-post-area .post-meta .author-comments a:hover, .featured-post-area .post-meta .author-comments a:focus {
        color: var(--color-primary); }
    .featured-post-area .post-meta .social-info a {
      display: inline-block;
      font-size: var(--font-size-sm);
      padding: 0 var(--spacing-lg); }
      .featured-post-area .post-meta .social-info a:hover, .featured-post-area .post-meta .social-info a:focus {
        color: var(--color-primary); }
      @media only screen and (max-width: 767px) {
        .featured-post-area .post-meta .social-info a {
          padding: 0 5px; } }

.post-sidebar-area {
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-sidebar-area {
      margin-top: var(--spacing-2xl); } }
  @media only screen and (max-width: 767px) {
    .post-sidebar-area {
      margin-top: var(--spacing-2xl); } }

/* :: 8.0 Instagram Area CSS */
.follow-us-instagram {
  width: 100%;
  background-color: var(--color-bg-light);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.instagram-content {
  width: 100%;
  gap: var(--spacing-sm) !important;
  row-gap: var(--spacing-sm) !important;
}

.single-instagram {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 11.25px);
  flex: 0 0 calc(25% - 11.25px);
  max-width: calc(25% - 11.25px);
  width: calc(25% - 11.25px);
  aspect-ratio: 1;
}
  @media only screen and (max-width: 991px) {
    .single-instagram {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.333% - 11px);
      flex: 0 0 calc(33.333% - 11px);
      max-width: calc(33.333% - 11px);
      width: calc(33.333% - 11px);
    }
  }
  
  @media only screen and (max-width: 767px) {
    .single-instagram {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 7.5px);
      flex: 0 0 calc(50% - 7.5px);
      max-width: calc(50% - 7.5px);
      width: calc(50% - 7.5px);
    }
  }
  .single-instagram::after {
    -webkit-transition-duration: var(--transition-slow);
    transition-duration: var(--transition-slow);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.9);
    content: '';
    position: absolute;
    opacity: 0;
    visibility: hidden; }
  .single-instagram img {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .single-instagram a {
    -webkit-transition-duration: var(--transition-slow);
    transition-duration: var(--transition-slow);
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 30;
    width: 100%;
    top: 50%;
    left: 0;
    font-size: 24px;
    color: var(--color-text);
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden; }
    .single-instagram a:hover {
      color: var(--color-primary); }
    .single-instagram a i {
      margin-right: 5px; }
  .single-instagram:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .single-instagram:hover::after, .single-instagram:hover a {
    opacity: 1;
    visibility: visible; }