/*
Theme Name: R. Joshua Collins
Author: R. Joshua Collins
Description: A responsive navy and gold author, music, and street ministry theme, based on the supplied website reference. Homepage settings are available in Appearance → Customize.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rjoshua
*/
:root{--navy:#0b1c29;--navy-light:#112b40;--gold:#e6b563;--ink:#0a1725;--paper:#f8f5ee;--muted:#383838}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c38423;outline-offset:5px}button{cursor:pointer}svg{width:23px;height:23px;flex-shrink:0}.container{width:min(1120px,89%);margin-inline:auto}h1,h2,p{margin:0}h1,h2{font-weight:500;line-height:1.08;letter-spacing:-1px}h2{font-size:clamp(29px,3.25vw,42px)}p{margin-bottom:18px}p:last-child{margin-bottom:0}.site-header{background:linear-gradient(110deg,#10293d,#10273a);color:#fff}.header-inner{width:min(1190px,92%);min-height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;flex-shrink:0}.brand-name{display:block;font-size:clamp(21px,2.65vw,33px);font-variant:small-caps;line-height:1.1;letter-spacing:.5px}.brand-subtitle{display:block;font:10px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:2.5px;margin-top:6px}.cross{display:block;width:42px;height:61px;position:relative}.cross:before,.cross:after{content:'';position:absolute;background:var(--gold);border-radius:2px}.cross:before{width:4px;height:61px;left:20px}.cross:after{height:4px;width:42px;top:16px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:16px}.site-header nav a{text-decoration:none;white-space:nowrap;padding-block:12px;position:relative}.site-header nav a:hover,.site-header nav a.current{color:var(--gold)}.site-header nav a.current:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--gold)}nav ul{list-style:none;display:flex;gap:22px;padding:0;margin:0}.search-toggle{border:0;background:none;color:#fff;padding:5px;margin-left:18px;line-height:0}.menu-toggle{display:none}.hero{isolation:isolate;position:relative;color:#fff;min-height:428px;display:flex;align-items:center;background:#172837;overflow:hidden}.hero:before,.mission-section:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--section-image);background-size:auto 100%;background-position:right center;background-repeat:no-repeat}.hero:after,.mission-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1925 0%,#152737ed 28%,#142434ab 46%,#10202d21 70%,transparent 100%)}.hero-content{padding-block:43px}.hero h1{font-size:clamp(42px,5.7vw,72px);font-weight:600;line-height:.99;letter-spacing:-1.7px}.hero h1 em{color:var(--gold);font-style:normal}.gold-rule{display:block;background:var(--gold);width:60px;height:5px;margin:24px 0 13px}.hero-intro{font-size:29px;line-height:1.2;margin-bottom:1px}.hero-message{font-size:25px;line-height:1.3}.actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.button{border:1px solid var(--navy);background:linear-gradient(110deg,#122b3d,#081722);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 23px;border-radius:4px;text-decoration:none;font-size:17px;line-height:1.3;min-height:49px;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button span:last-child{margin-left:2px}.button.gold{background:linear-gradient(110deg,#eabe75,#e6b66a);border-color:#e6b66a;color:#081722}.button.outline{background:#0b19254d;border-color:#fff;color:#fff}.eyebrow{color:#bb7b22;text-transform:uppercase;letter-spacing:2px;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:9px}.book-section{background:radial-gradient(ellipse at 20% 80%,#e7e3da66,transparent 55%),var(--paper);padding:17px 0}.book-grid{display:grid;grid-template-columns:29% 46% 25%;align-items:center;gap:0}.book-cover{width:100%;max-width:300px;height:auto;display:block;mix-blend-mode:multiply}.book-copy{padding:20px 23px 20px 10px}.book-copy h2{font-size:clamp(29px,3.3vw,42px);margin-bottom:16px}.book-copy p:not(.eyebrow){font-size:18px;line-height:1.47;color:#282a2c;margin-bottom:20px}.book-features{padding-left:18px}.book-features>div{display:flex;align-items:center;gap:12px;margin:28px 0}.book-features p{font-size:15px;line-height:1.35}.book-features strong{font-weight:500;display:block}.book-features small{font-size:13px;display:block;margin-top:3px}.feature-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #eae6df;background:#fff;border-radius:50%;color:#c48b2c;flex-shrink:0}.feature-icon svg{width:29px;height:29px}.music-section{background:radial-gradient(ellipse at 10% 110%,#16384e 0,transparent 65%),var(--navy);color:#fff;padding:27px 0 20px;position:relative;overflow:hidden}.music-section:after{content:'';position:absolute;width:1600px;height:400px;border:1px solid #28506955;border-radius:50%;left:-380px;top:-145px;box-shadow:0 10px 0 #28506933,0 20px 0 #28506933,0 30px 0 #28506933,0 40px 0 #28506933;pointer-events:none}.music-grid{display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;z-index:1}.music-copy{padding-right:25px}.music-section .eyebrow,.mission-section .eyebrow{color:var(--gold)}.music-copy h2{margin-bottom:15px}.music-copy>p:not(.eyebrow){font-size:20px;line-height:1.35;margin-bottom:23px}.music-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.music-card{display:block;overflow:hidden;border:1px solid #6a7580;border-radius:6px;text-decoration:none;background:#0a1926;transition:transform .2s,border-color .2s}.music-card:hover{transform:translateY(-4px);border-color:var(--gold)}.track-art{aspect-ratio:234/137;overflow:hidden}.track-art img{width:100%;height:100%;object-fit:cover;display:block}.track-info{padding:14px 22px 17px;min-height:85px;position:relative;font-family:Arial,sans-serif}.track-info strong{display:block;font-size:17px;line-height:1.1;padding-right:12px}.track-info>span:not(.equalizer){display:block;font-size:14px;margin-top:8px}.equalizer{position:absolute;right:15px;bottom:17px;font-size:15px;letter-spacing:-2px;color:#cdd6db}.ministry-section{display:grid;grid-template-columns:54% 46%;border-block:9px solid #fff;align-items:stretch}.ministry-section>img{width:100%;height:100%;min-height:310px;object-fit:cover}.ministry-copy{padding:30px 7% 26px 7%;align-self:center}.ministry-copy h2{margin-bottom:15px}.ministry-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;margin-bottom:20px;color:#303033}.mission-section{position:relative;isolation:isolate;overflow:hidden;background:#152c3c;color:#fff;padding:28px 0 38px;min-height:300px}.mission-section:before{background-size:auto 100%}.mission-section:after{background:linear-gradient(90deg,#102838 0%,#102838ef 32%,#10283870 58%,transparent 85%)}.mission-section h2{margin-bottom:15px}.mission-section p:not(.eyebrow){font-size:18px;line-height:1.4}.mission-section .actions{margin-top:25px}.site-footer{background:#081722;color:#c5cbd0;padding:20px 0;font-size:13px}.site-footer .container{display:flex;justify-content:space-between;gap:20px}.site-footer a{text-decoration:none;color:var(--gold)}dialog{border:1px solid #d4c9b5;border-radius:9px;background:var(--paper);color:var(--ink);width:min(580px,92vw);max-height:88vh;padding:42px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#06121dd4;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin-bottom:20px}dialog p{line-height:1.6}dialog .button{margin-top:10px}.dialog-close{position:absolute;top:8px;right:14px;background:none;border:none;color:var(--ink);font:30px Arial;padding:5px 10px}label{display:block;font-size:15px;margin:13px 0}input,textarea,select{display:block;width:100%;border:1px solid #bdb8ae;background:#fff;color:var(--ink);padding:10px 12px;border-radius:3px;margin-top:5px}textarea{resize:vertical}.honeypot{position:absolute;left:-10000px}.search-form{display:flex;gap:10px;align-items:end}.search-form label{flex:1}.search-submit{width:auto;background:var(--navy);color:#fff;border-color:var(--navy);margin-bottom:13px;cursor:pointer}.content-page{min-height:65vh;padding-block:60px}.content-page h1{font-size:45px;margin-bottom:28px}.content-page article{margin-bottom:40px}.content-page h2{margin-bottom:15px}.content-page img{max-width:100%;height:auto}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:var(--gold);color:var(--ink);padding:10px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}
@media(min-width:1400px){.hero{min-height:490px}.hero:before{background-size:68% auto}.hero:after{background:linear-gradient(90deg,#0b1925,#152737e6 30%,#14243450 58%,transparent 85%)}.mission-section:before{background-size:55% auto}}
@media(max-width:1100px){.header-inner{min-height:78px;gap:20px}.site-header nav{gap:24px;font-size:15px}.search-toggle{margin-left:12px}.brand-subtitle{font-size:9px;letter-spacing:2px}.cross{transform:scale(.85);width:35px}.brand{gap:13px}.hero{min-height:349px}.hero-content{padding-block:34px}.hero-intro{font-size:26px}.hero-message{font-size:23px}.hero h1{font-size:60px}.actions{gap:17px;margin-top:20px}.button{font-size:16px;min-height:43px;padding:10px 20px;gap:13px}.book-grid{grid-template-columns:32% 46% 22%;width:94%}.book-copy{padding-left:0;padding-right:16px}.book-copy h2{font-size:35px}.book-copy p:not(.eyebrow){font-size:16px}.book-features{padding-left:0}.book-features>div{gap:10px}.feature-icon{width:43px;height:43px}.book-features p{font-size:14px}.book-features small{font-size:12px}.music-grid{width:88%;grid-template-columns:47% 53%}.music-copy h2{font-size:34px}.music-copy>p:not(.eyebrow){font-size:18px}.track-info{padding:13px 18px}.track-info strong{font-size:16px}.track-info>span:not(.equalizer){font-size:13px}.ministry-copy{padding:25px 7% 20px 7%}.ministry-copy h2{font-size:34px}.ministry-copy>p:not(.eyebrow){font-size:16px}.ministry-section>img{min-height:257px}.mission-section{min-height:249px;padding:24px 0 35px}.mission-section h2{font-size:35px}.mission-section p:not(.eyebrow){font-size:16px}}
@media(max-width:900px){.header-inner{width:90%;position:relative;padding-block:15px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;color:#fff;border:1px solid #ffffff50;padding:8px 12px;border-radius:4px}.site-header nav{display:none;position:absolute;top:100%;left:-5.5%;right:-5.5%;z-index:10;background:var(--navy);padding:20px 6%;flex-wrap:wrap;gap:10px 25px;border-top:1px solid #ffffff25}.site-header nav.is-open{display:flex}.brand-name{font-size:27px}.brand-subtitle{font-size:9px}.hero h1{font-size:clamp(44px,6.5vw,59px)}.hero:before{background-position:right center;opacity:.9}.hero:after{background:linear-gradient(90deg,#0b1925f5,#102534cf 43%,#10253433)}.hero-message{font-size:20px;max-width:500px}.book-grid{width:90%;grid-template-columns:33% 67%;padding-block:15px}.book-features{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px}.book-features>div{margin:15px 0}.book-copy{padding-left:18px}.book-copy h2{font-size:32px}.music-grid{grid-template-columns:1fr;gap:25px}.music-copy br{display:none}.music-copy{padding:0}.music-copy h2{font-size:36px}.music-cards{max-width:600px}.music-section{padding:35px 0}.ministry-section{grid-template-columns:48% 52%}.ministry-copy h2{font-size:30px}.ministry-copy{padding:27px}.ministry-section>img{object-position:35% center}.mission-section p{max-width:520px}.mission-section br{display:none}}
@media(max-width:600px){body{font-size:16px}.brand-name{font-size:23px}.brand-subtitle{font-size:7px;letter-spacing:1.4px}.brand{gap:8px}.cross{transform:scale(.7);transform-origin:left center;width:28px}.header-inner{width:92%;gap:10px;padding-block:8px;min-height:80px}.menu-toggle{font-size:0;gap:0;padding:10px}.menu-toggle span{font-size:21px}.hero{min-height:490px;align-items:end}.hero:before{background-size:auto 100%;right:-70px;opacity:.78}.hero:after{background:linear-gradient(0deg,#0b1925 1%,#0b1925d9 45%,#0b192544 100%)}.hero-content{padding:44px 0 35px}.hero h1{font-size:clamp(37px,9.2vw,53px);line-height:1.06;letter-spacing:-1px}.hero-intro{font-size:23px}.hero-message{font-size:18px;max-width:330px;margin-top:7px}.gold-rule{margin:20px 0 14px;width:48px;height:4px}.actions{gap:12px;align-items:stretch}.actions .button{padding:12px 16px;font-size:15px}.hero .actions{display:grid;justify-content:start}.book-grid{grid-template-columns:1fr;gap:0;padding:17px 0 22px}.book-cover{max-width:265px;justify-self:center}.book-copy{padding:5px 0 12px}.book-copy h2{font-size:34px}.desktop-break{display:none}.book-features{display:grid;gap:0;margin-top:14px}.book-features>div{margin:10px 0}.book-features p{font-size:16px}.book-features small{font-size:14px}.music-grid{width:89%}.music-copy h2{font-size:33px}.music-copy>p:not(.eyebrow){font-size:18px}.music-cards{gap:13px}.track-info{padding:13px 12px;min-height:109px}.track-info strong{font-size:15px;padding-right:0}.track-info>span:not(.equalizer){font-size:11px}.equalizer{bottom:9px;right:12px;font-size:12px}.ministry-section{grid-template-columns:1fr}.ministry-section>img{height:auto;min-height:0;aspect-ratio:551/280;object-position:center}.ministry-copy{padding:30px 5.5% 33px}.ministry-copy h2{font-size:34px}.ministry-copy>p:not(.eyebrow){font-size:17px}.mission-section{padding:35px 0 39px;min-height:370px}.mission-section:before{opacity:.7;background-position:75% center}.mission-section:after{background:linear-gradient(90deg,#102838f5,#102838aa 65%,#10283820)}.mission-section h2{font-size:34px}.mission-section p:not(.eyebrow){font-size:17px}.mission-section .actions{display:grid;justify-content:start}.site-footer .container{flex-direction:column;gap:8px}.site-footer{font-size:12px}dialog{padding:35px 25px}dialog h2{font-size:30px}.search-form{display:block}.search-submit{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
