/*---------------------------------------------------------------------------------
 Theme Name:   Divi Child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#main-content .container:before{
    display:none;
}
.single.single-post .et_pb_section {
    padding-top:0px !important;
}
/* ===== Full-width banner (featured image + title/meta) ===== */
.dbd-hero-full{
  width: 100%;
  margin-left: calc(50% - 50vw);
  position: relative;
  padding: 70px 0 50px;
  background: #111;
  /*background-image: var(--dbd-hero-bg);*/
  background-size: cover;
  background-position: center;
  overflow:hidden !important;
}

.dbd-hero-sr{
  /*position:absolute;*/
  /*left:-9999px;*/
  /*width:1px;height:1px;overflow:hidden;*/
  /*overflow:hidden;*/
  width:80%;
  border-radius:20px;
  margin:0 auto;
  
}

.dbd-hero-overlay{
  /*position: relative;*/
  /*background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.70));*/
  margin:30px auto 0 auto;
  /*overflow:hidden;*/
}

.dbd-hero-inner{
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 0 16px;
}
.b-featured-img{
    /*padding: 30px 30px;*/
    border: 1px solid #ffffff;
    margin: 0 auto;
    border-radius: 20px;
    background-size:100%;
    background-position:center;
    height:24rem;
    box-shadow: 1px 20px 40px rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}
.b-featured-img:hover{
    background-size:105%;
}
.dbd-hero-full .dbd-title{
  /*color: #fff;*/
  margin: 0 auto 8px auto;
  line-height: 1.15;
  text-align:center;
}

.dbd-hero-full .et_post_meta_wrapper,
.dbd-hero-full .post-meta,
.dbd-hero-full .post-meta a{
  /*color: rgba(255,255,255,.85) !important;*/
  text-align:center;
}

/* ===== Layout (content + sticky sidebar) ===== */
.dbd-layout{
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 18px 16px 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 26px;
  align-items: start;
}

.dbd-sticky{
  position: sticky;
  top: 90px; /* adjust to your header height */
}

/* ===== Sidebar cards ===== */
.dbd-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  margin-bottom: 14px;
}

.dbd-btn{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,.10);
}

/* ===== Before/After card ===== */
.dbd-ba-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.dbd-ba-label{
  font-weight: 700;
  margin-bottom: 8px;
}
.dbd-ba-img{
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
.dbd-card--cta h3, .dbd-card--cta p{
        color:#ffffff;
}
.dbd-card--cta{
    padding:30px 30px;
    background: #1a1f26;

}
@media (min-width: 1200px){
    .dbd-hero-overlay{
        width:66%;
    }
  .b-featured-img{
    
    width: 66%;
      
  }
}


@media (max-width: 1200px){
  .dbd-layout{ grid-template-columns: 1fr; }
  .dbd-sticky{ position: relative; top: auto; }
  .dbd-hero-full{ padding: 44px 0 36px; }
  .dbd-hero-overlay{
        width:80%;
    }
  .b-featured-img{
    
    width: 80%;
      
  }
}