/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
/* SBP header - match live */
.inner-header.penci-header-second{padding:0!important;margin:0!important;border-bottom:1px solid #eaeaea!important;font-family:"Open Sans",sans-serif}
.inner-header.penci-header-second>.container{position:relative;padding:0!important}
#logo{padding:24px 0 23px!important;margin:0!important;text-align:center}
#logo img{width:342px!important;max-width:342px!important;height:59px!important;display:inline-block;vertical-align:top}
.header-social{position:absolute;right:10px;top:34px;width:auto;margin:0;text-align:right}
.header-social .inner-header-social{display:flex;justify-content:flex-end;margin:0}
.header-social a{display:inline-block;width:36px;height:36px;line-height:36px;padding:10px!important;margin:0!important;font-size:16px;text-align:center;box-sizing:border-box}
.header-social a i{font-size:16px;line-height:16px;margin:0;color:inherit!important}
.header-social a[aria-label=Facebook]{color:#3b5998;order:1}
.header-social a[aria-label=Youtube],.header-social a[aria-label=YouTube]{color:#cd201f;order:2}
.header-social a[aria-label=Pinterest]{color:#cb2027;order:3}
.header-social a[aria-label=Instagram]{color:#517fa4;order:4}
#navigation{background:#fff!important;border:0!important;border-bottom:1px solid #eaeaea!important;padding:0;margin:0;height:auto}
#navigation .container{position:relative;padding:0;text-align:center}
#mega-menu-wrap-main-menu,#mega-menu-wrap-main-menu #mega-menu-main-menu{background:transparent!important;text-align:center;position:static!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item{position:static!important;float:none!important;display:inline-block!important;margin:0!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link{display:block!important;font:600 18px/28.8px "Open Sans",sans-serif!important;color:#000!important;background:transparent!important;height:auto!important;padding:28px 75px!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important}
#navigation .mega-indicator{display:none!important}
#navigation #mega-menu-main-menu>li>a>span:not(.mega-indicator){display:inline;color:#2388ed!important;font:inherit;text-transform:none;letter-spacing:normal}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu{position:absolute!important;left:0!important;right:auto!important;width:1170px!important;margin-top:0!important;padding:15px 10px!important;background:#f9f9f9!important;text-align:center;box-sizing:border-box}
#mega-menu-main-menu .mega-sub-menu>section.container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#mega-menu-main-menu li[class*=mega-menu-columns-]{padding:0 20px!important}
#navigation li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link{font:700 16px/20px "Open Sans",sans-serif!important;color:#555!important;text-transform:capitalize!important;text-align:left!important;padding:10px 0 5px!important;height:auto!important;letter-spacing:normal!important}
#navigation li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-item li.mega-menu-item>a.mega-menu-link{font:400 13px/15px "Open Sans",sans-serif!important;padding:1px 0!important}
#navigation li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-item li.mega-menu-item.mega-website>a.mega-menu-link{padding:9px 0!important}
#navigation li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link:hover{color:#2388ed!important}


/* SBP: hide duplicate top featured image on page-builder posts */
body.sbp-has-spb-image article > .post-image { display: none !important; }

/* =====================================================================
   SBP staging fix package — APPEND to the end of soledad-child/style.css
   Prepared 2026-10-30. Sections are in alphabetical order of the fix
   description; the number is the item number from the approved list.
   Items fixed only by Customizer / widgets / functions.php have no section
   here (see PLAN.md). Sections were pre-verified together, in this order.
   ===================================================================== */

/* ---------- #21 — back-to-top button ---------- */
/* Floating back-to-top (enabled in the Customizer): live look, 32px black circle, 70% opacity, 20px from the right */
.penci-go-to-top-floating {
	width: 32px !important; height: 32px !important; line-height: 32px !important; right: 20px !important; bottom: 20px;
	border-radius: 50% !important; background: #000 !important; color: #fff !important; opacity: .7; font-size: 14px !important; }
.penci-go-to-top-floating:hover { opacity: 1; }

/* ---------- #6 — body font/color ---------- */
/* Body text: the Customizer sets Open Sans 16px / 1.75 / #222; these lines cover what it does not reach */
body { color: #222; }
.post-entry, .post-entry p, .post-entry li { font-family: "Open Sans", sans-serif; color: #222; }
.single .post-entry, .single .post-entry p { font-size: 17px; line-height: 27px; }

/* ---------- #11 — breadcrumbs ---------- */
/* Breadcrumbs: Open Sans 12px #777 (size/colour also set in the Customizer); space between crumbs.
   The theme prints a stray extra </i>, so the crumbs run together without explicit icon margins. */
.container.penci-breadcrumb, .container.penci-breadcrumb span, .container.penci-breadcrumb a, .container.penci-breadcrumb i {
	font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 42px; color: #777 !important; }
.container.penci-breadcrumb a:hover { color: #333 !important; }
.container.penci-breadcrumb i.penci-faicon { margin: 0 7px; font-size: 11px; }

/* ---------- #16 — category tags on the image ---------- */
/* Category labels: white 12px/700 uppercase pills on #222, overlaid bottom-left on the card image
   (live: 30px in from the image's left edge, 30px up from its bottom edge). */
.item-masonry.grid-masonry, .penci-grid li.grid-style { position: relative; }
.item-masonry .grid-header-box, .penci-grid li.grid-style .grid-header-box { position: relative !important; margin-top: 0 !important; }
.item-masonry .grid-header-box .cat, .penci-grid li.grid-style .grid-header-box .cat {
	position: absolute; top: auto; bottom: calc(100% + 54px); /* 28px thumbnail-to-text gap + 30px, less the 4px pill margin */ left: 30px; right: 30px; z-index: 3; margin: 0 !important; text-align: left; line-height: 0; pointer-events: none; }
.item-masonry .grid-header-box .cat a.penci-cat-name, .penci-grid .grid-header-box .cat a.penci-cat-name,
.single .penci-standard-cat .cat a.penci-cat-name {
	display: inline-block; pointer-events: auto; margin: 0 4px 4px 0 !important; padding: 0 8px !important; background: #222; color: #fff !important;
	font: 700 12px/19px "Open Sans", sans-serif !important; text-transform: uppercase; letter-spacing: 1px; }
.item-masonry .grid-header-box .cat a.penci-cat-name:after, .penci-grid .grid-header-box .cat a.penci-cat-name:after,
.single .penci-standard-cat .cat a.penci-cat-name:after { display: none !important; }
.item-masonry .grid-header-box .cat a.penci-cat-name:hover, .single .penci-standard-cat .cat a.penci-cat-name:hover { background: #2388ed; }
@media only screen and (max-width: 767px) {
	/* Soledad makes masonry cards position:static !important on phones; re-anchor the labels to the card */
	.container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry { position: relative !important; top: auto !important; left: auto !important; }
}
/* Live's category archive cards carry no label (the page is already that category). Delete this rule to keep them. */
body.category .item-masonry .grid-header-box .cat, body.category .penci-grid .grid-header-box .cat { display: none !important; }

/* ---------- #8 — category/search title style ---------- */
/* Category / search title: large dark sentence-case H1, no small green "CATEGORY:" label */
.archive-box { text-align: left; }
.archive-box .title-bar { text-align: left; padding: 0; border: 0; }
.archive-box .title-bar:before, .archive-box .title-bar:after { display: none !important; }
.archive-box .title-bar span { display: none; }
.archive-box h1 { font-family: "Open Sans", sans-serif; font-size: 45px; line-height: 50px; font-weight: 600; color: #333 !important; text-transform: none; letter-spacing: 0; margin: 0; }

/* ---------- #30 — email link color ---------- */
/* Content links (e.g. support@ email on Contact / Submit): live blue */
.post-entry a:not(.penci-ele-btn):not(.site-link-btn):not(.wp-block-button__link) { color: #2388ed; }
.post-entry a:not(.penci-ele-btn):not(.site-link-btn):not(.wp-block-button__link):hover { color: #1a6fc4; }

/* ---------- #19 — Give Today title style ---------- */
/* Sidebar widget titles ("Give Today"): Open Sans 22px/700 #333, left, no boxed frame or arrow */
.penci-sidebar-content .penci-border-arrow.widget-title, .penci-sidebar-content .widget-title {
	border: 0 !important; background: none !important; margin-bottom: 15px; text-align: left; }
.penci-sidebar-content .penci-border-arrow:before, .penci-sidebar-content .penci-border-arrow:after,
.penci-sidebar-content .widget-title .inner-arrow:before, .penci-sidebar-content .widget-title .inner-arrow:after { display: none !important; }
.penci-sidebar-content .widget-title .inner-arrow {
	display: block; padding: 0 !important; border: 0 !important; background: none !important;
	font: 700 22px/1.3 "Open Sans", sans-serif !important; color: #333 !important; text-transform: none !important; letter-spacing: 0 !important; }

/* ---------- #10 — grey page-title bar ---------- */
/* Grey page-title bar (#f7f7f7, 103px, title left, breadcrumbs right) on archives, search, posts and pages.
   The breadcrumb row becomes the band; the title is pulled up into it. */
body:not(.home) .container.penci-breadcrumb {
	position: relative; z-index: 0; height: 103px; margin-top: calc(0px - var(--pchd-mg, 0px)) !important; margin-bottom: 50px !important; padding-top: 0 !important; padding-bottom: 0 !important;
	display: flex; align-items: center; justify-content: flex-end; text-align: right; }
body:not(.home) .container.penci-breadcrumb:before {
	content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw;
	background: #f7f7f7; border-bottom: 1px solid #eaeaea; }
/* titles sit in the band, left */
body.archive .archive-box, body.search .archive-box,
body.page .penci-page-header {
	position: relative; z-index: 1; }
body.archive .archive-box, body.search .archive-box { margin: -128px 0 75px !important; max-width: min(100%, calc(100vw - 340px)); }
body.page .penci-page-header { margin: -128px 0 75px !important; padding: 0 !important; text-align: left; max-width: min(100%, calc(100vw - 340px)); }
body.page .penci-page-header h1.entry-title { margin: 0; text-align: left; }
body.page .penci-page-header:after { display: none; }
/* Posts (Single Style 4, item 27): the title container is the band; breadcrumbs sit at its right */
body.single .penci-single-pheader { position: relative; }
body.single .penci-single-pheader .container.penci-breadcrumb {
	position: absolute; top: 0; left: 0; right: 0; z-index: 2; margin: 0 auto !important; height: 103px; }
body.single .penci-single-pheader .container.penci-breadcrumb:before { display: none; }
body.single .penci-single-pheader > .container:not(.penci-breadcrumb) {
	position: relative; z-index: 0; min-height: 103px; margin-top: calc(0px - var(--pchd-mg, 0px)); padding-top: 26px; padding-bottom: 22px; margin-bottom: 0; }
body.single .penci-single-pheader > .container:not(.penci-breadcrumb):before {
	content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw;
	background: #f7f7f7; border-bottom: 1px solid #eaeaea; }
body.single .penci-single-pheader .single-header {
	text-align: left; margin: 0 !important; padding: 0 !important; max-width: min(100%, calc(100vw - 440px)); }
body.single .penci-single-pheader .single-header:after, body.single .penci-single-pheader .single-header .penci-standard-cat { display: none; }
body.single .penci-single-pheader .single-header h1.single-post-title { margin: 0; }
body.single .penci-single-pheader .single-header .post-box-meta-single { margin-top: 6px; text-align: left; }
@media only screen and (max-width: 960px) {
	/* the header is position:fixed here (item 2), so the header bottom margin is out of flow */
	body:not(.home) .container.penci-breadcrumb { margin-top: 0 !important; }
	body.single .penci-single-pheader > .container:not(.penci-breadcrumb) { margin-top: 0; }
}
@media only screen and (max-width: 767px) {
	/* phones: no breadcrumbs (as live); the title block itself becomes the grey band */
	body:not(.home) .container.penci-breadcrumb { height: 0; min-height: 0; overflow: hidden; margin-bottom: 0 !important; padding: 0 !important; }
	body:not(.home) .container.penci-breadcrumb:before { display: none; }
	body.archive .archive-box, body.search .archive-box, body.page .penci-page-header {
		margin: 0 -20px 30px !important; max-width: none; padding: 25px 20px !important; background: #f7f7f7; border-bottom: 1px solid #eaeaea; }
	body.single .penci-single-pheader .container.penci-breadcrumb { display: none; }
	body.single .penci-single-pheader > .container:not(.penci-breadcrumb) { padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; }
	body.single .penci-single-pheader .single-header { max-width: none; }
}

/* ---------- #15 — grid title style ---------- */
/* Grid / masonry card titles: Open Sans 18/26 regular, sentence case, #333 */
.penci-masonry .grid-title, .penci-masonry .grid-title a, .penci-grid .grid-title, .penci-grid .grid-title a,
.item-masonry .entry-title, .item-masonry .entry-title a {
	font-family: "Open Sans", sans-serif !important; font-size: 18px !important; line-height: 26px !important; font-weight: 400 !important;
	text-transform: none !important; letter-spacing: 0 !important; color: #333; }

/* ---------- #7 — heading style ---------- */
/* Headings: Open Sans 600, sentence case, 45/50 #333 for post and page H1 (font/size set in the Customizer) */
h1, h2, h3, h4, h5, h6, .post-title, .penci-page-header h1 { letter-spacing: 0; }
.single h1.single-post-title, .page .penci-page-header h1.entry-title {
	font-size: 45px !important; line-height: 50px !important; font-weight: 600 !important; color: #333; text-transform: none !important; }
.post-entry h2, .post-entry h3, .post-entry h4 { text-transform: none; color: #333; }

/* ---------- #3 — logo overlaps the social icons at 390 ---------- */
/* #3 Logo overlapping the social icons at 390: live shows no header social icons on mobile/tablet. */
@media only screen and (max-width: 960px) {
	#header .inner-header .header-social { display: none !important; }
}
/* The child theme's .header-social{position:absolute;...} rule also hits the drawer's social icons
   and lays them over the drawer logo; put them back in normal flow under the logo. */
#sidebar-nav .header-social.sidebar-nav-social { position: static !important; right: auto !important; top: auto !important; }

/* ---------- #1 — mobile menu items don't show ---------- */
/* #1 Mobile drawer menu (after MMM "Active Menu Instance" = 1, the drawer uses Soledad's native accordion).
   Hide the desktop tagline in the top item so it reads "START HERE"; tidy spacing. */
#sidebar-nav .menu > li > a { font-size: 0 !important; line-height: 0 !important; }
#sidebar-nav .menu > li > a br { display: none; }
#sidebar-nav .menu > li > a span,
#sidebar-nav .menu > li > a .indicator { font-size: 14px !important; line-height: 20px !important; }
#sidebar-nav .menu > li > a { padding: 14px 0 !important; display: block; }
#sidebar-nav .menu li a { font-family: "Open Sans", sans-serif; letter-spacing: 0; }
#sidebar-nav .menu ul.sub-menu li a img { max-width: 160px; height: auto; }

/* ---------- #2 — mobile/tablet header has two hamburgers / is too tall ---------- */
/* #2 Mobile/tablet header: one 71px row (logo left, hamburger right), no duplicate MMM "MENU" bar.
   Soledad switches to its mobile header at <=960px. */
@media only screen and (max-width: 960px) {
	#navigation #mega-menu-wrap-main-menu,
	#navigation .mega-menu-toggle { display: none !important; }
	#header.header-header-2 { position: relative; }
	/* keep the compact header pinned while scrolling, like live's fixed mobile header */
	.penci-header-wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 9990; background: #fff; }
	.penci-header-wrap #header { margin-bottom: 0 !important; } /* the header bottom gap would otherwise become a white strip inside the fixed bar */
	#soledad_wrapper { padding-top: 71px; }
	body.home #soledad_wrapper { padding-top: 101px; } /* live: content 30px below header */
	#header .inner-header { height: 71px; border-bottom: 1px solid #eaeaea; }
	#header .inner-header .container { height: 71px; display: flex; align-items: center; padding-left: 20px !important; padding-right: 20px !important; }
	#header #logo { padding: 0 !important; margin: 0 !important; text-align: left !important; width: auto !important; line-height: 0; }
	#header #logo img { width: 170px !important; max-width: 170px !important; height: auto !important; }
	/* the Soledad nav bar (hamburger + search) is laid over the right end of the logo row */
	#header .sticky-wrapper { height: 0 !important; }
	#navigation.header-2 { position: absolute !important; top: 0 !important; right: 20px !important; left: auto !important; width: auto !important; height: 71px; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 9; }
	#navigation.header-2 .container { width: auto !important; padding: 0 !important; margin: 0 !important; display: flex; align-items: center; height: 71px; }
	#navigation .button-menu-mobile { line-height: 71px !important; float: none !important; margin: 0 0 0 16px; font-size: 22px; color: #222; }
	#navigation #top-search { position: static !important; float: none !important; order: 1; height: 71px; line-height: 71px; }
	#navigation .button-menu-mobile { order: 2; }
	#navigation #top-search > a { line-height: 71px !important; height: 71px !important; }
	/* search box opens across the header row instead of a 58px sliver */
	#navigation #top-search .show-search { position: fixed !important; top: 0 !important; right: 20px !important; left: 20px !important; width: auto !important; height: 71px !important; background: #fff; z-index: 10; }
	#navigation #top-search .show-search input.search-input { top: 6px !important; }
	#navigation #top-search .show-search a.close-search { height: 71px; line-height: 71px; }
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
	#header .inner-header, #header .inner-header .container { height: 90px; }
	#soledad_wrapper { padding-top: 90px; }
	body.home #soledad_wrapper { padding-top: 140px; } /* live: content 50px below header */
	#navigation #top-search .show-search { height: 90px !important; }
	#navigation #top-search .show-search input.search-input { top: 16px !important; }
	#navigation #top-search .show-search a.close-search { height: 90px; line-height: 90px; }
	#navigation.header-2, #navigation.header-2 .container { height: 90px; }
	#navigation .button-menu-mobile, #navigation #top-search, #navigation #top-search > a { line-height: 90px !important; height: 90px !important; }
	#header #logo img { width: 280px !important; max-width: 280px !important; }
}
/* logged-in admin bar offset for the fixed mobile header (admin bar is not fixed below 601px) */
@media screen and (min-width: 601px) and (max-width: 782px) { .admin-bar .penci-header-wrap, .admin-bar #navigation #top-search .show-search { top: 46px !important; } }
@media screen and (min-width: 783px) and (max-width: 960px) { .admin-bar .penci-header-wrap, .admin-bar #navigation #top-search .show-search { top: 32px !important; } }

/* ---------- #32 — off-screen carousel slides ---------- */
/* Clip off-screen carousel slides so they can never cause sideways scrolling */
.post-related, .penci-related-carousel { overflow: hidden; }

/* ---------- #27 — old-post featured image width ---------- */
/* Old posts: featured image full-bleed under the title (template set to Style 4 in the Customizer). */
.penci-single-pheader .post-image { display: block; width: 100%; max-width: none; margin: 0 0 60px; }
.penci-single-pheader .post-image a { display: block; width: 100%; margin: 0; } /* live: 60px from image to content/sidebar */
.penci-single-pheader > .container + .post-image { margin-top: 0 !important; }
.penci-single-pheader .post-image img { width: 100% !important; max-width: none !important; height: auto !important; }
/* builder posts already show the picture in the content: keep the existing duplicate-hide working with Style 4 */
body.sbp-has-spb-image .penci-single-pheader .post-image { display: none !important; }

/* ---------- #9 — search title result count ---------- */
/* Search title count: the functions.php filter prints "N results for love"; hide the separate "Search results for" label */
.search .archive-box .title-bar span { display: none; }

/* ---------- #20 — sidebar at 768 ---------- */
/* Keep the sidebar as a right column at tablet widths (live: content ~470px + sidebar ~250px at 768) */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.container.penci_sidebar #main { width: 66% !important; float: left !important; padding-right: 30px !important; }
	.container.penci_sidebar #sidebar.penci-sidebar-content { width: 34% !important; float: right !important; margin-top: 0 !important; display: block !important; }
	.container.penci_sidebar:after { content: ""; display: table; clear: both; }
}

/* ---------- #5 — Submit form two-column CSS is missing ---------- */
/* Submit A Picture: two-column CF7 layout (wrapper markup .sbp-cf7-cols > .sbp-col x2 already in the form) */
.sbp-cf7-cols { display: flex; gap: 30px; }
.sbp-cf7-cols > .sbp-col { flex: 1 1 0; min-width: 0; }
.sbp-cf7-cols input[type="text"], .sbp-cf7-cols input[type="email"], .sbp-cf7-cols textarea { width: 100%; box-sizing: border-box; }
@media only screen and (max-width: 767px) { .sbp-cf7-cols { display: block; } }

/* ---------- #25 — verse quote styling ---------- */
/* Verse blockquote: centred 17/27 Open Sans #222, no extra green quote icon, citation right-aligned on its own line */
.post-entry blockquote { font-family: "Open Sans", sans-serif; font-style: normal; text-align: center; color: #222; border: 0; padding: 10px 0; margin: 25px 0; }
.post-entry blockquote:before, .post-entry blockquote:after { display: none !important; content: none !important; }
.post-entry blockquote p { font: italic 400 17px/27px "Open Sans", sans-serif !important; color: #222 !important; text-align: center; margin: 0; }
.post-entry blockquote p .fa { color: #999; font-size: 12px; vertical-align: super; margin: 0 6px; font-style: normal; }
.post-entry blockquote .verse { display: block; text-align: right; font-style: normal; font-weight: 600; font-size: 15px; color: #333; margin-top: 8px; }

/* ---------- #4 — "You may also like" carousel is blank ---------- */
/* Swift Framework's swift-slider.min.css (left over from Uplift) sets a global .swiper-wrapper{opacity:0}
   that Soledad's swiper carousels never undo, so "You may also like" renders blank. */
.penci-owl-carousel .swiper-wrapper,
.post-related .swiper-wrapper { opacity: 1 !important; filter: none !important; }

/* ---------- #12 — Trending Now pills + newsletter bar (match live Uplift) ---------- */
/* Trending block: printed by Customizer > Featured Slider > General > "…Custom HTML Code Below Featured Slider"
   inside <div class="container penci-adsense-below-slider"> directly above the homepage feed. */
.penci-adsense-below-slider:has(.sbp-trending) { margin-top: 0; margin-bottom: 0; }
.sbp-trending { width: 100%; margin: 0 0 30px; text-align: center; }
.sbp-trending .sbp-trending-title {
	font: 400 25px/28px "Open Sans", sans-serif !important; color: #222 !important;
	text-transform: none !important; letter-spacing: 0 !important; text-align: center;
	margin: 0 0 10px !important; padding: 0; border: 0; background: none; }
.sbp-trending .sbp-trending-title:before, .sbp-trending .sbp-trending-title:after { display: none !important; }
.sbp-trending .sbp-trending-list { list-style: none; margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: center; }
.sbp-trending .sbp-trending-list li { display: inline-block; list-style: none; margin: 8px; padding: 0; vertical-align: top; }
.sbp-trending .sbp-trending-list li:before { display: none !important; }
.sbp-trending .sbp-trending-list a {
	display: block; padding: 13px 30px; border: 1px solid #6e2f9c; border-radius: 4px; background: transparent;
	text-decoration: none !important; transition: border-color .2s ease-in-out; }
.sbp-trending .sbp-trending-list a span {
	display: block; font: 400 16px/24px "Open Sans", sans-serif; font-style: normal; color: #6e2f9c; transition: color .3s; }
.sbp-trending .sbp-trending-list a:hover, .sbp-trending .sbp-trending-list a:focus { border-color: #2388ed; }
.sbp-trending .sbp-trending-list a:hover span, .sbp-trending .sbp-trending-list a:focus span { color: #2388ed; }

/* Newsletter bar: fixed to the bottom, #222, fades in after 3 s (script in the footer code box). Desktop only, like live. */
#sbp-newsletter-bar {
	position: fixed; left: 0; right: 0; bottom: 0; height: 80px; z-index: 1001; background: #222;
	opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; font-family: "Open Sans", sans-serif; }
#sbp-newsletter-bar.is-on { opacity: 1; visibility: visible; }
#sbp-newsletter-bar .sbp-nl-inner { display: flex; align-items: center; max-width: 1170px; height: 80px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
#sbp-newsletter-bar .sbp-nl-text {
	flex: 0 0 30%; margin: 0; padding: 0 0 0 25px; box-sizing: border-box; text-align: left; white-space: nowrap;
	font: 400 24px/80px "Open Sans", sans-serif !important; color: #ccc !important; text-transform: none !important; letter-spacing: 0 !important; }
#sbp-newsletter-bar .sbp-nl-text:before, #sbp-newsletter-bar .sbp-nl-text:after { display: none !important; }
#sbp-newsletter-bar .sbp-nl-code { flex: 0 0 40%; text-align: center; }
#sbp-newsletter-bar form { display: flex; justify-content: center; align-items: center; margin: 0; }
#sbp-newsletter-bar input[type="email"] {
	width: auto; min-width: 300px; height: 44px; margin: 0; padding: 10px 20px; box-sizing: border-box;
	font: 400 14px/22px "Open Sans", sans-serif; color: #000; background: #fff; border: 1px solid #fff; border-radius: 2px; box-shadow: none; outline-offset: 2px; }
#sbp-newsletter-bar input[type="email"]::placeholder { color: #6e2f9c; opacity: 1; }
#sbp-newsletter-bar input[type="submit"] {
	width: auto; height: 44px; margin: 0 0 0 10px; padding: 0 24px; box-sizing: border-box; cursor: pointer;
	font: 700 14px/42px "Open Sans", sans-serif; color: #fff; background: #6e2f9c; border: 1px solid #6e2f9c; border-radius: 2px;
	text-transform: none; letter-spacing: 0; text-shadow: none; box-shadow: none; transition: opacity .3s ease-out; }
#sbp-newsletter-bar input[type="submit"]:hover { opacity: .9; }
#sbp-newsletter-bar .sbp-nl-close { margin-left: auto; padding: 0 25px; line-height: 0; color: #ccc; transition: color .2s ease-in-out; }
#sbp-newsletter-bar .sbp-nl-close:hover { color: #fff; }
/* Keep the floating back-to-top button (#21) and the page footer clear of the bar while it is showing */
body.sbp-nl-on .penci-go-to-top-floating { bottom: 100px !important; }
body.sbp-nl-on .penci-go-to-top-floating:not(.show-up) { transform: translate3d(0, 180px, 0); } /* keep the hidden state fully off-screen when raised */
body.sbp-nl-on { padding-bottom: 80px; }
body:not(.home) #sbp-newsletter-bar { display: none !important; } /* live shows the bar on the homepage only */
@media only screen and (max-width: 1024px) {
	#sbp-newsletter-bar { display: none !important; }
	body.sbp-nl-on { padding-bottom: 0; }
	body.sbp-nl-on .penci-go-to-top-floating { bottom: 20px !important; }
	body.sbp-nl-on .penci-go-to-top-floating:not(.show-up) { transform: translate3d(0, 80px, 0); }
}


/* === Post content fixes 2026-11-04 === */
/* ===== SBP single-post content fixes (match live Uplift) ===== */

/* 2. Tablet 768-1023: drop sidebar so post content is full width (single posts only) */
@media (min-width:768px) and (max-width:1023px){
  .single .container-single.penci_sidebar #main{width:100% !important;float:none !important;padding-right:0 !important;margin-right:0 !important}
  .single .container-single.penci_sidebar #sidebar{display:none !important}
}

/* 3. Verse blockquote: centered, 18/28, large FA quote marks outside text, reference right-aligned italic on own line */
.single .post-entry blockquote{position:relative;margin:0;padding:10px 0;font-size:18px;line-height:28px;font-style:italic;text-align:center;border:0;background:none}
.single .post-entry blockquote:before,.single .post-entry blockquote:after{display:none}
.single .post-entry blockquote p{font-size:17px;line-height:27px;font-style:normal !important;text-align:center;margin:0 15px}
.single .post-entry blockquote .fa-quote-left,.single .post-entry blockquote .fa-quote-right{position:absolute;display:block;margin:0;font-size:22.1px;line-height:22.1px;color:#222}
.single .post-entry blockquote .fa-quote-left{top:10px;left:-20px}
.single .post-entry blockquote .fa-quote-right{right:-20px;bottom:52px}
.single .post-entry blockquote .verse{display:block;text-align:right;font-style:italic;font-size:17px;line-height:27px;color:#222;margin:10px 0 0}

/* 4. After Thought: centered text, credit right-aligned italic on its own line */
.single .post-entry h2,.single .post-entry h2 + p{text-align:center}
.single .post-entry .sign{display:block;text-align:right;font-style:italic;margin:10px 0 0}

/* 5. Spacing: paragraph side margins, H2 rhythm, title bottom margin */
.single .post-entry p{margin-left:15px;margin-right:15px}
.single .post-entry h2{line-height:45px;margin:15px 0 10px;color:#222}
@media (max-width:767px){.single h1.post-title,.single .post-title.single-post-title{margin-bottom:10px !important}}

/* 6. Hide staging-only author/date meta and prev/next navigation (CSS fallback to Customizer toggles) */
.single .post-box-meta-single,.single .post-pagination{display:none !important}


/* === Sidebar/breadcrumb fixes 2026-11-04 === */
/* 1. Sticky sidebar: Soledad's JS (theiaStickySidebar) toggles fixed/absolute and jumps.
      Neutralize it and use native CSS sticky on #sidebar, below the 114.6px sticky header. */
@media (min-width: 961px) {
  .penci-sticky-sidebar .theiaStickySidebar {
    position: static !important; transform: none !important; top: auto !important;
    left: auto !important; width: auto !important; padding-top: 0 !important; }
  #sidebar.penci-sticky-sidebar {
    position: -webkit-sticky !important; position: sticky !important; top: 135px;
    align-self: flex-start; min-height: 0 !important; height: auto; }
  /* #soledad_wrapper has overflow:hidden, which makes it the sticky scroll container
     and kills position:sticky. overflow:clip still clips but is not a scroll container. */
  #soledad_wrapper { overflow: visible !important; overflow-x: clip !important; }
}
/* 2. Donate button: replicate live a.site-link-btn styles */
#sidebar .widget a.site-link-btn, .widget_text a.site-link-btn {
  display: inline-block; border: 1px solid #6e2f9c; border-radius: 4px; background: transparent; text-decoration: none; }
#sidebar .widget a.site-link-btn span, .widget_text a.site-link-btn span {
  display: block; padding: 5px 15px; font-size: 16px; font-weight: 400; font-style: normal;
  line-height: 28px; color: #6e2f9c; transition: .3s; }
#sidebar .widget a.site-link-btn:hover, .widget_text a.site-link-btn:hover { border-color: #2388ed; }
#sidebar .widget a.site-link-btn:hover span, .widget_text a.site-link-btn:hover span { color: #2388ed; }
/* 3. Breadcrumb separator: child rule forces Open Sans on .penci-breadcrumb i, so the
      FontAwesome glyph \f105 renders as a tofu box. Use a plain ">" like live. */
.penci-breadcrumb i.penci-faicon.fa-angle-right::before {
  content: ">" !important; font-family: "Open Sans", sans-serif !important; font-weight: 400; }
/* 4. Give Today heading: remove Soledad's left offset so it is flush with widget text */
#sidebar .widget .widget-title, #sidebar .widget .widget-title .inner-arrow {
  padding-left: 0 !important; margin-left: 0 !important; left: 0 !important; text-indent: 0; }
#sidebar .widget .widget-title { text-align: left; }

/* === Header search icon position (new7) ===
   Closed icon sits top-right of the nav row like new5 (only the icon is absolutely positioned,
   so Soledad's native open search bar still spans the full container width). */
@media only screen and (min-width: 961px) {
  #navigation #top-search > a.search-click:not(.close-search) { position: absolute; right: 10px; top: 0; width: 24px; height: 60px; line-height: 60px; font-size: 12px; color: #222; text-align: center; display: block; }
  #navigation #top-search > a.search-click i { font-size: 16px; color: #222; }
}

/* === Open header search box style (new8, desktop only) ===
   Box shifted down 20px, light gray 1px border, 4px radius, 20px inner padding,
   × close button vertically centered at the right inside the box. */
@media only screen and (min-width: 961px) {
  #navigation #top-search .show-search { top: 20px !important; height: auto !important; box-sizing: border-box; padding: 20px !important; border: 1px solid #ddd !important; border-radius: 4px; background: #fff !important; z-index: 1000; }
  #navigation #top-search .show-search form, #navigation #top-search .show-search .pcsearch-wrap { position: static; margin: 0; }
  #navigation #top-search .show-search input.search-input { position: static !important; display: block; width: 100% !important; height: 40px !important; line-height: 40px; padding: 0 40px 0 0 !important; margin: 0; border: 0 !important; background: transparent !important; color: #222; font-size: 15px; }
  #navigation #top-search .show-search a.close-search { position: absolute !important; top: 50% !important; right: 20px !important; left: auto !important; transform: translateY(-50%); height: 40px !important; line-height: 40px !important; width: 20px; text-align: center; }
  /* tagline/menu row hides while the search box is open (box replaces it; visibility keeps the row height so nothing jumps) */
  #navigation .container:has(#top-search .show-search[style*="block"]) #mega-menu-wrap-main-menu { visibility: hidden; }
  #navigation #top-search .show-search input.search-input::placeholder { color: #999; opacity: 1; }
}

/* === Masonry/grid feed cards: hide author + date (new9) ===
   Feed cards (home, category, tag, search, date archives, related grids) print
   "by Pastor Bob | October 17, 2026" in .grid-post-box-meta, which contains only
   author + date, so the whole line is hidden (no stray separator or empty gap).
   Fallback: if a meta line also has other items (comments etc.), only author/date go. */
.grid-header-box .grid-post-box-meta:not(:has(> :not(.otherl-date-author):not(.otherl-date))) { display: none !important; }
.grid-header-box .grid-post-box-meta .otherl-date-author,
.grid-header-box .grid-post-box-meta .otherl-date { display: none !important; }
.grid-header-box .grid-post-box-meta .otherl-date-author + span:before,
.grid-header-box .grid-post-box-meta .otherl-date + span:before { display: none !important; }
.grid-header-box .penci-hide-tagupdated { display: none !important; }