/*
Theme Name: Jan Sandesh Time
Theme URI: https://jansandeshtime.net/
Author: Jan Sandesh Time
Description: A peacock, marigold and henna theme with an airmail-striped header, a postcard hero with stamp and postmark, a message maker, a festival year strip, a three-part message diagram, a greetings glossary and a henna reading field for Jan Sandesh Time, a guide to greetings and messages for every occasion.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sandeshtime
*/
@font-face{font-family:"Yeseva One";src:url("assets/fonts/yeseva-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hind";src:url("assets/fonts/hind-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hind";src:url("assets/fonts/hind-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hind";src:url("assets/fonts/hind-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
	--jst-peacock:#004A5E;
	--jst-peacock-deep:#00323F;
	--jst-henna:#7C2D12;
	--jst-marigold:#F4A300;
	--jst-vermilion:#C8401A;
	--jst-sky:#EEF6F7;
	--jst-ink:#1B2A30;
	--jst-mute:#465A61;
	--jst-line:#D3E3E6;
	--jst-head:"Yeseva One",Georgia,"Times New Roman",serif;
	--jst-body:"Hind","Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--jst-ink);font:400 1.12rem/1.7 var(--jst-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--jst-peacock)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--jst-marigold);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--jst-head);font-weight:400;line-height:1.15;margin:0 0 .55em}
.jst-skip{position:absolute;left:-9999px}
.jst-skip:focus{left:16px;top:12px;z-index:60;background:var(--jst-marigold);color:var(--jst-ink);padding:10px 16px}
.jst-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.jst-kicker{font:700 .8rem/1.3 var(--jst-body);letter-spacing:.18em;text-transform:uppercase;color:var(--jst-henna);margin:0 0 .7rem}
.jst-h2{font-size:clamp(1.9rem,3.6vw,2.7rem);color:var(--jst-peacock-deep)}
.jst-lede{max-width:680px;color:var(--jst-mute);margin:0 0 28px}
.jst-btn{display:inline-block;background:var(--jst-marigold);color:var(--jst-ink);font:700 1.02rem/1 var(--jst-body);text-decoration:none;padding:16px 28px 14px;border-radius:4px;border:2px dashed rgba(27,42,48,.45);outline:3px solid var(--jst-marigold);outline-offset:-1px}
.jst-btn:hover{background:#FFB627}
.jst-btn-peacock{background:var(--jst-peacock);color:#fff;border-color:rgba(255,255,255,.5);outline-color:var(--jst-peacock)}
.jst-btn-peacock:hover{background:var(--jst-peacock-deep)}
.jst-link{font-weight:700;color:var(--jst-henna);text-underline-offset:5px;text-decoration-thickness:2px}
.jst-centre{text-align:center;margin-top:36px}
.jst-airmail{height:10px;background:repeating-linear-gradient(-45deg,var(--jst-vermilion) 0 14px,#fff 14px 24px,var(--jst-peacock) 24px 38px,#fff 38px 48px)}

/* Header */
.jst-head{background:var(--jst-peacock);color:#fff;position:relative;z-index:30}
.jst-head-in{max-width:1200px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.jst-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.jst-brand-t{font:400 1.75rem/1 var(--jst-head)}
.jst-brand-pill{background:var(--jst-marigold);color:var(--jst-ink);font:700 .78rem/1 var(--jst-body);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px 4px;border-radius:999px}
.jst-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.jst-nav a{display:block;color:#fff;text-decoration:none;font:600 1rem/1 var(--jst-body);padding:11px 14px 9px;border-radius:999px}
.jst-nav a:hover,.jst-nav a[aria-current="page"]{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px var(--jst-marigold)}
.jst-menu-btn{display:none;background:transparent;color:#fff;border:2px solid var(--jst-marigold);border-radius:999px;font:700 .95rem/1 var(--jst-body);padding:10px 16px 8px;cursor:pointer}

/* Hero postcard */
.jst-hero{background:var(--jst-sky);padding:56px 0 70px}
.jst-hero-in{max-width:1200px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}
.jst-hero-pic{margin:0;border-radius:6px;overflow:hidden;box-shadow:0 18px 44px rgba(0,50,63,.22)}
.jst-hero-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.jst-postcard{position:relative;margin-left:-90px;background:#fff;padding:44px 40px 40px;border-radius:6px;box-shadow:0 18px 44px rgba(0,50,63,.18);background-image:repeating-linear-gradient(180deg,transparent 0 37px,var(--jst-line) 37px 38px);background-position:0 120px;background-repeat:no-repeat}
.jst-postcard h1{font-size:clamp(2.3rem,4.4vw,3.5rem);color:var(--jst-peacock-deep);max-width:420px}
.jst-postcard h1 em{font-style:normal;color:var(--jst-vermilion)}
.jst-postcard p{color:var(--jst-mute);margin:0 0 26px;background:#fff}
.jst-stamp{position:absolute;right:22px;top:-22px;width:78px;height:92px;background:var(--jst-henna);padding:7px;transform:rotate(4deg);-webkit-mask:radial-gradient(circle 5px at 5px 5px,transparent 98%,#000) -5px -5px/10px 10px;mask:radial-gradient(circle 5px at 5px 5px,transparent 98%,#000) -5px -5px/10px 10px}
.jst-stamp i{display:block;width:100%;height:100%;border:2px solid var(--jst-marigold);background:radial-gradient(circle at 50% 45%,var(--jst-marigold) 0 13px,transparent 14px),var(--jst-henna)}
.jst-postmark{display:block;width:110px;height:110px;border-radius:50%;border:3px double rgba(124,45,18,.45)}
.jst-postmark-hero{position:absolute;right:96px;top:14px;width:84px;height:84px;transform:rotate(-12deg)}

/* Message maker */
.jst-maker{padding:90px 0}
.jst-maker-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.jst-chip-h{font:700 .8rem/1 var(--jst-body);letter-spacing:.16em;text-transform:uppercase;color:var(--jst-mute);margin:20px 0 10px}
.jst-chips{display:flex;flex-wrap:wrap;gap:8px}
.jst-chip{font:600 .98rem/1 var(--jst-body);background:#fff;color:var(--jst-peacock-deep);border:2px solid var(--jst-line);border-radius:999px;padding:10px 16px 8px;cursor:pointer}
.jst-chip[aria-pressed="true"]{background:var(--jst-peacock);border-color:var(--jst-peacock);color:#fff}
.jst-out{background:var(--jst-peacock-deep);color:#fff;border-radius:6px;padding:36px 34px 30px;position:relative;box-shadow:12px 12px 0 var(--jst-marigold)}
.jst-out-to{font:700 .8rem/1 var(--jst-body);letter-spacing:.16em;text-transform:uppercase;color:var(--jst-marigold);margin:0 0 16px}
.jst-out-msg{font:400 1.45rem/1.5 var(--jst-head);margin:0 0 26px;min-height:7.5em}
.jst-copy{font:700 1rem/1 var(--jst-body);background:var(--jst-marigold);color:var(--jst-ink);border:0;border-radius:4px;padding:14px 22px 12px;cursor:pointer}
.jst-out-note{margin:14px 0 0;font-size:.92rem;color:#CFE3E7}

/* Festival year */
.jst-year{background:var(--jst-henna);color:#fff;padding:84px 0}
.jst-year .jst-h2{color:#fff}
.jst-year .jst-lede{color:#FFE9C9}
.jst-months{list-style:none;margin:0;padding:0 0 12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
.jst-months li{scroll-snap-align:start;background:#fff;color:var(--jst-ink);border-radius:6px;padding:18px 18px 20px;border-top:8px solid var(--jst-marigold)}
.jst-months li:nth-child(3n+2){border-top-color:var(--jst-peacock)}
.jst-months li:nth-child(3n){border-top-color:var(--jst-vermilion)}
.jst-months span{display:block;font:700 .78rem/1 var(--jst-body);letter-spacing:.16em;text-transform:uppercase;color:var(--jst-henna)}
.jst-months b{display:block;font:400 1.3rem/1.2 var(--jst-head);margin:10px 0 8px;color:var(--jst-peacock-deep)}
.jst-months em{font-style:normal;color:var(--jst-mute);font-size:.98rem;line-height:1.45}

/* Anatomy */
.jst-anatomy{padding:90px 0}
.jst-parts{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}
.jst-parts::before{content:"";position:absolute;left:8%;right:8%;top:30px;border-top:3px dashed var(--jst-line)}
.jst-parts li{position:relative;text-align:center}
.jst-part-n{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--jst-peacock);color:#fff;font:400 1.6rem/1 var(--jst-head);margin-bottom:16px;box-shadow:0 0 0 8px #fff}
.jst-parts h3{font-size:1.5rem;color:var(--jst-peacock-deep);margin-bottom:6px}
.jst-parts p{color:var(--jst-mute);margin:0 0 12px}
.jst-parts blockquote{margin:0;background:var(--jst-sky);border-radius:6px;padding:14px 16px;font-style:italic;color:var(--jst-ink)}

/* Duo splits */
.jst-duo{padding:84px 0;background:var(--jst-sky)}
.jst-duo-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.jst-duo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;border:12px solid #fff;box-shadow:0 14px 34px rgba(0,50,63,.16);transform:rotate(-2deg)}
.jst-duo p{color:var(--jst-mute)}
.jst-duo-flip{background:#fff}
.jst-duo-flip .jst-duo-in{grid-template-columns:1.1fr .9fr}
.jst-duo-flip img{order:2;transform:rotate(2deg)}

/* Glossary */
.jst-words{padding:90px 0;background:var(--jst-peacock-deep);color:#fff}
.jst-words .jst-h2{color:#fff}
.jst-words .jst-lede{color:#CFE3E7}
.jst-glossary{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jst-glossary div{border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:18px 18px 16px}
.jst-glossary dt{font:400 1.25rem/1.25 var(--jst-head);color:var(--jst-marigold);margin-bottom:6px}
.jst-glossary dd{margin:0;color:#E3EEF0;font-size:.98rem;line-height:1.45}

/* Hand */
.jst-hand{padding:90px 0}
.jst-hand-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.jst-ticks{list-style:none;margin:0 0 24px;padding:0}
.jst-ticks li{position:relative;padding:10px 0 8px 40px;border-bottom:1px dashed var(--jst-line);color:var(--jst-mute)}
.jst-ticks li::before{content:"";position:absolute;left:4px;top:14px;width:18px;height:10px;border-left:3px solid var(--jst-vermilion);border-bottom:3px solid var(--jst-vermilion);transform:rotate(-45deg)}
.jst-hand-pics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jst-hand-pics img{border-radius:6px;aspect-ratio:3/4;object-fit:cover;width:100%}
.jst-hand-pics img+img{margin-top:48px}

/* Close */
.jst-close{position:relative}
.jst-close img{width:100%;height:480px;object-fit:cover}
.jst-close-in{position:absolute;left:max(28px,calc((100% - 1160px)/2 + 28px));top:50%;transform:translateY(-50%);max-width:460px;background:#fff;padding:34px 34px 32px;border-radius:6px;border-left:10px solid var(--jst-henna);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.jst-close-in h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--jst-peacock-deep)}
.jst-close-in p{color:var(--jst-mute);margin:0 0 20px}

/* Pages */
.jst-page-head{background:var(--jst-sky);padding:64px 28px 58px;position:relative;overflow:hidden;border-bottom:1px solid var(--jst-line)}
.jst-page-head-in{max-width:860px;margin:0 auto}
.jst-page-head h1{font-size:clamp(2.2rem,4.8vw,3.4rem);color:var(--jst-peacock-deep);margin:0}
.jst-page-head .jst-postmark{position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(-12deg);width:150px;height:150px;border-color:rgba(0,74,94,.3)}
.jst-page-body{max-width:860px;margin:0 auto;padding:56px 28px 96px}
.jst-page-body h2{font-size:1.85rem;color:var(--jst-peacock-deep);margin-top:1.5em}
.jst-page-body h3{font-size:1.35rem;margin-top:1.3em}
.jst-page-body figure{margin:26px 0}
.jst-page-body figure img{border-radius:6px;max-width:460px;border:10px solid #fff;box-shadow:0 10px 26px rgba(0,50,63,.16)}
.jst-page-body figcaption{font-size:.94rem;color:var(--jst-mute);margin-top:8px}
.jst-page-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:1.02rem}
.jst-page-body th,.jst-page-body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--jst-line);vertical-align:top}
.jst-page-body th{font:700 .8rem/1.2 var(--jst-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--jst-peacock)}
.jst-page-body blockquote{margin:16px 0;background:var(--jst-sky);border-left:5px solid var(--jst-marigold);padding:12px 18px;border-radius:0 6px 6px 0}
.jst-page-body .jst-lede{font-size:1.25rem;color:var(--jst-ink);max-width:none}
.jst-page-body .jst-note{background:#fff;border:2px dashed var(--jst-henna);border-radius:6px;padding:16px 20px;margin:24px 0}
.jst-page-body .jst-next{margin-top:40px;font-weight:700}

/* Reading field: The Inland Letter and singles */
.jst-field{background:#7C2D12;color:#FFFFFF;padding:76px 28px 104px}
.jst-field a{color:#FFE9C9}
.jst-field .jst-kicker{color:#FFE9C9}
.jst-field h1,.jst-field h2,.jst-field h3,.jst-field h4{color:#FFFFFF}
.jst-letter-head,.jst-titles,.jst-pager,.jst-letter-none{max-width:900px;margin-left:auto;margin-right:auto}
.jst-letter-head{position:relative;margin-bottom:40px;padding-right:140px}
.jst-letter-head h1{font-size:clamp(2.6rem,6vw,4.4rem);margin:0 0 .15em}
.jst-letter-sub{margin:0}
.jst-letter-mark{position:absolute;right:0;top:0;width:118px;height:118px;border-radius:50%;border:3px double #FFE9C9;transform:rotate(-14deg)}
.jst-letter-mark::after{content:"";position:absolute;left:-30px;right:-30px;top:50%;border-top:3px solid #FFE9C9;opacity:.6}
.jst-titles{list-style:none;padding:0;border:2px solid rgba(255,233,201,.6);border-radius:6px;background:rgba(0,0,0,.08)}
.jst-titles li+li{border-top:1px dashed rgba(255,233,201,.45)}
.jst-titles a{display:block;padding:14px 22px 12px;color:#FFFFFF;text-decoration:none;line-height:1.45}
.jst-titles a:hover{background:rgba(0,0,0,.16);text-decoration:underline;text-decoration-color:#FFE9C9}
.jst-pager{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}
.jst-pager .page-numbers{display:inline-block;padding:8px 15px 6px;border-radius:4px;border:2px solid #FFE9C9;color:#FFE9C9;text-decoration:none;font-weight:700}
.jst-pager .current{background:#FFE9C9;color:#7C2D12}
.jst-single-wrap{max-width:780px;margin:0 auto}
.jst-single-wrap h1{font-size:clamp(2rem,4.5vw,3.1rem)}
.jst-single-body{font-size:1.12rem;line-height:1.8}
.jst-single-body h2,.jst-single-body h3,.jst-single-body h4{margin-top:1.4em}
.jst-single-body img{margin:22px 0;border-radius:6px}
.jst-single-body table{width:100%;border-collapse:collapse}
.jst-single-body th,.jst-single-body td{border:1px solid rgba(255,255,255,.4);padding:8px 10px;text-align:left}
.jst-single-body blockquote{border-left:4px solid #FFE9C9;margin:22px 0;padding:4px 0 4px 20px}
.jst-single-body pre,.jst-single-body code{background:#5A1F0B;color:#FFFFFF}

/* Contact form */
.jst-form{background:var(--jst-sky);border-radius:6px;padding:28px 30px;margin-top:28px;border-top:8px solid var(--jst-marigold)}
.jst-form-state:empty{display:none}
.jst-form-state{background:var(--jst-peacock);color:#fff;padding:12px 16px;border-radius:4px}
.jst-form-body{display:grid;gap:16px}
.jst-input{display:grid;gap:6px;font-weight:700}
.jst-input input,.jst-input textarea{font:inherit;font-weight:400;padding:12px 14px;border:2px solid var(--jst-line);border-radius:4px;background:#fff;color:var(--jst-ink)}
.jst-input input:focus,.jst-input textarea:focus{border-color:var(--jst-peacock);outline:none}
.jst-input-sum input{max-width:120px}
.jst-hint{margin:-6px 0 0;font-size:.94rem;color:var(--jst-mute)}
.jst-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jst-send{justify-self:start;font:700 1rem/1 var(--jst-body);background:var(--jst-peacock);color:#fff;border:0;border-radius:4px;padding:15px 28px 13px;cursor:pointer}

/* Footer */
.jst-foot{background:var(--jst-peacock-deep);color:#D5E6E9}
.jst-foot-in{max-width:1160px;margin:0 auto;padding:56px 28px 36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.jst-foot-env{position:relative;background:#fff;color:var(--jst-ink);border-radius:6px;padding:28px 120px 26px 28px}
.jst-foot-stamp{position:absolute;right:22px;top:22px;width:62px;height:72px;background:var(--jst-marigold);border:4px dotted #fff;outline:2px solid var(--jst-marigold)}
.jst-foot-name{font:400 1.9rem/1.1 var(--jst-head);color:var(--jst-peacock-deep);margin:0 0 10px}
.jst-foot-line{margin:0;color:var(--jst-mute)}
.jst-foot-nav ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.jst-foot-main a{font-weight:700;font-size:1.08rem}
.jst-foot-legal{padding-top:16px!important;border-top:1px dashed #2D5B66!important}
.jst-foot a{color:#fff;text-decoration:none}
.jst-foot a:hover{color:var(--jst-marigold);text-decoration:underline}
.jst-foot-base{margin:0;text-align:center;padding:16px 28px 22px;font-size:.92rem;color:#B5CDD2;border-top:1px solid #0E4552}

@media (max-width:1020px){
	.jst-glossary{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:920px){
	.jst-menu-btn{display:block}
	.jst-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--jst-peacock);padding:8px 28px 22px;border-bottom:4px solid var(--jst-marigold)}
	.jst-menu-open .jst-nav{display:block}
	.jst-nav ul{flex-direction:column}
	.jst-hero-in,.jst-maker-in,.jst-duo-in,.jst-duo-flip .jst-duo-in,.jst-hand-in,.jst-foot-in{grid-template-columns:1fr}
	.jst-postcard{margin:-60px 18px 0}
	.jst-duo-flip img{order:0}
	.jst-duo img{max-width:440px}
	.jst-parts{grid-template-columns:1fr}
	.jst-parts::before{display:none}
	.jst-page-head .jst-postmark{display:none}
}
@media (max-width:600px){
	.jst-wrap{padding:0 18px}
	.jst-brand-t{font-size:1.4rem}
	.jst-postcard{padding:34px 22px 28px}
	.jst-stamp{width:60px;height:72px}
	.jst-postmark-hero{display:none}
	.jst-glossary{grid-template-columns:1fr}
	.jst-field{padding:52px 16px 76px}
	.jst-letter-head{padding-right:0}
	.jst-letter-mark{display:none}
	.jst-close-in{position:static;transform:none;max-width:none;border-radius:0}
	.jst-foot-env{padding-right:28px}
	.jst-foot-stamp{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}