/* ========================================================= content-single-books.css — Books single only Scope: Author: DW site ========================================================= */ /* =A. Layout: no sidebar, use the full content area ======================= */ .is-books-post .is-right-sidebar, .is-books-post .is-left-sidebar { display: none !important; } .is-books-post .site-content .content-area { width: 100% !important; } /* Let GP handle outer widths; we keep things centered and capped later */ .is-books-post .site, .is-books-post .site-content, .is-books-post .content-area, .is-books-post .inside-article, .is-books-post .entry-content { width: auto; margin-inline: auto; } /* =B. Breadcrumb spacing (match Woo look) ================================ */ .is-books-post .inside-article > nav.woocommerce-breadcrumb { margin-top: 2em; } .is-books-post .woocommerce-breadcrumb a:hover { color: var(--gt-orange); } /* =C. Media safety — never overflow the column ========================== */ .is-books-post img, .is-books-post video, .is-books-post canvas, .is-books-post iframe { max-width: 100%; height: auto; display: block; } /* Optional nicety: center standalone images */ .is-books-post .entry-content > p > img, .is-books-post .entry-content figure img { margin-inline: auto; } /* =D. Background: keep page dimmed on book singles ====================== */ .is-books-post::before { opacity: 0.4 !important; /* persistent dim overlay */ } /* =E. Amazon CTA: pill button styling (page-merch.css is dequeued here) == */ .is-books-post .btn-cart{ font-size: 22px; display: inline-flex; align-items: center; gap: .5rem; padding: .8rem 2rem; background: #000; color: #fff !important; font-weight: 600; border-radius: 10px; /* pill */ text-decoration: none; border: 1px solid transparent; } .is-books-post .btn-cart:hover { background: var(--gt-orange); } .is-books-post .btn-cart.btn-amazon{ background: #232f3e; /* Amazon navy */ border-color: #232f3e; } .is-books-post .btn-cart.btn-amazon:hover{ background: var(--gt-orange); border-color: var(--gt-orange); color: #232f3e !important; } .is-books-post .btn-cart i { font-size: 1.1em; } /* Ensure parent

doesn’t add weird margins around the button */ .is-books-post p .btn-cart { margin: 0; } /* =F. Typography tweaks (subtle, readable) ============================== */ .is-books-post .entry-title { font-size: clamp(28px, 4vw, 56px); line-height: 1.05; margin: 0 0 .35em 0; font-weight: 800; } .is-books-post .entry-content h2 { font-size: clamp(22px, 2.6vw, 34px); margin: 1.2em 0 .5em; } .is-books-post .entry-content h3 { font-size: clamp(19px, 2.2vw, 28px); margin: 1.1em 0 .4em; } .is-books-post .entry-content p, .is-books-post .entry-content li { line-height: 1.55; } /* =G. Nice spacing for figures, captions, embeds ======================== */ .is-books-post .entry-content figure { margin: 1.25rem auto; } .is-books-post .entry-content figcaption { font-size: .95rem; opacity: .8; text-align: center; margin-top: .5rem; } /* =H. Smart Slider in-content: unlock fixed heights on phones =========== */ @media (max-width: 900px) { .is-books-post .n2-section-smartslider[style] { height: auto !important; } .is-books-post [id^="n2-ss-"] .n2-ss-slide-limiter, .is-books-post [id^="n2-ss-"] .n2-ss-slider { height: auto !important; } .is-books-post [id^="n2-ss-"] img { max-width: 100%; height: auto; } } /* =I. MOBILE/TABLET (<=1023px): fluid with comfy gutters ================= */ @media (max-width: 1023px) { .is-books-post .site, .is-books-post .site-content, .is-books-post .content-area, .is-books-post .inside-article, .is-books-post .entry-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-inline: 16px !important; /* mobile gutters */ } } /* =J. DESKTOP (>=1024px): tidy caps ===================================== */ @media (min-width: 1024px) { .is-books-post .inside-article, .is-books-post .entry-content { max-width: 1140px; padding-inline: 24px; } /* Keep outer wrappers centered if theme allows wider site width */ .is-books-post .site, .is-books-post .site-content { margin-inline: auto; } } /* =K. Small safety: header tap targets ================================== */ @media (max-width: 768px) { .is-books-post .site-header { pointer-events: auto; } .is-books-post .woocommerce-breadcrumb { position: relative; z-index: 2; } }