/*
Theme Name: Romans12life Editable
Theme URI: https://romans12life.com
Author: Romans12life
Description: An editable WordPress block theme for Romans12life.
Version: 3.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: romans12life-block
License: GNU General Public License v2 or later
*/

:root{
  --r12-bg:#11100f;
  --r12-soft:#181614;
  --r12-surface:#201d1a;
  --r12-surface-2:#29241f;
  --r12-text:#f5efe6;
  --r12-muted:#b7aa9b;
  --r12-line:rgba(245,239,230,.15);
  --r12-accent:#d14c3f;
  --r12-gold:#e8b35b;
  --r12-cream:#efe3d2;
  --r12-ink:#1c1917;
  --r12-shadow:0 24px 80px rgba(0,0,0,.28);
  --r12-radius:1.25rem;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(209,76,63,.11),transparent 28rem),
    radial-gradient(circle at 85% 15%,rgba(232,179,91,.08),transparent 24rem),
    var(--r12-bg);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")
}
::selection{background:var(--r12-accent);color:white}
a{text-decoration:none}
.r12-shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}
.r12-section{padding:clamp(5rem,10vw,9rem) 0}
.r12-eyebrow{
  color:var(--r12-gold)!important;font-size:.7rem!important;font-weight:850!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;margin-bottom:1.25rem!important
}
.r12-header{
  position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--r12-line);
  background:color-mix(in srgb,var(--r12-bg) 88%,transparent);backdrop-filter:blur(18px)
}
.r12-header-inner{min-height:5.2rem}
.r12-brand-mark{
  display:grid!important;place-items:center!important;width:2.7rem!important;height:2.7rem!important;
  background:var(--r12-accent)!important;color:white!important;border-radius:.4rem!important;
  font-size:.75rem!important;font-weight:900!important;transform:rotate(-7deg)
}
.r12-brand-name{font-family:Georgia,"Times New Roman",serif!important;font-size:1.25rem!important}
.r12-nav .wp-block-navigation-item__content{
  color:var(--r12-muted);font-size:.78rem;font-weight:750
}
.r12-nav .wp-block-navigation-item__content:hover{color:var(--r12-text)}
.r12-hero{position:relative;min-height:calc(100vh - 5.2rem);display:grid;align-items:center;overflow:hidden}
.r12-hero:before{
  content:"ROMANS 12";position:absolute;right:-.08em;top:15%;color:transparent;
  -webkit-text-stroke:1px rgba(245,239,230,.07);font-size:clamp(5rem,17vw,16rem);
  font-weight:900;letter-spacing:-.1em;white-space:nowrap;
  transform:rotate(90deg) translateX(70%);transform-origin:right top;pointer-events:none
}
.r12-hero-grid{position:relative;z-index:1;gap:clamp(3rem,7vw,7rem)!important;align-items:center!important}
.r12-hero-title{
  max-width:13ch;font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(3.8rem,8vw,7.5rem)!important;font-weight:500!important;
  letter-spacing:-.055em!important;line-height:.98!important;margin:0!important
}
.r12-hero-title em{color:var(--r12-accent)}
.r12-intro{max-width:42rem;color:var(--r12-muted)!important;font-size:clamp(1rem,1.5vw,1.2rem)!important}
.r12-primary-button .wp-block-button__link{
  background:var(--r12-accent)!important;color:white!important;border-radius:999px!important;
  box-shadow:0 12px 32px rgba(209,76,63,.23);font-weight:850
}
.r12-verse-card{
  min-height:32rem;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem!important;
  border:1px solid var(--r12-line);border-radius:var(--r12-radius);
  background:linear-gradient(145deg,rgba(32,29,26,.86),rgba(41,36,31,.76));
  box-shadow:var(--r12-shadow)
}
.r12-verse-number{
  color:var(--r12-accent)!important;font-family:Georgia,"Times New Roman",serif!important;
  font-size:4rem!important;line-height:1!important;margin-bottom:auto!important
}
.r12-verse-text{
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.45rem,2.3vw,2.2rem)!important;
  line-height:1.18!important;letter-spacing:-.035em!important
}
.r12-verse-ref{
  color:var(--r12-muted)!important;font-size:.7rem!important;font-weight:800!important;
  letter-spacing:.14em!important;text-transform:uppercase!important
}
.r12-ticker{overflow:hidden;border-block:1px solid var(--r12-line);background:var(--r12-accent);color:white;transform:rotate(-1deg) scale(1.02)}
.r12-ticker p{margin:0!important;padding:.8rem 0!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.17em!important;white-space:nowrap}
.r12-section-title{
  max-width:16ch;font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(2.7rem,5.5vw,5.6rem)!important;font-weight:500!important;
  letter-spacing:-.055em!important;line-height:.98!important
}
.r12-manifesto{background:linear-gradient(180deg,transparent,rgba(32,29,26,.35))}
.r12-principles{border-top:1px solid var(--r12-line)}
.r12-principle{
  min-height:22rem;padding:2rem 1.5rem!important;border-right:1px solid var(--r12-line)
}
.r12-principle:last-child{border-right:0}
.r12-number{color:var(--r12-accent)!important;font-family:Georgia,"Times New Roman",serif!important}
.r12-principle h3{
  margin-top:5rem!important;font-family:Georgia,"Times New Roman",serif!important;
  font-size:2rem!important;line-height:1.05!important;letter-spacing:-.04em!important
}
.r12-principle p{color:var(--r12-muted)!important;font-size:.92rem!important}
.r12-card{
  min-height:22rem;padding:clamp(1.5rem,3vw,2.5rem)!important;border:1px solid var(--r12-line);
  border-radius:var(--r12-radius);background:var(--r12-surface)
}
.r12-card-large{min-height:45rem;background:linear-gradient(155deg,#9d352d,#1a1715 68%);color:white}
.r12-card h3{
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.8rem,3vw,3.8rem)!important;
  font-weight:500!important;line-height:.98!important;letter-spacing:-.055em!important
}
.r12-meta{font-size:.66rem!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;opacity:.7}
.r12-card p{color:color-mix(in srgb,currentColor 72%,transparent)!important}
.r12-quote-card{background:var(--r12-cream);color:var(--r12-ink)}
.r12-interruption{background:var(--r12-cream);color:var(--r12-ink)}
.r12-interruption blockquote{
  max-width:1050px;margin:auto!important;font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(2.2rem,5.3vw,5.8rem)!important;line-height:1.02!important;letter-spacing:-.055em!important
}
.r12-series-row{padding:2rem 0!important;border-top:1px solid var(--r12-line)}
.r12-series-row:last-child{border-bottom:1px solid var(--r12-line)}
.r12-series-row h3{
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(2rem,4vw,4.5rem)!important;
  font-weight:500!important;line-height:1!important;letter-spacing:-.05em!important
}
.r12-series-label{
  color:var(--r12-accent)!important;font-size:.64rem!important;font-weight:900!important;
  letter-spacing:.14em!important;text-transform:uppercase!important
}
.r12-muted{color:var(--r12-muted)!important}
.r12-journal{background:rgba(32,29,26,.5)}
.r12-entry{
  min-height:22rem;padding:1.5rem!important;border:1px solid var(--r12-line);
  background:rgba(17,16,15,.76)
}
.r12-entry h3{
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.8rem,2.5vw,2.7rem)!important;
  font-weight:500!important;line-height:1.02!important;letter-spacing:-.04em!important
}
.r12-entry-top,.r12-read-tag{
  font-size:.64rem!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important
}
.r12-read-tag{color:var(--r12-gold)!important}
.r12-about-number{
  color:transparent!important;-webkit-text-stroke:2px var(--r12-line);
  font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(14rem,34vw,31rem)!important;
  line-height:.7!important;letter-spacing:-.16em!important
}
.r12-newsbox{
  padding:clamp(2rem,5vw,4rem)!important;border:1px solid var(--r12-line);
  border-radius:var(--r12-radius);background:linear-gradient(135deg,var(--r12-surface),#35231f);
  box-shadow:var(--r12-shadow)
}
.r12-footer{padding:3rem 0;border-top:1px solid var(--r12-line)}
.r12-footer p,.r12-footer a{color:var(--r12-muted)}
@media(max-width:960px){
  .r12-hero-grid,.r12-about-grid,.r12-news-grid{grid-template-columns:1fr!important}
  .r12-principles{grid-template-columns:repeat(2,1fr)!important}
  .r12-feature-grid{grid-template-columns:1fr!important}
  .r12-card-large{min-height:34rem}
  .r12-about-number{display:none!important}
}
@media(max-width:760px){
  .r12-section{padding:5.5rem 0}
  .r12-hero{min-height:auto;padding-top:5rem;padding-bottom:6rem}
  .r12-hero:before{display:none}
  .r12-verse-card{min-height:24rem}
  .r12-principles,.r12-journal-grid{grid-template-columns:1fr!important}
  .r12-principle{min-height:auto;border-right:0;border-bottom:1px solid var(--r12-line)}
  .r12-principle h3{margin-top:2.5rem!important}
}


/* Front-end block theme compatibility fixes */
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; }
.wp-site-blocks .alignfull { width: 100% !important; max-width: none !important; }
.wp-site-blocks .alignwide { width: min(1180px, calc(100% - 2rem)) !important; max-width: 1180px !important; margin-inline: auto !important; }
.wp-site-blocks .r12-header { width: 100% !important; max-width: none !important; }
.wp-site-blocks .r12-header-inner { width: min(1180px, calc(100% - 2rem)) !important; max-width: 1180px !important; margin-inline: auto !important; }
.wp-site-blocks .r12-hero-title { font-size: clamp(3.8rem,8vw,7.5rem) !important; line-height: .98 !important; }
.wp-site-blocks .r12-section-title { font-size: clamp(2.7rem,5.5vw,5.6rem) !important; line-height: .98 !important; }
.wp-site-blocks .r12-card { background: var(--r12-surface) !important; border: 1px solid var(--r12-line) !important; border-radius: var(--r12-radius) !important; }
.wp-site-blocks .r12-card-large { background: linear-gradient(155deg,#9d352d,#1a1715 68%) !important; }
.wp-site-blocks .r12-interruption { background: var(--r12-cream) !important; color: var(--r12-ink) !important; }
.wp-site-blocks .r12-ticker { background: var(--r12-accent) !important; color: white !important; }
.wp-site-blocks .r12-manifesto { background: linear-gradient(180deg,transparent,rgba(32,29,26,.35)) !important; }
.wp-site-blocks .r12-journal { background: rgba(32,29,26,.5) !important; }
.wp-site-blocks .r12-newsbox { background: linear-gradient(135deg,var(--r12-surface),#35231f) !important; }
.wp-site-blocks .r12-principle,
.wp-site-blocks .r12-entry { color: var(--r12-text) !important; }
.wp-site-blocks .r12-principle p,
.wp-site-blocks .r12-entry p,
.wp-site-blocks .r12-muted { color: var(--r12-muted) !important; }

@media (max-width: 760px) {
  .wp-site-blocks .r12-hero-title { font-size: clamp(3.2rem,15vw,5rem) !important; }
  .wp-site-blocks .r12-section-title { font-size: clamp(2.6rem,12vw,4rem) !important; }
}