/*
Theme Name: NewsContrast
Theme URI: https://afthemes.com/products/newscontrast/
Author: AF themes
Author URI: https://afthemes.com
Requires at least: 4.0
Requires PHP: 5.0
Tested up to: 7.0
Description: NewsContrast is a fast, responsive, and SEO-friendly WordPress theme for news sites, online magazines, blogs, publishers, and content-rich websites. It includes 50+ ready-to-import starter sites compatible with the Block Editor, Elementor, and other popular page builders, making it easy to launch a professional website. The theme offers flexible layouts, customizable widgets, block patterns, multiple banner styles, light and dark mode, WooCommerce support, RTL compatibility, multilingual readiness, and accessibility-focused design. NewsContrast also works seamlessly with popular plugins such as Jetpack, Yoast SEO, and Contact Form 7, helping you create a modern, high-performance website with an excellent user experience. View Demo: https://demos.afthemes.com/covernews/newscontrast/
Template: covernews
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newscontrast
Tags: news, blog, entertainment, one-column, two-columns, three-columns, four-columns, grid-layout, block-patterns, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-logo, custom-menu, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NewsContrast WordPress Theme, Copyright 2026 AF themes
NewsContrast is distributed under the terms of the GNU GPL v2 or later.
*/

.header-layout-3 .site-header .site-branding .site-title {
    text-transform: none;
}

.widget-title,
.widget-title span,
.covernews-heading-style,
.em-reated-posts .related-title,
.wp-block-group .wp-block-search__label,
.wp-block-group .wp-block-heading,
.widget_block .wp-block-search__label,
.widget_block .wp-block-heading,
#secondary .widget-title span,
span.header-after {
    font-size: 16px;
}

.wp-element-button,
.wp-block-button.is-style-fill a,
.woocommerce a.button:hover,
:is(.woocommerce, .woocommerce-page) :is(#content input.button, #respond input#submit, a.button, button.button, input.button),
.woocommerce nav.woocommerce-pagination ul li :is(a:hover, a:focus, span.current),
:is(.woocommerce, .woocommerce-page) :is(#content input.button.alt:hover, #respond input#submit.alt:hover,
    a.button.alt:hover, button.button.alt:hover, input.button.alt:hover),
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #review_form #respond .form-submit input#submit:hover,
.covernews-reaction-button .reaction-percentage,
.wc-block-checkout .wp-block-button__link,
:root .wc-block-featured-product__link :where(.wp-element-button, .wp-block-button__link),
:root .wc-block-featured-category__link :where(.wp-element-button, .wp-block-button__link),
.woocommerce-notices-wrapper .button,
.wc-block-grid .wp-block-button__link,
.wp-block-button.wc-block-components-product-button .wp-block-button__link,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
body a.sidr-class-sidr-button-close,
#infinite-handle span,
.wp-block-search__button,
body .wc-block-components-button,
body .wc-block-components-button:hover,
body .secondary-color,
body nav.main-navigation,
body :is(button, input[type="button"], input[type="reset"], input[type="submit"]),
body .aft-affiliate-button,
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .em-post-format i,
.widget-title span::before,
.em-reated-posts .related-title::before,
.wp-block-group .wp-block-search__label::before,
.wp-block-group .wp-block-heading::before,
.widget_block .wp-block-search__label::before,
.widget_block .wp-block-heading::before,
body span.header-after:after,
body #secondary .widget-title span:after,
body .af-tabs.nav-tabs>li>a.active:after,
body .af-tabs.nav-tabs>li>a:hover:after,
body span.trending-no,
body .wp-block-tag-cloud.is-style-outline a:hover,
body .tagcloud a:hover {
    background: #B20710;
}

body.dark.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .categorized-story .grid-item-metadata .posts-author a:hover,
body.dark.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .categorized-story span.item-metadata.posts-date a:hover,
body.default.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .categorized-story span.author-links a:hover i,
body.default.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .categorized-story span.author-links a:hover,
body.dark.aft-main-banner-slider-full .main-slider.aft-banner-slider .slider-figcaption .slide-title a:hover,
body.default.aft-main-banner-slider-full .main-slider.aft-banner-slider .slider-figcaption .slide-title a:hover,
body.dark.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .spotlight-post .title-heading .article-title-2 a:hover,
body.default.aft-main-banner-slider-grid-2 .slider-with-2-editors-picks .spotlight-post .title-heading .article-title-2 a:hover,
body.dark .entry-content>[class*="wp-block-"] .wp-block-post-title a:not([class]):hover,
body.default .entry-content>[class*="wp-block-"] .wp-block-post-title a:not([class]):hover,
body.dark .entry-content>[class*="wp-block-"] .taxonomy-category a:not([class]),
body.default .entry-content>[class*="wp-block-"] .taxonomy-category a:not([class]),
body.default .entry-content>[class*="wp-block-"] .wp-block-categories-list.wp-block-categories a:not([class]):hover,
body.dark .latest-posts-full .header-details-wrapper .entry-title a:hover,
body.dark .entry-title a:hover,
body.dark.archive article .entry-title a:hover,
body.dark h3.article-title a:hover,
body.dark .trending-posts-carousel h3.article-title a:hover,
#wp-calendar caption,
#wp-calendar td#today,
.wp-calendar-nav a,
.entry-title a:hover,
.comments-area .comment-author a:hover,
.comment .comment-reply-link:hover,
.comments-area .reply .comment-reply-link:hover,
.comment-meta a:visited:hover,
body.default.archive article .entry-title a:hover,
body:is(.default, .dark) h3.article-title.article-title-1 a:hover,
body:is(.default, .dark) .article-title.article-title-1 a:hover,
body:is(.default, .dark) .article-title a:hover,
body:is(.default, .dark) .wc-block-components-product-name:hover,
body:is(.default, .dark) .covernews-toc-list a:hover,
body:is(.default, .dark) .covernews-sponsor a:hover,
body:is(.default, .dark) .covernews-source a:hover,
a.author-website:hover,
.author-box-content a.author-posts-link:hover,
.trending-posts-carousel h3.article-title a:hover,
.product_meta>span a:hover,
.wp-block-button.is-style-outline a,
.entry-content>[class*="wp-block-"] a.wc-block-grid__product-link:hover,
body .entry-content ul.wc-block-product-categories-list a:not([class]):hover,
body .entry-content>[class*="wp-block-"] .wc-block-review-list-item__product a:hover,
.default .wp-block-latest-comments a:hover,
.default .wp-block-page-list li a:hover,
.default .wp-block-latest-posts li a:hover,
.default .wp-block-archives li a:hover,
.default .widget_recent_comments li a:hover,
.default .widget_pages li a:hover,
.default .widget_archive li a:hover,
.default .widget_meta li a:hover,
.default .widget_nav_menu li a:hover,
.default .widget_recent_entries li a:hover,
body:is(.default, .dark) .exclusive-slides a:hover,
body:is(.default, .dark).aft-main-banner-slider-full .main-slider .slider-figcaption .grid-item-metadata .author-links a:hover,
body:is(.default, .dark).aft-main-banner-slider-full .main-slider .slider-figcaption .grid-item-metadata .author-links a:hover i,
body .hentry .entry-header-details .post-excerpt a.aft-readmore:hover,
body:is(.default, .dark) .post-description .aft-readmore-wrapper a.aft-readmore:hover,
body:is(.default, .dark) .hentry .header-details-wrapper .posts-author a:hover,
body:is(.default, .dark) .slider-figcaption:not(.slider-figcaption-1) .grid-item-metadata .posts-date a:hover,
body:is(.default, .dark) .slider-figcaption:not(.slider-figcaption-1) .grid-item-metadata .posts-author a:hover,
body:is(.default, .dark) .aft-full-title-first .author-links a:hover,
body:is(.default, .dark) .aft-comment-count a:hover,
body:is(.default, .dark) .aft-view-count a:hover,
body :is(a:visited:hover, a:hover, a:focus, a:active),
body .figure-categories-2 .cat-links a,
body.default .entry-content>[class*="wp-block-"] .wp-block-categories-list.wp-block-categories a:not([class]):hover,
body.dark .latest-posts-full .header-details-wrapper .entry-title a:hover,
body.dark .entry-title a:hover,
body.dark h3.article-title a:hover,
body.dark h3.article-title.article-title-1 a:hover,
body.dark .trending-posts-carousel h3.article-title a:hover,
body.dark .exclusive-slides a:hover,
body.dark .article-title.article-title-1 a:hover,
body.dark .article-title a:hover,
#wp-calendar :is(caption, td#today),
.wp-calendar-nav a,
h3.article-title.article-title-1 a:hover,
.trending-posts-carousel h3.article-title a:hover,
:is(.entry-title, .exclusive-slides, .article-title.article-title-1, .article-title, .item-metadata.posts-date) a:hover,
.hentry .header-details-wrapper .posts-author a:hover,
.grid-item-metadata .posts-date a:hover,
.grid-item-metadata .posts-author a:hover,
.aft-full-title-first .author-links a:hover,
.aft-comment-count a:hover,
.aft-view-count:hover,
body:is(.default, .dark).aft-main-banner-slider-full .main-slider .slider-figcaption .grid-item-metadata .author-links a:hover,
body:is(.default, .dark).aft-main-banner-slider-full .main-slider .slider-figcaption .grid-item-metadata .author-links a:hover i,
body.dark .item-metadata.posts-date a:hover,
body.dark .hentry .header-details-wrapper .posts-author a:hover,
body.dark .grid-item-metadata .posts-date a:hover,
body.dark .grid-item-metadata .posts-author a:hover,
body.dark .aft-full-title-first .author-links a:hover,
body.dark .aft-comment-count a:hover,
body.dark .aft-view-count a:hover,
body .figure-categories-2 .cat-links a {
    color: #B20710;
}

body h3.covernews-subtitle,
body .sp-thumbnail-container.sp-selected-thumbnail:before,
body #loader:after {
    border-left-color: #B20710;
}

#scroll-up::after {
    border-bottom-color: #B20710;
}

.wp-element-button,
.wp-block-button.is-style-fill a,
.wp-block-button.is-style-outline a,
body .covernews-post-badge {
    border-color: #B20710;
}

.aft-main-banner-slider-grid .trending-story .figure-categories .cat-links a.covernews-categories,
.full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.covernews-categories,
.figure-categories .cat-links a.covernews-categories {
    background-color: #B20710;
}

.aft-main-banner-slider-list-tabbed .af-main-banner-editors-picks .figure-categories .cat-links a.covernews-categories,
.aft-main-banner-slider-list .af-main-banner-editors-picks .figure-categories .cat-links a.covernews-categories,
.tabbed-story .figure-categories .cat-links a.covernews-categories,
.covernews_tabbed_posts_widget .figure-categories .cat-links a.covernews-categories,
.list .spotlight-post .figure-categories .cat-links a.covernews-categories,
.full-plus-list .spotlight-post .figure-categories .cat-links a.covernews-categories,
.trending-posts-vertical-carousel .figure-categories .cat-links a.covernews-categories,
.trending-story .figure-categories .cat-links a.covernews-categories {
    color: #B20710;
}

body .figure-categories .cat-links a.category-color-2 {
    background-color: #1f8023;
}

body .tabbed-container .figure-categories .cat-links a.covernews-categories.category-color-2,
body .trending-story .figure-categories .cat-links a.covernews-categories.category-color-2,
body .list .spotlight-post .figure-categories .cat-links a.covernews-categories.category-color-2,
body .full-plus-list .spotlight-post .figure-categories .cat-links a.covernews-categories.category-color-2,
body .covernews_tabbed_posts_widget .figure-categories .cat-links a.covernews-categories.category-color-2,
body .trending-posts-vertical-carousel .figure-categories .cat-links a.covernews-categories.category-color-2 {
    color: #1f8023;
}

body.aft-main-banner-slider-grid .trending-story .figure-categories .cat-links a.covernews-categories.category-color-2,
body .full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.covernews-categories.category-color-2 {
    color: #ffffff;
    background-color: #1f8023;
}

body span.header-after.category-color-2:after {
    background: #1f8023;
}

body .figure-categories .cat-links a.category-color-3 {
    background-color: #012BBC;
}

body .tabbed-container .figure-categories .cat-links a.covernews-categories.category-color-3,
body .trending-story .figure-categories .cat-links a.covernews-categories.category-color-3,
body .list .spotlight-post .figure-categories .cat-links a.covernews-categories.category-color-3,
body .full-plus-list .spotlight-post .figure-categories .cat-links a.covernews-categories.category-color-3,
body .covernews_tabbed_posts_widget .figure-categories .cat-links a.covernews-categories.category-color-3,
body .trending-posts-vertical-carousel .figure-categories .cat-links a.covernews-categories.category-color-3 {
    color: #012BBC;
}

body.aft-main-banner-slider-grid .trending-story .figure-categories .cat-links a.covernews-categories.category-color-3,
body .full-plus-list .spotlight-post:first-of-type .figure-categories .cat-links a.covernews-categories.category-color-3 {
    color: #ffffff;
    background-color: #012BBC;
}

body span.header-after.category-color-3:after {
    background: #012BBC;
}

body nav span.topbar-date,
body .header-layout-2 .site-header nav.main-navigation.aft-sticky-navigation .site-title a,
body nav.main-navigation.aft-sticky-navigation span.af-mobile-site-title-wrap .site-title a,
body nav.main-navigation .menu ul.menu-desktop>li>a>button,
body nav.main-navigation .menu ul.menu-desktop>li>a .angle-down,
body nav.main-navigation .menu ul.menu-desktop>li>a,
body nav :is(.search-icon:visited, .search-icon:hover, .search-icon:focus, .search-icon:active, .search-icon) {
    color: #ffffff;
}

nav.main-navigation .search-overlay.reveal-search .search-icon i.covernews-icon-search:before,
nav.main-navigation .search-overlay.reveal-search .search-icon i.covernews-icon-search:after,
body nav .offcanvas-menu span,
body .search-overlay.reveal-search .search-icon i.fa.fa-search:after,
body .search-overlay.reveal-search .search-icon i.fa.fa-search:before,
body .search-overlay.reveal-search .search-icon i.fa.search:after,
body nav .ham:before,
body nav .ham:after,
body nav .ham,
body .main-navigation .navigation-container ul>li>a:after,
body nav.main-navigation .menu .menu-mobile li a button:before,
body nav.main-navigation .menu .menu-mobile li a button:after,
body .navigation-container nav.main-navigation ul>li>a:after {
    background-color: #ffffff;
}

@media only screen and (max-width: 991px) {
    nav .navigation-container ul li :is(a, a:visited) {
        color: #ffffff;
    }

    nav.main-navigation .menu .menu-mobile li a button:before,
    nav.main-navigation .menu .menu-mobile li a button:after {
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 640px) {
    .topbar-date {
        line-height: 35px;
    }
}

#scroll-up:focus::after {
    border-bottom-color: #373737;
}

body .exclusive-posts .exclusive-now {
    background: #B20710;
}

span.menu-description {
    background: #B20710;
}

body:is(.default, .dark) figcaption.slider-figcaption-1 .article-title a:hover,
body:is(.default, .dark) figcaption.slider-figcaption-1 .slide-title a:hover {
    color: #ffffff;
}

body nav.main-navigation {
    background: #1a1a1a;
}

@media only screen and (max-width: 991px) {
    body nav.main-navigation .menu .menu-mobile {
        background: #1a1a1a;
    }
}

body.dark .slider-figcaption :is(span.author-links, span.posts-date) a:hover,
body.default .slider-figcaption span.author-links :is(i, a),
.slider-figcaption :is(a, a:hover, a:focus, a:visited),
.main-slider-wrapper .grid-item-metadata .aft-comment-count a:hover,
.main-slider-wrapper .grid-item-metadata .aft-view-count a:hover,
.aft-banner-5 .grid-item-metadata .aft-comment-count a:hover,
.aft-banner-5 .grid-item-metadata .aft-view-count a:hover,
.aft-banner-5 .grid-item-metadata .posts-author a:hover,
.aft-banner-5 .af-main-banner-editors-picks .grid-item-metadata,
.aft-banner-5 .trending-story .grid-item-metadata,
.aft-banner-5 .trending-story .grid-item-metadata a,
body.dark .aft-banner-5 .grid-item-metadata .posts-author a:hover,
.aft-banner-2 .grid-item-metadata .author-links,
.aft-banner-2 .grid-item-metadata .aft-comment-count a:hover,
.aft-banner-2 .grid-item-metadata .aft-view-count a:hover,
.aft-banner-2 .grid-item-metadata .posts-author a:hover,
body.dark .aft-banner-2 .grid-item-metadata .aft-comment-count a:hover,
body.dark .aft-banner-2 .grid-item-metadata .aft-view-count a:hover,
body.dark .aft-banner-2 .grid-item-metadata .posts-author a:hover,
.aft-banner-1 .grid-item-metadata .author-links,
.aft-banner-1 .grid-item-metadata .aft-comment-count a:hover,
.aft-banner-1 .grid-item-metadata .aft-view-count a:hover,
.aft-banner-1 .grid-item-metadata .posts-author a:hover,
.aft-banner-1 .af-main-banner-editors-picks .grid-item-metadata a,
.aft-banner-2 .af-main-banner-editors-picks .grid-item-metadata a,
.aft-banner-5 .af-main-banner-editors-picks .grid-item-metadata a,
body.dark .categorized-story .title-heading .article-title-2 a:visited:hover,
body.dark .categorized-story .title-heading .article-title-2 a,
body .categorized-story .title-heading .article-title-2 a:visited:hover,
body .categorized-story .title-heading .article-title-2 a,
body.dark .full-plus-list .spotlight-post:first-of-type figcaption h3 a:hover,
body .full-plus-list .spotlight-post:first-of-type figcaption h3 a:hover,
body.dark .slider-figcaption-1 .article-title a:visited:hover,
body.dark .slider-figcaption-1 .article-title a:hover,
.slider-figcaption-1 .article-title a:visited:hover,
.slider-figcaption-1 .article-title a:hover {
    color: #ffffff;
}

.default .site-footer .wp-block-latest-comments a:hover,
.default .site-footer .wp-block-page-list li a:hover,
.default .site-footer .wp-block-latest-posts li a:hover,
.default .site-footer .wp-block-archives li a:hover,
.default .site-footer .widget_recent_comments li a:hover,
.default .site-footer .widget_pages li a:hover,
.default .site-footer .widget_archive li a:hover,
.default .site-footer .widget_meta li a:hover,
.default .site-footer .widget_nav_menu li a:hover,
.default .site-footer .widget_recent_entries li a:hover {
    color: #fff;
}

.main-navigation .menu li a button {
    color: inherit;
}

body.default .navigation-container ul li a {
    color: #fff;
}

body .slider-figcaption :is(a, a:hover, a:focus, a:visited, a:visited:hover) {
    color: #fff;
}

.entry-content section.covernews-author-bio {
    margin-top: 24px;
}

.wp-block-comment-content a,
.comments-area .comment-content a,
.widget_text a,
.entry-content>[class*="wp-block-"] a:hover,
.entry-content>:is(ul, ol, p) a:hover,
.entry-content>:is(ul, ol, h1, h2, h3, h4, h5, h6, p) a {
    text-decoration: auto;
}

.widget_block a:not([class]),
.widget_text a:not([class]),
.entry-content>[class*="wp-block-"] a:not([class]):hover,
.entry-content> :is(ul, ol, p) a:not([class]):is(:link) {
    text-decoration: auto;
}

/**
 * ============================================================
 * RUNNING TEXT SMP NEGERI 2 PUHPELEM
 * NEWSCONTRAST CHILD THEME
 * ============================================================
 *
 * Fungsi:
 * 1. Membuat running text otomatis.
 * 2. Tidak perlu ditempel di setiap halaman.
 * 3. Berisi label PENGUMUMAN.
 * 4. Teks berjalan dari kanan ke kiri.
 * 5. Bisa diubah kapan saja dari kode ini.
 */


/* ============================================================
   1. HTML RUNNING TEXT
   ============================================================ */

function spenda_running_text_html() {

    ?>

    <div id="spenda-running-text" class="spenda-running-text">

        <!-- LABEL -->
        <div class="spenda-running-label">

            <span class="spenda-running-icon">
                📢
            </span>

            <span class="spenda-running-label-text">
                PENGUMUMAN
            </span>

        </div>


        <!-- AREA TEKS -->
        <div class="spenda-running-window">

            <div class="spenda-running-track">

                <span>
                    Selamat datang di Website Resmi SMP Negeri 2 Puhpelem
                </span>

                <span class="spenda-separator">
                    •
                </span>

                <span>
                    Informasi dan berita terbaru SMP Negeri 2 Puhpelem
                </span>

                <span class="spenda-separator">
                    •
                </span>

                <span>
                    Sekolah Berprestasi, Berkarakter dan Berbudaya
                </span>

                <span class="spenda-separator">
                    •
                </span>

                <span>
                    Mari bersama membangun SMP Negeri 2 Puhpelem
                </span>

                <span class="spenda-separator">
                    •
                </span>

            </div>

        </div>

    </div>

    <?php
}


/* ============================================================
   2. MEMBUAT RUNNING TEXT SETELAH HEADER
   ============================================================ */

function spenda_running_text_after_header() {

    /*
     * Jangan tampilkan di dashboard WordPress.
     */

    if ( is_admin() ) {
        return;
    }

    spenda_running_text_html();
}


/* ============================================================
   3. HOOK COVERNEWS / NEWSCONTRAST
   ============================================================ */

add_action(
    'covernews_after_header',
    'spenda_running_text_after_header',
    20
);


/* ============================================================
   4. FALLBACK
   ============================================================
 *
 * Jika versi CoverNews/NewsContrast yang digunakan tidak
 * menjalankan hook covernews_after_header, kode berikut
 * akan mencoba menggunakan wp_body_open.
 *
 * Jangan aktifkan fallback ini dulu.
 *
 * Jika running text tidak muncul setelah kode di atas,
 * aktifkan bagian ini.
 */

/*

function spenda_running_text_fallback() {

    if ( is_admin() ) {
        return;
    }

    spenda_running_text_html();
}

add_action(
    'wp_body_open',
    'spenda_running_text_fallback',
    50
);

*/


/* ============================================================
   SELESAI
   ============================================================ */
```