/*
Theme Name: Elizabeth Reed Aden
Template: alt-creative
Author: Alt Creative
Author URI: https://altcreative.com
Description: Child theme for Elizabeth Reed Aden (author site). Brand lives in assets/css/brand.css; fonts are enqueued in functions.php (Adobe Typekit kit gux3qjy — nobel / korolev-compressed / questa-grande). Requires the alt-creative parent. Carries a snapshot of the section library in livecanvas/.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: aden-lc
*/

/* Per-site odds and ends only. The brand is assets/css/brand.css, loaded before
   this file by the parent. Keep the two separate so brand.css can be regenerated
   from the client's brand doc without touching anything else.

   Everything below is the original site's CUSTOM CSS, ported so it survives the
   move off WP Bakery: the Customizer Additional CSS (which resets on theme
   switch) and the per-page `_wpb_post_custom_css` (which WP Bakery stops
   emitting once a page is LiveCanvas content). Every value is either lifted
   verbatim from that CSS or measured on the live site (3 Aug 2026) — none are
   invented.
   ---------------------------------------------------------------------- */

/* The "Available <date>" badge on the home page (#coming-soon). NOT dead — an
   earlier read mistook it for a pre-launch placeholder; it is the availability
   pill that floats above the maroon subscribe band. Its parent section is
   position:relative, so the absolute offset lands it correctly. */
#coming-soon {
	display: inline-block;
	position: absolute;
	top: -48px; left: 0; right: 0;   /* straddles the hero/maroon boundary ~50/50 */
	margin: auto auto 50px;
	height: 45px;
	max-width: 400px;
	border-radius: 22px;
}

/* ---- Content layout: book / retailer icon grids -----------------------
   The home and book pages lay retailer and cover images out as inline blocks
   at a fixed width (measured on live). The original scoped some of these to an
   el_id (#fms); de-scoped to the class, which convert.py preserves. */
.book-icon, .logo-grid-img { width: 33%; display: inline-block; }
.book-icon img, .logo-grid-img img { width: 200px; max-width: 100%; }

.book-icon2 { width: 32%; display: inline-block; }
.book-icon2 img { width: 130px; max-width: 100%; }

.book-icon-50, .book-icon-50 img { margin: auto; height: 100px !important; width: auto; }

/* The max-height:200 cap is the F. Millard Smyth section only (#fms) — applying
   it to every .extra-book collapsed the Vintage Mysteries covers. Keep it scoped;
   centre all extra-book covers (the original wrapper is text-align:center).
   margin-bottom restores the gap between the cover and the title block beneath it
   (the converter dropped the original image's bottom margin, so cover and title
   were touching). */
.extra-book { text-align: center; margin-bottom: 20px; }
/* height (not max-height) + width:auto — the max-height/auto/img-fluid combo
   collapsed these to 0 in Chrome. All #fms covers are taller than 200, so the
   cap is identical either way. */
#fms .extra-book img { height: 200px; width: auto; max-width: 100%; margin: auto; }

/* Framed photo grid (about-eunice). The original targets
   `.photo-col .wpb_single_image`; convert.py emits a bare <img>, so the frame
   is applied to the image directly. */
.photo-col { padding: 5px; }
.photo-col img { padding: 10px; background: #fff; border: 2px solid #d6dce1; }

/* ---- Picostrap numeric utilities the content relies on ----------------
   Picostrap ships .fw-N (font-weight) and .ls-N (letter-spacing); Bootstrap 5.3
   (the alt-creative parent) does not, so these were dead here — book titles
   marked .fw-700 rendered at the light body weight, etc. Site-wide (fw-700 ×15,
   ls-1 ×17). Values measured on live. */
.fw-100 { font-weight: 100; }  .fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }  .fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }  .fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }  .fw-800 { font-weight: 800; }  .fw-900 { font-weight: 900; }
/* em-based, so they scale with font-size (measured: ls-1 = 2.7px on the 108px
   hero AND 0.54px on the 21.6px book title = 0.025em both). */
.ls-1 { letter-spacing: 0.025em; }
.ls-2 { letter-spacing: 0.0625em; }
.ls-3 { letter-spacing: 0.09em; }

/* text-alt = the "alternate" display face (korolev-compressed). */
.text-alt { font-family: korolev-compressed, sans-serif; }

/* Home hero (#hero-section, preserved from el_id by convert.py): a big two-tone
   display title — the h1 is 4em (72px), the emphasised spans 1.5em of that
   (108px). Without the id these reverted to the default ~45px h1. */
#hero-section { border-top: 3px solid #a87523; }   /* thin gold rule above the hero */
#hero-section h1 { font-size: 4em; line-height: 1; }
#hero-section h1 span { font-size: 1.5em; }

/* ---- Text utilities (measured on live) --------------------------------- */
.text-large { font-size: 1.2em; line-height: 27.18px; } /* 21.6px; original holds line-height fixed, not scaled */
.text-sans  { font-family: nobel, system-ui, sans-serif; }

/* The Eunice Mays Boyd "restored books" showcase headings render at 54px (the
   banner h1 is 45px and has no class; these carry .text-secondary). Two of them
   also use a self-hosted "vintage" display face (was in the old theme's fonts). */
@font-face {
	font-family: "vintage-1";
	font-display: block;
	src: url("assets/fonts/vintage-1.woff2") format("woff2"),
	     url("assets/fonts/vintage-1.woff") format("woff");
}
.text-vintage-1 { font-family: "vintage-1", "questa-grande", Georgia, serif; }
h1.text-secondary, h1.text-vintage-1 { font-size: 54px; line-height: 1.1; }

/* Content flagged mobile-only is hidden on desktop (measured: display:none).
   If a mobile show-back turns up in the gate-4 mobile pass, add it here. */
.mobileonly, .mobile-only { display: none; }

/* ---- Blog / news post-grid excerpts -----------------------------------
   The grid template shows only the second paragraph of each excerpt. */
.minh-excerpt p { display: none; }
.minh-excerpt p:nth-of-type(2) { min-height: 90px; display: block; }

/* (News "Press / Praise / Media" card spacing is handled in the markup — the
   card rows carry `my-2` instead of `mb-0`; a utility margin beats .row's
   negative gutter margin in the cascade, so the cards no longer overlap. See
   convert.py emit_row.) */

/* ---- Strong Testimonials (the "Praise for…" carousels) ----------------
   The plugin renders the markup; this is the typography the old theme gave it
   (measured on live): questa-grande serif quote, uppercase maroon author name.
   Without it the quotes fall back to nobel at body size. */
.wpmtst-testimonial,
.wpmtst-testimonial .testimonial-content,
.wpmtst-testimonial p {
	font-family: questa-grande, Georgia, serif;
	font-size: 0.95em;             /* 17.1px on the 18px body (em, so views scale) */
	font-weight: 300;
	line-height: 1.5;
	color: #160e03;
}
/* The "modern" view (e.g. the Mud page) sets a larger italic quote. */
.strong-view.wpmtst-modern .wpmtst-testimonial-content { font-size: 1.3em; font-style: italic; }
.wpmtst-testimonial-field {
	font-family: nobel, system-ui, sans-serif;
	font-size: 15.39px;
	margin-bottom: 5px;
}
.wpmtst-testimonial-field.testimonial-name {      /* the author name */
	font-weight: 600;
	text-transform: uppercase;
	color: #8e111d;
}
.wpmtst-testimonial-field.testimonial-company {   /* the attribution — plain */
	font-weight: 300;
}
/* On the home page the "Praise for…" carousel sits on the maroon
   (.bg-secondary) band, where the colours above — dark-ink quote and maroon
   author name — are unreadable (the maroon name is invisible). Force light text
   for testimonials on the maroon band only; the light-background carousels
   (e.g. the Mud page) are untouched. */
.bg-secondary .strong-view,
.bg-secondary .strong-view p,
.bg-secondary .strong-view em,
.bg-secondary .strong-view .wpmtst-testimonial-field {
	color: #faf7f0 !important;
}

/* ---- Sonaar audio player (news, book-clubs) ---------------------------- */
.iron-audioplayer .sonaar_fake_wave { margin: 0 auto !important; }
.iron-audioplayer .album-player { padding: 0 !important; }
.iron-audioplayer .track-title { display: none; }

/* ---- Gravity Forms submit button — maroon, matching the site. The plugin's
   default is blue; the old theme styled it. Measured on live. */
/* GF's own "framework" theme wins on specificity via a giant selector reading
   var(--gf-local-bg-color) (blue). Set the variable AND !important the colours
   so the button is the brand maroon regardless. */
.gform_wrapper { --gf-local-bg-color: #8e111d; --gf-color-primary: #8e111d; }
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper input.gform_button,
.gform_button {
	background-color: #8e111d !important;
	border: 1px solid #8e111d !important;
	color: #fff !important;
	border-radius: 28px !important;
	padding: 9px 18px;
	font-family: nobel, system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper input.gform_button:hover,
.gform_button:hover { background-color: #740e18 !important; }

/* ---- Popup Maker: the "Subscribe to Betsy's Tidbits" popup (#pum-172)
   plus its Mailchimp form. The popup content lives in the DB (carried over);
   these are the visual overrides that were in the Customizer Additional CSS. */
body .popmake-close {
	position: absolute; top: 0; right: 0;
	border: 0 solid transparent; background: transparent; color: #fff;
}
#mc4wp-form-1 { background: transparent; text-align: center; color: #fff; padding: 1.5em; }
body #pum-172 .pum-content {
	color: #000; font-family: inherit; font-weight: 400;
	background: #d5dce1 !important; padding: 3em 1em;
}
body #pum-172 .pum-content #mc4wp-form-1 { padding: 0 1.25em; color: #000; }
body #pum-172 .pum-content #mc4wp-form-1 .mc4wp-success { color: #000 !important; font-size: 1.2em; padding: 0 2em; }
body #pum-172 .pum-content #mc4wp-form-1 a {
	text-transform: uppercase; font-family: korolev-compressed, sans-serif;
	font-size: 1.5em; position: relative; top: .75em; font-weight: 700;
}
body #pum-172 .pum-content #mc4wp-form-1 input { font-size: 1.25em; }