/*
Theme Name: Simple Theme
Theme URI: http://example.com/simple-theme
Author: Your Name
Author URI: http://example.com
Description: A robust, lightweight WordPress theme with only the functionalities you need.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simple-theme
*/

/* Base styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

a {
    text-decoration: none;
}

/* Header & Navigation */
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.menu li {
    margin-left: 20px;
}

/* Shortcode wrappers */
.featured-content-bg,
.gray-content-bg {
    width: 100%;
    padding: 20px 0;
}
.content-container {
    margin: 0 auto;
}

/* Footer */
.footer-container {
    text-align: center;
}

/* -- FULL-WIDTH SHORTCODE BACKGROUNDS -- */
/* Force the background to break out of any parent container's width */
.featured-content-bg,
.gray-content-bg {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;  /* Pull outward */
  margin-right: -50vw;
  width: 100vw;
  padding: 40px 0;     /* adjust as needed */
}
/* Inner container at 70% (or custom) width */
.featured-content-bg .content-container,
.gray-content-bg .content-container {
  position: relative;
  left: auto;
  right: auto;
  margin: 0 auto;
  max-width: 70%; /* or use inline style from the theme options */
}

/* -- TWO-COLUMN LAYOUT FOR POSTS -- */
.post-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; /* spacing between posts */
}
.post-thumbnail {
    flex: 0 0 30%;  /* 30% width for the image column */
    margin-right: 20px;
}
.post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
}
.post-content-excerpt {
    flex: 1 1 auto; /* remaining space */
}

/* Post Meta */
.post-meta {
    color: #777;
    font-size: 14px;
    margin-bottom: 20px; /* spacing below meta */
}