/* 
  Template Name: Hossmate - Automobile Bootstrap Template
  Template URI: https://www.designtocodes.com/product/hossmate-automobile-bootstrap-template/
  Description: Hossmate Automobile Template is a paid and elegant website template that is built on Bootstrap.
  Author: DesigntoCodes
  Author URI: https://www.designtocodes.com
  Text Domain: Hossmate
*/

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

.d2c_blog_section {
  padding: 100px 0px;
}

/* blog post start */
.d2c_blog_section .d2c_recent_post .d2c_post_card {
  display: none;
}
.d2c_blog_section .d2c_post_card .card {
  border-radius: 0px;
  border: none;
  height: 400px;
  position: relative;
}
.d2c_blog_section .d2c_post_card .card .card-img-top {
  border-radius: 0px;
  height: 100%;
  object-fit: cover;
}
.d2c_blog_section .d2c_post_card .card .card-body {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  background: linear-gradient(180deg, rgba(19, 23, 35, 0) -36.6%, #131723 100%);
}

.d2c_blog_section .d2c_post_card .card .card-body .card-title a {
  font-family: var(--primary_font);
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  color: var(--default_one);
}
.d2c_blog_section .d2c_post_card .card .card-body .card-text {
  font-family: var(--secondary_color);
  font-size: 14px;
  color: var(--default_one);
}
.d2c_blog_section .d2c_post_card .card .card-body .card-text span {
  display: inline-block;
  margin-right: 20px;
}
.d2c_blog_section .d2c_post_card .card .card-body .card-text span:last-child {
  margin-right: 0px;
}

.d2c_blog_section .d2c_blog_right .d2c_post_card .card-title a {
  font-size: 20px !important;
}

/* blog post end */

/* recent post start */

.d2c_recent_heading {
  text-align: left;
}

.d2c_recent_post .d2c_post_card {
  margin-top: 30px;
  display: none;
}
.d2c_recent_post .d2c_post_card:nth-child(1) {
  margin-top: 0px !important;
}
.d2c_recent_post .d2c_post_card .card {
  height: 250px;
}
.d2c_recent_post .d2c_post_card .card-body {
  background: linear-gradient(
    0deg,
    rgba(43, 46, 57, 0.91),
    rgba(43, 46, 57, 0.91)
  ) !important;
}
.d2c_recent_post .d2c_post_card .d2c_button_regular {
  display: none;
}

/* recent post end */

/* feature post start */

.d2c_feature_heading {
  text-align: left;
}
.d2c_feature_post .d2c_post_card .card {
  height: 250px;
}
.d2c_feature_post .d2c_post_card .card-body {
  background: linear-gradient(
    0deg,
    rgba(43, 46, 57, 0.91),
    rgba(43, 46, 57, 0.91)
  ) !important;
}
.d2c_feature_post .d2c_post_card .card .card-body .card-title a {
  font-size: 20px;
}
.d2c_feature_post .d2c_post_card {
  margin-top: 30px;
}
.d2c_feature_post .d2c_post_card:nth-child(1) {
  margin-top: 0px !important;
}

/* feature post end */

/* =============================== Blog page css End ===================================== */