/*
Theme Name: Kal Theme
Theme URI: https://example.com/kal-theme
Author: Your Name
Author URI: https://example.com
Description: Kal Theme - A custom, clean, responsive WordPress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kal-theme
Tags: custom-theme, responsive, clean, modern, elementor, acf
*/

/* Reset some default browser styles */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,li,form,label,input,textarea,button,nav,footer,header,section,article,aside,main { box-sizing: border-box; margin:0; padding:0; }
body { font-family: Arial, sans-serif; font-size: 16px; color: #222; background: #fff; }

/* Responsive helper class */
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }

/* Add your custom theme styles below */

/* Header styles */
.site-header { background: #143642; color: #fff; padding: 30px 0; }
.site-title { font-size: 2.5rem; }

/* Footer styles */
.site-footer { background: #eaeaea; color: #222; padding: 20px 0; text-align: center; }

/* Navigation styles */
.main-navigation { margin-top: 20px; }
.main-navigation ul { list-style: none; }
.main-navigation li { display: inline-block; margin-right: 20px; }
.main-navigation a { color: #fff; text-decoration: none; }
.main-navigation a:hover { text-decoration: underline; }

/* Content styles */
.entry-title { font-size: 2rem; margin-bottom: 10px; }
.entry-content { margin-bottom: 30px; }

/* Responsive breakpoints */
@media (max-width: 768px) {
  .container { padding: 10px; }
  .main-navigation li { display: block; margin-bottom: 10px; }
}