:root {
--primary-red: #8b0000;
--dark-red: #5e0000;
--navy-blue: #0b264b;
--text-dark: #333333;
--text-light: #777777;
--bg-light: #f8f9fa;
--bg-gray: #f2f2f2;
--white: #ffffff;
--border-color: #eaeaea;
--font-main: 'Inter', sans-serif;
}
body {
font-family: var(--font-main);
color: var(--text-dark);
background-color: var(--white);
margin: 0;
padding: 0;
line-height: 1.5;
}
a {
color: var(--text-dark);
text-decoration: none;
transition: all 0.2s ease;
}
a:hover {
color: var(--primary-red);
}
img {
max-width: 100%;
height: auto;
display: block;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin-top: 0;
} .site-header {
background-color: var(--white);
}
.header-main {
padding: 20px 0;
}
.header-main-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-right {
display: flex;
align-items: center;
gap: 20px;
}
.header-search form {
display: flex;
border: 1px solid #ccc;
border-radius: 20px;
overflow: hidden;
}
.search-field {
border: none;
padding: 8px 15px;
outline: none;
width: 200px;
}
.search-submit {
background: transparent;
border: none;
padding: 8px 15px;
color: #666;
cursor: pointer;
}
.header-socials {
display: flex;
gap: 12px;
font-size: 1.2rem;
} .main-navigation {
background-color: var(--primary-red);
}
.nav-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.main-navigation a {
display: block;
padding: 12px 15px;
color: var(--white);
font-weight: 700;
text-transform: uppercase;
font-size: 0.9rem;
}
.main-navigation a:hover {
background-color: var(--dark-red);
}
.nav-more {
color: var(--white);
font-weight: 700;
font-size: 0.9rem;
} .header-ticker {
background-color: var(--white);
border-bottom: 1px solid var(--border-color);
border-top: 1px solid var(--border-color);
font-size: 0.85rem;
padding: 8px 0;
}
.ticker-flex {
display: flex;
align-items: center;
}
.top-date {
color: #555;
white-space: nowrap;
margin-right: 20px;
}
.breaking-news {
display: flex;
align-items: center;
flex-grow: 1;
overflow: hidden;
}
.breaking-label {
font-weight: 700;
margin-right: 15px;
white-space: nowrap;
}
.ticker-text a {
color: var(--text-dark);
}
.ticker-text a:hover {
color: var(--primary-red);
} .headline-container {
padding-top: 20px;
padding-bottom: 20px;
}
.main-content-container {
padding-top: 10px;
padding-bottom: 40px;
}
.main-grid {
display: grid;
grid-template-columns: 2.2fr 1fr;
gap: 30px;
} .headline-grid-layout {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 20px;
}
.headline-slider {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.slide-post {
position: relative;
height: 100%;
}
.slide-post img {
width: 100%;
height: 450px;
object-fit: cover;
}
.slide-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 20px 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.8));
color: var(--white);
}
.slide-category {
display: inline-block;
background-color: var(--primary-red);
color: var(--white);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
margin-bottom: 10px;
text-transform: uppercase;
}
.slide-category.small-cat {
font-size: 0.65rem;
padding: 2px 6px;
position: absolute;
top: 10px;
left: 10px;
bottom: auto;
margin-bottom: 0;
}
.slide-title {
font-size: 1.8rem;
margin-bottom: 8px;
line-height: 1.2;
}
.slide-title a {
color: var(--white);
}
.slide-title a:hover {
color: #ccc;
}
.slide-meta {
font-size: 0.85rem;
color: #ddd;
}
.swiper-pagination-bullet {
background: var(--white) !important;
} .headline-side-posts {
display: flex;
flex-direction: column;
gap: 15px;
}
.side-post-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 15px;
}
.side-post-card:last-child {
border-bottom: none;
padding-bottom: 0;
}
.side-post-thumb {
position: relative;
flex: 0 0 120px;
}
.side-post-thumb img {
width: 100%;
height: 80px;
object-fit: cover;
border-radius: 4px;
}
.side-post-info {
flex: 1;
}
.side-post-title {
font-size: 0.95rem;
line-height: 1.3;
margin-bottom: 5px;
}
.side-post-title a {
color: var(--navy-blue);
}
.side-post-meta {
font-size: 0.8rem;
color: var(--text-light);
}
.header-socials a {
font-size: 1.2rem;
color: var(--navy-blue);
}
.header-social-link.ig { color: #e1306c; }
.header-social-link.th { color: #000; }
.header-social-link.tk { color: #000; }
.header-social-link.tw { color: #000; }
.header-social-link.yt { color: #ff0000; }
.header-social-link.sn { color: #ff6a00; }
.header-logo-img {
max-height: 80px;
} .small-cat {
position: absolute;
bottom: 0;
left: 0;
background-color: var(--primary-red);
color: var(--white);
padding: 3px 8px;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
}
.small-cat-navy {
background-color: var(--navy-blue);
}
.category-block {
margin-bottom: 40px;
}
.block-title {
background-color: var(--primary-red);
color: var(--white);
display: inline-block;
padding: 8px 15px;
font-size: 1.1rem;
text-transform: uppercase;
margin-bottom: 20px;
}
.block-title-alt {
background-color: transparent;
color: var(--navy-blue);
padding: 0 0 10px 0;
border-bottom: 2px solid var(--primary-red);
display: block;
} .terpopuler-grid {
display: flex;
gap: 30px;
}
.terpopuler-main {
flex: 1.2;
}
.terpopuler-list {
flex: 1;
display: flex;
flex-direction: column;
gap: 15px;
}
.terpopuler-large {
position: relative;
}
.thumb-wrap {
position: relative;
margin-bottom: 15px;
}
.thumb-wrap img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
}
.large-title {
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 10px;
}
.large-meta {
font-size: 0.85rem;
color: var(--text-light);
margin-bottom: 10px;
}
.large-excerpt {
font-size: 0.95rem;
color: #444;
margin-bottom: 15px;
}
.terpopuler-small {
display: flex;
gap: 15px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 15px;
}
.terpopuler-small:last-child {
border-bottom: none;
}
.small-thumb {
flex: 0 0 130px;
}
.small-thumb img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 4px;
}
.small-info {
flex: 1;
}
.small-title {
font-size: 0.95rem;
line-height: 1.3;
margin-bottom: 5px;
}
.small-meta {
font-size: 0.75rem;
color: var(--text-light);
} .terbaru-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.terbaru-item {
display: flex;
flex-direction: row;
gap: 15px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 15px;
}
.terbaru-thumb {
position: relative;
flex: 0 0 240px;
}
.terbaru-thumb img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 6px;
}
.terbaru-info {
flex: 1;
}
.terbaru-title {
font-size: 1.3rem;
margin-bottom: 10px;
}
.terbaru-meta {
font-size: 0.85rem;
color: var(--text-light);
} .nasional-block .block-title {
background-color: var(--primary-red);
color: var(--white);
display: inline-block;
padding: 8px 15px;
}
.nasional-large {
margin-bottom: 20px;
}
.nasional-list .terbaru-item {
padding-bottom: 15px;
margin-bottom: 15px;
}
.lihat-lainnya-wrap {
text-align: right;
margin-top: 10px;
}
.lihat-lainnya {
font-weight: 700;
font-size: 0.9rem;
color: var(--primary-red);
} .olahraga-grid {
flex-direction: column;
}
.olahraga-grid .terpopuler-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.btn-read-more-outline {
display: inline-block;
border: 1px solid var(--border-color);
padding: 5px 15px;
font-size: 0.8rem;
color: var(--text-light);
text-transform: uppercase;
}
.btn-load-more {
background: transparent;
cursor: pointer;
display: inline-block;
padding: 10px 25px;
border: 1px solid var(--primary-red);
color: var(--primary-red);
border-radius: 4px;
font-weight: bold;
font-family: var(--font-main);
font-size: 1rem;
} .sidebar-custom {
display: flex;
flex-direction: column;
gap: 30px;
}
.custom-widget-box {
border: 1px solid var(--border-color);
border-radius: 4px;
overflow: hidden;
}
.widget-header {
padding: 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.widget-header.red-bg {
background-color: var(--primary-red);
color: var(--white);
}
.widget-header h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.btn-subscribe {
background: transparent;
border: 1px solid var(--white);
color: var(--white);
padding: 2px 10px;
border-radius: 15px;
font-size: 0.8rem;
}
.btn-subscribe:hover {
background: var(--white);
color: var(--primary-red);
}
.widget-body {
padding: 15px;
background: var(--white);
}
.widget-body-no-padding {
padding: 0;
}
.widget-title-alt {
background-color: transparent;
color: var(--navy-blue);
padding: 0 0 10px 0;
border-bottom: 2px solid var(--primary-red);
display: block;
font-size: 1.1rem;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
}
.main-video {
margin-bottom: 15px;
}
.sidebar-yt-link {
display: block;
text-decoration: none;
}
.sidebar-yt-placeholder {
position: relative;
}
.sidebar-yt-thumb {
width: 100%;
border-radius: 4px;
display: block;
}
.sidebar-yt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,0.7);
color: #fff;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 20px;
}
.sidebar-yt-title {
margin-top: 10px;
font-weight: 700;
font-size: 0.95rem;
color: var(--text-dark);
}
.sidebar-yt-list-link {
display: flex;
gap: 10px;
align-items: flex-start;
}
.sidebar-yt-list-thumb {
width: 80px;
height: 50px;
object-fit: cover;
}
.sidebar-yt-list-title {
font-size: 0.85rem;
line-height: 1.2;
}
.sidebar-yt-empty {
padding: 15px;
text-align: center;
}
.sidebar-tiktok-thumb {
width: 100%;
display: block;
border-radius: 0 0 4px 4px;
}
.sidebar-banner-img {
width: 100%;
display: block;
border-radius: 8px;
}
.video-placeholder img {
width: 100%;
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: red;
color: white;
width: 50px;
height: 35px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
}
.video-overlay-title {
position: absolute;
top: 10px;
left: 10px;
color: white;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 10px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.video-overlay-title img {
width: 30px;
border-radius: 50%;
}
.video-title {
font-weight: 700;
margin-top: 10px;
font-size: 0.95rem;
}
.video-list {
list-style: none;
padding: 0;
margin: 0;
}
.video-list li {
display: flex;
gap: 10px;
margin-bottom: 10px;
font-size: 0.85rem;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
}
.video-list li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.video-list img {
width: 80px;
height: 50px;
object-fit: cover;
} .custom-footer {
background-color: var(--bg-light);
border-top: 1px solid var(--border-color);
}
.footer-main {
padding: 40px 0;
}
.text-center {
text-align: center;
}
.footer-regions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
font-size: 0.9rem;
color: var(--primary-red);
font-weight: 600;
}
.footer-regions a {
color: blue;
} .sidebar-container {
position: sticky;
top: 20px;
align-self: flex-start;
}
.footer-bottom {
background-color: var(--primary-red);
color: var(--white);
padding: 15px 0;
font-size: 0.85rem;
}
.footer-bottom-flex {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.footer-links a {
color: var(--white);
margin: 0 5px;
}
.footer-bottom .footer-socials a {
color: var(--white) !important;
} .archive-header {
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 20px;
}
.archive-header-meta {
font-size: 0.85rem;
font-weight: 700;
color: var(--primary-red);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 15px;
}
.archive-total {
background: var(--bg-gray);
padding: 3px 10px;
color: var(--text-dark);
border-radius: 4px;
font-size: 0.75rem;
}
.archive-title {
font-size: 2.5rem;
font-weight: 700;
color: var(--navy-blue);
margin-bottom: 15px;
}
.archive-desc {
font-size: 1rem;
color: var(--text-light);
}
.archive-item {
padding-bottom: 20px;
margin-bottom: 20px;
border: none;
border-bottom: 1px solid var(--border-color);
}
.archive-thumb {
flex: 0 0 35%;
max-width: 300px;
}
.archive-thumb img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 6px;
}
.archive-info {
flex: 1;
}
.archive-post-title {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.3;
}
.archive-post-title a {
color: var(--navy-blue);
}
.archive-post-meta {
font-size: 0.85rem;
font-weight: 600;
display: flex;
gap: 15px;
color: var(--text-light);
}
.archive-post-meta i {
color: var(--primary-red);
}
.archive-post-tag {
text-transform: uppercase;
}
.archive-load-more {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
} .single-breadcrumb {
font-size: 0.85rem;
color: var(--text-light);
margin-top: 20px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
}
.single-breadcrumb a {
color: var(--text-light);
}
.single-post-title {
font-size: 2.2rem;
font-weight: 700;
color: var(--navy-blue);
margin-bottom: 15px;
line-height: 1.2;
}
.single-post-meta {
font-size: 0.9rem;
color: var(--text-dark);
margin-bottom: 25px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
font-weight: 500;
}
.single-post-meta i {
color: var(--primary-red);
margin-right: 5px;
}
.single-post-meta a {
color: var(--text-dark);
}
.single-post-meta a:hover {
color: var(--primary-red);
}
.single-post-meta .divider {
color: #ccc;
}
.single-post-thumb-wrap {
margin-bottom: 25px;
}
.single-post-thumb-wrap img {
width: 100%;
height: auto;
border-radius: 8px;
}
.single-post-tags {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.single-post-tags .tag-label {
font-weight: 600;
}
.single-post-tags .tag-label i {
color: var(--primary-red);
}
.single-post-tags a {
background: var(--bg-gray);
padding: 5px 15px;
border-radius: 20px;
font-size: 0.85rem;
color: var(--text-dark);
}
.single-share {
margin-top: 30px;
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.single-share-label {
font-weight: 700;
font-size: 0.95rem;
}
.single-share-buttons {
display: flex;
gap: 10px;
}
.single-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
font-size: 1.2rem;
}
.single-share-btn.wa { background: #25D366; }
.single-share-btn.fb { background: #1877F2; }
.single-share-btn.tw { background: #000; }
.single-share-btn.in { background: #0A66C2; }
.single-share-btn.cp { background: #555; }
.single-related {
margin-top: 40px;
}
.single-related-title {
font-size: 1.2rem;
margin-bottom: 20px;
border-left: 4px solid var(--primary-red);
padding-left: 10px;
color: var(--text-dark);
}
.single-related-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
} .index-content-wrapper {
max-width: 900px;
margin: 0 auto;
}
.index-notice {
background-color: #f0f4fa;
color: var(--navy-blue);
border: 1px solid #d8e2f0;
padding: 12px 20px;
border-radius: 6px;
font-size: 1.05rem;
font-weight: 600;
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 10px;
}
.index-notice i {
color: var(--navy-blue);
}
.index-notice-count {
color: var(--navy-blue);
font-size: 1.2rem;
}
.index-card {
background-color: var(--white);
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
transition: box-shadow 0.2s ease;
}
.index-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.index-card.terbaru-item {
border-bottom: 1px solid var(--border-color); }
.related-item-card {
border: 1px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
}
.related-item-thumb {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
}
.related-item-thumb.fallback {
object-fit: contain;
background: #eee;
}
.related-item-info {
padding: 15px;
}
.related-item-title {
font-size: 0.95rem;
line-height: 1.4;
margin-bottom: 10px;
}
.related-item-title a {
color: var(--navy-blue);
}
.related-item-meta {
font-size: 0.75rem;
color: var(--text-light);
} .error-404-wrapper {
text-align: center;
padding: 80px 20px;
max-width: 600px;
margin: 0 auto;
}
.error-404-icon {
font-size: 4rem;
color: var(--primary-red);
margin-bottom: 20px;
}
.error-404-title {
font-size: 6rem;
font-weight: 800;
color: var(--navy-blue);
margin-bottom: 10px;
line-height: 1;
}
.error-404-subtitle {
font-size: 1.6rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 15px;
}
.error-404-desc {
font-size: 1rem;
color: var(--text-light);
margin-bottom: 30px;
}
.error-404-btn {
display: inline-block;
background: var(--primary-red);
color: var(--white);
padding: 12px 30px;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
transition: background 0.2s ease;
}
.error-404-btn:hover {
background: var(--dark-red);
color: var(--white);
} .search-no-results {
text-align: center;
padding: 60px 20px;
margin-top: 30px;
}
.search-no-results-icon {
font-size: 3rem;
color: var(--text-light);
margin-bottom: 20px;
}
.search-no-results h2 {
color: var(--navy-blue);
margin-bottom: 10px;
}
.search-no-results p {
color: var(--text-light);
margin-bottom: 15px;
} .index-page-header {
margin-top: 30px;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 20px;
}
.index-page-header .breadcrumb-current {
color: var(--primary-red);
}
.index-page-title {
font-size: 2.2rem;
font-weight: 700;
color: var(--navy-blue);
margin-bottom: 10px;
}
.index-page-desc {
font-size: 0.95rem;
color: var(--text-light);
margin-bottom: 20px;
}
.index-filter-box {
background: var(--bg-gray);
padding: 20px;
border-radius: 6px;
border: 1px solid var(--border-color);
}
.index-filter-form {
display: flex;
gap: 15px;
align-items: center;
flex-wrap: wrap;
}
.index-filter-field {
flex: 1;
min-width: 80px;
}
.index-filter-field-month {
flex: 2;
min-width: 120px;
}
.index-select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-family: var(--font-main);
font-size: 0.95rem;
}
.index-filter-btn {
background: var(--primary-red);
color: #fff;
border: none;
padding: 10px 25px;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
font-family: var(--font-main);
font-size: 0.95rem;
transition: background 0.2s ease;
}
.index-filter-btn:hover {
background: var(--dark-red);
}
.index-no-results {
text-align: center;
padding: 50px 20px;
border: 1px solid var(--border-color);
border-radius: 6px;
color: var(--text-light);
}
.index-no-results i {
font-size: 3rem;
display: block;
margin-bottom: 15px;
color: #ccc;
}
.index-loading {
text-align: center;
padding: 50px 20px;
font-size: 1.1rem;
color: var(--text-light);
}
.index-loading i {
margin-right: 8px;
color: var(--primary-red);
} .entry-content {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow: hidden;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content iframe,
.entry-content embed,
.entry-content object,
.entry-content video {
max-width: 100%;
}
.entry-content table {
max-width: 100%;
overflow-x: auto;
display: block;
}
.entry-content a {
word-break: break-all;
}
.single-post-content {
overflow: hidden;
} @media (max-width: 992px) {
.main-grid {
grid-template-columns: 1fr;
}
.headline-grid-layout {
grid-template-columns: 1fr;
}
.terpopuler-grid {
flex-direction: column;
}
}
@media (max-width: 768px) {
.site-branding img, .site-branding .custom-logo {
max-width: 140px;
height: auto;
}
.header-main-flex {
flex-direction: row;
gap: 10px;
}
.header-right {
flex-direction: row;
gap: 0;
}
.header-socials {
display: none;
}
.search-field {
width: 130px;
}
.nav-flex {
flex-direction: row;
width: 100%;
}
.main-navigation {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.main-navigation ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: max-content;
padding: 5px 0 10px 0;
margin: 0;
}
.main-navigation li {
margin-right: 15px;
}
.main-navigation a {
white-space: nowrap;
padding: 5px 10px;
}
.nav-more {
display: none;
} .headline-container {
padding: 0; }
.headline-side-posts {
padding: 0 15px; }
.swiper-slide img {
height: 250px;
border-radius: 0; }
.slide-title {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 1.1rem;
} .terpopuler-large, .nasional-large, .olahraga-large, .terbaru-item[style*="padding-bottom"] {
padding: 0 15px;
}
.thumb-wrap img, .terpopuler-main .terbaru-thumb img {
border-radius: 8px;
}
.large-title, .terbaru-title, .small-title, .side-post-title, .archive-post-title {
font-size: 0.95rem;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
} .terbaru-item, .terpopuler-small {
flex-direction: row !important;
align-items: flex-start;
padding: 0 5px 15px 5px;
}
.terbaru-thumb, .small-thumb {
flex: 0 0 100px !important;
}
.terbaru-thumb img, .small-thumb img {
height: 75px !important;
} .side-post-card {
padding: 0 5px 15px 5px;
}
.ticker-flex {
flex-direction: column;
align-items: flex-start;
}
.footer-bottom-flex {
flex-direction: column;
gap: 15px;
text-align: center;
}
.terbaru-thumb {
flex: 0 0 auto;
}
.single-post-meta {
font-size: 0.65rem;
gap: 8px;
flex-wrap: nowrap;
}
.single-post-title {
font-size: 1.5rem;
} .primary-content,
.single-post-content,
.entry-content {
max-width: 100%;
overflow: hidden;
}
.entry-content img {
max-width: 100% !important;
height: auto !important;
}
.entry-content figure {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.entry-content iframe,
.entry-content embed,
.entry-content video {
max-width: 100% !important;
} .index-page-title {
font-size: 1.5rem;
}
.index-filter-form {
flex-direction: column;
gap: 10px;
}
.index-filter-field,
.index-filter-field-month {
min-width: 100%;
} .error-404-title {
font-size: 4rem;
}
.error-404-subtitle {
font-size: 1.2rem;
}
}
.custom-footer {
border-top: 5px solid var(--primary-red);
} .footer-logo-img {
max-width: 250px;
margin: 0 auto 20px;
}
.footer-logo-fallback {
display: none;
color: #0b264b;
margin-bottom: 20px;
font-weight: 800;
}