// =============================================================================
// Blog Image Sizing
// =============================================================================
// Default blog post image dimensions.
// These are universal utilities available to all UJ themes.

// ============================================
// Blog Post Card Image
// ============================================
.blog-post-card-image {
  height: 240px;
  width: 100%;
}

@media (max-width: 991.98px) {
  .blog-post-card-image {
    height: 240px;
  }
}

@media (max-width: 575.98px) {
  .blog-post-card-image {
    height: 200px;
  }
}

// ============================================
// Blog Post Image
// ============================================
.blog-post-image {
  max-height: 480px;
  width: 100%;
}

@media (max-width: 991.98px) {
  .blog-post-image {
    max-height: 360px;
  }
}

@media (max-width: 575.98px) {
  .blog-post-image {
    max-height: 240px;
  }
}