.elementor-13508 .elementor-element.elementor-element-23ed36c9{--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;--justify-content:center;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-13508 .elementor-element.elementor-element-3914dc34{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-13508 .elementor-element.elementor-element-3e222461{--display:flex;--min-height:411px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--overlay-opacity:0.5;overflow:visible;}.elementor-13508 .elementor-element.elementor-element-3e222461:not(.elementor-motion-effects-element-type-background), .elementor-13508 .elementor-element.elementor-element-3e222461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13508 .elementor-element.elementor-element-3e222461::before, .elementor-13508 .elementor-element.elementor-element-3e222461 > .elementor-background-video-container::before, .elementor-13508 .elementor-element.elementor-element-3e222461 > .e-con-inner > .elementor-background-video-container::before, .elementor-13508 .elementor-element.elementor-element-3e222461 > .elementor-background-slideshow::before, .elementor-13508 .elementor-element.elementor-element-3e222461 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13508 .elementor-element.elementor-element-3e222461 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13508 .elementor-element.elementor-element-3e222461.e-con{--align-self:flex-start;}.elementor-13508 .elementor-element.elementor-element-45bf2daa.elementor-element{--align-self:flex-start;}.elementor-13508 .elementor-element.elementor-element-45bf2daa{text-align:start;}.elementor-13508 .elementor-element.elementor-element-45bf2daa .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:36px;}.elementor-13508 .elementor-element.elementor-element-7e77d705.elementor-element{--align-self:flex-start;}.elementor-13508 .elementor-element.elementor-element-7e77d705 .elementor-icon-list-icon i{color:#FFFFFF;font-size:14px;}.elementor-13508 .elementor-element.elementor-element-7e77d705 .elementor-icon-list-icon svg{fill:#FFFFFF;--e-icon-list-icon-size:14px;}.elementor-13508 .elementor-element.elementor-element-7e77d705 .elementor-icon-list-icon{width:14px;}.elementor-13508 .elementor-element.elementor-element-7e77d705 .elementor-icon-list-item{font-family:"DM Serif Display", Sans-serif;}.elementor-13508 .elementor-element.elementor-element-19b357c0{font-family:"Inter", Sans-serif;}.elementor-13508 .elementor-element.elementor-element-3d37eece{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#BDB3B3;--border-color:#BDB3B3;overflow:visible;}.elementor-13508 .elementor-element.elementor-element-03ab70d{padding:14px 14px 14px 14px;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-blog-block-post > .row{align-items:flex-start;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-blog-block-post, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-image-card, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-card{padding:0px 0px 0px 0px;margin:14px 0px 0px 0px;}.elementor-13508 .elementor-element.elementor-element-03ab70d .post-meta-list{text-align:left;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-body .entry-title, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-entry-header .entry-title, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-size:30px;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-body .entry-title{text-align:center;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-entry-header .entry-title{text-align:center;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-footer{text-align:center;}.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-body > p{text-align:center;}@media(min-width:768px){.elementor-13508 .elementor-element.elementor-element-23ed36c9{--content-width:1300px;}.elementor-13508 .elementor-element.elementor-element-3914dc34{--width:75%;}.elementor-13508 .elementor-element.elementor-element-3d37eece{--width:30%;}}@media(max-width:1024px){.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-blog-block-post, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-image-card, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-card{margin:0px 0px 30px 0px;}}@media(max-width:767px){.elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-blog-block-post, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-image-card, .elementor-13508 .elementor-element.elementor-element-03ab70d .elementskit-post-card{margin:0px 0px 30px 0px;}}/* Start custom CSS for container, class: .elementor-element-3e222461 *//* ============================================
   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(113, 44, 107, 0.75) 0%,
      rgba(113, 44, 107, 0.30) 45%,
      rgba(113, 44, 107, 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: #712c6b;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(113, 44, 107, 0.3);
  transition: .25s;
}
.single .entry-content a:hover,
.elementor-widget-theme-post-content a:hover{
  color: #4f1e4a; /* Slightly darker on hover */
  border-color: #4f1e4a;
}

/* 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 */