/* 
Theme Name: Prime Mid Life
Author: Mukto
Author URI: https://www.mukto.info
Theme URI: https://www.wpprodevs.com
Template: hello-elementor
Version: 1.0.0
Description: A child theme for Hello Elementor with custom styles.
Tags: hello-elementor, custom-background, custom-logo, custom-menu, featured-images, flexible-header, post-formats, theme-options
*/
.breadcrumb_wrapper {
  display: flex;
  align-items: center;
  padding: 10px 0;
  gap: 5px;
}
.breadcrumb_icon {
  margin-top: 5px;
}
.breadcrumb_icon svg {
  width: 10px;
}
.breadcrumb_wrapper a{
    color: #000;
}

/* blog  */

.container {
  margin: 0 auto;
}
.post_grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.post_item {
  background: #fff;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.blog_content {
  padding: 15px;
}
.blog_thumb a {
  display: block;
  height: 200px;
}

.blog_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog_content h3 {
  font-size: 20px;
}
.blog_content>a {
  font-size: 14px;
}
.category_post {
  padding: 50px 10px;
}

.blog_wrapper {
  padding: 0 10px 10px;
}
.post_grid {
  margin: 0 -10px;
}

@media only screen and (max-width: 991px) {
    .post_grid {
        grid-template-columns: 50% 50%;
    }
}
@media only screen and (max-width: 767px) {
    .post_grid {
        grid-template-columns: 100%;
    }
}