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

/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/

/*Post Card*/

.d2c_blog_section .col {
  padding: 0px 15px;
}
.d2c_post_card {
  height: 100%;
}
.d2c_post_card .card {
  position: relative;
  border-radius: 4px;
  border: none;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.d2c_post_card .card a {
  height: 100% !important;
}
.d2c_post_card .card .card-img-top {
  height: 100% !important;
}
.d2c_post_card .card .card-img-top img {
  height: 400px !important;
    object-fit: cover;
}
.d2c_post_card .card-body {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #282d3a 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 30px;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_post_card .card-body .card-title {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--default_one);
}
.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-family: var(--primary-font);
  font-weight: bold;
  font-size: 28px;
  text-transform: capitalize;
  color: var(--default_one);
}
.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 .d2c_hover_content {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #282d3a 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding: 30px;
  opacity: 0;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_post_card .card .d2c_hover_content .card-title {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--default_one);
}
.d2c_post_card .card:hover .d2c_hover_content {
  opacity: 1;
  background: linear-gradient(
    0deg,
    rgba(40, 45, 58, 0.9),
    rgba(40, 45, 58, 0.9)
  );
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_post_card .card:hover .card-body {
  opacity: 0;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}

/*Post Card*/

/* Blog section start */
.d2c_blog_section {
  padding: 0px 0px 100px 0px;
}
.d2c_blog_post {
  margin-bottom: 85px;
}
.d2c_recent_post {
  padding-bottom: 100px;
}
.d2c_recent_post .d2c_expert_heading {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--paragraph_color);
  margin: 100px 0px;
}

.d2c_medium_button {
  font-family: var(--primary-font);
  font-weight: bold !important;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  width: max-content;
  background: var(--primary-color) !important;
  color: var(--secondary-color) !important;
  padding: 12px 35px !important;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}

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

.d2c_recent_post_col {
  display: none;
  padding: 15px;
}
#d2c_recent_post {
  display: none;
}

/* call to action section start */

.d2c_CTA {
  padding: 100px 0px;
  background: linear-gradient(
      270deg,
      #282d3a 0%,
      rgba(40, 45, 58, 0.97) 16.67%,
      rgba(40, 45, 58, 0.9) 31.77%,
      rgba(40, 45, 58, 0.88) 54.17%,
      rgba(40, 45, 58, 0.85) 100%
    ),
    url(../images/CTA_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.d2c_CTA .d2c_CTA_left p {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--default_one);
}
.d2c_CTA .d2c_CTA_left h2 {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--default_one);
  margin-bottom: 20px;
}
.d2c_CTA .d2c_CTA_left .d2c_number {
  text-transform: capitalize;
  font-weight: 300;
}
.d2c_CTA .d2c_CTA_left .d2c_number a {
  color: var(--default_one);
  text-decoration: none;
}
.d2c_CTA .d2c_CTA_btn {
  background: var(--primary-color) !important;
}
.d2c_CTA .d2c_CTA_btn:hover {
  background: var(--default_one) !important;
  color: var(--secondary-color) !important;
}

/* call to action section end */

/* feature post section start */

.d2c_feature_post {
  padding: 100px 0px 0px 0px;
}
.d2c_feature_post .d2c_expert_heading {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--paragraph_color);
  margin-bottom: 50px;
}
.d2c_featured_post_col {
  display: none;
  padding: 15px;
}
#d2c_featured_post {
  display: none;
}
.d2c_feature_post .d2c_loadmore_btn {
  margin-top: 50px;
}

/* feature post section end */

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

/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/