.jlplg-lovecoding-cookie-info-container {
position: fixed; 
z-index: 9999; 
width: 100%;
text-align: center;
margin: 0;
}
.jlplg-lovecoding-cookie-info-container.jlplg-hidden {
display: none;
}
.jlplg-lovecoding-cookie-info {
display: inline-block;
padding: 10px;
margin: 5px 0;
font-size: 16px;
}
.jlplg-lovecoding-cookie-info a {
color: inherit;
}
.jlplg-lovecoding-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.jlplg-lovecoding-cookie-accept-button, .jlplg-lovecoding-cookie-privacy-policy {
display: inline-block;
padding: 7px 15px;
border-radius: 4px;
border: 2px solid transparent;
margin: 0;
text-decoration: none;
line-height: 1;
font-family: inherit;
font-size: 16px;
}
.jlplg-lovecoding-cookie-accept-button:hover, .jlplg-lovecoding-cookie-privacy-policy:hover,
.jlplg-lovecoding-cookie-accept-button:focus, .jlplg-lovecoding-cookie-privacy-policy:focus {
cursor: pointer;
border: 2px solid transparent;
}
.jlplg-lovecoding-cookie-accept-button:focus-visible, .jlplg-lovecoding-cookie-privacy-policy:focus-visible {
border: 2px solid transparent;
outline: 2px solid var(--jlplg-buton-bg-color);
outline-offset: 2px;
}
.button-text {
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
}#progress-bar { position: fixed; top: 0;
left: 0; width: 0%; height: 3px; background: linear-gradient(90deg,
var(--terra), var(--terra-light)); z-index: 9999; transition: width 0.1s
linear; border-radius: 0 2px 2px 0; } .site-header { position: relative; z-index:
100; width: 100%; background: #fbf9f5; border-bottom: none; box-shadow:
none; backdrop-filter: none; -webkit-backdrop-filter: none; } .header-brand { width: 100%; height: 94px;
display: flex; align-items: center; justify-content: center; background:
#fbf9f5; } .header-brand .logo, .header-brand .custom-logo-link {
display: flex; align-items: center; justify-content: center; margin: 0;
padding: 0; text-decoration: none; } .header-brand .logo img,
.header-brand .logo .custom-logo, .header-brand .custom-logo-link img {
display: block; width: auto; height: 68px; max-height: 68px; max-width:
100%; object-fit: contain; margin: 0 auto; } .header-brand .logo-mark {
width: 54px; height: 54px; display: flex; align-items: center;
justify-content: center; background: #173b2b; color: #fff;
border-radius: 50%; font-family: ‘Poppins’, sans-serif; font-size: 22px;
font-weight: 800; } .header-brand .logo-text {
font-family:‘Poppins’,sans-serif; font-size:18px; font-weight:700;
color:#173b2b; } .ticker-bar { width: 100%; height: 47px; padding: 0;
margin: 0; display: flex; align-items: center; background: #183b2b;
color: #fff; overflow: hidden; position: relative; } .ticker-inner {
width: 100%; max-width: 1580px; height: 100%; margin: 0 auto; padding: 0
32px; display: flex; align-items: center; overflow: hidden; }
.ticker-label { flex: 0 0 auto; display: inline-flex; align-items:
center; justify-content: center; height: 26px; margin-right: 14px;
padding: 0 13px; border-radius: 20px; background: rgba(255,255,255,.20);
color: #fff; font-family:‘DM Sans’,sans-serif; font-size:12px;
font-weight:800; line-height:1; letter-spacing:1.5px;
text-transform:uppercase; white-space:nowrap; } .ticker-scroll { flex:1;
min-width:0; height:100%; display:flex; align-items:center;
overflow:hidden; } .ticker-items { display:flex; align-items:center;
width:max-content; gap:55px; white-space:nowrap; animation:ticker 32s
linear infinite; will-change:transform; } .ticker-items span {
display:inline-flex; align-items:center; color:#fff; font-family:‘DM
Sans’,sans-serif; font-size:14px; font-weight:400; line-height:1; }
.ticker-items span::before { content:‘·’; display:inline-block;
margin-right:22px; color:rgba(255,255,255,.45); } .ticker-items
span:first-child::before { display:none; } .ticker-items a { color:#fff;
text-decoration:none; transition:opacity .2s ease; } .ticker-items
a:hover { color:#fff; text-decoration:none; opacity:.78; } @keyframes
ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } .header-navigation { width:100%; height:73px;
background:#fbf9f5; border-bottom:1px solid rgba(23,59,43,.04); }
.header-navigation .header-top { position:relative; width:100%;
max-width:1420px; height:73px; margin:0 auto; padding:0 32px;
display:flex; align-items:center; justify-content:center; gap:0; }
.header-navigation .main-nav { display:flex; align-items:center;
justify-content:center; width:100%; margin:0; padding:0; }
.header-navigation .nav-menu { display:flex; align-items:center;
justify-content:center; gap:53px; margin:0; padding:0; list-style:none;
} .header-navigation .nav-menu > li { position:relative; margin:0;
padding:0; } .header-navigation .nav-menu > li > a { display:block;
margin:0; padding:10px 0; background:transparent; border-radius:0;
color:#173b2b; font-family:‘DM Sans’,sans-serif; font-size:14px;
font-weight:800; line-height:1.2; letter-spacing:1.2px;
text-decoration:none; text-transform:uppercase; white-space:nowrap;
transition:color .2s ease, opacity .2s ease; } .header-navigation
.nav-menu > li > a:hover, .header-navigation .nav-menu >
.current-menu-item > a, .header-navigation .nav-menu >
.current-menu-ancestor > a { color:#173b2b; background:transparent;
opacity:.72; } .header-navigation nav a:hover, .header-navigation nav
a.active { color:#173b2b; background:transparent; } .header-navigation .nav-menu .sub-menu {
position:absolute; top:calc(100% + 8px); left:-18px; min-width:230px;
padding:8px; display:none; list-style:none; background:#fff; border:1px
solid #e7e3dc; border-radius:8px; box-shadow:0 12px 35px
rgba(20,40,30,.12); z-index:300; } .header-navigation .nav-menu
li:hover > .sub-menu { display:block; } .header-navigation .nav-menu
.sub-menu a { display:block; padding:10px 12px; border-radius:5px;
color:#173b2b; font-size:13px; font-weight:600; letter-spacing:0;
text-transform:none; text-decoration:none; } .header-navigation
.nav-menu .sub-menu a:hover { background:#f1eee7; color:#173b2b; } .header-navigation .header-actions {
position:absolute; right:32px; top:50%; transform:translateY(-50%);
display:flex; align-items:center; justify-content:center; margin:0;
padding:0; z-index:10; } .header-navigation .search-box {
position:relative; width:46px; height:46px; flex:0 0 46px; display:flex;
align-items:center; justify-content:center; gap:0; margin:0; padding:0;
border:none; border-radius:50%; background:#eeeae2; cursor:pointer;
color:#234c38; transition:background .2s ease, transform .2s ease; }
.header-navigation .search-box:hover, .header-navigation
.search-box:focus-within { background:#e5e0d7; border:none;
box-shadow:none; } .header-navigation .search-box > svg {
position:absolute; left:50%; top:50%; width:20px; height:20px;
transform:translate(-50%,-50%); color:#234c38; stroke:currentColor;
z-index:2; pointer-events:none; } .header-navigation .header-search-form
{ position:absolute; inset:0; width:46px; height:46px; overflow:hidden;
opacity:0; z-index:3; } .header-navigation .header-search-form
.search-form, .header-navigation .header-search-form label {
display:block; width:46px; height:46px; margin:0; padding:0; }
.header-navigation .header-search-form .search-field {
position:absolute; inset:0; width:46px; height:46px; max-width:46px;
padding:0; border:0; opacity:0; cursor:pointer; background:transparent;
color:transparent; caret-color:transparent; outline:none; }
.header-navigation .header-search-form .search-submit {
position:absolute; inset:0; display:block; width:46px; height:46px;
margin:0; padding:0; border:0; background:transparent; font-size:0;
cursor:pointer; } .header-navigation .search-box input::placeholder,
.header-navigation .search-box .search-field::placeholder {
color:transparent; } .site-header .btn-subscribe { display:none
!important; } .menu-toggle { display:none; width:42px; height:42px;
padding:8px; flex-direction:column; align-items:center;
justify-content:center; gap:5px; border:0; background:transparent;
cursor:pointer; } .hamburger-bar { display:block; width:23px;
height:2px; background:#173b2b; border-radius:2px; transition:all .25s
ease; } .menu-toggle.is-active
.hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-active .hamburger-bar:nth-child(2){opacity:0}
.menu-toggle.is-active
.hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .container { max-width: 1280px; margin: 0 auto;
padding: 0 32px; } .single-post, .page-template, .archive-template, .search-template {
padding-top: 50px; } .hero-section { padding: 48px 0 32px; }
.section-eyebrow { display: flex; align-items: center; gap: 10px;
margin-bottom: 24px; } .section-eyebrow span { font-size: 11px;
font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color:
var(--terra); } .eyebrow-line { flex: 1; height: 1px; background:
var(--border); }
.magazine-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap:
12px; align-items: stretch; } .magazine-secondary-col
.post-secondary { flex: 1; min-height: 0; } .post-featured { grid-row: auto; position: relative;
border-radius: var(--radius); overflow: hidden; cursor: pointer; display:
block; text-decoration: none; } .post-featured .thumb { width: 100%;
height: 100%; min-height: 400px; aspect-ratio: unset; background:
linear-gradient(160deg, #E8C4A0 0%, #D4856A 40%, #8B3E18 100%);
position: relative; overflow: hidden; } .post-featured .thumb::after {
content: ’‘; position: absolute; inset: 0; background:
linear-gradient(to top, rgba(26,18,8,0.85) 0%, rgba(26,18,8,0.2) 50%,
transparent 100%); } .thumb-pattern { position: absolute; inset: 0;
opacity: 0.12; background-image: radial-gradient(circle at 20% 80%,
white 1px, transparent 1px), radial-gradient(circle at 80% 20%, white
1px, transparent 1px); background-size: 40px 40px; }
.thumb-img-placeholder { position: absolute; inset: 0; display: flex;
align-items: center; justify-content: center; font-size: 72px; opacity:
0.15; } .post-featured .content { position: absolute; bottom: 0; left:
0; right: 0; padding: 28px; z-index: 1; } .post-featured .content .cat {
display: inline-block; background: var(--terra); color: white; font-size:
10px; font-weight: 700; letter-spacing: 1.5px; text-transform:
uppercase; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px;
} .post-featured .content h2 { font-family: ’Poppins’, sans-serif;
font-size: 26px; font-weight: 700; color: white; line-height: 1.25;
margin-bottom: 10px; letter-spacing: -0.5px; } .post-featured .content
.meta { display: flex; align-items: center; gap: 12px; color:
rgba(255,255,255,0.7); font-size: 12px; } .post-featured .content .meta
span { display: flex; align-items: center; gap: 4px; }
.post-featured:hover .thumb { transform: scale(1.02); transition:
transform 0.5s ease; } .post-secondary { display: grid; grid-template-columns:
100px 1fr; grid-template-rows: 100px; border-radius: var(--radius-sm);
background: var(--card-bg); border: 1px solid var(--border); cursor:
pointer; transition: var(--transition); text-decoration: none; color:
inherit; overflow: hidden; } .post-secondary:hover { border-color:
var(--terra-light); box-shadow: var(--shadow); transform:
translateY(-2px); } .post-secondary .thumb { width: 100px; height:
100px; overflow: hidden; border-radius: 0; } .post-secondary .thumb img
{ width: 100%; height: 100%; object-fit: cover; display: block; }
.post-secondary .thumb.thumb-placeholder-sm { background:
linear-gradient(135deg, var(--terra-pale), var(--terra-light)); width:
100%; height: 100%; } .post-secondary .info { padding: 10px 14px;
display: flex; flex-direction: column; justify-content: center; gap:
3px; overflow: hidden; min-width: 0; } .post-secondary .info .cat {
font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform:
uppercase; color: var(--terra); margin-bottom: 2px; display: block; }
.post-secondary .info h3 { font-family: ‘Poppins’, sans-serif;
font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--ink);
margin: 0 0 3px; letter-spacing: -0.1px; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-secondary .info .meta { font-size: 11px; color: var(--ink-ghost);
display: flex; gap: 8px; align-items: center; } .content-area { display: grid;
grid-template-columns: 1fr 320px; gap: 100px; padding: 0 0 64px;
align-items: start; } .posts-section h2 { font-family: ‘Poppins’, sans-serif;
font-size: 22px; font-weight: 700; color: var(--ink); margin-bottom:
24px; padding-bottom: 16px; border-bottom: 2px solid var(--terra);
display: flex; align-items: center; gap: 10px; } .posts-section h2
.count { font-family: ‘DM Sans’, sans-serif; font-size: 13px;
font-weight: 400; color: var(--ink-ghost); margin-left: auto; }
.posts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
margin-bottom: 32px; }
.post-card { background: var(--card-bg); border-radius: var(--radius);
border: 1px solid var(--border); overflow: hidden; transition:
var(--transition); cursor: pointer; text-decoration: none; color:
inherit; display: block; } .post-card:hover { transform:
translateY(-4px); box-shadow: var(--shadow-md); border-color:
transparent; } .post-card .thumb { aspect-ratio: 16/9; position:
relative; overflow: hidden; } .card-thumb-1 { background:
linear-gradient(135deg, #F5DCC8, #D4855A); } .card-thumb-2 { background:
linear-gradient(135deg, #C8D8E0, #6A9BAD); } .card-thumb-3 { background:
linear-gradient(135deg, #D8C8F0, #9A7AC4); } .card-thumb-4 { background:
linear-gradient(135deg, #C8E8D0, #5A9A6A); } .card-thumb-5 { background:
linear-gradient(135deg, #F0E0C8, #C48A4A); } .card-thumb-6 { background:
linear-gradient(135deg, #E8C8C8, #C46A6A); }
.thumb-emoji { position: absolute; inset: 0; display: flex; align-items:
center; justify-content: center; font-size: 40px; opacity: 0.25; }
.card-reading-time { position: absolute; top: 10px; right: 10px;
background: rgba(0,0,0,0.5); color: white; font-size: 11px; font-weight:
500; padding: 3px 8px; border-radius: 20px; backdrop-filter: blur(4px);
display: flex; align-items: center; gap: 4px; }
.post-card .info { padding: 18px; } .post-card .cat { font-size: 10px;
font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
color: var(--terra); margin-bottom: 8px; display: block; } .post-card h3
{ font-family: ‘Poppins’, sans-serif; font-size: 15px; font-weight: 700;
line-height: 1.35; margin-bottom: 8px; letter-spacing: -0.2px; color:
var(--ink); } .post-card p { font-size: 13px; color: var(--ink-soft);
line-height: 1.55; margin-bottom: 14px; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-footer { display: flex; align-items: center; gap: 10px;
padding-top: 12px; border-top: 1px solid var(--border); } .avatar {
width: 28px; height: 28px; border-radius: 50%; background:
linear-gradient(135deg, var(--terra), var(--terra-light)); display: flex;
align-items: center; justify-content: center; color: white; font-size:
11px; font-weight: 700; flex-shrink: 0; } .card-footer .author-info {
flex: 1; min-width: 0; } .card-footer .author { font-size: 12px;
font-weight: 600; color: var(--ink-mid); } .card-footer .date {
font-size: 11px; color: var(--ink-ghost); } .card-footer .likes {
font-size: 12px; color: var(--ink-ghost); display: flex; align-items:
center; gap: 4px; } .pagination { display: flex; gap: 8px; align-items:
center; justify-content: center; margin-top: 16px; } .page-btn { width:
36px; height: 36px; border-radius: 8px; border: 1px solid var(--border);
background: var(--card-bg); color: var(--ink-mid); font-size: 13px;
font-weight: 500; cursor: pointer; display: flex; align-items: center;
justify-content: center; transition: var(--transition); }
.page-btn:hover, .page-btn.active { background: var(--terra);
border-color: var(--terra); color: white; } .page-btn.prev,
.page-btn.next { width: auto; padding: 0 14px; gap: 6px; font-size:
12px; } .sidebar { position: sticky; top: 88px;
display: flex; flex-direction: column; gap: 24px; }
.widget { background: var(--card-bg); border: 1px solid var(--border);
border-radius: var(--radius); overflow: hidden; } .widget-header {
padding: 16px 20px; border-bottom: 1px solid var(--border); display:
flex; align-items: center; gap: 8px; } .widget-header h4 { font-family:
‘Poppins’, sans-serif; font-size: 15px; font-weight: 700; color:
var(--ink); letter-spacing: -0.2px; } .widget-header .icon { font-size:
16px; } .widget-body { padding: 16px 20px; } .newsletter-widget { background:
linear-gradient(135deg, var(--terra) 0%, var(--terra-dark) 100%); border:
none; } .newsletter-widget .widget-body { color: white; }
.newsletter-widget h4 { font-family: ‘Poppins’, sans-serif; font-size:
18px; font-weight: 700; margin-bottom: 6px; line-height: 1.2; }
.newsletter-widget p { font-size: 13px; opacity: 0.85; margin-bottom:
16px; line-height: 1.5; } .nl-input { width: 100%; padding: 10px 14px;
border-radius: 8px; border: none; background: rgba(255,255,255,0.15);
color: white; font-family: ‘DM Sans’, sans-serif; font-size: 13px;
margin-bottom: 10px; outline: none; backdrop-filter: blur(4px); }
.nl-input::placeholder { color: rgba(255,255,255,0.6); } .nl-btn {
width: 100%; padding: 11px; border-radius: 8px; border: none;
background: white; color: var(--terra); font-family: ‘DM Sans’,
sans-serif; font-size: 13px; font-weight: 700; cursor: pointer;
transition: var(--transition); } .nl-btn:hover { background: var(--sand);
transform: translateY(-1px); } .nl-note { font-size: 11px; opacity:
0.65; margin-top: 8px; text-align: center; } .popular-post { display: flex; gap: 12px;
align-items: start; padding: 12px 0; border-bottom: 1px solid
var(--border); cursor: pointer; transition: var(--transition); }
.popular-post:last-child { border-bottom: none; padding-bottom: 0; }
.popular-post:first-child { padding-top: 0; } .popular-post:hover
.pp-title { color: var(--terra); } .pp-num { font-family: ‘Poppins’,
sans-serif; font-size: 24px; font-weight: 900; color: var(--border);
line-height: 1; flex-shrink: 0; width: 24px; text-align: center; }
.pp-info .pp-cat { font-size: 10px; color: var(--terra); font-weight:
700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 3px;
} .pp-title { font-size: 13px; font-weight: 600; font-family: ‘Poppins’,
sans-serif; color: var(--ink-mid); line-height: 1.35; transition: color
0.2s; } .pp-meta { font-size: 11px; color: var(--ink-ghost); margin-top:
3px; } .tags-cloud { display: flex; flex-wrap: wrap; gap:
8px; } .tag { padding: 5px 12px; border-radius: 20px; border: 1px solid
var(--border); font-size: 12px; color: var(--ink-soft); cursor: pointer;
transition: var(--transition); background: var(--sand); } .tag:hover {
border-color: var(--terra); color: var(--terra); background:
var(--terra-pale); } .author-widget .widget-body { display: flex;
flex-direction: column; align-items: center; text-align: center; gap:
10px; } .author-avatar-lg { width: 64px; height: 64px; border-radius:
50%; background: linear-gradient(135deg, var(--terra),
var(--terra-light)); display: flex; align-items: center; justify-content:
center; font-family: ‘Poppins’, sans-serif; font-size: 24px;
font-weight: 700; color: white; border: 3px solid var(--border); }
.author-widget h5 { font-family: ‘Poppins’, sans-serif; font-size: 16px;
font-weight: 700; color: var(--ink); } .author-widget .bio { font-size:
12px; color: var(--ink-soft); line-height: 1.5; } .author-socials {
display: flex; gap: 8px; } .social-btn { width: 32px; height: 32px;
border-radius: 50%; border: 1px solid var(--border); background:
var(--sand); display: flex; align-items: center; justify-content: center;
font-size: 14px; cursor: pointer; transition: var(--transition); }
.social-btn:hover { border-color: var(--terra); background:
var(--terra-pale); transform: translateY(-2px); } .feature-banner { background:
linear-gradient(120deg, var(--terra-pale) 0%, var(--sand) 100%); border:
1px solid var(--border); border-radius: var(--radius); padding: 40px;
display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items:
center; margin: 0 0 48px; } .feature-banner h3 { font-family: ‘Poppins’,
sans-serif; font-size: 26px; font-weight: 700; color: var(--ink);
margin-bottom: 8px; line-height: 1.2; } .feature-banner p { font-size:
14px; color: var(--ink-soft); line-height: 1.5; } .feature-banner
.badge-list { display: flex; gap: 8px; flex-wrap: wrap; margin-top:
14px; } .badge { display: flex; align-items: center; gap: 5px;
font-size: 12px; font-weight: 500; color: var(--ink-mid); background:
var(--surface); padding: 5px 12px; border-radius: 20px; border: 1px solid
var(--border); } .feature-banner .cta { display: flex; flex-direction:
column; align-items: center; gap: 8px; text-align: center; } .price-tag
{ font-family: ‘Poppins’, sans-serif; font-size: 36px; font-weight: 900;
color: var(--terra); line-height: 1; } .price-tag small { font-size:
15px; font-weight: 400; color: var(--ink-soft); font-family: ‘DM Sans’,
sans-serif; } .btn-buy { background: var(--terra); color: white; border:
none; padding: 12px 28px; border-radius: 28px; font-family: ‘DM Sans’,
sans-serif; font-size: 14px; font-weight: 700; cursor: pointer;
transition: var(--transition); white-space: nowrap; } .btn-buy:hover {
background: var(--terra-dark); transform: translateY(-2px); box-shadow: 0
8px 24px rgba(196,98,45,0.4); } .feature-banner .demo-note { font-size:
11px; color: var(--ink-ghost); } .float-share { position: fixed; right:
28px; top: 50%; transform: translateY(-50%); display: flex;
flex-direction: column; gap: 10px; z-index: 50; } .share-btn { width:
40px; height: 40px; border-radius: 50%; background: var(--card-bg);
border: 1px solid var(--border); display: flex; align-items: center;
justify-content: center; cursor: pointer; transition: var(--transition);
font-size: 16px; box-shadow: var(--shadow); color: var(--ink-soft); }
.share-btn:hover { background: var(--terra); border-color: var(--terra);
color: white; transform: scale(1.1); box-shadow: 0 4px 16px
rgba(196,98,45,0.35); } .share-label { font-size: 9px; font-weight: 700;
letter-spacing: 1.5px; text-transform: uppercase; color:
var(--ink-ghost); writing-mode: vertical-rl; text-orientation: mixed;
margin: 4px auto; } @media (max-width:
1024px) { .container { padding: 0 20px; } .post-single { padding: 0; }
.post-content, .entry-content { padding: 0; } .header-top { padding: 0
20px; gap: 16px; } .footer-grid { padding: 0 20px 40px; gap: 28px; }
.footer-bottom { padding: 18px 20px; } .magazine-grid {
grid-template-columns: 1fr 1fr; gap: 12px; } .post-secondary {
grid-template-columns: 90px 1fr; grid-template-rows: 90px; }
.post-secondary .thumb { width: 90px; height: 90px; } .post-featured {
grid-column: 1 / -1; grid-row: auto; } .post-featured .thumb { height:
auto; aspect-ratio: 16/9; min-height: unset; } .magazine-secondary-col {
flex-direction: row; flex-wrap: wrap; gap: 10px; }
.magazine-secondary-col .post-secondary { flex: 1 1 calc(50% - 5px);
min-width: 0; } .post-featured .content h2 { font-size: 22px; }
.content-area { grid-template-columns: 1fr 280px; gap: 40px; }
.posts-grid { grid-template-columns: 1fr 1fr; gap: 16px; } .search-box
input { width: 100px; } nav a { padding: 6px 10px; font-size: 13px; }
.feature-banner { padding: 28px; gap: 20px; } .feature-banner h3 {
font-size: 20px; } } @media
(max-width: 768px) { .container { padding: 0 16px; } .header-top {
padding: 0 16px; height: 60px; } .ticker-inner { padding: 0 16px; }
nav { display: none; }
.search-box { display: none; }
.btn-subscribe { padding: 8px 14px; font-size: 12px; }
.hero-section { padding: 28px 0 20px; }
.magazine-grid { grid-template-columns: 1fr; gap: 10px; }
.post-featured { grid-column: auto; grid-row: auto; }
.magazine-secondary-col { gap: 10px; }
.post-featured .thumb { height: auto; aspect-ratio: 16/9; min-height: unset; }
.post-featured .thumb { aspect-ratio: 16/9; }
.post-featured .content { padding: 18px; }
.post-featured .content h2 { font-size: 19px; }
.post-featured .content .meta { flex-wrap: wrap; gap: 6px; font-size: 11px; } .magazine-secondary-col {
flex-direction: column;
gap: 12px;
}
.magazine-secondary-col .post-secondary {
flex: none;
width: 100%;
}
.post-secondary {
grid-template-columns: 110px 1fr;
grid-template-rows: 110px;
}
.post-secondary .thumb { width: 110px; height: 110px; }
.post-secondary .info { padding: 14px 16px; }
.post-secondary .info h3 { font-size: 13px; line-height: 1.35; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.post-secondary .info .meta { display: none; }
.post-secondary .info { padding: 12px 14px; gap: 5px; justify-content: center; }
.post-secondary .info .cat { font-size: 10px; margin-bottom: 4px; }
.post-secondary .info .meta { font-size: 12px; }
.content-area { grid-template-columns: 1fr; gap: 32px; padding-bottom: 40px; }
.sidebar { position: static; }
.posts-grid { grid-template-columns: 1fr; gap: 14px; }
.posts-section h2 { font-size: 18px; } .post-card { display: grid; grid-template-columns: 110px 1fr; }
.post-card .thumb { aspect-ratio: auto; height: 100%; min-height: 110px; border-radius: var(--radius) 0 0 var(--radius); }
.post-card .info { padding: 12px; }
.post-card h3 { font-size: 13px; }
.post-card p { display: none; }
.card-reading-time { top: 6px; right: 6px; font-size: 10px; }
.feature-banner { grid-template-columns: 1fr; padding: 24px; text-align: center; gap: 20px; }
.feature-banner h3 { font-size: 19px; }
.feature-banner .badge-list { justify-content: center; }
.feature-banner .cta { flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; }
.pagination { gap: 6px; flex-wrap: wrap; }
.page-btn { width: 32px; height: 32px; font-size: 12px; }
.page-btn.prev, .page-btn.next { padding: 0 10px; }
.footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; padding: 0 16px 32px; }
.footer-brand { grid-column: span 2; }
.footer-bottom { flex-direction: column; gap: 6px; text-align: center; padding: 16px; }
.float-share { display: none; }
.customizer { bottom: 56px; left: 12px; }
.cust-panel { width: 280px; }
} @media
(max-width: 480px) { .container { padding: 0 12px; } .header-top {
padding: 0 12px; height: 56px; } .ticker-inner { padding: 0 12px; }
.ticker-label { display: none; }
.logo-text { font-size: 18px; }
.logo-mark { width: 30px; height: 30px; font-size: 15px; }
.btn-subscribe { display: none; }
.post-featured .content h2 { font-size: 16px; }
.post-featured .content { padding: 14px; }
.post-card { display: block; }
.post-card .thumb { aspect-ratio: 16/9; height: auto; border-radius: var(--radius) var(--radius) 0 0; }
.post-card p { display: block; }
.post-secondary { grid-template-columns: 96px 1fr; grid-template-rows: 96px; }
.post-secondary .thumb { width: 96px; height: 96px; }
.post-secondary .info { padding: 12px 14px; }
.post-secondary .info h3 { font-size: 13px; }
.section-eyebrow span:last-child { display: none; }
.footer-grid { grid-template-columns: 1fr; }
.footer-brand { grid-column: auto; }
.cust-panel { width: calc(100vw - 24px); }
} @keyframes fadeUp { from { opacity: 0; transform:
translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.post-card, .post-secondary, .widget { animation: fadeUp 0.5s ease both;
} .post-card:nth-child(1) { animation-delay: 0.05s; }
.post-card:nth-child(2) { animation-delay: 0.10s; }
.post-card:nth-child(3) { animation-delay: 0.15s; }
.post-card:nth-child(4) { animation-delay: 0.20s; }
.post-card:nth-child(5) { animation-delay: 0.25s; }
.post-card:nth-child(6) { animation-delay: 0.30s; }  .nav-menu { display: flex; align-items:
center; gap: 4px; list-style: none; } .nav-menu li { position: relative;
} .nav-menu a { text-decoration: none; color: var(--ink-soft); font-size:
14px; font-weight: 500; padding: 6px 14px; border-radius: 20px;
transition: var(--transition); white-space: nowrap; display: block; }
.nav-menu a:hover, .nav-menu .current-menu-item > a, .nav-menu
.current-menu-ancestor > a { color: var(--terra); background:
var(--terra-pale); } .nav-menu .sub-menu { position: absolute; top:
100%; left: 0; background: var(--surface); border: 1px solid
var(--border); border-radius: var(--radius-sm); min-width: 200px; padding:
8px; box-shadow: var(--shadow-md); display: none; z-index: 200; }
.nav-menu li:hover > .sub-menu { display: block; } .nav-menu .sub-menu a
{ border-radius: 6px; padding: 8px 12px; } .mobile-menu-drawer { display:
none; background: var(--surface); border-bottom: 2px solid
var(--terra-light); padding: 8px 16px 16px; }
.mobile-menu-drawer.menu-open { display: block; } .mobile-nav-menu {
list-style: none; } .mobile-nav-menu a { display: block; padding: 12px
16px; color: var(--ink-mid); text-decoration: none; font-size: 15px;
font-weight: 500; border-radius: 8px; transition: var(--transition); }
.mobile-nav-menu a:hover { background: var(--terra-pale); color:
var(--terra); } .mobile-nav-menu .sub-menu { padding-left: 16px;
list-style: none; } .search-box .search-form { display:
flex; } .search-box .search-field { border: none; background:
transparent; font-family: ‘DM Sans’, sans-serif; font-size: 13px; color:
var(--ink); outline: none; width: 140px; } .search-box
.search-field::placeholder { color: var(--ink-ghost); } .search-box
.search-submit { display: none; } .post-featured .thumb img, .post-secondary .thumb
img, .post-card .thumb img, .post-thumbnail img { width: 100%; height:
100%; object-fit: cover; display: block; } .post-featured .thumb {
position: relative; overflow: hidden; } .post-featured .thumb img {
position: absolute; inset: 0; } .thumb-placeholder {
background: linear-gradient(135deg, var(--terra-pale),
var(--terra-light)); display: flex; align-items: center; justify-content:
center; width: 100%; height: 100%; } .thumb-placeholder-sm { background:
linear-gradient(135deg, var(--terra-pale), var(--terra-light)); width:
100%; height: 100%; border-radius: 8px; } .post-content, .entry-content { font-size: 17px; line-height: 1.85;
color: var(--ink-mid); max-width: 100%; } .post-content p, .entry-content p { margin-bottom:
24px; orphans: 3; widows: 3; } .post-content h1, .entry-content h1 { font-family:
‘Poppins’, sans-serif; font-size: 32px; font-weight: 800; color:
var(--ink); line-height: 1.2; margin: 40px 0 16px; letter-spacing:
-0.5px; } .post-content h2, .entry-content h2 { font-family: ‘Poppins’,
sans-serif; font-size: 26px; font-weight: 700; color: var(--ink);
line-height: 1.25; margin: 36px 0 14px; letter-spacing: -0.3px; }
.post-content h3, .entry-content h3 { font-family: ‘Poppins’,
sans-serif; font-size: 21px; font-weight: 700; color: var(--ink);
line-height: 1.3; margin: 32px 0 12px; } .post-content h4,
.entry-content h4 { font-family: ‘Poppins’, sans-serif; font-size: 18px;
font-weight: 600; color: var(--ink); line-height: 1.35; margin: 28px 0
10px; } .post-content h5, .entry-content h5 { font-family: ‘Poppins’,
sans-serif; font-size: 15px; font-weight: 600; color: var(--ink); margin:
24px 0 8px; } .post-content h6, .entry-content h6 { font-family:
‘Poppins’, sans-serif; font-size: 13px; font-weight: 600; color:
var(--ink-soft); text-transform: uppercase; letter-spacing: 1px; margin:
20px 0 8px; } .post-content > h2:first-child, .post-content >
h3:first-child, .entry-content > h2:first-child, .entry-content >
h3:first-child { margin-top: 0; } .post-content a, .entry-content a { color: var(--terra);
text-decoration: underline; text-decoration-thickness: 1px;
text-underline-offset: 3px; transition: color 0.2s; } .post-content
a:hover, .entry-content a:hover { color: var(--terra-dark); } .post-content ul, .post-content ol, .entry-content ul,
.entry-content ol { margin: 0 0 24px 0; padding-left: 28px; line-height:
1.85; } .post-content ul, .entry-content ul { list-style-type: disc; }
.post-content ol, .entry-content ol { list-style-type: decimal; }
.post-content li, .entry-content li { margin-bottom: 8px; padding-left:
4px; } .post-content li > ul, .post-content li > ol, .entry-content li >
ul, .entry-content li > ol { margin-top: 8px; margin-bottom: 0; } .post-content blockquote, .entry-content blockquote {
border-left: 4px solid var(--terra); padding: 18px 24px; background:
var(--terra-pale); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
margin: 28px 0; font-style: italic; font-size: 18px; line-height: 1.7;
color: var(--ink); } .post-content blockquote p:last-child,
.entry-content blockquote p:last-child { margin-bottom: 0; }
.post-content blockquote cite, .entry-content blockquote cite { display:
block; margin-top: 10px; font-size: 13px; font-style: normal; color:
var(--ink-soft); } .post-content img, .entry-content img { max-width: 100%;
height: auto; border-radius: var(--radius-sm); display: block; margin:
8px 0; } .post-content figure, .entry-content figure { margin: 28px 0; }
.post-content figcaption, .entry-content figcaption { font-size: 13px;
color: var(--ink-ghost); text-align: center; margin-top: 8px; font-style:
italic; } .post-content code, .entry-content code { font-family:
‘Courier New’, monospace; font-size: 14px; background: var(--sand);
border: 1px solid var(--border); padding: 2px 6px; border-radius: 4px;
color: var(--terra-dark); } .post-content pre, .entry-content pre {
background: var(--ink); color: #f8f8f2; padding: 20px 24px;
border-radius: var(--radius-sm); overflow-x: auto; margin: 28px 0;
font-size: 14px; line-height: 1.6; } .post-content pre code,
.entry-content pre code { background: none; border: none; padding: 0;
color: inherit; } .post-content table, .entry-content table { width: 100%;
border-collapse: collapse; margin: 28px 0; font-size: 15px; }
.post-content th, .entry-content th { background: var(--sand);
font-family: ‘Poppins’, sans-serif; font-weight: 600; font-size: 13px;
text-align: left; padding: 10px 14px; border: 1px solid var(--border);
color: var(--ink); } .post-content td, .entry-content td { padding: 10px
14px; border: 1px solid var(--border); color: var(--ink-mid);
vertical-align: top; } .post-content tr:nth-child(even) td,
.entry-content tr:nth-child(even) td { background: var(--terra-pale); } .post-content hr, .entry-content hr { border: none;
border-top: 2px solid var(--border); margin: 40px 0; } .post-content strong, .entry-content
strong { font-weight: 700; color: var(--ink); } .post-content em,
.entry-content em { font-style: italic; } .alignleft { float: left; margin: 0 24px
16px 0; } .alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin: 0 auto 24px; text-align: center;
} .alignfull { width: 100vw; margin-left: calc(50% - 50vw); } .post-tags { display: flex; flex-wrap: wrap; gap: 8px;
align-items: center; margin: 32px 0; } .post-tags > span { font-size:
13px; color: var(--ink-soft); font-weight: 600; } .author-box { display: grid; grid-template-columns:
auto 1fr; gap: 20px; align-items: start; background: var(--sand);
border-radius: var(--radius); padding: 24px; margin: 40px 0; border: 1px
solid var(--border); } .author-avatar-lg { width: 64px; height: 64px;
border-radius: 50%; border: 3px solid var(--border); flex-shrink: 0; }
.author-box-label { font-size: 10px; font-weight: 700; letter-spacing:
1.5px; text-transform: uppercase; color: var(--ink-ghost); display:
block; margin-bottom: 4px; } .author-box-info h4 { font-family:
‘Poppins’, sans-serif; font-size: 16px; font-weight: 700; margin-bottom:
6px; } .author-box-info p { font-size: 13px; color: var(--ink-soft);
line-height: 1.55; margin-bottom: 12px; } .author-socials { display:
flex; gap: 8px; } .post-navigation .nav-links { display: grid;
grid-template-columns: 1fr 1fr; gap: 16px; margin: 40px 0; }
.post-navigation .nav-previous, .post-navigation .nav-next { background:
var(--card-bg); border: 1px solid var(--border); border-radius:
var(--radius-sm); padding: 16px; transition: var(--transition); }
.post-navigation a { text-decoration: none; color: inherit; display:
block; } .post-navigation .nav-label { font-size: 11px; font-weight:
700; letter-spacing: 1.5px; text-transform: uppercase; color:
var(--terra); display: block; margin-bottom: 4px; } .post-navigation
.nav-title { font-size: 14px; font-weight: 600; color: var(--ink-mid);
line-height: 1.35; } .post-navigation .nav-previous:hover,
.post-navigation .nav-next:hover { border-color: var(--terra);
box-shadow: var(--shadow); } .related-posts { margin: 40px 0; }
.related-posts h3 { font-family: ‘Poppins’, sans-serif; font-size: 20px;
font-weight: 700; margin-bottom: 20px; padding-bottom: 12px;
border-bottom: 2px solid var(--terra); } .pagination-wrap .nav-links { display: flex;
gap: 8px; align-items: center; justify-content: center; margin: 32px 0;
flex-wrap: wrap; } .pagination-wrap .page-numbers { display: flex;
align-items: center; justify-content: center; width: 36px; height: 36px;
border-radius: 8px; border: 1px solid var(--border); background:
var(--card-bg); color: var(--ink-mid); font-size: 13px; font-weight: 500;
text-decoration: none; transition: var(--transition); } .pagination-wrap
.page-numbers:hover, .pagination-wrap .page-numbers.current {
background: var(--terra); border-color: var(--terra); color: white; }
.pagination-wrap .prev, .pagination-wrap .next { width: auto; padding: 0
14px; font-size: 12px; } .no-results { text-align: center; padding: 80px
20px; } .no-results h2 { font-family: ‘Poppins’, sans-serif; font-size:
24px; margin-bottom: 12px; } .no-results p { color: var(--ink-soft);
margin-bottom: 24px; } .posts-section-header { margin-bottom: 24px;
} .posts-section-header h2 { font-family: ‘Poppins’, sans-serif;
font-size: 22px; font-weight: 700; color: var(--ink); padding-bottom:
16px; border-bottom: 2px solid var(--terra); display: flex; align-items:
center; gap: 10px; } .posts-section-header h2 .count { font-family: ‘DM
Sans’, sans-serif; font-size: 13px; font-weight: 400; color:
var(--ink-ghost); margin-left: auto; } .author-widget-body { display: flex;
flex-direction: column; align-items: center; text-align: center; gap:
10px; } .author-widget-body .author-avatar-lg { width: 64px; height:
64px; } .author-widget-body h5 { font-family: ‘Poppins’, sans-serif;
font-size: 16px; font-weight: 700; color: var(--ink); }
.author-widget-body .bio { font-size: 12px; color: var(--ink-soft);
line-height: 1.5; } .author-widget-body .author-socials {
justify-content: center; } .nl-config-notice { font-size: 12px;
color: rgba(255,255,255,0.7); font-style: italic; } @media (max-width: 768px) {
.menu-toggle { display: flex; } } .reading-time { font-size: 12px; color: var(--ink-ghost);
background: var(--sand); padding: 3px 10px; border-radius: 20px; border:
1px solid var(--border); } @media (max-width: 768px) { .single-post
.content-area { grid-template-columns: 1fr; } .post-title { font-size:
26px; } .post-navigation .nav-links { grid-template-columns: 1fr; }
.author-box { grid-template-columns: 1fr; text-align: center; }
.author-socials { justify-content: center; } } .comments-area { margin-top: 48px;
padding-top: 40px; border-top: 2px solid var(--border); } .comments-title
{ font-family: ‘Poppins’, sans-serif; font-size: 20px; font-weight: 700;
color: var(--ink); margin-bottom: 28px; } .comments-title span { color:
var(--terra); }
.comment-list { list-style: none; padding: 0; } .comment-item {
margin-bottom: 24px; } .comment-body { background: var(--sand); border:
1px solid var(--border); border-radius: var(--radius); padding: 20px; }
.comment-author-wrap { display: flex; align-items: center; gap: 12px;
margin-bottom: 12px; flex-wrap: wrap; } .comment-avatar { width: 48px;
height: 48px; border-radius: 50%; flex-shrink: 0; } .comment-meta {
flex: 1; } .comment-author-name { display: block; font-size: 14px;
font-weight: 700; color: var(--ink); } .comment-author-name a { color:
inherit; text-decoration: none; } .comment-time { font-size: 12px;
color: var(--ink-ghost); } .comment-actions { margin-left: auto; }
.comment-actions a { font-size: 12px; color: var(--terra);
text-decoration: none; font-weight: 600; padding: 4px 10px;
border-radius: 20px; border: 1px solid var(--terra); transition:
var(--transition); } .comment-actions a:hover { background: var(--terra);
color: white; } .comment-content { font-size: 15px; color:
var(--ink-mid); line-height: 1.7; } .comment-content p { margin-bottom:
8px; } .comment-awaiting { font-size: 12px; color: var(--ink-ghost);
font-style: italic; margin-bottom: 10px; } .children { list-style: none; padding-left:
40px; margin-top: 16px; } .comment-respond { margin-top: 40px;
background: var(--card-bg); border: 1px solid var(--border);
border-radius: var(--radius); padding: 28px; } .comment-reply-title {
font-family: ‘Poppins’, sans-serif; font-size: 18px; font-weight: 700;
color: var(--ink); margin-bottom: 20px; } .comment-reply-title small a {
font-size: 13px; color: var(--terra); margin-left: 12px; font-weight:
400; } .comment-form p { margin-bottom: 16px; } .comment-form label {
display: block; font-size: 13px; font-weight: 600; color: var(--ink-mid);
margin-bottom: 6px; } .comment-form input[type=“text”], .comment-form
input[type=“email”], .comment-form input[type=“url”], .comment-form
textarea { width: 100%; padding: 10px 14px; border-radius: 8px; border:
1px solid var(--border); background: var(--sand); color: var(--ink);
font-family: ‘DM Sans’, sans-serif; font-size: 14px; outline: none;
transition: var(--transition); resize: vertical; } .comment-form
input:focus, .comment-form textarea:focus { border-color: var(--terra);
box-shadow: 0 0 0 3px rgba(196,98,45,0.12); background: var(--surface); }
.comment-form textarea { min-height: 120px; } .comment-form .form-submit
{ margin-bottom: 0; } .form-allowed-tags { display: none; } .no-comments { text-align: center; padding:
24px; color: var(--ink-ghost); font-style: italic; background:
var(--sand); border-radius: var(--radius); } .comment-navigation { display: flex;
justify-content: space-between; margin: 24px 0; font-size: 13px; }
.comment-navigation a { color: var(--terra); text-decoration: none;
font-weight: 600; } .archive-header { padding: 40px 0 24px;
border-bottom: 2px solid var(--terra); margin-bottom: 32px; }
.archive-title { font-family: ‘Poppins’, sans-serif; font-size: 28px;
font-weight: 800; color: var(--ink); } .archive-desc { color:
var(--ink-soft); margin-top: 8px; font-size: 15px; } @media (max-width:
768px) { .single-post, .page-template, .archive-template,
.search-template { padding-top: 32px; } .children { padding-left: 16px;
} .comment-respond { padding: 20px; } } @media (max-width: 480px) {
.single-post, .page-template, .archive-template, .search-template {
padding-top: 24px; } } .post-header,
.archive-header, .page-header, .comment-respond { position: static
!important; } @media
(max-width: 768px) { .post-title { font-size: 26px; letter-spacing:
-0.3px; }
.post-content,
.entry-content { font-size: 15px; line-height: 1.8; }
.post-content h1, .entry-content h1 { font-size: 24px; margin: 28px 0 12px; }
.post-content h2, .entry-content h2 { font-size: 20px; margin: 24px 0 10px; }
.post-content h3, .entry-content h3 { font-size: 17px; margin: 20px 0 8px; }
.post-content h4, .entry-content h4 { font-size: 15px; margin: 16px 0 8px; }
.post-content h5, .entry-content h5 { font-size: 14px; margin: 14px 0 6px; }
.post-content h6, .entry-content h6 { font-size: 12px; margin: 12px 0 6px; }
.post-content blockquote,
.entry-content blockquote { font-size: 16px; padding: 14px 18px; }
.post-content table,
.entry-content table { font-size: 13px; }
.post-content th,
.entry-content th,
.post-content td,
.entry-content td { padding: 8px 10px; }
}
@media (max-width: 480px) { .post-title { font-size: 22px; }
.post-content,
.entry-content { font-size: 15px; line-height: 1.75; }
.post-content h1, .entry-content h1 { font-size: 21px; }
.post-content h2, .entry-content h2 { font-size: 18px; }
.post-content h3, .entry-content h3 { font-size: 16px; }
.post-content h4, .entry-content h4 { font-size: 15px; }
.post-content ul,
.post-content ol,
.entry-content ul,
.entry-content ol { padding-left: 20px; }
.post-content pre,
.entry-content pre { padding: 14px 16px; font-size: 13px; }
} max-width: 200px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; display: inline-block; vertical-align: middle;
} .aura-breadcrumb .bc-sep { color: var(--border); font-size: 14px;
line-height: 1; user-select: none; }
@media (max-width: 480px) { .aura-breadcrumb ol { font-size: 12px; }
.aura-breadcrumb [aria-current=“page”] { max-width: 140px; } } .aura-cookie-bar { position: fixed; bottom: 0; left: 0; right: 0;
z-index: 9999; background: var(--ink); color: #fff; padding: 16px 24px;
box-shadow: 0 -4px 24px rgba(0,0,0,0.18); transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); }
.aura-cookie-bar.aura-cookie-show { transform: translateY(0); }
.aura-cookie-inner { max-width: 1280px; margin: 0 auto; display: flex;
align-items: center; gap: 16px; flex-wrap: wrap; } .aura-cookie-icon {
font-size: 24px; flex-shrink: 0; } .aura-cookie-text { flex: 1;
font-size: 14px; line-height: 1.5; color: rgba(255,255,255,0.88);
margin: 0; } .aura-cookie-text a { color: var(--terra-light);
text-decoration: underline; margin-left: 4px; } .aura-cookie-actions {
display: flex; gap: 10px; flex-shrink: 0; } .aura-cookie-btn { padding:
9px 22px; border-radius: 50px; font-size: 13px; font-weight: 600;
cursor: pointer; border: none; transition: opacity 0.2s, transform
0.15s; font-family: inherit; } .aura-cookie-btn:hover { opacity: 0.88;
transform: translateY(-1px); } .aura-cookie-btn--accept { background:
var(--terra); color: #fff; } .aura-cookie-btn--decline { background:
transparent; color: rgba(255,255,255,0.7); border: 1px solid
rgba(255,255,255,0.25); } @media (max-width: 600px) { .aura-cookie-inner
{ flex-direction: column; align-items: flex-start; }
.aura-cookie-actions { width: 100%; } .aura-cookie-btn { flex: 1;
text-align: center; } } @media (min-width:
769px) { .site-header .header-brand { height:94px !important;
display:flex !important; justify-content:center !important;
align-items:center !important; } .site-header .header-brand .logo img,
.site-header .header-brand .custom-logo-link img { height:68px
!important; max-height:68px !important; width:auto !important; }
.site-header .ticker-bar { height:47px !important; background:#183b2b
!important; padding:0 !important; } .site-header .ticker-inner {
max-width:1580px !important; padding:0 32px !important; } .site-header
.header-navigation { height:73px !important; background:#fbf9f5
!important; } .site-header .header-navigation .header-top { height:73px
!important; max-width:1420px !important; padding:0 32px !important;
justify-content:center !important; } .site-header .header-navigation
.main-nav { display:flex !important; justify-content:center !important;
} .site-header .header-navigation .nav-menu { display:flex !important;
gap:53px !important; } .site-header .header-navigation .nav-menu > li >
a { padding:10px 0 !important; border-radius:0 !important;
background:transparent !important; color:#173b2b !important;
font-size:14px !important; font-weight:800 !important;
letter-spacing:1.2px !important; text-transform:uppercase !important; }
.site-header .header-navigation .header-actions { position:absolute
!important; right:32px !important; top:50% !important;
transform:translateY(-50%) !important; } .site-header .header-navigation
.search-box { display:flex !important; width:46px !important;
height:46px !important; padding:0 !important; border:0 !important;
border-radius:50% !important; background:#eeeae2 !important; }
.site-header .header-navigation .search-box .search-field { width:46px
!important; max-width:46px !important; opacity:0 !important;
color:transparent !important; } .site-header .menu-toggle { display:none
!important; } } @media (max-width:768px) { .site-header .header-brand {
height:74px; } .site-header .header-brand .logo img, .site-header
.header-brand .custom-logo-link img { height:52px; max-height:52px; }
.site-header .ticker-bar { height:40px; } .site-header .ticker-inner {
padding:0 16px; } .site-header .header-navigation, .site-header
.header-navigation .header-top { height:60px; } .site-header
.header-navigation .header-top { padding:0 16px;
justify-content:flex-end; } .site-header .header-navigation .main-nav {
display:none; } .site-header .header-navigation .header-actions {
position:static; transform:none; margin-right:6px; } .site-header
.header-navigation .search-box { display:flex; width:40px; height:40px;
flex-basis:40px; } .site-header .menu-toggle { display:flex; } } @media (min-width: 769px) { html body #masthead.site-header { display:
block !important; position: relative !important; width: 100% !important;
max-width: none !important; height: auto !important; min-height: 0
!important; margin: 0 !important; padding: 0 !important; background:
#fbf9f5 !important; overflow: visible !important; }
html body #masthead.site-header > .header-brand { display: flex
!important; position: relative !important; float: none !important;
clear: both !important; width: 100% !important; max-width: none
!important; height: 94px !important; margin: 0 !important; padding: 0
!important; align-items: center !important; justify-content: center
!important; background: #fbf9f5 !important; }
html body #masthead.site-header > .header-brand .logo, html body
#masthead.site-header > .header-brand .custom-logo-link { display: flex
!important; align-items: center !important; justify-content: center
!important; width: auto !important; height: auto !important; margin: 0
!important; padding: 0 !important; float: none !important; }
html body #masthead.site-header > .header-brand img, html body
#masthead.site-header > .header-brand .custom-logo { display: block
!important; width: auto !important; height: 68px !important; max-width:
100% !important; max-height: 68px !important; margin: 0 auto !important;
object-fit: contain !important; }
html body #masthead.site-header > .ticker-bar { display: block
!important; position: relative !important; float: none !important;
clear: both !important; width: 100% !important; max-width: none
!important; height: 47px !important; margin: 0 !important; padding: 0
!important; background: #183b2b !important; overflow: hidden !important;
}
html body #masthead.site-header > .ticker-bar > .ticker-inner { display:
flex !important; width: 100% !important; max-width: 1580px !important;
height: 47px !important; margin: 0 auto !important; padding: 0 32px
!important; align-items: center !important; box-sizing: border-box
!important; }
html body #masthead.site-header > .header-navigation { display: block
!important; position: relative !important; float: none !important;
clear: both !important; width: 100% !important; max-width: none
!important; height: 73px !important; margin: 0 !important; padding: 0
!important; background: #fbf9f5 !important; overflow: visible
!important; }
html body #masthead.site-header > .header-navigation > .header-top {
display: flex !important; position: relative !important; width: 100%
!important; max-width: 1420px !important; height: 73px !important;
margin: 0 auto !important; padding: 0 76px 0 32px !important;
align-items: center !important; justify-content: center !important;
box-sizing: border-box !important; }
html body #masthead.site-header .main-nav { display: flex !important;
width: 100% !important; height: 100% !important; align-items: center
!important; justify-content: center !important; overflow: visible
!important; }
html body #masthead.site-header .nav-menu { display: flex !important;
width: auto !important; max-width: 100% !important; margin: 0
!important; padding: 0 !important; gap: 53px !important; align-items:
center !important; justify-content: center !important; flex-wrap: nowrap
!important; list-style: none !important; }
html body #masthead.site-header .nav-menu > li > a { display: block
!important; padding: 10px 0 !important; border-radius: 0 !important;
background: transparent !important; color: #173b2b !important;
font-family: ‘DM Sans’, sans-serif !important; font-size: 14px
!important; font-weight: 800 !important; line-height: 1.2 !important;
letter-spacing: 1.2px !important; text-transform: uppercase !important;
white-space: nowrap !important; }
html body #masthead.site-header .header-actions { display: flex
!important; position: absolute !important; right: 32px !important; top:
50% !important; width: 46px !important; height: 46px !important; margin:
0 !important; padding: 0 !important; transform: translateY(-50%)
!important; align-items: center !important; justify-content: center
!important; }
html body #masthead.site-header .search-box { display: flex !important;
position: relative !important; width: 46px !important; min-width: 46px
!important; max-width: 46px !important; height: 46px !important;
min-height: 46px !important; margin: 0 !important; padding: 0
!important; align-items: center !important; justify-content: center
!important; border: 0 !important; border-radius: 50% !important;
background: #eeeae2 !important; overflow: hidden !important; }
html body #masthead.site-header .search-box > svg { display: block
!important; position: absolute !important; left: 50% !important; top:
50% !important; width: 20px !important; height: 20px !important;
transform: translate(-50%, -50%) !important; color: #234c38 !important;
z-index: 5 !important; pointer-events: none !important; }
html body #masthead.site-header .header-search-form, html body
#masthead.site-header .search-box form, html body #masthead.site-header
.search-box label, html body #masthead.site-header .search-box input,
html body #masthead.site-header .search-box .search-field { position:
absolute !important; inset: 0 !important; width: 46px !important;
max-width: 46px !important; height: 46px !important; margin: 0
!important; padding: 0 !important; border: 0 !important; opacity: 0
!important; color: transparent !important; background: transparent
!important; overflow: hidden !important; }
html body #masthead.site-header .btn-subscribe, html body
#masthead.site-header .menu-toggle { display: none !important; } } @media
(min-width: 1025px) { html body #masthead.site-header .header-actions {
right: 6px !important; } }  .content-area, .single-post .content-area, .page-template
.content-area { display: grid !important; grid-template-columns:
minmax(0, 1fr) !important; gap: 0 !important; width: 100% !important; } .posts-main { width: 100% !important; max-width: none !important;
margin-left: auto !important; margin-right: auto !important; } .single-post .post-single, .page-template .post-single {
width: 100% !important; max-width: 900px !important; margin-left: auto
!important; margin-right: auto !important; } .site-footer#colophon { width: 100% !important; margin: 0 !important;
padding: 0 !important; background: #000 !important; color: #fff
!important; }
.site-footer#colophon .footer-simple-inner { width: 100% !important;
max-width: 1500px !important; margin: 0 auto !important; padding: 54px
32px 28px !important; box-sizing: border-box !important; text-align:
center !important; }
.site-footer#colophon .footer-simple-nav { width: 100% !important;
margin: 0 auto !important; text-align: center !important; }
.site-footer#colophon .footer-simple-menu { display: flex !important;
width: 100% !important; margin: 0 auto !important; padding: 0
!important; list-style: none !important; align-items: center !important;
justify-content: center !important; flex-direction: row !important;
flex-wrap: wrap !important; gap: 18px 42px !important; }
.site-footer#colophon .footer-simple-menu > li { display: block
!important; width: auto !important; margin: 0 !important; padding: 0
!important; list-style: none !important; }
.site-footer#colophon .footer-simple-menu > li > a { display:
inline-block !important; margin: 0 !important; padding: 0 !important;
border: 0 !important; background: transparent !important; color: #fff
!important; font-family: ‘DM Sans’, sans-serif !important; font-size:
14px !important; font-weight: 700 !important; line-height: 1.4
!important; letter-spacing: .35px !important; text-align: center
!important; text-decoration: none !important; text-transform: uppercase
!important; white-space: nowrap !important; box-shadow: none !important;
}
.site-footer#colophon .footer-simple-menu > li > a:visited { color: #fff
!important; text-decoration: none !important; }
.site-footer#colophon .footer-simple-menu > li > a:hover,
.site-footer#colophon .footer-simple-menu > li > a:focus { color: #fff
!important; text-decoration: none !important; opacity: .72 !important; }
.site-footer#colophon .footer-simple-bottom { display: block !important;
width: 100% !important; margin: 38px auto 0 !important; color:
rgba(255,255,255,.62) !important; font-family: ‘DM Sans’, sans-serif
!important; font-size: 13px !important; line-height: 1.5 !important;
text-align: center !important; }
@media (max-width: 768px) { .site-footer#colophon .footer-simple-inner {
padding: 40px 20px 24px !important; }
.site-footer#colophon .footer-simple-menu {
gap: 15px 24px !important;
}
.site-footer#colophon .footer-simple-menu > li > a {
font-size: 12px !important;
white-space: normal !important;
}
.site-footer#colophon .footer-simple-bottom {
margin-top: 28px !important;
font-size: 12px !important;
}
.single-post .post-single,
.page-template .post-single {
max-width: 100% !important;
}
} @media (max-width:768px){
.site-header{
position:relative !important;
}
.header-brand{
height:72px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
position:relative !important;
z-index:10 !important;
}
.header-navigation{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:72px !important;
z-index:30 !important;
background:transparent !important;
}
.header-navigation .header-top{
position:relative !important;
width:100% !important;
height:72px !important;
padding:0 16px !important;
}
.header-navigation .main-nav{
display:none !important;
}
.menu-toggle{
display:flex !important;
position:absolute !important;
left:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:40 !important;
}
.header-navigation .header-actions{
display:flex !important;
position:absolute !important;
right:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:40 !important;
}
.header-navigation .search-box{
display:flex !important;
width:42px !important;
height:42px !important;
}
}
@media(max-width:480px){ .header-brand{ height:68px !important; } } @media(max-width:768px){
.site-header{
position:relative !important;
}
.ticker-bar{
position:relative !important;
top:auto !important;
left:auto !important;
width:100% !important;
margin-top:0 !important;
display:flex !important;
z-index:20 !important;
}
.header-navigation{
position:relative !important;
z-index:30 !important;
}
} @media (max-width:768px){
.site-header{
display:flex !important;
flex-direction:column !important;
}
.header-brand{
order:1 !important;
}
.header-navigation{
order:2 !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:72px !important;
background:transparent !important;
}
.ticker-bar{
order:3 !important;
position:relative !important;
top:auto !important;
left:auto !important;
width:100% !important;
height:47px !important;
margin-top:72px !important;
z-index:20 !important;
}
} @media
(max-width: 768px) { .site-header { display:flex !important;
flex-direction:column !important; } .header-brand { order:1 !important;
} .header-navigation { order:2 !important; } .ticker-bar { order:3
!important; display:block !important; position:relative !important;
inset:auto !important; width:100% !important; height:42px !important;
margin:0 !important; transform:none !important; background:#183b2b
!important; overflow:hidden !important; z-index:20 !important; }
.ticker-inner { width:100% !important; height:42px !important;
min-height:42px !important; display:flex !important; align-items:center
!important; } } @media (max-width:768px){
.site-header{
display:flex !important;
flex-direction:column !important;
position:relative !important;
overflow:visible !important;
} .header-brand{
order:1 !important;
height:72px !important;
position:relative !important;
z-index:20 !important;
}
.header-navigation{
order:2 !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:72px !important;
background:transparent !important;
z-index:30 !important;
pointer-events:none !important;
}
.header-navigation .header-top{
height:72px !important;
padding:0 16px !important;
}
.menu-toggle{
pointer-events:auto !important;
z-index:40 !important;
} .header-navigation .header-actions{
pointer-events:auto !important;
right:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:40 !important;
}
.header-navigation .search-box{
width:42px !important;
height:42px !important;
} .ticker-bar{
order:3 !important;
position:relative !important;
inset:auto !important;
width:100% !important;
height:47px !important;
min-height:47px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
background:#183b2b !important;
overflow:hidden !important;
z-index:10 !important;
}
.ticker-inner{
width:100% !important;
height:47px !important;
min-height:47px !important;
padding:0 16px !important;
display:flex !important;
align-items:center !important;
}
.ticker-items span{
font-size:14px !important;
}
} @media (max-width:768px){ .hero-section{
padding-top:38px !important;
}
.section-eyebrow{
margin-top:8px !important;
margin-bottom:26px !important;
} .menu-toggle{
width:42px !important;
height:42px !important;
padding:8px !important;
gap:5px !important;
}
.hamburger-bar{
width:20px !important;
height:2px !important;
} .header-navigation .header-actions{
right:16px !important;
top:46% !important;
transform:translateY(-50%) !important;
}
.header-navigation .search-box{
width:38px !important;
height:38px !important;
}
.header-navigation .search-box > svg{
width:18px !important;
height:18px !important;
} .header-navigation .header-top{
height:68px !important;
}
.header-brand{
height:68px !important;
}
} @media (max-width:768px){ .section-eyebrow{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin-top:12px !important;
margin-bottom:28px !important;
}
.section-eyebrow span{
display:block !important;
} .mobile-menu-drawer{
position:relative !important;
z-index:50 !important;
margin-top:0 !important;
padding-top:6px !important;
background:#fefaf6 !important;
}
.mobile-nav-menu a{
color:#173b2b !important;
font-size:15px !important;
font-weight:700 !important;
text-decoration:none !important;
}
.mobile-nav-menu a:hover{
color:#173b2b !important;
background:#f5ede3 !important;
} .ticker-bar{
z-index:20 !important;
}
.mobile-menu-drawer.menu-open{
z-index:60 !important;
}
} @media (max-width:768px){
.mobile-menu-drawer{
padding-top:38px !important;
margin-top:0 !important;
position:relative !important;
z-index:60 !important;
}
.mobile-nav-menu{
margin-top:0 !important;
}
.mobile-nav-menu a{
padding-top:12px !important;
padding-bottom:12px !important;
}
} @media (max-width:768px){ .menu-toggle{
top:46% !important;
transform:translateY(-50%) !important;
}
.header-navigation .header-actions{
top:46% !important;
transform:translateY(-50%) !important;
} .post-secondary .info,
.post-card .info{
overflow:visible !important;
height:auto !important;
min-height:0 !important;
}
.post-secondary .info h3,
.post-card h3{
-webkit-line-clamp:unset !important;
display:block !important;
overflow:visible !important;
max-height:none !important;
}
.post-secondary{
min-height:110px !important;
height:auto !important;
align-items:start !important;
}
} @media (max-width:768px){ .post-meta{
display:none !important;
} .post-meta-top{
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:12px !important;
text-align:center !important;
margin-bottom:22px !important;
flex-wrap:wrap !important;
}
.post-meta-top .cat{
font-size:12px !important;
letter-spacing:1px !important;
}
.reading-time{
font-size:12px !important;
} .post-header{
padding-top:18px !important;
}
.post-title{
margin-top:8px !important;
margin-bottom:24px !important;
line-height:1.35 !important;
}
.post-thumbnail{
margin-top:12px !important;
}
}  .author-box{ display:none !important;
} .post-content{
margin-bottom:20px !important; }
.related-posts{ margin-top:24px !important; }
@media (max-width:768px){
.author-box{
display:none !important;
}
.post-content{
margin-bottom:16px !important;
}
.related-posts{
margin-top:20px !important;
}
}  .author-info-inline, .post-meta-right{ display:none !important; }
.post-meta{ display:none !important; } .aura-breadcrumb ol{ display:flex
!important; align-items:center !important; gap:10px !important;
list-style:none !important; padding:0 !important; margin:0 0 24px
!important; font-family:‘DM Sans’,sans-serif !important; font-size:14px
!important; }
.aura-breadcrumb li{ display:flex !important; align-items:center
!important; }
.aura-breadcrumb li:not(:last-child)::after{ content:‘›’;
margin-left:10px; color:#B8A89A; font-size:18px; }
.aura-breadcrumb a{ color:#8B3E18 !important; text-decoration:none
!important; font-weight:600 !important; }
.aura-breadcrumb [aria-current=“page”]{ color:#7A6652 !important;
max-width:600px !important; } .post-meta-top{ display:flex !important;
align-items:center !important; gap:14px !important; margin-bottom:20px
!important; }
.post-meta-top .cat{ color:#173b2b !important; font-weight:700
!important; }
.reading-time{ background:transparent !important; border:0 !important;
padding:0 !important; } .post-title{ margin-bottom:24px !important;
} .author-box{ display:none !important; } @media (min-width:769px){ .aura-breadcrumb{
margin-bottom:38px !important;
}
.aura-breadcrumb ol{
gap:12px !important;
margin-bottom:0 !important;
align-items:center !important;
} .post-meta-top{
margin-bottom:32px !important;
display:flex !important;
align-items:center !important;
gap:16px !important;
}
.post-meta-top .cat{
line-height:1.3 !important;
}
.reading-time{
line-height:1.3 !important;
} .post-title{
margin-top:0 !important;
margin-bottom:36px !important;
line-height:1.25 !important;
}
} .search-overlay{
position:fixed;
inset:0;
background:rgba(15,25,20,.82);
z-index:9999;
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:160px;
opacity:0;
visibility:hidden;
transition:.3s ease;
}
.search-overlay.is-open{
opacity:1;
visibility:visible;
}
.search-overlay-inner{
width:min(760px,90%);
position:relative;
}
.search-overlay-input{
width:100%;
background:transparent;
border:0;
border-bottom:2px solid rgba(255,255,255,.5);
color:#fff;
font-family:'Poppins',sans-serif;
font-size:40px;
font-weight:700;
outline:none;
padding:15px 45px 15px 0;
}
.search-overlay-input::placeholder{
color:rgba(255,255,255,.75);
}
.search-overlay-close{
position:fixed;
top:30px;
right:40px;
border:0;
background:none;
color:#fff;
font-size:38px;
cursor:pointer;
}
.search-overlay-text{
margin-top:22px;
color:rgba(255,255,255,.75);
font-size:15px;
}
@media(max-width:768px){
.search-overlay{
padding-top:120px;
}
.search-overlay-input{
font-size:28px;
}
.search-overlay-close{
top:20px;
right:20px;
}
} @media (max-width:768px){
.site-footer#colophon .footer-simple-nav{
display:block !important;
width:100% !important;
height:auto !important;
visibility:visible !important;
opacity:1 !important;
}
.site-footer#colophon .footer-simple-menu{
display:flex !important;
flex-direction:row !important;
flex-wrap:wrap !important;
justify-content:center !important;
align-items:center !important;
gap:18px 24px !important;
width:100% !important;
height:auto !important;
margin:0 auto !important;
padding:0 !important;
visibility:visible !important;
opacity:1 !important;
}
.site-footer#colophon .footer-simple-menu li{
display:block !important;
width:auto !important;
}
.site-footer#colophon .footer-simple-menu li a{
display:block !important;
color:#ffffff !important;
font-size:12px !important;
font-weight:700 !important;
text-decoration:none !important;
visibility:visible !important;
opacity:1 !important;
}
} .comments-area{
margin-top:30px !important;
padding-top:20px !important;
}
.comments-title,
.comment-reply-title{
margin-bottom:18px !important;
font-size:20px !important;
} .comment-respond{
margin-top:20px !important;
padding:24px !important;
border-radius:12px !important;
} .comment-form p{
margin-bottom:12px !important;
} .comment-form label{
margin-bottom:5px !important;
font-size:13px !important;
} .comment-form textarea{
min-height:110px !important;
height:110px !important;
} .comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
height:38px !important;
padding:8px 12px !important;
} .comment-form .comment-form-cookies-consent{
display:flex !important;
align-items:center !important;
gap:8px !important;
} .comment-form .submit{
background:#173b2b !important;
color:#fff !important;
border:0 !important;
border-radius:20px !important;
padding:10px 22px !important;
font-weight:700 !important;
cursor:pointer !important;
}
.comment-form .submit:hover{
opacity:.85;
} @media(max-width:768px){
.comments-area{
margin-top:24px !important;
padding-top:15px !important;
}
.comment-respond{
padding:16px !important;
}
.comment-form textarea{
height:100px !important;
}
} .comment-respond{
background:#ffffff !important;
border:1px solid #E8DDD4 !important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
background:#ffffff !important;
border:1px solid #E8DDD4 !important;
color:#1A1208 !important;
}
.comment-form textarea::placeholder,
.comment-form input::placeholder{
color:#B8A89A !important;
}