/**
 * Theme Name:     GreenPages
 * Author:         John Baldridge
 * Template:       generatepress
 * Text Domain:	   greenpages
 * Description:    A child theme of GeneratePress
 * Author URI:     https://johnbaldridge.org
 * Version:        1.0.0
 */

/* -------------------------------
   Org Directory Grid Layout
-------------------------------- */
.org-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin: 0 -8px;
}

.org-tile {
    flex: 1 1 300px;   /* minimum width, allow growing */
    max-width: 360px;  /* cap tile width */
    box-sizing: border-box;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 12px;
    transition: transform 0.2s ease;
}

.org-tile:hover {
    transform: translateY(-4px);
}

.org-image img {
    width: 100%;
    height: auto;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

.org-title {
    font-size: 1.2em;
    margin: 0.5em 0;
}

.org-info span {
    display: block;
    font-size: 0.9em;
    color: #555;
}

/* -------------------------------
   Responsive Breakpoints
-------------------------------- */
@media (max-width: 1024px) {
    .org-tile {
        flex: 1 1 45%; /* 2 tiles per row */
        max-width: 45%;
    }
}

@media (max-width: 768px) {
    .org-tile {
        flex: 1 1 100%; /* 1 tile per row */
        max-width: 100%;
    }
}