/*
 Theme Name:   Hello Elementor Child - Gods Purpose Bible
 Template:     hello-elementor
 Version:      1.1.0
 Author:       Sites By Design
 Description:  Custom child theme for Gods Purpose Bible. Light palette: white bg, dark text, brown logo, green H4/links.
 Text Domain:  hello-elementor-child
*/

/* ==========================================================================
   GPB content styling — light theme matching live godspurposebible.com
   ========================================================================== */

/* Body */
body { color:#333333; background:#ffffff; font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:15px; line-height:1.65; }

/* Headings inside content */
.entry-content h1, .page-content h1, .elementor-widget-theme-post-content h1 { color:#333333; font-family:'Open Sans',sans-serif; font-weight:700; font-size:30px; line-height:1.25; margin:24px 0 16px; }
.entry-content h2, .page-content h2, .elementor-widget-theme-post-content h2 { color:#333333; font-family:'Open Sans',sans-serif; font-weight:700; font-size:24px; line-height:1.3; margin:22px 0 14px; }
.entry-content h3, .page-content h3, .elementor-widget-theme-post-content h3 { color:#333333; font-family:'Open Sans',sans-serif; font-weight:700; font-size:20px; line-height:1.35; margin:20px 0 12px; }
.entry-content h4, .page-content h4, .elementor-widget-theme-post-content h4 { color:#1a5d1a; font-family:'Open Sans',sans-serif; font-weight:700; font-size:17px; line-height:1.4; margin:18px 0 10px; }
.entry-content h5, .page-content h5 { color:#333333; font-family:'Open Sans',sans-serif; font-weight:700; font-size:15px; line-height:1.4; margin:16px 0 10px; }
.entry-content h6, .page-content h6 { color:#555555; font-family:'Open Sans',sans-serif; font-weight:600; font-size:14px; line-height:1.4; margin:14px 0 8px; }

/* Page header (the title block at the top of single pages) */
.page-header { padding:24px 0 12px; border-bottom:1px solid #e5e5e5; margin-bottom:18px; }
.page-header .entry-title { color:#333333; font-family:'Open Sans',sans-serif; font-weight:700; font-size:28px; line-height:1.2; margin:0; }

/* Body paragraphs and links */
.page-content, .entry-content { color:#333333; font-family:'Open Sans',sans-serif; font-size:15px; line-height:1.65; }
.page-content p, .entry-content p { color:#333333; margin:0 0 14px; }
.page-content a, .entry-content a { color:#1a5d1a; text-decoration:underline; }
.page-content a:hover, .entry-content a:hover { color:#7B3F1B; }

/* Anchor link offset for footnote/reference jumps (495 uses) */
.anchorlink { position:relative; display:block; top:-100px !important; }

/* Border chapter framing (105 uses) */
.borderchapter { border:2px solid #1a5d1a; padding:30px; width:80%; margin:24px auto; border-radius:4px; background:#fafafa; }
@media (max-width: 768px) { .borderchapter { width:100%; padding:20px; } }

/* Tables — clean grey borders, generous padding (matching OTB1 screenshot) */
.page-content table, .entry-content table { border-collapse:collapse; width:100%; margin:16px 0; }
.page-content table th, .entry-content table th,
table.tableborder th { color:#333333; padding:12px; border:1px solid #cccccc; background:#f7f7f7; font-weight:700; }
.page-content table td, .entry-content table td,
table.tableborder td { color:#333333; padding:12px; border:1px solid #cccccc; vertical-align:middle; }
table.tablebordernopad, table.tablebordernopad td { border:1px solid #cccccc; border-collapse:collapse; padding:6px; text-align:center; }

/* Footnote sup styling — keep yellow highlight from live site */
sup { background:#fffc00; color:#000000; padding:2px 5px; border-radius:2px; font-size:11px; line-height:1; vertical-align:super; }
sup a { color:#000000 !important; text-decoration:none; }

/* Highlight + yellow background utility classes */
.highlight, .yellowbg { background:#fffc00; color:#000000; padding:0 4px; }

/* WP block images */
.wp-block-image img { max-width:100%; height:auto; }
.wp-block-image figcaption { color:#666666; font-size:13px; text-align:center; margin-top:6px; }

/* WP block separator */
.wp-block-separator { border:none; border-top:1px solid #e5e5e5; margin:28px auto; }

/* Lists */
.page-content ul, .entry-content ul,
.page-content ol, .entry-content ol { color:#333333; padding-left:24px; margin:0 0 14px; }
.page-content li, .entry-content li { margin-bottom:6px; }

/* Buttons inside content */
.entry-content .wp-block-button__link, .page-content .wp-block-button__link {
    background:#1a5d1a; color:#ffffff; font-weight:600; padding:10px 24px; border-radius:4px; text-decoration:none;
}
.entry-content .wp-block-button__link:hover, .page-content .wp-block-button__link:hover { background:#7B3F1B; }

/* Hello Elementor's main content container — sensible reading width */
.site-main, .entry, .page-content { max-width:920px; margin-left:auto; margin-right:auto; padding:24px; }
.elementor-page .site-main, .elementor-page .entry, .elementor-page .page-content { max-width:none; padding:0; }

/* Header — white, brown hover, brown active */
.gpb-header { box-shadow:0 1px 0 rgba(0,0,0,.05); }
.gpb-header img { background:transparent; }

/* Footer — black bg, muted grey text, brown links */
.gpb-footer p { margin:0; }
.gpb-footer a { color:#c4884d; text-decoration:none; }
.gpb-footer a:hover { color:#ffffff; text-decoration:underline; }