/* ============================================================ LEV CATEGORY PAGE — CSS SNIPPET WPCode: Code Type = CSS | Location = Header ============================================================ */ /* Only fires after JS adds .lv-ready to body */ .lv-ready .ast-archive-description, .lv-ready .page-header, .lv-ready .site-main > .page-header, .lv-ready .entry-meta, .lv-ready .cat-links, .lv-ready .comments-link, .lv-ready .read-more-container, .lv-ready .entry-footer, .lv-ready .post-navigation { display: none !important; } .lv-ready .site-content, .lv-ready #content, .lv-ready #primary, .lv-ready .content-area { padding-top: 0 !important; margin-top: 0 !important; } .lv-ready #primary .site-main { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .lv-ready .ast-article-post, .lv-ready .ast-article-single, .lv-ready .posts-container > article { background: none !important; box-shadow: none !important; border: none !important; padding: 0 !important; margin: 0 !important; } /* HERO */ .lv-cat-hero { background: #1A1F1B; padding: 80px 5vw 64px; position: relative; overflow: hidden; } .lv-cat-hero-bg-word { position: absolute; right: 3vw; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: 14vw; font-weight: 900; font-style: italic; color: rgba(200,135,58,0.04); pointer-events: none; white-space: nowrap; line-height: 1; user-select: none; } .lv-cat-hero-inner { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } .lv-cat-eyebrow { font-family: 'Inter', sans-serif; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.35em; text-transform: uppercase; color: #C8873A; margin-bottom: 16px; display: flex; align-items: center; gap: 14px; } .lv-cat-eyebrow::before { content: ''; width: 32px; height: 1px; background: #C8873A; display: block; flex-shrink: 0; } .lv-cat-hero h1 { font-family: 'Playfair Display', serif !important; font-size: clamp(2rem, 4vw, 3.6rem) !important; font-weight: 400 !important; color: #E8DCC8 !important; line-height: 1.1 !important; margin: 0 0 20px !important; letter-spacing: -0.02em !important; } .lv-cat-hero h1 em { font-style: italic; color: rgba(232,220,200,0.5); } .lv-cat-desc { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-style: italic; color: rgba(232,220,200,0.55); line-height: 1.75; margin-bottom: 28px; } .lv-cat-tags { display: flex; gap: 20px; flex-wrap: wrap; } .lv-cat-tags span { font-family: 'Inter', sans-serif; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(232,220,200,0.3); } .lv-cat-hero-img-wrap { position: relative; } .lv-cat-hero-img-wrap::before { content: ''; position: absolute; top: -10px; left: -10px; right: 10px; bottom: 10px; border: 1px solid rgba(200,135,58,0.12); border-radius: 2px; } .lv-cat-hero-img-wrap img { width: 100%; display: block; border-radius: 2px; aspect-ratio: 4/3; object-fit: cover; position: relative; z-index: 1; } /* BREADCRUMB BAR */ .lv-cat-bar { background: #2C3E2D; border-bottom: 1px solid rgba(200,135,58,0.1); } .lv-cat-bar-inner { max-width: 1160px; margin: 0 auto; padding: 0 5vw; display: flex; align-items: center; gap: 6px; } .lv-cat-bar a { font-family: 'Inter', sans-serif; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(232,220,200,0.4); text-decoration: none; padding: 14px 12px; } .lv-cat-bar-sep { color: rgba(200,135,58,0.3); padding: 14px 0; font-size: 0.8rem; } .lv-cat-bar-current { font-family: 'Inter', sans-serif; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #C8873A; padding: 14px 12px; } /* POST GRID */ .lv-cat-grid-wrap { max-width: 1160px; margin: 0 auto; padding: 64px 5vw 96px; } .lv-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(200,135,58,0.1); border: 1px solid rgba(200,135,58,0.1); } .lv-cat-grid .lv-post-card:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr 1fr; } .lv-cat-grid .lv-post-card:first-child .lv-post-thumb-wrap { aspect-ratio: 16/9; } .lv-cat-grid .lv-post-card:first-child .lv-post-body { padding: 48px 40px; display: flex; flex-direction: column; justify-content: center; } .lv-cat-grid .lv-post-card:first-child .lv-post-title { font-size: 1.45rem !important; } .lv-cat-grid .lv-post-card:first-child .lv-post-excerpt { display: -webkit-box !important; } .lv-post-card { background: #F9F6F1; text-decoration: none; display: block; transition: background 0.2s; overflow: hidden; } .lv-post-card:hover { background: #fff; } .lv-post-thumb-wrap { overflow: hidden; } .lv-post-thumb { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; transition: transform 0.4s ease; } .lv-post-card:hover .lv-post-thumb { transform: scale(1.02); } .lv-post-body { padding: 24px 24px 28px; } .lv-post-tag { font-family: 'Inter', sans-serif; font-size: 0.55rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #C8873A; margin-bottom: 9px; display: flex; align-items: center; gap: 8px; } .lv-post-tag::before { content: ''; width: 18px; height: 1px; background: #C8873A; display: block; flex-shrink: 0; } .lv-post-title { font-family: 'Playfair Display', serif !important; font-size: 1.05rem !important; font-weight: 700 !important; color: #2C3E2D !important; line-height: 1.35 !important; margin: 0 0 10px !important; text-decoration: none !important; } .lv-post-excerpt { font-family: 'Inter', sans-serif; font-size: 0.8rem; line-height: 1.72; color: #666; margin-bottom: 16px; display: none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .lv-post-read { font-family: 'Inter', sans-serif; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #C8873A; } .lv-cat-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 40px 0 0; } .lv-cat-pagination a, .lv-cat-pagination span { font-family: 'Inter', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; padding: 10px 16px; border: 1px solid rgba(200,135,58,0.2); border-radius: 2px; text-decoration: none; color: #2C3E2D; transition: all 0.2s; } .lv-cat-pagination a:hover, .lv-cat-pagination .current { background: #2C3E2D; color: #E8DCC8; border-color: #2C3E2D; } @media (max-width: 900px) { .lv-cat-hero-inner { grid-template-columns: 1fr; gap: 40px; } .lv-cat-hero-img-wrap { display: none; } .lv-cat-grid { grid-template-columns: 1fr 1fr; } .lv-cat-grid .lv-post-card:first-child { grid-template-columns: 1fr; } } @media (max-width: 600px) { .lv-cat-grid { grid-template-columns: 1fr; } .lv-cat-hero { padding: 48px 5vw 40px; } }
Skip to contentPress Esc to close · Press Enter to search