/*
Theme Name: Jermaine Jaie Copper
Author: Jermaine Jaie Worships
Description: A complete black, copper, and gold worship ministry theme with WooCommerce support.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: jermaine-jaie-copper
*/
:root{--black:#070707;--panel:#101011;--gold:#e3a257;--copper:#bd7d39;--white:#f6f3ed;--muted:#bcb9b3;--line:#38291c;--width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--black);color:var(--white);font:16px/1.75 Arial,Helvetica,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--gold);text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline;color:#f3c78d}button,input,select,textarea{font:inherit}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0 0 24px}h1{font-size:clamp(38px,4.3vw,64px)}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:17px;font-weight:400;line-height:1.4;margin:0 0 10px}p{margin:0 0 20px}p:last-child{margin-bottom:0}em{color:var(--gold);font-weight:400}.wrap{max-width:var(--width);margin:auto;padding:0 44px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);font-size:13px;line-height:1.5;margin:0 0 14px}.gold{color:var(--gold)}.note{font-size:13px;line-height:1.65;color:var(--muted)}.btn,button[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:linear-gradient(110deg,#e6af70,#bb7738);color:#0a0806;padding:11px 24px;border:1px solid var(--copper);font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;line-height:1.8;cursor:pointer;border-radius:0;text-decoration:none}.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#efbd7b;color:#080706;text-decoration:none}.btn.outline{background:transparent;color:var(--white);font-weight:400}.btn.outline:hover{background:var(--copper);color:#080706}:focus-visible{outline:3px solid #f3c78d;outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;z-index:100;background:#111;padding:12px}.skip:focus{top:8px}.site-header{background:#050505;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{max-width:1440px;margin:auto;min-height:108px;padding:10px 32px;display:flex;align-items:center;gap:30px}.brand{width:135px;flex-shrink:0}.brand img{width:135px;height:88px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}.main-nav a{font-size:11px;text-transform:uppercase;color:#eee;white-space:nowrap;padding:9px 0;border-bottom:1px solid transparent}.main-nav a:hover,.main-nav a[aria-current]{color:var(--gold);border-color:var(--copper);text-decoration:none}.header-book{font-size:11px;white-space:nowrap;text-transform:uppercase;border:1px solid var(--copper);padding:8px 12px}.menu-toggle{display:none;color:var(--gold);border:1px solid var(--line);background:transparent;padding:8px 12px}.hero{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 55%,#392313 0, #100d09 27%,#050505 65%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:580px;position:relative}.hero-copy{padding:66px 0;position:relative;z-index:2}.hero h1{text-transform:uppercase;font-size:clamp(34px,3.65vw,54px);letter-spacing:-1px;line-height:1.15}.hero h1 span{color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:435px;color:#d0cdc7;font-size:15px;line-height:1.95;margin-bottom:27px}.gold-rule{width:48px;height:1px;background:var(--copper);margin:27px 0}.hero-portrait{height:100%;position:relative;align-self:stretch;display:flex;align-items:flex-end}.hero-portrait img{width:710px;max-width:none;position:absolute;bottom:0;left:-95px;filter:drop-shadow(0 0 35px #40210d);max-height:550px;object-fit:contain;object-position:bottom}.section{padding:58px 0;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#090909,#0c0c0e)}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:84px}.story-grid>div:first-child p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:470px}.beliefs{border-left:1px solid var(--line);padding-left:60px}.beliefs article{display:flex;gap:25px;margin:0 0 28px;align-items:flex-start}.beliefs article:last-child{margin-bottom:0}.beliefs h3,.calling-grid h3{color:var(--gold);text-transform:uppercase;font-size:14px;margin-bottom:6px}.beliefs p{font-size:13px;line-height:1.8;color:#c5c3bf;max-width:240px}.icon{width:56px;height:56px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;font:30px Georgia;color:var(--gold);flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>a{font-size:12px;text-transform:uppercase}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.media-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{display:block;color:var(--white)}.media-card:hover{text-decoration:none}.media-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:#17110c;border:1px solid var(--line);margin-bottom:17px}.media-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-card:hover img{transform:scale(1.03)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid white;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;background:#0008;font-size:15px;padding-left:3px}.media-card .eyebrow{font-size:10px;margin-bottom:6px}.media-card h3{font-family:Georgia,serif;font-size:23px}.media-card>p:last-child{font-size:13px;color:var(--muted)}.feature-media{border:1px solid var(--line);padding:26px;background:radial-gradient(ellipse at 100% 0,#432a17,#0b0b0c 70%);display:flex;flex-direction:column;justify-content:center}.music-mark{font:58px Georgia;color:var(--gold);margin-bottom:17px}.calling{text-align:center}.calling>div>p:not(.eyebrow){font-size:14px;color:#ccc}.calling-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px}.calling-grid article{padding:0 28px;border-right:1px solid #664025}.calling-grid article:last-child{border:0}.calling-icon{display:block;font:40px Georgia;color:var(--gold);margin-bottom:15px}.calling-grid p{font-size:13px;color:#c5c3bf;line-height:1.8}.connect-band{background:radial-gradient(ellipse at 85% 80%,#573116,#100d0a 70%);border-bottom:1px solid var(--line);padding:30px 0}.connect-inner{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:35px}.connect-inner h2{color:var(--gold);font-style:italic;font-size:48px;margin:0}.connect-inner>div{border-left:1px solid #654125;padding-left:40px}.connect-inner p{font-size:14px;max-width:460px;margin-bottom:12px}.site-footer{padding:36px 0 20px;background:#060606}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.2fr 1fr;gap:40px}.footer-logo{width:215px;height:130px;object-fit:contain;object-position:left center}.footer-grid h2{font:13px Arial;text-transform:uppercase;color:var(--gold);margin:14px 0 18px}.footer-grid p{font-size:12px;color:var(--muted);margin:12px 0}.footer-grid>div>a:not(:has(img)){display:block;font-size:12px;margin:7px 0}.footer-grid .btn{display:inline-block!important}.copyright{font-size:11px;color:#888;padding-top:28px}.page-hero{padding:64px 0 58px;background:radial-gradient(ellipse at 90% 0,#342014,#090909 65%);border-bottom:1px solid var(--line)}.page-hero h1{max-width:930px}.lede{font-size:16px;max-width:700px;color:#c4c0b8}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split p{color:var(--muted)}.story-photo{width:100%;max-height:530px;object-fit:cover;object-position:50% 30%}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card,.empty,.form-panel{border:1px solid var(--line);background:#101011;padding:30px}.card h2{font-size:30px}.card p,.empty p{color:var(--muted)}.empty{margin:30px 0}.empty h2{font-size:30px}.form-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.form-layout aside{max-width:390px}.form-layout aside p{color:var(--muted);font-size:14px}.service-list{padding-left:20px;color:var(--gold);font-size:14px;line-height:2.3}.jjwr-form{max-width:100%}.jjwr-form p{margin-bottom:20px}.jjwr-form label{display:block;color:#ddd;font-size:13px;margin-bottom:7px}.jjwr-form input:not([type=checkbox]):not([type=hidden]),.jjwr-form textarea,.jjwr-form select,input[type=search],.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{width:100%;border:1px solid #755235;background:#080808;color:var(--white);padding:11px 13px;border-radius:0;min-height:46px;color-scheme:dark}.jjwr-form textarea{resize:vertical}.jjwr-form input[type=checkbox]{accent-color:var(--gold);margin-right:8px}.jjwr-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.jjwr-empty{padding:18px;margin-bottom:24px;background:#211b13;border-left:3px solid var(--gold);font-size:14px}.jjwr-video{aspect-ratio:16/9;margin:20px 0;background:#000}.jjwr-video iframe{width:100%;height:100%;border:0}.prose{max-width:860px}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content h2{margin-top:36px}.entry-content iframe{max-width:100%}.woocommerce{color:var(--white)}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--gold)}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#17120d;border-color:var(--line)}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#352313}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--white)}.woocommerce table.shop_table,.woocommerce table.shop_table td{border-color:var(--line)}.woocommerce-info,.woocommerce-message,.woocommerce-error{background:#181510;color:#eee;border-top-color:var(--copper)}.woocommerce-checkout #payment{background:#191613}.woocommerce-checkout #payment div.payment_box{background:#29231d;color:#eee}.woocommerce .quantity .qty{background:#111;color:#eee;border:1px solid var(--copper)}.wc-block-components-text-input input,.wc-block-components-combobox-control input{color:#161616!important}.tribe-events,.tribe-events-view{--tec-color-text-primary:#eee;--tec-color-text-secondary:#bbb;--tec-color-background:#101011;--tec-color-accent-primary:#e3a257;--tec-color-border-default:#58402b}.post-navigation{padding:30px 0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.header-inner{padding-left:55px;padding-right:55px}.main-nav{gap:25px}}
@media(max-width:1199px){.header-inner{min-height:95px;padding:8px 25px;flex-wrap:wrap;gap:15px}.brand{margin-right:auto;width:120px}.brand img{width:120px;height:75px}.menu-toggle{display:block}.header-book{display:none}.main-nav{display:none;flex:0 0 100%;align-items:stretch;padding:10px 0 20px;gap:0;grid-template-columns:repeat(3,1fr)}.main-nav.open{display:grid}.main-nav a{padding:10px}.hero-inner{min-height:530px;grid-template-columns:1.2fr 1fr}.hero-portrait img{width:580px;left:-135px}.hero h1{font-size:39px}.hero-copy{padding:55px 0}.hero-copy p{max-width:370px!important}.story-grid{gap:45px}.beliefs{padding-left:35px}.wrap{padding:0 30px}.footer-grid{gap:25px}.calling-grid article{padding:0 18px}}
@media(max-width:700px){.wrap{padding:0 23px}.header-inner{padding:7px 20px}.main-nav{grid-template-columns:repeat(2,1fr)}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:42px 0 20px}.hero h1{font-size:clamp(33px,8vw,48px);letter-spacing:-.7px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:100%!important}.hero-portrait{height:310px;min-height:310px;margin:0 -23px;overflow:hidden}.hero-portrait img{height:310px;width:auto;max-width:none;left:50%;transform:translateX(-50%);max-height:none}.section{padding:38px 0}.story-grid,.split,.form-layout{grid-template-columns:1fr;gap:32px}.beliefs{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.beliefs p{max-width:none}.beliefs article{gap:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.media-grid,.media-grid.two{grid-template-columns:1fr;gap:28px}.feature-media{min-height:240px}.calling-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.calling-grid article{padding:0 15px}.calling-grid article:nth-child(2n){border:0}.calling-grid h3{font-size:12px}.connect-inner{grid-template-columns:1fr;gap:20px}.connect-inner h2{font-size:41px}.connect-inner>div{padding:0;border:0}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 23px}.footer-grid p{font-size:12px}.footer-logo{width:180px;height:120px}.page-hero{padding:42px 0 35px}.page-hero h1{font-size:39px}.lede{font-size:14px}.cards{grid-template-columns:1fr}.card,.empty,.form-panel{padding:23px}.form-layout aside{max-width:none}.copyright{font-size:10px}.woocommerce ul.products li.product{width:100%!important;float:none!important}.jjwr-video{margin:15px 0}h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The supplied portrait filename is historical; it contains the concept's standing orange-sweater photograph. */
.hero-portrait img{width:100%;max-width:100%;height:100%;max-height:none;left:0;top:0;bottom:0;object-fit:cover;object-position:top;filter:none;transform:none}
@media(max-width:700px){.hero-portrait{height:390px;min-height:390px;margin:0}.hero-portrait img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:top;transform:none}}
.hero-portrait img{mix-blend-mode:lighten}

/* Compact navigation, page titles, and homepage hero. */
.header-inner{min-height:76px;padding-top:5px;padding-bottom:5px}
.brand img{height:64px}
.page-hero{padding:28px 0 24px}
.page-hero .eyebrow{margin-bottom:8px;font-size:12px}
.page-hero h1{font-size:clamp(30px,3.2vw,44px);margin-bottom:12px;line-height:1.12}
.page-hero .lede{font-size:14px;line-height:1.6;max-width:760px}
.hero-inner{min-height:460px}
.hero-copy{padding:38px 0}
.hero h1{font-size:clamp(34px,3.6vw,50px);margin-bottom:18px}
.hero .gold-rule{margin:20px 0}
.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:22px}
.hero-portrait img{object-fit:contain;object-position:center;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
@media(max-width:1199px){.header-inner{min-height:72px;padding-top:5px;padding-bottom:5px}.brand img{height:60px}.hero-inner{min-height:420px}.hero-copy{padding:30px 0}.hero h1{font-size:36px}}
@media(max-width:700px){.header-inner{min-height:66px}.brand img{height:54px}.hero-inner{min-height:0}.hero-copy{padding:28px 0 10px}.hero h1{font-size:clamp(30px,7.3vw,38px)}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin-bottom:18px}.hero .gold-rule{margin:16px 0}.hero-portrait{height:280px;min-height:280px;margin:0}.hero-portrait img{object-fit:contain;object-position:center}.page-hero{padding:22px 0 20px}.page-hero h1{font-size:30px;margin-bottom:10px}.page-hero .lede{font-size:14px;line-height:1.5}}

/* Feather the About portrait into the dark page without changing the photograph. */
.story-photo{mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%);mask-composite:intersect}
