/* ==========================================================
   Template: interior-design
   Theme: Interior Design – Soft Beige / Terracotta / Teal
   Author: Diligent Creators
   ========================================================== */

/* --- Reset & Base --- */
.id-body {
  margin: 0;
  padding: 0;
  background-color: #d6cbbf;
  -webkit-font-smoothing: antialiased;
}
.id-outer {
  width: 100%;
  background-color: #d6cbbf;
}
.id-outer-td {
  padding: 20px 10px;
}
.id-container {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(41,37,36,0.1);
}

/* --- Preheader --- */
.id-preheader {
  background: #f5f0eb;
  color: #8c735f;
  font-size: 11px;
  font-style: italic;
}

/* --- Header --- */
.id-header {
  border-bottom: 2px solid #e6ddd4;
}

/* --- Hero --- */
.id-hero {
  background: #e6ddd4;
  padding: 50px 30px 40px;
  text-align: center;
}

/* --- Stats --- */
.id-stat {
  padding: 28px 15px;
  text-align: center;
}

/* --- Portfolio Cards --- */
.id-portfolio-card {
  border: 1px solid #e6ddd4;
  overflow: hidden;
}
.id-portfolio-img {
  background: #d4c9bc;
  height: 140px;
  text-align: center;
  line-height: 140px;
  font-size: 48px;
}

/* --- Style Guides (left border accent) --- */
.id-style-card {
  background: #ffffff;
  border-left: 4px solid;
  padding: 16px 14px;
}

/* --- Tips --- */
.id-tip {
  padding: 0 0 8px;
}

/* --- Promo / CTA --- */
.id-cta-section {
  background: #0d9488;
  padding: 35px 30px;
  text-align: center;
}

/* --- Testimonials --- */
.id-testimonial {
  background: #ffffff;
  border: 1px solid #e6ddd4;
  padding: 18px;
}

/* --- Social --- */
.id-social-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  text-decoration: none;
}

/* --- Footer --- */
.id-footer {
  background: #292524;
  padding: 25px 20px;
  text-align: center;
}

/* --- Responsive --- */
@media screen and (max-width: 600px) {
  .id-container {
    width: 100% !important;
  }
  .id-portfolio-card {
    width: 100% !important;
    display: block !important;
    margin-bottom: 14px !important;
  }
  .id-stat {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #e6ddd4 !important;
    padding: 20px 15px !important;
  }
  .id-stats-table td:last-child {
    border-bottom: none !important;
  }
  .id-style-card {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
  }
  .id-testimonial {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
  }
  img {
    height: auto !important;
    max-width: 100% !important;
  }
}