/*
Theme Name: Old Path Baptist Church
Theme URI: https://oldpathbaptistchurch.com
Description: Kadence child theme for Old Path Baptist Church, China Grove, TX ("Classic Texas Heritage"). Includes the logo palette and typography, header/footer settings, a mobile call bar, Sermons (YouTube) and Events post types, interactive Bible studies with saved progress, block patterns and a one-click importer (Appearance > Old Path Setup).
Author: Derwin at webgeek.pro
Author URI: https://webgeek.pro
Template: kadence
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: oldpath-baptist
*/

/* Colors come from the Kadence global palette (Customizer > Colors), so editing the palette recolors the site. */
:root{--op-red:var(--global-palette1,#7a0401);--op-navy:var(--global-palette2,#03286c);--op-ink:var(--global-palette3,#291e15);--op-gold:var(--global-palette6,#cc9554);--op-stone:var(--global-palette7,#ece0c4);--op-bg:var(--global-palette8,#f6efdd);--op-cream:var(--global-palette10,#f8d796);--op-bronze:var(--global-palette11,#a5682b);--op-night:var(--global-palette12,#0b1a33);--op-hd:'Cinzel',Georgia,serif;--op-bd:'EB Garamond',Georgia,serif;--op-r:2px}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{overflow-x:clip}
.site,.content-wrap,.entry-content-wrap,.entry,.site-main{overflow:visible!important}
.entry-content a{text-decoration:none}
.entry-content p{margin:0 0 16px}
.wp-block-kadence-rowlayout>.kt-row-column-wrap{box-sizing:border-box}
.entry-content h1,.entry-content h2,.entry-content h3{margin:0}
.op-lbl{font-family:var(--op-bd);font-size:14px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--op-red);line-height:1.6;margin:0!important;display:block}
.op-lbl.op-cream,.op-cream{color:var(--op-cream)!important}
.op-center{text-align:center}
.entry-content h2{margin:12px 0 22px!important;overflow-wrap:break-word}
.op-italic{font-style:italic}
.op-lead{font-size:22px}
/* header */
#masthead .site-header-row-container-inner{border:0!important}
.site-branding a.brand{gap:14px;align-items:center}
.site-branding .custom-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));height:auto}
.site-branding .site-title{white-space:nowrap;letter-spacing:.02em}
.header-navigation .menu>li>a{white-space:nowrap}
.header-navigation .menu>li.current-menu-item>a{box-shadow:inset 0 -2px 0 var(--op-gold)}
.menu-toggle-open,.menu-toggle-open .menu-toggle-icon{color:#fff!important}
.header-navigation ul.menu{flex-wrap:nowrap!important}.site-header-main-section-right{flex-wrap:nowrap}
/* buttons */
.wp-block-kadence-advancedbtn .kb-button.kt-button{border-radius:var(--op-r)!important;border:2px solid var(--op-gold)!important;box-shadow:none!important;font-family:var(--op-bd);font-weight:800!important;font-size:18px!important;padding:15px 28px!important;line-height:1.3!important}
.wp-block-kadence-advancedbtn .kb-button.op-btn-p{background:var(--op-red)!important;color:#fff!important}
.wp-block-kadence-advancedbtn .kb-button.op-btn-s{background:#fff!important;color:var(--op-ink)!important}
.wp-block-kadence-advancedbtn .kb-button:hover{filter:brightness(1.12)}
.op-ctas{gap:16px!important;margin-top:28px;justify-content:flex-start!important;flex-wrap:wrap}
.op-hero .op-ctas{justify-content:center!important;margin-top:34px}
.op-btn{display:inline-block;background:var(--op-red);color:#fff!important;border:2px solid var(--op-gold);border-radius:var(--op-r);font-weight:800;font-size:18px;padding:13px 24px;text-align:center}
.op-btn:hover{filter:brightness(1.12)}
/* hero (image is the row background: edit it in the block editor) */
.op-hero{position:relative;color:#fff;min-height:900px;display:flex;align-items:center;background-color:#0b1a33}
.op-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,20,55,.55),rgba(3,20,55,.85));z-index:0}
.op-hero>.kt-row-column-wrap{position:relative;z-index:1;width:100%;text-align:center}
.op-verse .kt-inside-inner-col{text-align:center}
.op-hero .kt-inside-inner-col{display:flex;flex-direction:column;align-items:center}
.op-hero-logo{margin:0 0 30px!important}.op-hero-logo img{width:640px!important;max-width:100%;height:auto!important;display:block;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}
.op-orn{color:var(--op-gold);letter-spacing:.6em;margin:10px 0!important}
.op-hero h1{color:#fff;margin:14px 0!important;text-transform:none;font-variant:small-caps;font-size:clamp(32px,4.2vw,46px);line-height:1.25}
.op-sub{font-size:22px;opacity:.92;max-width:640px;margin:0 auto!important}
.op-phero{min-height:560px}.op-phero h1{font-size:clamp(40px,6vw,72px);font-variant:normal}
/* service times bar */
.op-times{background:var(--op-navy);color:var(--op-cream);border-top:4px solid var(--op-gold);border-bottom:4px solid var(--op-gold)}
.op-times p{margin:0!important}
.op-t-lbl{font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.8;font-weight:700}
.op-t-time{font-family:var(--op-hd);font-size:24px}.op-t-time strong{font-weight:700}
/* two-column sections */
.op-two>.kt-row-column-wrap{column-gap:72px!important;align-items:center}
.op-photo{margin:0!important}.op-photo img{width:100%;height:520px!important;object-fit:cover;border-radius:var(--op-r);display:block}
.op-pastor .op-photo img{height:560px!important}
.op-photo-sm img{height:100%!important;min-height:300px;max-height:340px}
.op-alt{background:var(--op-stone)}
/* verse */
.op-verse{background:var(--op-red);color:#fff;text-align:center}
.op-verse p.op-verse-q{font-family:var(--op-hd);font-size:clamp(24px,3vw,40px);line-height:1.3;max-width:1050px;margin:12px auto 0!important}
.op-cite{margin-top:24px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--op-gold)}
/* section heads */
.op-head,.op-head>.wp-block-group__inner-container{display:flex;width:100%;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.op-head h2{margin-bottom:0!important}
.op-head-btn{margin-bottom:6px}
/* cards */
.op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.op-card{display:block;border-radius:var(--op-r);overflow:hidden;background:var(--op-bg);border:1px solid #d8c7a0;box-shadow:0 6px 18px rgba(41,30,21,.08);color:var(--op-ink)!important}
.op-alt .op-card{background:var(--op-bg)}
.op-th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.op-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
a.op-card:hover .op-th img{transform:scale(1.04)}
.op-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(122,4,1,.92);color:#fff;display:grid;place-items:center;font-size:26px;padding-left:4px;box-sizing:border-box}
.op-cb{display:block;padding:26px}
.op-h3{display:block;font-family:var(--op-hd);font-weight:700;font-size:clamp(19px,1.8vw,24px);line-height:1.2;margin:6px 0;color:var(--op-ink)!important;overflow-wrap:break-word}
.op-meta{display:block;font-size:16px;opacity:.75;margin:0!important}
.op-stcard .op-btn{display:block;margin-top:14px}
.op-prog{height:10px;background:rgba(0,0,0,.1);border-radius:10px;margin:14px 0 6px;overflow:hidden}.op-prog i{display:block;height:100%;background:var(--op-red);transition:width .4s}
.op-prog-txt{font-size:14px;opacity:.75;display:block}
.op-qq{margin:16px 0 8px;padding:16px;border-left:4px solid var(--op-gold);background:rgba(204,149,84,.12);font-size:17px}
.op-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:30px;font-size:17px}
.op-filter a{padding:6px 14px;border:1px solid rgba(0,0,0,.25);border-radius:var(--op-r);color:var(--op-ink)!important}.op-filter a.on,.op-filter a:hover{background:var(--op-navy);color:#fff!important;border-color:var(--op-navy)}
.op-pager{display:flex;justify-content:space-between;margin-top:30px}.op-pager a{font-weight:700;color:var(--op-red)!important}
.op-empty{margin-top:30px!important;font-size:20px}
/* events */
.op-events{margin-top:20px}
.op-ev{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(0,0,0,.15)}
.op-ev p{margin:0!important;font-size:18px}
.op-d{font-family:var(--op-hd);font-size:30px;font-weight:700;color:var(--op-red);line-height:1}.op-d small{display:block;font-size:13px;letter-spacing:.15em;color:var(--op-ink);opacity:.7;margin-top:6px;text-transform:uppercase}
.op-ev a.op-lbl{white-space:nowrap}
.op-month{font-family:var(--op-hd);color:var(--op-navy);font-size:22px;margin:40px 0 0!important;padding-bottom:10px;border-bottom:2px solid var(--op-gold)}
/* visit / contact */
.op-info{margin:0 0 14px!important}.op-info b{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--op-red)}
.op-info a{color:var(--op-navy)}
.op-visit .op-ctas,.op-contact .op-ctas{justify-content:flex-start!important;margin-top:20px}
.op-map{width:100%;height:420px;border:0;background:#d9cfb8;border-radius:var(--op-r);display:block}
.op-visit .op-map{height:560px}
.op-formcol .kt-inside-inner-col{background:#fff;padding:40px;border:1px solid #d8c7a0;box-shadow:0 6px 18px rgba(41,30,21,.08)}
.op-contact .ff-el-input--label label{font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:13px;color:var(--op-red)}
.op-contact .ff-el-form-control{border:1px solid #b9a77f!important;border-radius:var(--op-r)!important;background:var(--op-bg)!important;font-size:19px!important;padding:12px 14px!important;font-family:var(--op-bd)}
.op-contact .ff-btn-submit{background:var(--op-red)!important;color:#fff!important;border:2px solid var(--op-gold)!important;border-radius:var(--op-r)!important;font-weight:800!important;font-size:18px!important;padding:15px 30px!important}
.op-form-placeholder{padding:20px;border-left:4px solid var(--op-gold);background:rgba(204,149,84,.12)}
/* about */
.op-doctrine{margin:10px 0 0;padding:0;list-style:none}.op-doctrine li{position:relative;padding:14px 0 14px 34px;border-bottom:1px solid rgba(0,0,0,.12)}
.op-doctrine li::before{content:"✦";position:absolute;left:0;top:14px;color:var(--op-gold)}
/* video embeds */
.op-video{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--op-r);overflow:hidden;margin:10px 0 18px}.op-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.op-yt h3{margin:0 0 6px!important}.op-more a{font-weight:700;color:var(--op-red)}
/* singles (sermon / study / event) */
.entry-hero .entry-header{padding:60px 0}
.entry-hero .entry-title{color:#fff!important;font-size:clamp(30px,4vw,46px)}
.entry-hero .entry-meta,.entry-hero .entry-meta a,.entry-hero .breadcrumbs{color:var(--op-cream)!important}
.op-smeta{list-style:none;margin:0 0 26px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:12px 36px;font-size:18px}
.op-smeta b{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--op-red)}
.op-smeta a{color:var(--op-navy)}
.op-back{margin-top:30px!important}
.single-sermon .content-bg,.single-bible_study .content-bg,.single-opbc_event .content-bg{background:transparent}
/* Bible study */
.op-study-top{position:sticky;top:0;z-index:5;background:var(--op-bg);padding:14px 0 10px;border-bottom:1px solid #d8c7a0;margin-bottom:26px}
.op-study-top .op-prog{margin-top:0}
.op-reset{background:none;border:0;color:var(--op-red);text-decoration:underline;cursor:pointer;font:inherit;font-size:14px;padding:0 0 0 8px}
.op-lessons-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.op-lesson-tab{font-family:var(--op-bd);font-size:16px;padding:8px 14px;background:#fff;border:1px solid #c9b88f;border-radius:var(--op-r);cursor:pointer;color:var(--op-ink)}
.op-lesson-tab small{opacity:.6;margin-left:4px}
.op-lesson-tab.on{background:var(--op-navy);color:#fff;border-color:var(--op-navy)}
.op-lesson-tab.complete::after{content:" ✓";color:var(--op-gold);font-weight:700}
.op-lesson-start{margin:10px 0 18px}.op-lesson-start h2{font-size:clamp(26px,3vw,36px)!important;margin:6px 0 0!important}
.op-scripture{margin:20px 0!important;padding:22px 26px!important;background:#fff;border-left:5px solid var(--op-red)!important;font-size:21px;font-style:normal}
.op-scripture p{margin:0!important}.op-scripture cite{display:block;margin-top:10px;font-style:normal;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--op-red)}
.op-q{margin:22px 0;padding:22px;border:1px solid #d8c7a0;border-left:4px solid var(--op-gold);background:rgba(204,149,84,.10);border-radius:var(--op-r)}
.op-q-lbl{font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--op-red);margin:0!important}
.op-q-text{font-size:20px;font-weight:600;margin:4px 0 12px!important}
.op-opts{display:flex;flex-wrap:wrap;gap:10px}
.op-opt,.op-check,.op-reveal,.op-lesson-pn button{font-family:var(--op-bd);font-size:17px;padding:9px 16px;border-radius:var(--op-r);cursor:pointer;line-height:1.3}
.op-opt{background:#fff;border:1px solid #b9a77f;color:var(--op-ink)}.op-opt:hover{border-color:var(--op-navy)}
.op-opt.right{background:#2f6b2f;border-color:#2f6b2f;color:#fff}.op-opt.wrong{background:#f3d6d4;border-color:var(--op-red);color:var(--op-red);text-decoration:line-through}
.op-fill{display:flex;gap:10px;flex-wrap:wrap}.op-fill input{flex:1;min-width:180px;font-size:18px;padding:9px 12px;border:1px solid #b9a77f;border-radius:var(--op-r);background:#fff}
.op-check{background:var(--op-navy);color:#fff;border:1px solid var(--op-navy)}
.op-reveal{background:none;border:0;color:var(--op-red);text-decoration:underline;padding:8px 0 0;font-size:15px}
.op-q textarea{width:100%;font-family:var(--op-bd);font-size:18px;padding:10px 12px;border:1px solid #b9a77f;border-radius:var(--op-r);background:#fff}
.op-fb{margin:8px 0 0!important;font-weight:700;font-size:17px;min-height:1px}.op-fb.ok{color:#2f6b2f}.op-fb.no{color:var(--op-red)}
.op-explain{margin:6px 0 0!important;font-style:italic;font-size:17px}
.op-lesson-pn{display:flex;justify-content:space-between;gap:10px;margin:30px 0 10px}.op-lesson-pn button{background:var(--op-red);color:#fff;border:2px solid var(--op-gold)}.op-lesson-pn .op-next{margin-left:auto}
.op-note{font-size:15px;opacity:.8;margin-top:30px!important}
/* footer */
.site-footer,.site-footer .site-footer-row-container-inner{background:var(--op-night)!important;color:var(--op-bg)}
.site-footer .site-bottom-footer-inner-wrap{padding:70px 48px 36px!important;max-width:1240px}
.footer-html,.footer-html-inner{width:100%}
.op-foot{display:grid;grid-template-columns:300px 1fr 1fr 1fr;gap:50px;font-size:16px;line-height:1.7;text-align:left}
.op-foot p{margin:0}.op-foot a{color:var(--op-bg)}.op-foot a:hover{color:var(--op-cream)}
.op-foot h4{font-family:var(--op-hd);color:var(--op-cream);margin:0 0 10px;font-size:18px}
.op-foot-brand img{width:240px;height:auto;display:block;margin-bottom:12px}.op-foot-brand p{font-style:italic;opacity:.85}
.op-foot-bot{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;opacity:.9}
.op-foot-l{display:flex;align-items:center;gap:14px}.op-foot-l img{height:44px;width:auto}
.op-foot-r a{color:var(--op-cream)!important;text-decoration:underline}
/* sticky mobile call bar */
.op-callbar{display:none}
@media(max-width:767px){body{padding-bottom:56px}.op-callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--op-red);border-top:2px solid var(--op-gold);box-shadow:0 -2px 10px rgba(0,0,0,.25)}.op-callbar a{flex:1;text-align:center;color:#fff;font-weight:700;font-size:17px;padding:14px 6px;text-decoration:none}.op-callbar a+a{border-left:1px solid rgba(255,255,255,.4);background:var(--op-navy);flex:.6}}
/* tablet / mobile */
@media(max-width:1024px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-foot{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
 .site-branding .site-title{white-space:normal;line-height:1.15;max-width:200px}
 .op-hero{min-height:0}.op-hero-logo img{width:340px!important;max-width:86vw}
 .op-sub,.op-lead{font-size:19px}
 .op-ctas{flex-direction:column;align-items:stretch!important}
 .op-two>.kt-row-column-wrap,.op-times>.kt-row-column-wrap{grid-template-columns:1fr!important;row-gap:28px!important}
 .op-times>.kt-row-column-wrap{grid-template-columns:1fr 1fr!important;row-gap:16px!important}
 .op-photo img,.op-pastor .op-photo img{height:auto!important;aspect-ratio:4/3}
 .op-pastor .op-photo img{aspect-ratio:4/5;max-height:520px}
 .op-pastor .kt-row-column-wrap>.wp-block-kadence-column:last-child{order:-1}
 .op-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .op-head,.op-head>.wp-block-group__inner-container{align-items:flex-start;flex-direction:column}
 .op-ev{grid-template-columns:78px 1fr;gap:16px}.op-ev a.op-lbl{grid-column:2}.op-d{font-size:22px}
 .op-visit .op-map,.op-map{height:340px}
 .op-formcol .kt-inside-inner-col{padding:24px}
 .op-verse p.op-verse-q{font-size:24px}
 .op-foot{grid-template-columns:1fr;gap:28px;text-align:center}.op-foot-brand img{margin:0 auto 12px}
 .op-foot-bot{flex-direction:column}.site-footer .site-bottom-footer-inner-wrap{padding:50px 22px 30px!important}
 .op-scripture{padding:16px 18px!important;font-size:19px}.op-q{padding:16px}
}
.op-edit-note{display:none}.logged-in .op-edit-note{display:block;font-size:15px;opacity:.7;margin-top:14px!important}

/* Give / Donate CTA */
.wp-block-kadence-advancedbtn .kb-button.op-btn-give{background:var(--op-gold)!important;color:var(--op-ink)!important;border-color:var(--op-gold)!important}
.op-giveband{background:linear-gradient(135deg,var(--op-red),#5a0301 55%,var(--op-navy));color:#fff;text-align:center;border-top:4px solid var(--op-gold);border-bottom:4px solid var(--op-gold)}
.op-giveband .kt-inside-inner-col{display:flex;flex-direction:column;align-items:center}
.op-giveband h2{color:#fff!important;margin:8px 0 12px!important}
.op-giveband .op-sub{opacity:.95;max-width:720px}
.op-giveband .op-ctas{justify-content:center!important}
.header-navigation .menu>li.op-menu-give>a,
.header-navigation .menu>li.menu-item.op-menu-give>a{background:var(--op-gold)!important;color:var(--op-ink)!important;border-radius:var(--op-r);padding-left:14px!important;padding-right:14px!important;font-weight:800}
.header-navigation .menu>li.op-menu-give.current-menu-item>a{box-shadow:inset 0 -2px 0 var(--op-red)}
/* Pastor photo crop */
.op-pastor .op-pastor-photo img{object-position:center 18%}
.op-family-photo img{object-position:center 30%}
.op-family-photo figcaption,.op-pastor-photo figcaption{text-align:center;font-style:italic;margin-top:10px}
/* Watch / dual YouTube */
.op-watch h3,.op-yt-two h3{font-family:var(--op-hd);font-size:clamp(20px,2vw,26px);margin:0 0 10px!important}
.op-yt-two .op-ctas{margin-top:8px;justify-content:flex-start!important}
.op-give-verse{font-family:var(--op-hd);font-size:clamp(22px,2.6vw,32px)!important;line-height:1.35;text-align:center;color:var(--op-ink);max-width:820px;margin:18px auto 0!important}
.op-givehero .op-cite{text-align:center}
.op-give-banner img{max-height:280px!important;object-position:center 40%}
/* Give form */
.op-give{background:#fff;border:1px solid #d8c7a0;box-shadow:0 10px 28px rgba(41,30,21,.1);border-radius:var(--op-r);padding:36px 34px;margin-top:28px}
.op-give-sec{margin:0 0 26px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}
.op-give-sec:last-of-type{border-bottom:0}
.op-give-h{font-family:var(--op-hd);font-size:22px;margin:0 0 14px;color:var(--op-navy)}
.op-give-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.op-give-grid3{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.9fr);gap:14px}
.op-give-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--op-red)}
.op-give-field em{font-style:normal;opacity:.65;text-transform:none;letter-spacing:0;font-weight:600}
.op-give-field input,.op-give-field textarea{font-family:var(--op-bd);font-size:19px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--op-ink);border:1px solid #b9a77f;border-radius:var(--op-r);background:var(--op-bg);padding:12px 14px;width:100%;max-width:100%;box-sizing:border-box}
.op-give-field input:focus,.op-give-field textarea:focus{outline:2px solid var(--op-gold);border-color:var(--op-gold)}
.op-give-amtwrap{display:flex;align-items:stretch}
.op-give-dollar{display:flex;align-items:center;padding:0 12px;background:var(--op-stone);border:1px solid #b9a77f;border-right:0;border-radius:var(--op-r) 0 0 var(--op-r);font-size:20px;color:var(--op-ink)}
.op-give-amount input{border-radius:0 var(--op-r) var(--op-r) 0;flex:1}
.op-give-picks{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}
.op-give-pick{font-family:var(--op-bd);font-size:17px;font-weight:700;padding:10px 16px;border:1px solid #b9a77f;border-radius:var(--op-r);background:#fff;cursor:pointer;color:var(--op-ink)}
.op-give-pick:hover,.op-give-pick.on{background:var(--op-navy);color:#fff;border-color:var(--op-navy)}
.op-give-method{margin:0 0 14px!important;font-size:17px}.op-give-method-lbl{display:block;font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--op-red);margin-bottom:4px}
.op-give-hint{font-size:14px;opacity:.8;margin:0!important}
.op-give-submit,.op-give-cardbtn{display:inline-block;width:100%;background:var(--op-red);color:#fff!important;border:2px solid var(--op-gold);border-radius:var(--op-r);font-family:var(--op-bd);font-weight:800;font-size:20px;padding:16px 22px;cursor:pointer;text-align:center;margin-top:8px}
.op-give-submit:hover,.op-give-cardbtn:hover{filter:brightness(1.08)}
.op-give-lock{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0!important;font-size:15px;color:rgba(41,30,21,.78);text-align:center}
.op-lock-ico{flex:0 0 auto;color:var(--op-gold)}
.op-give-alert{background:#f3d6d4;border-left:4px solid var(--op-red);padding:12px 14px;margin:0 0 18px;font-weight:600}
.op-give-summary{background:var(--op-stone);border:1px solid #d8c7a0;border-radius:var(--op-r);padding:22px;margin:10px 0 22px;display:grid;gap:12px}
.op-give-summary span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--op-red);font-weight:700}
.op-give-summary strong{font-size:20px;color:var(--op-ink)}
.op-give-total{border-top:1px solid rgba(0,0,0,.12);padding-top:12px}
.op-give-total strong{font-family:var(--op-hd);font-size:28px;color:var(--op-red)}
.op-give-payopts{display:grid;gap:14px;margin:10px 0 8px}
.op-give-wallet{display:flex;align-items:center;justify-content:center}.op-give-wallet:empty{display:none}
.op-give-setup{background:rgba(204,149,84,.14);border-left:4px solid var(--op-gold);padding:18px 16px;margin:8px 0 12px}
.op-give-setup-note{font-size:14px;opacity:.8}
.op-give-back{display:inline-block;margin-bottom:10px;font-weight:700;color:var(--op-red)}
.op-give-result{margin-top:16px;padding:14px;border-radius:var(--op-r)}
.op-give-result.ok{background:#e5f3e5;border:1px solid #2f6b2f}
.op-give-result.err{background:#f3d6d4;border:1px solid var(--op-red)}
.op-give-thanks{text-align:center;padding:40px 20px;background:#fff;border:1px solid #d8c7a0;border-radius:var(--op-r)}
.op-give-thanks-ico{color:var(--op-gold);font-size:28px;letter-spacing:.4em;margin-bottom:8px}
.op-give-txn{font-size:16px}
@media(max-width:700px){
 .op-give{padding:22px 16px}
 .op-give-grid2,.op-give-grid3{grid-template-columns:1fr}
 .op-give-picks{gap:8px}
}