/*
 Theme Name:   Divi Child
 Description:  CALM Project Child Theme
 Author:       GEKKOSHOT
 Template:     Divi
 Version:      1.0.0
*/

/* --- CALM Water Quality Styles --- */

/* 1. Style the Wysiwyg Gallery Grid */
.calm-gallery-grid .gallery {
    display: grid !important;
    /* Writing it out manually to fix the editor error */
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 20px;
}

/* Make it 1 column on mobile */
@media (max-width: 767px) {
    .calm-gallery-grid .gallery {
        grid-template-columns: 1fr;
    }
}

/* Remove default WordPress gallery margins */
.calm-gallery-grid .gallery-item {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. Style the Two Charts (Side-by-Side) */
.calm-chart-row {
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 0px;
    border-left: 5px solid #536f26;
}