.site-header {
border-bottom: 1px solid var(--border);
border-top: 1px solid var(--border);
}
.top-bar {
border-bottom: none;
} .hero-newspaper-grid {
border-top: none !important;
border-bottom: 3px double var(--border) !important;
}
body:not(.dark-mode) {
background-color: #faf9f7; } .post-thumbnail,
.post-card,
.bento-item,
.category-card,
.wp-block-image img,
.entry-content img,
.woocommerce-product-gallery__image img,
.hero-ticker-thumb img {
border-radius: 0 !important;
} .category-card {
border: 3px double var(--border) !important;
box-sizing: border-box;
} .post-card-img-wrap,
.newspaper-img-wrapper {
padding: 0 !important;
border: 3px double var(--border) !important;
box-sizing: border-box;
border-radius: 0 !important;
}
.post-card-img-wrap img,
.newspaper-img-wrapper img {
border: none !important;
} .feed-layout-list .post-card-body,
.feed-layout-newspaper .post-card-body {
padding: 0 !important;
} .newspaper-excerpt {
font-family: var(--font-serif);
color: var(--charcoal);
text-align: center;
}
.newspaper-title-large em {
font-style: italic;
font-weight: 500;
color: var(--charcoal);
} .newspaper-excerpt::first-letter {
float: none;
font-size: inherit;
line-height: inherit;
margin: 0;
} .newspaper-title-large a,
.newspaper-title-small a {
text-decoration: none !important;
background-image: linear-gradient(transparent calc(100% - 2px), var(--terracotta) 2px) !important;
background-size: 0% 100% !important;
background-repeat: no-repeat !important;
transition: background-size 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s ease !important;
}
.newspaper-title-large a:hover,
.newspaper-title-small a:hover {
color: var(--terracotta) !important;
background-size: 100% 100% !important;
} .breaking-news-ticker-wrap {
background-color: #1a1a1a; color: #fff;
font-family: var(--font-sans);
font-size: 13px;
letter-spacing: 0.05em;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.breaking-news-inner {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 40px);
display: flex;
align-items: stretch;
height: 40px;
position: relative;
} .top-bar-inner,
.hero-newspaper-wrapper {
padding-left: clamp(20px, 4vw, 40px) !important;
padding-right: clamp(20px, 4vw, 40px) !important;
}
.breaking-news-label {
color: #fff;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
display: flex;
align-items: center;
position: relative;
z-index: 2;
white-space: nowrap;
padding-right: 20px;
} .pulse-dot {
width: 6px;
height: 6px;
background-color: var(--terracotta);
border-radius: 50%;
display: inline-block;
margin-right: 10px;
box-shadow: 0 0 0 0 rgba(217, 48, 37, 0.7);
animation: pulseRed 2s infinite;
}
@keyframes pulseRed {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(217, 48, 37, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 6px rgba(217, 48, 37, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(217, 48, 37, 0);
}
}
.breaking-news-content {
flex-grow: 1;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-left: 20px;
}
.breaking-news-list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
animation: breakingMarquee 120s linear infinite;
width: max-content;
}
.breaking-news-list:hover {
animation-play-state: paused;
}
.breaking-news-list li {
display: inline-flex;
align-items: center;
padding: 0 25px;
position: relative;
}
.breaking-news-list li::after {
content: "—";
position: absolute;
right: -5px;
color: rgba(255, 255, 255, 0.15);
}
.breaking-news-list li:last-child::after {
display: none;
}
.breaking-news-list li a {
display: inline-flex;
align-items: center;
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
font-family: var(--font-serif);
font-size: 14px;
text-transform: none;
letter-spacing: 0;
transition: color 0.3s ease;
}
.breaking-thumb {
display: inline-flex;
margin-right: 12px;
border-radius: 50%;
overflow: hidden;
width: 24px;
height: 24px;
}
.breaking-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.breaking-news-list li a:hover {
color: var(--terracotta);
text-decoration: none;
}
@keyframes breakingMarquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (max-width: 768px) {
.breaking-news-label {
font-size: 11px;
padding-right: 10px;
}
.breaking-news-content {
padding-left: 10px;
}
} body.header-layout-stacked .site-header {
padding: 30px 0 0 0;
}
body.header-layout-stacked .header-inner {
flex-direction: column;
justify-content: center;
gap: 30px;
position: relative;
width: 100%;
}
body.header-layout-stacked .header-inner>.logo-wrapper {
margin: 0 auto;
text-align: center;
width: 100%;
}
body.header-layout-stacked .header-inner .logo {
display: inline-flex;
justify-content: center;
margin: 0 auto;
max-width: 100%;
}
body.header-layout-stacked .header-inner>nav {
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.dark-mode.header-layout-stacked .header-inner>nav {
border-color: rgba(255, 255, 255, 0.05);
}
body.header-layout-stacked .nav-menu {
justify-content: center;
}
body.header-layout-stacked .header-inner>.js-search-toggle {
position: absolute;
top: 5px;
left: clamp(20px, 4vw, 40px);
z-index: 100;
}
body.header-layout-stacked .header-actions {
position: absolute;
top: 5px;
right: clamp(20px, 4vw, 40px);
left: auto;
display: flex;
align-items: center;
gap: 15px;
z-index: 100;
}
@media (max-width: 991px) {
body.header-layout-stacked .site-header {
padding: 20px 0;
}
body.header-layout-stacked .header-inner {
flex-direction: row;
justify-content: space-between;
}
body.header-layout-stacked .header-inner>.js-search-toggle {
position: static;
order: -1;
}
body.header-layout-stacked .header-actions {
position: static;
left: auto;
right: auto;
}
} @media screen and (min-width: 992px) {
.single-content,
.comments-section,
.hero-title {
max-width: 1050px !important;
}
.single-content .alignwide {
max-width: 1150px !important;
}
} .single-content table,
.entry-content table,
.wp-block-table table {
width: 100% !important;
table-layout: auto !important;
border-collapse: collapse !important;
}
.single-content th,
.single-content td,
.entry-content th,
.entry-content td,
.wp-block-table th,
.wp-block-table td {
padding: 14px 18px !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
} :root {
--max-width: 1440px !important;
}
@media screen and (min-width: 992px) { main.container,
.layout-container,
.layout-main,
article,
.single-content,
.single-body,
.entry-content,
.page-content,
.comments-section,
.hero-title,
.archive-container,
.category-bar-wrapper,
.section-bar,
.breaking-news-inner,
.header-inner {
max-width: 1250px !important;
width: 100% !important;
} .single-content .alignwide,
.entry-content .alignwide,
.wp-block-group.alignwide,
.wp-block-columns.alignwide {
max-width: 1380px !important;
} .single-content .alignfull,
.entry-content .alignfull,
.wp-block-group.alignfull {
max-width: 100% !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
} p, li, .single-body p, .entry-content p {
font-size: 1.08rem !important;
line-height: 1.75 !important;
} table, .wp-block-table table {
width: 100% !important;
table-layout: auto !important;
border-collapse: collapse !important;
}
th, td {
padding: 16px 20px !important;
}
} @media screen and (max-width: 600px) {
.single-content .has-large-font-size,
.entry-content .has-large-font-size,
.single-content p.has-large-font-size,
.entry-content p.has-large-font-size,
.single-content [style*="background-color: rgba(211, 47, 47"] p,
.entry-content [style*="background-color: rgba(211, 47, 47"] p {
font-size: clamp(0.95rem, 4vw, 1.2rem) !important;
line-height: 1.55 !important;
hyphens: auto !important;
}
} .scroll-progress {
position: fixed !important;
top: 0 !important;
left: 0 !important;
height: 4px !important;
background: #dc2626 !important;
box-shadow: 0 0 8px rgba(220, 38, 38, 0.6) !important;
z-index: 999999 !important;
width: 0%;
transition: width 0.1s linear;
will-change: width;
}
.share-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:28px 0 10px;padding-top:22px;border-top:1px solid #e5e5e5}
.share-buttons-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#888;margin-right:6px}
.share-buttons a,.share-copy{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f4f4f4;color:#222;transition:background .2s,color .2s;border:none;cursor:pointer;padding:0}
.share-buttons a:hover,.share-copy:hover{background:#1d9bf0;color:#fff}
.share-copy{font-size:0;line-height:0}
.share-copy svg{pointer-events:none}
@media(max-width:600px){.share-buttons{gap:8px}.share-buttons-label{width:100%}} .comment-form label {
display: block;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
color: #f3f4f6 !important;
}
.comment-form label .required {
color: #ef4444 !important;
}
.comment-form .comment-form-cookies-consent {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin: 16px 0 20px 0 !important;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin: 3px 0 0 0 !important;
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
cursor: pointer;
accent-color: #2563eb;
}
.comment-form .comment-form-cookies-consent label {
display: inline !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #e5e7eb !important;
margin-bottom: 0 !important;
cursor: pointer;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
background-color: #faf8f4 !important;
color: #111827 !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
padding: 12px 16px !important;
font-size: 15px !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
border-color: #3b82f6 !important;
outline: 2px solid rgba(59, 130, 246, 0.4) !important;
}
.comment-form input[type="submit"] {
background-color: #f3efe7 !important;
color: #1e1e1e !important;
font-weight: 600 !important;
padding: 12px 28px !important;
border-radius: 25px !important;
border: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
.comment-form input[type="submit"]:hover {
background-color: #ffffff !important;
transform: translateY(-1px);
}