@charset "utf-8";
/* CSS Document */

#bgtop {
	background-image: url(https://learningorganicgardening.com/images/headerbg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	background-position: center top;
	background-color: #D7D4CF;
}
#header {
	background-image: url(https://learningorganicgardening.com/images/header.jpg);
	height: 280px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#body {
	background-image: url(https://learningorganicgardening.com/images/body.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

#footerbg {
	height: 214px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(https://learningorganicgardening.com/images/footerbg.png);
}

#footer {
	height: 170px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	background-image: url(https://learningorganicgardening.com/images/footer.png);
}
#contentbox {
	margin-right: 60px;
	margin-left: 60px;
}



h1, h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	color: #333333;
	letter-spacing: -1px;
	line-height: 1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 40px;
	margin: 0px;
}
h2 {
	font-size: 28px;
	margin: 0px;
}
h3 {
	font-size: 22px;
	margin: 0px;
}
h4 {
	font-size: 18px;
	margin: 0px;
}
h5 {
	font-size: 16px;
	margin: 0px;
}
h6 {
	font-size: 14px;
	margin: 0px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	margin-top:0px;
	color: #333333;
}
p a {
	color: #C58101;
}
p  a:hover {
	color: #9B0707;
	text-decoration: none;
}
.p-small {
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: #464646;
}
.red {
	color: #9b0707;
}
.blue {
	color: #2C6185;
}
.johnsonbox {
	background-color: #f4f4f4;
	height: auto;
	width: 70%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 6px dashed #9b0707;
	padding: 30px;
}
#footer .text {
	margin-top: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
#footer a {
	text-decoration:none;
	color:#333;
}
#footer a:hover {
	color:#333;
}
/*
 Theme Name: LeadU Frame Child
 Template:   generatepress
 Version:    3.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;
  --shadow: rgba(0,0,0,0.18);
}   /* ← was missing */
: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;
}
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%; }
}