/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Version: 1.0
Description: A child theme for the WordPress Child Theme Project.
*/

/* CSS modifications will go below this line. */

/* Modification 1: Change the page background color to cream */
body,
.wp-site-blocks {
    background-color: #f5f1e8;
}

/* Modification 2: Customize heading colors */
.wp-block-heading,
.wp-block-site-title {
    color: #294b38;
}

/* Modification 3: Style homepage images (round corners and add shadows) */
.wp-site-blocks img {
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.wp-block-button__link:hover {
    background-color: #243d2c;
    color: #ffffff;
}