/* 
Template Name: Hossly - Automobile Service HTML5 Template
Template URI: https://www.designtocodes.com/product/hossly-automobile-service-html5-template/
Description: Hossly Automobile HTML5 Template is a free and elegant website template that is built on Bootstrap
Author: designtocodes
Author URI: https://www.designtocodes.com
Text Domain: Hossly 
*/

/* =============================== Blog page css start ===================================== */

/*Post Card*/

.d2c_blog_section .col {
  padding: 15px;
}
.d2c_post_card {
  height: 100%;
}
.d2c_post_card .card {
  position: relative;
  border-radius: 2px;
  height: 100%;
}

.d2c_post_card .card-body {
  position: absolute;
  inset: 0;
  height: 250px !important;
  background: linear-gradient(180deg, rgba(34, 34, 34, 0.05) 0%, #222222 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.d2c_post_card .card-body .card-title {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  text-transform: capitalize;
  color: var(--default_one);
  margin-bottom: 0;
}
.d2c_post_card .card-body p {
  margin-top: 10px;
  margin-bottom: 15px;
}

.d2c_blog_section .d2c_first_col .d2c_post_card .card-body .card-title {
  font-size: 27px;
}
.d2c_blog_section .d2c_first_col .d2c_post_card .card-body a {
  text-decoration: none;
}

.d2c_post_card .card-body .card-text {
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  color: var(--default_one);
}

.d2c_post_card .card-body .btn.d2c_secondary_button {
  width: max-content;
}

/*Post Card*/

/* Blog section start */
.d2c_blog_section {
  padding: 100px 0px;
}

.d2c_blog_section .d2c_expert_heading {
  font-family: var(--primary-font);
  font-weight: 900;
  font-size: 50px;
  line-height: 59px;
  text-transform: uppercase;
  color: var(--secondary-color);
  margin-bottom: 50px;
  text-align: center;
}

.d2c_blog_post {
  margin-bottom: 85px;
}
.d2c_post_card{
  height: 250px;
}
.d2c_post_card .card .card-img-top img{
  height: 250px;
  object-fit: cover;
}
.d2c_post_card .card-body{
  height: 250px !important;
}
.d2c_recent_post {
  margin-bottom: 85px;
}
.d2c_latest{
  height: 100% !important;
}
.d2c_latest .card-img-top img{
  height: 520px !important;
}
.d2c_latest .card-body{
  height: 100% !important;
}

.d2c_recent_post .d2c_loadmore_btn {
  margin-top: 50px;
}

.d2c_feature_post .d2c_loadmore_btn {
  margin-top: 50px;
}

.d2c_recent_post_col {
  display: none;
}
#d2c_recent_post {
  display: none;
}

.d2c_featured_post_col {
  display: none;
}
#d2c_featured_post {
  display: none;
}
/* =============================== Blog page css End ===================================== */