/*
Theme Name: Norma Listing
Theme URI: https://forestrivergts.com
Author: John Kitsmiller
Description: One-page listing theme for a 2008 Forest River Lexington GTS 300SS. Edit phone, email, price, title status, and video under Appearance > Customize > Norma Listing.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: norma-listing
*/
html,body{margin:0;background:#fff}

  .norma{--burg:#5b1f2e;--burg2:#7a2c40;--silver:#ececef;--ink:#222;--mut:#555;font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.6;max-width:1100px;margin:0 auto;padding:0 18px 70px}
  .norma *{box-sizing:border-box}
  .norma h1,.norma h2,.norma h3{font-family:Arial,Helvetica,sans-serif;line-height:1.2;margin:0 0 .5em}
  .norma .hero{background:var(--burg);color:#fff;border-radius:0 0 14px 14px;overflow:hidden;margin:0 -18px 28px}
  .norma .hero img{width:100%;display:block;max-height:580px;object-fit:cover}
  .norma .hero-text{padding:26px 24px 30px;text-align:center}
  .norma .hero h1{font-size:clamp(26px,5vw,44px)}
  .norma .sub{font-size:clamp(16px,2.4vw,21px);opacity:.92;margin:0 0 14px}
  .norma .price{display:inline-block;background:#fff;color:var(--burg);font:700 clamp(28px,5vw,40px) Arial,sans-serif;padding:8px 22px;border-radius:10px;margin:6px 0 16px}
  .norma .btn{display:inline-block;background:#fff;color:var(--burg);font:700 17px Arial,sans-serif;padding:13px 26px;border-radius:8px;text-decoration:none;margin:4px}
  .norma .btn.alt{background:transparent;color:#fff;border:2px solid #fff}
  .norma section{margin:0 0 38px}
  .norma h2{font-size:clamp(22px,3.5vw,30px);color:var(--burg);border-bottom:3px solid var(--silver);padding-bottom:8px}
  .norma .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}
  .norma .stat{background:var(--silver);border-radius:10px;padding:14px;text-align:center}
  .norma .stat b{display:block;font:700 24px Arial,sans-serif;color:var(--burg)}
  .norma .stat span{font:14px Arial,sans-serif;color:var(--mut)}
  .norma .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
  .norma ul{padding-left:20px;margin:0}
  .norma li{margin:0 0 7px}
  .norma .card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px}
  .norma .new{border-left:6px solid var(--burg2)}
  .norma .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
  .norma .gallery a{display:block;overflow:hidden;border-radius:8px;background:var(--silver)}
  .norma .gallery img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .2s}
  .norma .gallery a:hover img{transform:scale(1.04)}
  .norma .note{background:#fff7e6;border:1px solid #f0d9a8;border-radius:10px;padding:16px 18px}
  .norma .contact{background:var(--burg);color:#fff;border-radius:14px;padding:28px 22px;text-align:center}
  .norma .contact h2{color:#fff;border:0}
  .norma .contact a{color:#fff;font-weight:700}
  .norma .contact a.btn{color:var(--burg);font-size:18px;padding:14px 30px}
  .norma .contact a.btn.alt{color:#fff}
  .norma .fine{font:13px Arial,sans-serif;color:var(--mut);text-align:center;margin:20px 0 30px}
  .norma .bar{display:none}
  @media(max-width:600px){
    .norma .gallery img{height:140px}
    .norma .bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99;background:var(--burg);padding:10px;gap:10px;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
    .norma .bar a{flex:1;text-align:center;background:#fff;color:var(--burg);font:700 16px Arial,sans-serif;padding:12px;border-radius:8px;text-decoration:none}
  }