/*
Theme Name: You Are Salt
Theme URI: https://youaresalt.com/
Description: Custom child theme for the You Are Salt Christian education and media platform.
Author: StrategyPlus Solutions
Template: hello-elementor
Version: 0.10.5
Text Domain: you-are-salt
*/

:root{--ink:#142B33;--ink-2:#1d3b44;--cream:#F4EFE3;--salt:#FFFEFA;--teal:#2C7772;--teal-dark:#205d59;--gold:#D59A3A;--clay:#A94F3E;--slate:#64747A;--line:rgba(20,43,51,.15);--shadow:0 24px 70px rgba(20,43,51,.13);--serif:"Fraunces",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--salt);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65;overflow-x:clip}img{max-width:100%;height:auto}a{color:var(--teal-dark);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--clay)}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.narrow{width:min(790px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:var(--salt);color:var(--ink);padding:12px 18px;border-radius:4px}.skip-link:focus{top:16px}.preview-bar{background:var(--gold);color:var(--ink);text-align:center;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:7px 20px}.site-header{position:sticky!important;top:0!important;z-index:100;width:100%!important;max-width:none!important;margin-inline:0!important;background:rgba(20,43,51,.97);color:var(--salt);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;gap:13px;color:var(--salt);text-decoration:none}.brand:hover{color:var(--salt)}.brand-mark{width:58px;height:58px;flex:none}.brand-type{line-height:1}.brand-over{display:block;color:var(--gold);font-size:11px;letter-spacing:.48em;font-weight:800;margin-left:5px}.brand-salt{display:block;font-family:var(--serif);font-size:36px;font-weight:800;letter-spacing:.03em;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:30px}.primary-nav a{color:var(--salt);font-size:14px;font-weight:700;text-decoration:none}.primary-nav a:hover,.primary-nav a:focus{color:var(--gold)}.nav-cta{border:1px solid rgba(255,255,255,.36);padding:10px 17px;border-radius:999px}.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:var(--salt);padding:8px 13px;border-radius:4px;font-size:14px;font-weight:700}.menu-toggle:hover,.menu-toggle:focus{background:var(--teal);color:var(--salt);border-color:var(--teal)}.hero{background:var(--cream);position:relative;overflow:hidden;padding:94px 0 82px}.hero:before{content:"";position:absolute;inset:0;background:rgba(244,239,227,.48);z-index:1}.hero:after{content:"";position:absolute;right:-140px;top:-180px;width:560px;height:560px;border:1px solid rgba(44,119,114,.18);transform:rotate(30deg);z-index:1}.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.16fr .84fr;gap:82px;align-items:center}.eyebrow{color:var(--teal-dark);font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.hero h1,.display-title{font-family:var(--serif);font-size:clamp(58px,7vw,108px);line-height:.91;letter-spacing:-.045em;margin:18px 0 28px;max-width:850px}.hero h1 em{font-weight:600;color:var(--teal);font-style:italic;margin-right:.12em}.hero-copy{font-size:21px;line-height:1.55;max-width:650px;color:#3f535a}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:14px 21px;text-decoration:none;font-size:14px;font-weight:800}.button-primary{background:var(--teal);color:var(--salt)}.button-primary:hover{background:var(--teal-dark);color:var(--salt)}.button-secondary{border:1px solid var(--ink);color:var(--ink)}.button-secondary:hover{background:var(--ink);color:var(--salt)}.on-air{background:var(--ink);color:var(--salt);padding:36px;border-radius:4px;box-shadow:var(--shadow);transform:none;position:relative}.on-air:before{content:"";position:absolute;left:-13px;top:26px;width:6px;height:90px;background:var(--gold)}.on-air .kicker{color:var(--gold);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.on-air h2{font-family:var(--serif);font-size:39px;line-height:1.08;margin:22px 0 10px}.episode-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#afbec2;font-size:13px}.audio-wave{display:flex;align-items:center;gap:5px;height:45px;margin:24px 0 12px}.audio-wave i{display:block;width:4px;background:var(--gold);border-radius:4px}.audio-wave i:nth-child(odd){height:18px}.audio-wave i:nth-child(2n){height:32px}.audio-wave i:nth-child(3n){height:42px}.audio-control{width:100%;height:42px;accent-color:var(--gold)}.section{padding:92px 0}.section-cream{background:var(--cream)}.section-ink{background:var(--ink);color:var(--salt)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-head h2,.page-hero h1,.archive-hero h1{font-family:var(--serif);font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.035em;margin:8px 0 0}.section-head p{max-width:520px;color:var(--slate);margin:0}.section-ink .section-head p{color:#b9c5c8}.route-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:18px}.route{position:relative;min-height:230px;padding:34px;background:var(--salt);border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden}.route:first-child{grid-row:1/3;min-height:478px;background:var(--teal);color:var(--salt);display:flex;flex-direction:column;justify-content:flex-end}.route:nth-child(2){background:var(--cream)}.route:nth-child(3){background:var(--ink);color:var(--salt)}.route-number{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold)}.route h3{font-family:var(--serif);font-size:40px;line-height:1;margin:14px 0}.route p{font-size:16px;max-width:460px;margin:0;opacity:.8}.route-arrow{position:absolute;right:28px;top:25px;font-size:30px}.route:hover{transform:translateY(-3px);color:inherit;box-shadow:var(--shadow)}.episode-list{border-top:1px solid var(--line)}.episode-row{display:grid;grid-template-columns:120px minmax(0,1fr) 90px;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;color:var(--ink);text-decoration:none}.episode-row:hover{color:var(--teal-dark)}.episode-date{font-size:13px;font-weight:800;letter-spacing:.05em;color:var(--slate)}.episode-row h3{font-family:var(--serif);font-size:29px;line-height:1.16;margin:4px 0}.episode-ref{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-dark);font-weight:800}.play-pill{justify-self:end;background:var(--ink);color:var(--salt);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.quote-band{padding:90px 0;background:linear-gradient(rgba(213,154,58,.80),rgba(213,154,58,.80)),url("assets/learn-header.jpg") center 52%/cover no-repeat;color:var(--ink)}.quote-band blockquote{font-family:var(--serif);font-size:clamp(40px,6vw,82px);line-height:1.02;letter-spacing:-.035em;margin:0;max-width:1090px}.quote-band cite{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-top:25px;font-style:normal;font-weight:800}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.portrait-wrap{position:relative}.portrait-wrap:after{content:"";position:absolute;inset:20px -20px -20px 20px;border:2px solid var(--gold);z-index:0}.portrait-wrap img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.72) contrast(1.03)}.about-copy h2{font-family:var(--serif);font-size:clamp(43px,5vw,70px);line-height:1;margin:10px 0 25px}.about-copy p{max-width:650px;color:#3f535a}.stat-line{display:flex;gap:35px;padding:24px 0;margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat strong{display:block;font-family:var(--serif);font-size:36px}.stat span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource{background:var(--salt);color:var(--ink);padding:28px;text-decoration:none;min-height:220px;display:flex;flex-direction:column;border-top:4px solid var(--gold)}.resource h3{font-family:var(--serif);font-size:27px;line-height:1.15;margin:17px 0}.resource small{margin-top:auto;color:var(--teal-dark);font-weight:800}.page-hero,.archive-hero{padding:82px 0;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero p,.archive-hero p{font-size:20px;color:#445960;max-width:760px}.source-hero{min-height:390px;display:flex;align-items:center;position:relative;border-bottom:0;color:var(--salt)}.source-hero .eyebrow{color:var(--gold)}.source-hero h1,.source-hero p{color:var(--salt);text-shadow:0 2px 18px rgba(14,32,39,.34)}.source-hero p{max-width:760px}.source-hero .archive-tools input{background:rgba(255,254,250,.95);border-color:rgba(255,255,255,.45)}.source-hero .archive-tools button{background:var(--ink)}.about-hero{background:linear-gradient(rgba(169,79,62,.84),rgba(169,79,62,.84)),url("assets/expulsion.jpg") center 52%/cover no-repeat}.listen-hero{background:linear-gradient(rgba(169,79,62,.84),rgba(169,79,62,.84)),url("assets/listen-header.jpg") center 52%/cover no-repeat}.watch-hero{background:linear-gradient(rgba(169,79,62,.84),rgba(169,79,62,.84)),url("assets/watch-header.jpg") center 50%/cover no-repeat}.read-hero{background:linear-gradient(rgba(169,79,62,.84),rgba(169,79,62,.84)),url("assets/read-header.jpg") center 54%/cover no-repeat}.learn-hero{background:linear-gradient(rgba(169,79,62,.84),rgba(169,79,62,.84)),url("assets/learn-header.jpg") center 52%/cover no-repeat}
.content{padding:75px 0}.content h2,.content h3{font-family:var(--serif);line-height:1.1}.content h2{font-size:44px}.content h3{font-size:30px}.content p,.content li{max-width:760px}.content .lead{font-size:24px;color:#3c535b}.archive-tools{display:flex;gap:14px;margin-top:32px}.archive-tools input{width:min(500px,100%);padding:14px 17px;border:1px solid var(--line);background:var(--salt);border-radius:2px}.archive-tools button{border:0;background:var(--teal);color:var(--salt);padding:12px 18px;font-weight:800}.pagination{display:flex;gap:8px;margin-top:42px}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--ink);color:var(--salt)}.single-audio{background:var(--ink);color:var(--salt);padding:32px;margin:32px 0;border-left:6px solid var(--gold)}.single-audio audio{width:100%}.source-note{font-size:13px;color:var(--slate);border-top:1px solid var(--line);padding-top:18px;margin-top:42px}.site-footer{width:100%!important;max-width:none!important;margin-inline:0!important;background:#0e2027;color:#d8e0e2;padding:72px 0 30px}.footer-grid{display:grid;grid-template-columns:1.1fr .65fr .65fr;gap:80px}.footer-brand p{max-width:480px;color:#9fb0b5}.footer-title{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin-bottom:18px}.footer-links{display:grid;gap:9px}.footer-links a{color:#d8e0e2;text-decoration:none;font-size:15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#82969c;font-size:12px}.empty-state{padding:42px;background:var(--cream);border-left:5px solid var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.brand-full{gap:16px}.play-arrow{font-size:.78em;line-height:1;transform:translateX(1px)}.about-page-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:80px;align-items:center}.about-page-copy>:first-child{margin-top:0}.about-page-portrait{width:100%;max-width:430px;justify-self:end}.about-page-rest{padding-top:64px}.footer-bottom a{color:#b8c8cc}.footer-bottom a:hover{color:var(--gold)}
@media(max-width:900px){.container,.narrow{width:min(100% - 34px,var(--max))}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:20px 24px 28px;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.13)}.primary-nav.is-open{display:flex}.hero{padding:68px 0}.hero-grid,.about-grid{grid-template-columns:1fr;gap:48px}.about-page-intro{grid-template-columns:1fr;gap:48px}.about-page-portrait{max-width:560px;justify-self:start}.hero h1{font-size:clamp(57px,16vw,86px)}.on-air{transform:none}.route-grid{grid-template-columns:1fr;grid-template-rows:auto}.route:first-child{grid-row:auto;min-height:330px}.resource-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.section{padding:70px 0}}
@media(max-width:620px){body{font-size:17px}.preview-bar{font-size:10px}.nav-wrap{min-height:72px}.brand-mark{width:48px;height:48px}.brand-over{font-size:10px}.brand-salt{font-size:29px}.brand-full{gap:12px}.hero{padding:50px 0 60px}.hero-grid{gap:36px}.hero h1{font-size:55px}.hero-copy{font-size:18px}.on-air{padding:27px 23px}.on-air h2{font-size:32px}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:18px}.route{padding:27px;min-height:210px}.route:first-child{min-height:290px}.episode-row{grid-template-columns:1fr 55px;gap:12px}.episode-date{grid-column:1/-1}.episode-row h3{font-size:25px}.episode-ref{font-size:11px}.play-pill{grid-column:2;grid-row:2}.about-grid{gap:45px}.portrait-wrap:after{inset:12px -10px -12px 10px}.stat-line{gap:20px}.stat strong{font-size:28px}.resource-grid{grid-template-columns:1fr}.archive-tools{flex-direction:column}.archive-tools input{width:100%}.page-hero,.archive-hero{padding:58px 0}.source-hero{min-height:330px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
