.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;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}