/* Weekly essays: /essays (this week's essay in full, then the earlier ones) and one essay's page.
   The topic buttons, the search box and the page buttons come from shiurim.css (sa-chips, sa-form, sa-pager). */
.sec-essay{padding-top:48px}
.es-full,.es-one{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:40px 48px 32px;box-shadow:0 1px 2px rgba(22,32,54,.05),0 18px 44px rgba(22,32,54,.10)}
.es-kicker{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.es-kicker > *{margin:0 12px 6px 0}
.es-badge{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:99px;padding:4px 13px}
.es-cat{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid var(--gold-soft);border-radius:99px;padding:3px 11px;line-height:1.5}
.es-cat:hover{border-color:var(--gold);color:var(--navy)}
.es-title{font-size:46px;line-height:1.1;margin:0 0 .25em}
.es-title a{color:var(--navy);text-decoration:none}
.es-title a:hover{color:var(--gold)}
.es-date{color:var(--muted);font-size:16.5px}
.es-date [lang="he"]{font-family:var(--hebrew);color:var(--gold)}
.es-full .ornament{margin:26px auto 26px}
.es-body{font-size:20px;line-height:1.75}
.es-body p{margin:0 0 1.05em}
.es-body h3{font-size:28px;margin:1.3em 0 .4em}
.es-body blockquote{margin:1.2em 0;padding:4px 0 4px 22px;border-left:3px solid var(--gold);font-style:italic;color:var(--navy-2)}
.es-body > p:first-child::first-letter{font-family:var(--display);float:left;font-size:3.5em;line-height:.85;padding:6px 10px 0 0;color:var(--gold);font-weight:600}
.es-rtl{font-family:var(--hebrew);font-size:21px}
.es-rtl > p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-family:inherit;font-weight:inherit}
.es-rtl blockquote{border-left:0;border-right:3px solid var(--gold);padding:4px 22px 4px 0}
.es-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.es-end > *{margin:0 0 10px}
.es-pdf{font-size:16px;padding:11px 18px;margin-right:16px}
.es-share{display:flex;flex-wrap:wrap;align-items:center}
.es-share span{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:10px}
.es-share .btn{font-size:15.5px;padding:8px 14px;margin:4px 8px 4px 0}
.es-empty{text-align:center;padding:40px 26px}
.es-empty p{font-size:19px;max-width:520px;margin:0 auto 18px}
.es-filters{max-width:900px;margin:0 auto 12px}
.es-filters .sa-chips{justify-content:center}
.es-form{max-width:640px;margin-left:auto;margin-right:auto}
#older .sa-count{text-align:center}
.es-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}
.es-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px 16px;box-shadow:var(--shadow)}
.es-card-top{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--muted);margin-bottom:8px}
.es-card-top .es-cat{margin-left:8px}
.es-card-parsha{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
.es-card h3{font-size:24px;line-height:1.2;margin:0 0 .35em}
.es-card h3 a{color:var(--navy);text-decoration:none}
.es-card h3 a:hover{color:var(--gold)}
.es-card p{font-size:16.5px;color:var(--muted);margin:0 0 12px}
.es-card .more{margin-top:auto;font-size:16px}
.es-listen{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:17px;color:var(--muted)}
.es-listen .ic{color:var(--gold);margin-right:6px}
.so-when .es-cat{margin-left:4px;vertical-align:2px}

@media (max-width:960px){
  .es-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .es-full,.es-one{padding:26px 20px 22px;border-radius:14px}
  .es-title{font-size:32px}
  .es-body{font-size:19px}
  .es-rtl{font-size:20px}
  .es-grid{grid-template-columns:1fr}
}

/* an essay that is its PDF only (the weekly sheets that come in by email / WeTransfer): the big button, the PDF, a hint */
.es-pdfview{margin:4px 0 0}
.es-pdf-btns{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.es-pdf-btns .btn{margin:0 12px 10px 0}
.es-pdf-open{font-size:19px;padding:14px 26px}
.es-pdfframe{position:relative;height:640px;height:82vh;min-height:420px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.es-pdfframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.es-pdf-hint{font-size:15px;color:var(--muted);margin:10px 0 0}
.es-mark-row{margin:0 0 12px}
.es-mark{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--navy);background:var(--cream);border:1px solid var(--line-2);border-radius:6px;padding:3px 9px}
.es-mark .ic{width:14px;height:14px;vertical-align:-2px;margin-right:3px;color:var(--gold)}
@media (max-width:720px){
  .es-pdfframe{height:520px;height:70vh;min-height:360px}
  .es-pdf-open{font-size:18px;padding:13px 20px}
}