/*
 Theme Name: LeadU Frame Child
 Template:   generatepress
 Version:    2.0 (compact + fix pack merged)
*/

/* ===== FINAL FIX PACK (safe overrides) ===== */
/* Tweakable knobs */
:root{
  --outside-gap: 20px;  /* screen ↔ top border (was 25px) */
  --inside-gap:  1px;  /* top border ↔ D–N–D (tighter, but not zero) */
}

/* Outside gap (kept simple and strong) */
body .site{ margin-top: var(--outside-gap) !important; }

/* Date–News–Donate alignment, inside gap, and BODY-MATCHED FONT */
.row.l-topbar{
  margin-top: var(--inside-gap) !important;   /* 0px = no extra gap */
  display:flex !important;
  justify-content:space-between !important;   /* Date left, News center, Donate right */
  align-items:baseline !important;            /* fixes “date sits lower” */
  white-space:nowrap;

  /* Match site body typography (same as your <p> rule) */
  font-family: Georgia,"Times New Roman",Times,serif !important;
  font-size: 14pt !important;
  line-height: 1.3 !important;
}

/* Equal columns so the middle truly centers; kill legacy floats */
.row.l-topbar .column{
  flex:1 1 0 !important;
  float:none !important;
  margin:0 !important;
  display:block !important;
}
.row.l-topbar .column:nth-child(1){ text-align:left; }
.row.l-topbar .column:nth-child(2){ text-align:center; }
.row.l-topbar .column:nth-child(3){ text-align:right; }

/* Make date & links share the exact same metrics and baseline */
.row.l-topbar .l-topbar__date,
.row.l-topbar a{
  font:inherit !important;
  line-height:inherit !important;
  display:inline-block;
  vertical-align:baseline;
}

/* Use real underline so link height matches date (no extra bottom padding) */
.row.l-topbar a{
  text-decoration:underline !important;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  border:0 !important;
  padding-bottom:0 !important;
}

/* =========================
   FRAME & PAPER LOOK
   ========================= */
:root{
  --frame-width: 960px;
  --pad-x: 20px;                     /* inside left/right padding */
  --shadow: rgba(0,0,0,0.18);

:root{
  /* … keep your other vars … */
  --edge-tl-alpha: 0.42;  /* lighter top/left */
  --edge-tl-thick: 3px;   /* thinner top/left */
  --edge-rb-alpha: 0.95;  /* darker right/bottom */
  --edge-rb-thick: 5px;   /* thicker right/bottom */
}

body .site{
  max-width:var(--frame-width);
  margin-left:auto; margin-right:auto;      /* top margin set by FIX PACK */
  padding:0 var(--pad-x) 2px;               /* no extra top padding here */
  background:#fff;
  position:relative;
  border:0;
  box-shadow:6px 6px 14px var(--shadow);
}
body .site{ padding: 0 var(--pad-x) 2px; }     /* no extra top padding */
.site-content{ padding-top: 0; }
.inside-article{ padding-top: 0; }             /* ← important: was 10px earlier */
.entry-content > :first-child{ margin-top: 0; }
body .site{
  /* …existing lines… */
  padding: 0 var(--pad-x) 6px !important;  /* ← 10px on left/right via --pad-x */
  margin-left: auto;
  margin-right: auto;
}


/* Lighter top/left edge */
body .site::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(to bottom, rgba(0,0,0,var(--edge-tl-alpha)), rgba(0,0,0,0)) left top/100% var(--edge-tl-thick) no-repeat,
    linear-gradient(to right,  rgba(0,0,0,var(--edge-tl-alpha)), rgba(0,0,0,0)) left top/var(--edge-tl-thick) 100% no-repeat;
}

/* Darker right/bottom edge */
body .site::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(to left, rgba(0,0,0,var(--edge-rb-alpha)), rgba(0,0,0,0)) right bottom/var(--edge-rb-thick) 100% no-repeat,
    linear-gradient(to top,  rgba(0,0,0,var(--edge-rb-alpha)), rgba(0,0,0,0)) right bottom/100% var(--edge-rb-thick) no-repeat;
}

body .site{
  /* keep existing lines, then update this one: */
  box-shadow: 8px 10px 22px rgba(0,0,0,0.35);
}
	
/* GeneratePress containers: keep full width & no borders */
.site-header,.main-navigation,.site-content,.site-footer,
.inside-header,.inside-navigation,.site-main,.inside-footer-widgets,.inside-site-info{
  max-width:100% !important; width:100% !important;
  box-sizing:border-box;
  border:0 !important; box-shadow:none !important;
  margin:0; padding-left:20px; padding-right:20px;
}

/* Hide GP header/nav if you supply your own */
.site-header,.main-navigation{ display:none !important; }

/* Optional: hide page/post titles globally */
.page .entry-title,.single .entry-title{ display:none !important; }

/* Base content paddings (lean top spacing) */
.site-content{ padding-top:0; overflow:auto; }
.inside-article{ padding:10px 0; }

/* First/last child guards inside the WP content */
.entry-content > :first-child{ margin-top:0; }
.entry-content > :last-child { margin-bottom:0; }

/* =========================
   LEGAL LINKS OUTSIDE THE FRAME
   ========================= */
.leadu-legal-outside{
  text-align:center;
  font-size:clamp(0.8rem, 1.2vw, 0.95rem);
  line-height:1.4;
  margin:0 0 4px;
  padding:0;
}
.leadu-legal-outside a{
  color:#000;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}

/* =========================
   BOTTOM BRAND BLOCK
   ========================= */
.l-footerbrand{
  max-width:340px;
  margin:0 auto 2px;       /* tiny cushion above border */
  text-align:center;
}
.l-footerbrand__img,.l-footerbrand .l-img{
  display:block; margin:0 auto 8px; height:auto; max-width:100%;
}
.l-footerbrand__copyright{
  margin-top:8px;
  font-family: Georgia,"Times New Roman",Times,serif;
}

/* =========================
   WOOCOMMERCE TWEAKS
   ========================= */
body.single-product .entry-meta,
body.single-product .posted-on,
body.single-product time.entry-date{ display:none !important; }
.woocommerce-product-gallery .zoomImg{ display:none !important; }
body.single-product .related,
body.single-product .upsells{ display:none !important; }

/* =========================
   TYPOGRAPHY
   ========================= */
.style1,.style2,.style3,.style6,.style8,.style9,.style10,.style11,.style12,
.style13,.style17,.style18,.style19,.style20,.style21,.style22{
  font-family: Georgia,"Times New Roman",Times,serif;
}
p{ font-family: Georgia,"Times New Roman",Times,serif; font-size:14pt; text-align:left; }
h1,h3,h4{ font-family: Georgia,"Times New Roman",Times,serif; text-align:center; }
h4{ font-weight:bold; color:#000; }
a:link{ color:blue; text-decoration:underline; }  /* topbar/legal links override locally */
.style3{ font-size:14pt; text-align:left; }
.style8,.style11,.style20{ text-align:center; }
.style11,.style22{ text-decoration:underline; }
.style9,.style17{ margin-left:40px; font-size:14pt; }
.style10,.style18{ font-size:16pt; text-align:left; }
.style12{ font-size:18pt; text-align:left; }
.style7{ margin:15px 20px; }
.style14{ padding:15px; width:95%; text-align:center; }
.style15,.style16{ text-decoration:underline; }
.style4{ border-width:0; text-align:right; margin-right:30px; }
.style5{ color:#0068CF; }
.style21{ font-size:16pt; font-style:italic; }
.style23{ margin-left:120px; }

/* =========================
   IMAGES
   ========================= */
img{ max-width:100%; height:auto; }
img.responsive{ width:100%; height:auto; }

/* =========================
   LEGACY GRID UTILS (kept for older content)
   ========================= */
.section{ clear:both; padding:0; margin:0; }
.col,.column{ display:block; float:left; margin:1% 0 1% 1.6%; }
.col:first-child,.column:first-child{ margin-left:0; }
.span_2_of_2{ width:100%; } .span_1_of_2{ width:49.2%; }
.span_3_of_3{ width:100%; } .span_2_of_3{ width:66.1%; } .span_1_of_3{ width:32.2%; }
.group:before,.group:after{ content:""; display:table; }
.group:after{ clear:both; }
.group{ zoom:1; }

@media (max-width:480px){
  .col,.column{ margin:1% 0; }
  .span_2_of_2,.span_1_of_2,.span_3_of_3,.span_2_of_3,.span_1_of_3{ width:100%; }
}