.elementor-6744 .elementor-element.elementor-element-5a4d4f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6744 .elementor-element.elementor-element-dbeeb7b{--display:flex;}.elementor-6744 .elementor-element.elementor-element-f7296f0{--display:flex;--min-height:411px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-6744 .elementor-element.elementor-element-f7296f0:not(.elementor-motion-effects-element-type-background), .elementor-6744 .elementor-element.elementor-element-f7296f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6744 .elementor-element.elementor-element-f7296f0::before, .elementor-6744 .elementor-element.elementor-element-f7296f0 > .elementor-background-video-container::before, .elementor-6744 .elementor-element.elementor-element-f7296f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-6744 .elementor-element.elementor-element-f7296f0 > .elementor-background-slideshow::before, .elementor-6744 .elementor-element.elementor-element-f7296f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6744 .elementor-element.elementor-element-f7296f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6744 .elementor-element.elementor-element-f7296f0.e-con{--align-self:flex-start;}.elementor-6744 .elementor-element.elementor-element-4da8822.elementor-element{--align-self:flex-start;}.elementor-6744 .elementor-element.elementor-element-4da8822{text-align:start;}.elementor-6744 .elementor-element.elementor-element-4da8822 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:36px;}.elementor-6744 .elementor-element.elementor-element-d23f588.elementor-element{--align-self:flex-start;}.elementor-6744 .elementor-element.elementor-element-d23f588 .elementor-icon-list-icon i{color:#FFFFFF;font-size:14px;}.elementor-6744 .elementor-element.elementor-element-d23f588 .elementor-icon-list-icon svg{fill:#FFFFFF;--e-icon-list-icon-size:14px;}.elementor-6744 .elementor-element.elementor-element-d23f588 .elementor-icon-list-icon{width:14px;}.elementor-6744 .elementor-element.elementor-element-d23f588 .elementor-icon-list-item{font-family:"DM Serif Display", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-f4ba2bb{font-family:"Inter", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-c7a83e6{--display:flex;}.elementor-6744 .elementor-element.elementor-element-d818086 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-6744 .elementor-element.elementor-element-d818086 .e-search-input{font-family:"Inter", Sans-serif;border-radius:7px 7px 7px 7px;}.elementor-6744 .elementor-element.elementor-element-d818086 .e-search-submit span{font-family:"Inter", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-d818086{--e-search-submit-border-radius:7px 7px 7px 7px;}.elementor-6744 .elementor-element.elementor-element-da80044{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-6744 .elementor-element.elementor-element-da80044:after{content:"0.66";}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__thumbnail__link{width:100%;}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__meta-data span + span:before{content:"///";}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__thumbnail{border-radius:8px 8px 8px 8px;}.elementor-6744 .elementor-element.elementor-element-da80044.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-6744 .elementor-element.elementor-element-da80044.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-6744 .elementor-element.elementor-element-da80044.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__title, .elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__title a{font-family:"Inter", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__meta-data{font-family:"Inter", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__excerpt p{font-family:"Inter", Sans-serif;}.elementor-6744 .elementor-element.elementor-element-da80044 a.elementor-post__read-more{font-family:"Inter", Sans-serif;}@media(max-width:767px){.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6744 .elementor-element.elementor-element-da80044:after{content:"0.5";}.elementor-6744 .elementor-element.elementor-element-da80044 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-6744 .elementor-element.elementor-element-5a4d4f1{--content-width:1300px;}.elementor-6744 .elementor-element.elementor-element-c7a83e6{--width:43%;}}/* Start custom CSS for container, class: .elementor-element-f7296f0 *//* ============================================
   SOUTHERN REMODELING — CINEMATIC HERO BLOG
   Works on ALL single posts
   ============================================ */

:root{
  --sr-primary:#e8551f;
  --sr-primary-dark:#c8410f;
  --sr-dark:#161622;
  --sr-text:#3d3d4e;
  --sr-muted:#7a7a88;
  --sr-soft:#faf7f3;
  --sr-border:#eee9e2;
  --sr-radius:14px;
}

/* ---------- THE HERO CONTAINER (add class: sr-hero) ---------- */
.sr-hero{
  position:relative;
  min-height:480px;
  display:flex;
  align-items:flex-end;      /* pushes title to bottom */
  overflow:hidden;
  border-radius:20px;
  padding:50px 60px !important;
}
/* dark gradient so white text stays readable */
.sr-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,
      rgba(200,65,15,.75) 0%,
      rgba(200,65,15,.30) 45%,
      rgba(200,65,15,0) 75%);
  z-index:1;
  border-radius:20px;
  transition:background .5s ease;
}
/* the featured image itself — fill the container, zoom on hover */
.sr-hero .elementor-widget-theme-post-featured-image,
.sr-hero > .e-con-inner > .elementor-widget-theme-post-featured-image{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
}
.sr-hero .elementor-widget-theme-post-featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:20px;
  transform:scale(1.02);
  transition:transform 1s cubic-bezier(.16,1,.3,1);
}
.sr-hero:hover .elementor-widget-theme-post-featured-image img{
  transform:scale(1.08);
}

/* keep title + meta above the gradient */
.sr-hero .elementor-widget-theme-post-title,
.sr-hero .elementor-widget-post-info,
.sr-hero .elementor-widget-heading{
  position:relative;
  z-index:2;
}

/* TITLE */
.sr-hero h1,
.sr-hero .elementor-heading-title{
  color:#fff !important;
  font-size:46px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-1px;
  text-shadow:0 4px 40px rgba(0,0,0,.5);
  max-width:720px;
}

/* meta (author / date) */
.sr-hero .elementor-widget-post-info,
.sr-hero .elementor-post-info__item{
  color:rgba(255,255,255,.9) !important;
  font-size:14px;
  font-weight:600;
}
.sr-hero .elementor-post-info__item a{color:#fff !important;}

/* orange category chip — if you add a Post Terms / Heading widget,
   give it the class: sr-cat */
.sr-cat,
.sr-cat .elementor-heading-title{
  display:inline-block;
  background:var(--sr-primary);
  color:#fff !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  padding:8px 16px;
  border-radius:30px;
  box-shadow:0 8px 24px rgba(232,85,31,.4);
}


/* ============================================
   POST CONTENT STYLING (universal)
   ============================================ */
.single .elementor-widget-theme-post-content,
.single .entry-content{
  font-size:18px;
  line-height:1.85;
  color:var(--sr-text);
}

/* LEAD PARAGRAPH with drop-cap — first paragraph only */
.single .elementor-widget-theme-post-content > p:first-of-type::first-letter,
.single .entry-content > p:first-of-type::first-letter{
  float:left;
  font-size:76px;
  line-height:.82;
  font-weight:800;
  color:var(--sr-primary);
  margin:6px 14px 0 0;
}

.single .entry-content p,
.elementor-widget-theme-post-content p{margin-bottom:20px;}

/* H2 with accent bar */
.single .entry-content h2,
.elementor-widget-theme-post-content h2{
  font-size:32px;font-weight:800;color:var(--sr-dark);
  margin:44px 0 18px;line-height:1.25;
  position:relative;padding-left:20px;
}
.single .entry-content h2::before,
.elementor-widget-theme-post-content h2::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;
  width:5px;border-radius:4px;
  background:linear-gradient(180deg,var(--sr-primary),var(--sr-primary-dark));
}

.single .entry-content h3,
.elementor-widget-theme-post-content h3{
  font-size:23px;font-weight:800;color:var(--sr-dark);margin:32px 0 12px;
}

/* LINKS */
.single .entry-content a,
.elementor-widget-theme-post-content a{
  color:var(--sr-primary);font-weight:600;text-decoration:none;
  border-bottom:2px solid rgba(232,85,31,.28);transition:.25s;
}
.single .entry-content a:hover,
.elementor-widget-theme-post-content a:hover{
  color:var(--sr-primary-dark);border-color:var(--sr-primary-dark);
}

/* LISTS — spacing only (add your own icons if you want) */
.single .entry-content ul,
.single .entry-content ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol{margin:0 0 24px;padding-left:24px;}
.single .entry-content li,
.elementor-widget-theme-post-content li{margin-bottom:10px;line-height:1.65;padding-left:6px;}

/* BLOCKQUOTE / CALLOUT */
.single .entry-content blockquote,
.elementor-widget-theme-post-content blockquote{
  background:var(--sr-soft);border-left:5px solid var(--sr-primary);
  border-radius:0 var(--sr-radius) var(--sr-radius) 0;
  padding:24px 28px;margin:32px 0;font-size:17px;color:var(--sr-dark);
  box-shadow:0 10px 30px -12px rgba(22,22,34,.18);
}
.single .entry-content blockquote p:last-child,
.elementor-widget-theme-post-content blockquote p:last-child{margin-bottom:0;}

/* CONTENT IMAGES */
.single .entry-content img,
.elementor-widget-theme-post-content img{
  border-radius:var(--sr-radius);
  box-shadow:0 20px 44px -18px rgba(22,22,34,.35);
  margin:24px 0;height:auto;
}

/* TABLES */
.single .entry-content table,
.elementor-widget-theme-post-content table{
  width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;
  border-radius:var(--sr-radius);overflow:hidden;
  box-shadow:0 14px 34px -14px rgba(22,22,34,.22);font-size:16px;
}
.single .entry-content th,
.elementor-widget-theme-post-content th{
  background:linear-gradient(135deg,var(--sr-dark),#2a2a3e);color:#fff;
  padding:15px 18px;text-align:left;font-weight:700;
}
.single .entry-content td,
.elementor-widget-theme-post-content td{padding:14px 18px;border-bottom:1px solid var(--sr-border);}
.single .entry-content tr:nth-child(even) td,
.elementor-widget-theme-post-content tr:nth-child(even) td{background:var(--sr-soft);}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:767px){
  .sr-hero{min-height:380px;padding:28px 26px !important;}
  .sr-hero h1,.sr-hero .elementor-heading-title{font-size:28px;}
  .single .elementor-widget-theme-post-content,
  .single .entry-content{font-size:16px;}
  .single .entry-content h2,
  .elementor-widget-theme-post-content h2{font-size:24px;}
  .single .entry-content > p:first-of-type::first-letter,
  .elementor-widget-theme-post-content > p:first-of-type::first-letter{font-size:58px;}
}/* End custom CSS */