/*
Theme Name: Love Letters from Elohim
Theme URI: https://lovelettersfromelohim.com
Author: Catelleon
Description: A full-site editing block theme for the Love Letters from Elohim podcast and ministry.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: love-letters-elohim
*/

:root {
  --lle-charcoal: #111211;
  --lle-ink: #1b1713;
  --lle-paper: #fbf7f0;
  --lle-parchment: #f7f2e8;
  --lle-gold: #e99b3b;
  --lle-gold-light: #ffc065;
  --lle-copper: #bd6723;
  --lle-line: #dfcdb2;
  --lle-text-muted: #675948;
}

body {
  background: var(--lle-paper);
}

.lle-serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.lle-site-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lle-site-header a {
  text-decoration: none;
}

.lle-hero {
  position: relative;
  overflow: hidden;
}

.lle-hero::before {
  background:
    radial-gradient(circle at 12% 20%, rgba(232, 137, 42, 0.18), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%);
  content: "";
  inset: 0;
  position: absolute;
}

.lle-hero > * {
  position: relative;
}

.lle-artwork-frame {
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}

.lle-card {
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.lle-card:hover {
  border-color: rgba(189, 103, 35, 0.65) !important;
  box-shadow: 0 18px 45px rgba(74, 45, 18, 0.09);
  transform: translateY(-2px);
}

.lle-button a,
a.lle-button,
.lle-button .wp-block-button__link {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.lle-search-field input {
  border: 1px solid var(--lle-line);
  border-radius: 6px;
  min-height: 48px;
}

.lle-query-card .wp-block-post-excerpt__excerpt {
  color: var(--lle-text-muted);
  line-height: 1.7;
}

.lle-query-card .wp-block-post-title a {
  text-decoration: none;
}

.lle-query-card .wp-block-post-title a:hover {
  color: var(--lle-copper);
}

.lle-query-thumb,
.lle-query-thumb img {
  aspect-ratio: 1;
  display: block;
  height: auto;
  width: 96px;
}

.lle-query-thumb img {
  object-fit: cover;
}

.lle-single-content :where(h2, h3) {
  color: var(--lle-ink);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 900;
}

.lle-single-content :where(p, li) {
  color: var(--lle-text-muted);
  line-height: 1.75;
}

.lle-single-content audio {
  width: 100%;
}

@media (max-width: 781px) {
  .lle-hero-title {
    font-size: clamp(3rem, 16vw, 4.5rem) !important;
  }

  .lle-hide-mobile {
    display: none !important;
  }
}