/* ===============================
Ink-style base (iampaul.life)
=============================== */
/* Optional: import fonts (or set the same families in Wix Text Themes) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap');
:root{
--bg: #FAFAFA;
--text: #111111;
--muted: #555555;
--accent: #C56B36;
--maxw: 800px; /* reading column width */
}
html, body{
background: var(--bg);
color: var(--text);
font-family: "Lora","Libre Baskerville",serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Global link & selection */
a{ color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(197,107,54,.35); }
a:hover{ text-decoration: underline; }
::selection{ background: rgba(197,107,54,.18); }
/* ===============================
Home layout (full latest post)
=============================== */
/* Centered reading column container (give your box this ID) */
#homeContainer{
max-width: var(--maxw);
margin: 0 auto;
padding: 96px 24px;
}
/* Title & date (IDs from your elements) */
#titleText{
font-family: "Playfair Display",serif;
font-weight: 600;
font-size: clamp(36px, 5vw, 48px);
line-height: 1.2;
letter-spacing: 0.2px;
margin: 0 0 16px 0;
}
#dateText{
color: var(--muted);
font-size: 14px;
letter-spacing: 0.3px;
margin: 0 0 32px 0;
}
/* Cover image */
#coverImage{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 32px;
border-radius: 6px;
}
/* Full body (Rich Text element) */
#bodyRte{
font-size: clamp(18px, 2.2vw, 20px);
line-height: 1.8;
}
#bodyRte p{ margin: 0 0 1.1em; }
#bodyRte h2, #bodyRte h3{
font-family: "Playfair Display",serif;
font-weight: 600;
line-height: 1.3;
margin: 2em 0 0.6em;
}
#bodyRte blockquote{
margin: 1.5em 0;
padding: 0 1em;
border-left: 3px solid var(--accent);
color: var(--muted);
}
#bodyRte ul, #bodyRte ol{ padding-left: 1.25em; margin: 0 0 1.1em; }
#bodyRte img{
display: block;
max-width: 100%;
height: auto;
margin: 24px auto;
border-radius: 4px;
}
/* Archives button (outline pill) */
#archivesBtn{
background: transparent;
color: var(--accent);
border: 1px solid var(--accent);
padding: 10px 14px;
border-radius: 999px;
letter-spacing: 0.3px;
margin-top: 28px;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
#archivesBtn:hover{
background: var(--accent);
color: #fff;
border-color: var(--accent);
}
/* Footer stickiness (Wix IDs vary; these two cover most templates) */
#SITE_FOOTER, footer{
position: sticky;
bottom: 0;
background: rgba(250,250,250,0.95);
backdrop-filter: blur(6px);
border-top: 1px solid #eee;
}
/* Spacing rhythm between sections/strips (optional) */
[data-mesh-id*="STRIP"]{ padding-top: 0; padding-bottom: 0; }
/* ===============================
Responsive polish
=============================== */
@media (max-width: 768px){
#homeContainer{ padding: 56px 18px; }
#titleText{ font-size: clamp(28px, 8vw, 36px); }
#dateText{ margin-bottom: 24px; }
}
top of page
bottom of page
