/*
 * Study page layout (Bible & Brew book studies – Mark, and future books).
 * Loaded only on pages whose content contains "nbm-study" (see functions.php).
 * Page HTML goes in a Divi Fullwidth Code module; set the hero image per page with
 *   <div class="nbm-study" style="--hero-image:url('/wp-content/themes/divi-child/img/studies/<book>-hero.jpg')">
 */
.nbm-study{--gold:#c6a46a;--ink:#101111;--panel:#1c1c1b;--muted:#d0cbc2;--hero-image:none;--feature-image:none;color:#fff;background:var(--ink);font-family:inherit;overflow:hidden}
.nbm-study *{box-sizing:border-box}
.nbm-study h1,.nbm-study h2,.nbm-study h3,.nbm-study p{color:inherit;padding:0;margin:0}
.nbm-study a{text-decoration:none}
.nbm-study .wrap{width:min(1120px,calc(100% - 40px));margin:auto}

/* Hero */
.nbm-study .hero{min-height:560px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(8,9,9,.96) 0%,rgba(8,9,9,.78) 36%,rgba(8,9,9,.15) 76%),var(--hero-image);background-position:center;background-size:cover;background-color:#222}
.nbm-study .hero-inner{padding:95px 0}
.nbm-study .eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.nbm-study h1{font-size:clamp(46px,7vw,84px);line-height:1.02;letter-spacing:-.035em;font-weight:800;max-width:700px;margin:18px 0}
.nbm-study .hero-tag{font-size:clamp(19px,2.5vw,27px);line-height:1.4;max-width:520px}
.nbm-study .verse{font-size:14px;line-height:1.8;color:#e0ddd6;max-width:560px;margin-top:26px;border-left:3px solid var(--gold);padding-left:18px}

/* Sections */
.nbm-study section.content{padding:84px 0}
.nbm-study .section-heading{text-align:center;margin-bottom:36px}
.nbm-study h2{font-size:clamp(30px,4vw,46px);line-height:1.16;margin:12px 0 16px;font-weight:750}
.nbm-study .rule{width:58px;height:3px;background:var(--gold);margin:0 auto 26px}
.nbm-study .intro{max-width:820px;margin:auto;text-align:center}
.nbm-study p{font-size:16px;line-height:1.85;color:var(--muted)}
.nbm-study .intro p+p{margin-top:18px}
.nbm-study strong{color:#fff}

/* Themes grid */
.nbm-study .themes{background:#181919}
.nbm-study .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.nbm-study .theme{background:var(--panel);border:1px solid #36332e;border-top:3px solid var(--gold);padding:30px;min-height:235px}
/* Card with image on top: <article class="theme has-img"><img class="theme-img" …><div class="theme-body">…</div></article> */
.nbm-study .theme.has-img{padding:0;overflow:hidden;display:flex;flex-direction:column}
.nbm-study .theme-img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 35%;transition:transform .5s ease}
.nbm-study .theme.has-img:hover .theme-img{transform:scale(1.03)}
.nbm-study .theme-body{padding:28px 30px 32px}
.nbm-study .number{color:var(--gold);font-size:12px;letter-spacing:.18em;font-weight:700}
.nbm-study h3{font-size:24px;line-height:1.25;margin:15px 0 10px}
.nbm-study .theme p{font-size:15px}
.nbm-study .scripture{font-size:12px!important;color:var(--gold)!important;letter-spacing:.07em;margin-bottom:10px!important}

/* Quote + closing */
.nbm-study .quote{padding:70px 20px;text-align:center;background:#22201b}
.nbm-study .quote blockquote{font-size:clamp(22px,3vw,34px);line-height:1.5;color:#fff;max-width:850px;margin:0 auto 18px;border:0;padding:0}
.nbm-study .quote cite{font-style:normal;color:var(--gold);font-size:14px;letter-spacing:.1em}
.nbm-study .closing{text-align:center}
.nbm-study .closing p{max-width:700px;margin:0 auto 26px}
.nbm-study .cta{display:inline-block;background:var(--gold);color:#111!important;padding:15px 28px;font-weight:800;letter-spacing:.07em;font-size:13px;text-transform:uppercase;transition:background .2s}
.nbm-study .cta:hover{background:#e1c28d}
.nbm-study .cta-arrow{display:inline-block;margin-left:10px;font-size:1.5em;line-height:0;vertical-align:-.08em;transition:transform .2s}
.nbm-study .cta:hover .cta-arrow{transform:translateX(3px)}
.nbm-study .cta[aria-disabled="true"]{cursor:default;opacity:.85}
.nbm-study .footnote{font-size:12px!important;margin-top:14px!important;color:#a9a49c!important}

@media(max-width:767px){
	.nbm-study .hero{min-height:490px;background-position:62% center;background-image:linear-gradient(90deg,rgba(8,9,9,.93),rgba(8,9,9,.52)),var(--hero-image)}
	.nbm-study .hero-inner{padding:75px 0}
	.nbm-study section.content{padding:60px 0}
	.nbm-study .grid{grid-template-columns:1fr}
	.nbm-study .theme{min-height:0;padding:24px}
	.nbm-study .theme.has-img{padding:0}
	.nbm-study .theme-body{padding:22px 24px 26px}
	.nbm-study .wrap{width:min(100% - 32px,1120px)}
}

/* ===== Ministry landing components (Bible & Brew and similar) ===== */
.nbm-study .hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.nbm-study .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(198,164,106,.55);background:rgba(16,17,17,.55);padding:9px 14px;font-size:14px;color:#f1ece3;letter-spacing:.02em}
.nbm-study .chip b{color:var(--gold);font-weight:700;letter-spacing:.12em;font-size:11px;text-transform:uppercase}
.nbm-study .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.nbm-study .closing .btn-row,.nbm-study .center .btn-row{justify-content:center}
.nbm-study .cta.outline{background:transparent;color:#fff!important;border:1px solid var(--gold)}
.nbm-study .cta.outline:hover{background:rgba(198,164,106,.14)}
.nbm-study .lead{font-size:clamp(19px,2.2vw,24px)!important;line-height:1.6!important;color:#f1ece3!important;max-width:880px;margin:0 auto!important;text-align:center}
.nbm-study .lead em{font-style:normal;color:var(--gold)}

/* Featured study (pulled from The Forge) */
.nbm-study .feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--panel);border:1px solid #36332e;border-top:3px solid var(--gold);overflow:hidden}
.nbm-study .feature-img{min-height:360px;background:#222 var(--feature-image) center/cover no-repeat}
.nbm-study .feature-body{padding:44px 44px 46px;display:flex;flex-direction:column;justify-content:center}
.nbm-study .feature-body h3{font-size:clamp(30px,3.6vw,44px);margin:12px 0 6px}
.nbm-study .feature-body .sub{color:var(--gold);font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.nbm-study .feature .btn-row{margin-top:24px}
.nbm-study .also{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;justify-content:center;font-size:14px;color:var(--muted)}
.nbm-study .also a{color:var(--gold);border-bottom:1px solid rgba(198,164,106,.4)}

/* Two text cards */
.nbm-study .cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.nbm-study .info-card{background:var(--panel);border:1px solid #36332e;padding:36px}
.nbm-study .info-card h3{margin:10px 0 14px}

/* Photos */
.nbm-study .photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nbm-study .photos img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:12/7;object-fit:cover;border:1px solid #36332e}
.nbm-study .caption{text-align:center;font-size:13px!important;margin-top:14px!important;color:#a9a49c!important}

/* Video */
.nbm-study .video{position:relative;max-width:900px;margin:0 auto;aspect-ratio:16/9;background:#000;border:1px solid #36332e}
.nbm-study .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Visit details */
.nbm-study .visit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:center}
.nbm-study .visit-card{background:var(--panel);border:1px solid #36332e;border-top:3px solid var(--gold);padding:30px 24px}
.nbm-study .visit-card .big{font-size:22px;color:#fff;font-weight:700;margin:12px 0 6px;line-height:1.35}
.nbm-study .visit-card p{font-size:15px;line-height:1.7}
.nbm-study .visit-card a{color:var(--gold)}

.nbm-study .feature-img.type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px;
	background:radial-gradient(ellipse at 50% 40%,rgba(198,164,106,.28),rgba(16,17,17,0) 62%),linear-gradient(160deg,#2a241a,#121212 70%)}
.nbm-study .type-book{font-size:clamp(40px,5vw,64px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f1ece3;line-height:1}
.nbm-study .type-ref{color:var(--gold);font-size:12px;letter-spacing:.3em;text-transform:uppercase}
@media(max-width:900px){
	.nbm-study .feature{grid-template-columns:1fr}
	.nbm-study .feature-img{min-height:240px}
	.nbm-study .feature-body{padding:30px 24px 32px}
	.nbm-study .cards-2,.nbm-study .visit{grid-template-columns:1fr}
}
@media(max-width:600px){
	.nbm-study .photos{grid-template-columns:1fr}
	.nbm-study .info-card{padding:26px 22px}
	.nbm-study .btn-row .cta{width:100%;text-align:center}
}

/* ===== Banner hero (when the hero graphic already contains its own title) ===== */
.nbm-study .banner{background:#07090b;text-align:center}
.nbm-study .banner img{display:block;width:100%;max-width:1600px;height:auto;margin:0 auto}
.nbm-study .banner-bar{background:linear-gradient(180deg,#07090b,var(--ink));padding:26px 0 34px}
.nbm-study .banner-bar .hero-meta,.nbm-study .banner-bar .btn-row{justify-content:center;margin-top:0}
.nbm-study .banner-bar .btn-row{margin-top:24px}

/* Four pillars */
.nbm-study .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nbm-study .pillar{position:relative;background:var(--panel);border:1px solid #36332e;border-top:3px solid var(--gold);padding:34px 26px 30px;overflow:hidden}
.nbm-study .pillar .letter{position:absolute;right:-6px;top:-26px;font-size:130px;font-weight:900;line-height:1;color:var(--gold);opacity:.09;pointer-events:none}
.nbm-study .pillar h3{font-size:22px;letter-spacing:.14em;text-transform:uppercase;margin:12px 0 12px}
.nbm-study .pillar p{font-size:15px;line-height:1.75}

/* Steps */
.nbm-study .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:step}
.nbm-study .step{text-align:center;padding:10px 14px}
.nbm-study .step::before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:22px;font-weight:800}
.nbm-study .step h3{font-size:21px;margin:0 0 10px}
.nbm-study .step p{font-size:15px}

/* Photo + text split */
.nbm-study .split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.nbm-study .split-img img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid #36332e;box-shadow:18px 18px 0 rgba(198,164,106,.18)}
.nbm-study .split h2{margin-top:10px}
.nbm-study .split p+p{margin-top:16px}
.nbm-study .pull{font-size:clamp(20px,2.4vw,26px)!important;line-height:1.5!important;color:#fff!important;border-left:3px solid var(--gold);padding-left:20px;margin:26px 0!important}

@media(max-width:1000px){.nbm-study .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
	.nbm-study .steps,.nbm-study .split{grid-template-columns:1fr}
	.nbm-study .split-img img{box-shadow:10px 10px 0 rgba(198,164,106,.18)}
}
@media(max-width:560px){.nbm-study .pillars{grid-template-columns:1fr}}

/* ===== Button consistency (matches the site's gold Divi buttons) =====
   Same size, rounded corners, equal widths in a row, more breathing room. */
.nbm-study .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:250px;padding:16px 30px;border-radius:4px;font-size:14px;letter-spacing:.09em;line-height:1.2;border:1px solid var(--gold);box-sizing:border-box}
.nbm-study .btn-row{gap:14px}
.nbm-study .center .btn-row,.nbm-study .banner-bar .btn-row{justify-content:center}
.nbm-study .visit + .center{margin-top:36px}
.nbm-study .center .btn-row{margin-top:0}
@media(max-width:600px){.nbm-study .cta{min-width:0;width:100%}}

/* ===== Info strip (When / Where / Who) – plain text with dividers, not button-like boxes ===== */
.nbm-study .hero-meta{gap:0;row-gap:14px}
.nbm-study .chip{flex-direction:column;align-items:flex-start;gap:5px;border:0;background:none;padding:2px 26px;border-left:1px solid rgba(198,164,106,.4);font-size:16px;color:#f1ece3}
.nbm-study .chip:first-child{border-left:0;padding-left:0}
.nbm-study .chip b{font-size:11px;letter-spacing:.2em}
.nbm-study .banner-bar .chip{align-items:center;text-align:center}
.nbm-study .banner-bar .chip:first-child{padding-left:26px}
@media(max-width:600px){
	.nbm-study .hero-meta{flex-direction:column;align-items:flex-start;row-gap:16px}
	.nbm-study .banner-bar .hero-meta{align-items:center}
	.nbm-study .chip,.nbm-study .banner-bar .chip:first-child{border-left:0;padding:0}
}

/* ===== Mentoring page components ===== */
.nbm-study .traits{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:8px}
.nbm-study .trait{background:var(--panel);border:1px solid #36332e;border-top:2px solid var(--gold);padding:20px 10px;text-align:center;color:#fff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.nbm-study .glist{list-style:none;margin:0;padding:0}
.nbm-study .glist li{position:relative;padding:0 0 0 28px;margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.75}
.nbm-study .glist li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border:2px solid var(--gold);transform:rotate(45deg)}
.nbm-study .glist li b{color:#fff}
.nbm-study .split.top{align-items:start}
.nbm-study .elements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nbm-study .books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nbm-study .book{background:var(--panel);border:1px solid #36332e;border-left:3px solid var(--gold);padding:22px 22px 20px}
.nbm-study .book h3{font-size:18px;line-height:1.35;margin:0 0 4px}
.nbm-study .book .by{color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.nbm-study .book p{font-size:15px}
/* Accordions */
.nbm-study .acc{max-width:900px;margin:0 auto}
.nbm-study .acc details{background:var(--panel);border:1px solid #36332e;margin-bottom:12px}
.nbm-study .acc summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;position:relative;color:#fff;font-weight:700;font-size:18px;line-height:1.4}
.nbm-study .acc summary::-webkit-details-marker{display:none}
.nbm-study .acc summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:26px;font-weight:400;transition:transform .2s}
.nbm-study .acc details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.nbm-study .acc details[open] summary{color:var(--gold)}
.nbm-study .acc .acc-body{padding:0 24px 22px}
.nbm-study .acc .acc-body p{font-size:16px}
.nbm-study .acc .acc-body .glist li{font-size:15px;margin-bottom:10px}
/* Testimonial */
.nbm-study .testimonial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,60px);align-items:center}
.nbm-study .testimonial img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #36332e;box-shadow:18px 18px 0 rgba(198,164,106,.18)}
.nbm-study .testimonial blockquote{font-size:clamp(19px,2.2vw,24px);line-height:1.65;color:#f1ece3;font-style:italic;margin:16px 0 18px;padding:0;border:0}
.nbm-study .testimonial cite{font-style:normal;color:var(--gold);letter-spacing:.14em;font-size:13px;text-transform:uppercase}
/* Form card */
.nbm-study .form-card{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid #36332e;border-top:3px solid var(--gold);padding:clamp(24px,4vw,44px)}
.nbm-study .form-card input,.nbm-study .form-card select,.nbm-study .form-card textarea{background:#101111!important;color:#fff!important;border:1px solid #4a443b!important}
.nbm-study .form-card button,.nbm-study .form-card [type=submit]{background:var(--gold)!important;color:#111!important;border:0!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
@media(max-width:1000px){.nbm-study .traits{grid-template-columns:repeat(4,minmax(0,1fr))}.nbm-study .elements,.nbm-study .books{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.nbm-study .testimonial{grid-template-columns:1fr}.nbm-study .traits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nbm-study .elements,.nbm-study .books{grid-template-columns:1fr}.nbm-study .acc summary{font-size:16px}}
/* SMBcrm inline form: give the iframe enough room (its auto-resize doesn't always fire) */
.nbm-study .form-card iframe{display:block;height:556px!important;min-height:0!important;max-height:none!important}
@media(max-width:600px){.nbm-study .form-card iframe{height:620px!important}}
/* Hard cap so nothing injected by the form embed can stretch the card */
.nbm-study .form-card{max-height:700px;overflow:hidden}
@media(max-width:600px){.nbm-study .form-card{max-height:780px}}