/*
Theme Name: NewsLight
Theme URI: https://afthemes.com/products/newslight/
Author: AF themes
Author URI: https://afthemes.com/
Description: NewsLight is a sleek, fast, and feature-rich WordPress child theme designed for news, blog, and magazine websites.
Template: morenews
Version: 1.0.0
Requires at least: 4.0
Requires PHP: 5.3
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newslight
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
*/

/* Reset beberapa gaya dasar */
body, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

/* Gaya Umum */
body {
    font-family: Arial, sans-serif;
    font-size: 16px; /* Ukuran font dasar */
    line-height: 1.5;
    background-color: #f5f5f5; /* Warna latar belakang */
    color: #333; /* Warna teks */
}

.container {
    width: 100%; /* Menggunakan lebar penuh */
    max-width: 1200px; /* Lebar maksimum untuk desktop */
    margin: 0 auto; /* Pusatkan konten */
    padding: 0 15px; /* Padding untuk konten */
}

/* Gaya Navigasi */
.main-navigation {
    background-color: #002868; /* Warna latar belakang */
    display: flex; /* Menggunakan flexbox untuk tata letak */
    justify-content: space-between; /* Ruang antara item */
    align-items: center; /* Pusatkan item secara vertikal */
    padding: 10px 0; /* Padding atas dan bawah */
}

.main-navigation a {
    color: #ffffff; /* Warna teks */
    text-decoration: none; /* Menghilangkan garis bawah */
    padding: 10px 15px; /* Padding untuk tautan */
}

/* Gaya Konten */
.entry-content {
    margin: 20px 0; /* Margin untuk konten */
}

/* Gaya untuk gambar */
img {
    max-width: 100%; /* Gambar responsif */
    height: auto; /* Menjaga rasio aspek */
}

/* Gaya untuk tombol */
button, input[type="submit"] {
    background-color: #BF0A30; /* Warna latar belakang tombol */
    color: #ffffff; /* Warna teks tombol */
    border: none; /* Menghilangkan border */
    padding: 10px 20px; /* Padding untuk tombol */
    cursor: pointer; /* Menunjukkan bahwa ini adalah tombol yang dapat diklik */
}

/* Gaya untuk elemen lain */
h1, h2, h3 {
    margin-bottom: 10px; /* Margin bawah untuk heading */
}

/* Responsif untuk tampilan seluler */
@media (max-width: 768px) {
    .main-navigation {
        flex-direction: column; /* Mengubah tata letak menjadi kolom */
        align-items: flex-start; /* Pusatkan item di kiri */
    }

    .main-navigation a {
        padding: 10px 0; /* Padding untuk tautan di seluler */
    }

    .container {
        padding: 0 10px; /* Padding lebih kecil di seluler */
    }

    body {
        font-size: 14px; /* Ukuran font lebih kecil di seluler */
    }
}

/* Gaya untuk footer */
.site-info {
    text-align: center;
    padding: 10px;
    background-color: #002868; /* Warna latar belakang footer */
    color: #ffffff; /* Warna teks footer */
}