/**
 * Theme Name: Spectra One
 * Author: Brainstorm Force
 * Author URI: https://brainstormforce.com/
 * Description: Spectra One is a beautiful and modern WordPress theme built with the Full Site Editing (FSE) feature. It's a versatile theme that can be used for blogs, portfolios, businesses, and more. Spectra One comes with a sleek and professional design that will make your website stand out from the crowd.
 * Requires at least: 6.1
 * Tested up to: 6.8
 * Requires PHP: 7.4
 * Version: 1.1.7
 * License: GNU General Public License v2 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: spectra-one
 * Tags: full-site-editing, blog, theme-options, translation-ready, rtl-language-support, full-width-template
*/


.gren-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* spacing between posts */
}

.gren-posts > * {
    flex: 0 1 calc(33.333% - 20px); /* always 1/3 width minus gap */
    box-sizing: border-box;
}

/* Optional: responsive */
@media (max-width: 900px) {
    .gren-posts > * {
        flex: 0 1 calc(50% - 20px); /* 2 per row on tablet */
    }
}

@media (max-width: 600px) {
    .gren-posts > * {
        flex: 0 1 100%; /* 1 per row on mobile */
    }
}


/* Limit form width and center if needed */
.my-custom-form {
    max-width: 20rem;
    width: 100%;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

/* Labels */
.my-custom-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.25rem;
    color: #333;
}

/* Inputs, select, textarea */
.my-custom-form input[type="text"],
.my-custom-form input[type="email"],
.my-custom-form select,
.my-custom-form textarea {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    box-sizing: border-box;
}

/* Button */
.my-custom-form button {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

.my-custom-form button:hover {
    background-color: #005177;
}

/* Optgroup styling */
.my-custom-form select optgroup {
    font-weight: bold;
    color: #0073aa;
}