/*
Theme Name: Kim's Cake Gallery
Template: twentytwentyfive
Description: Styling for Kim's Cake Gallery, matching the previous site.
Version: 1.0
*/

/* The old site's signature was very wide letter-spacing on the navigation and
   headings. Reproduced here rather than in theme.json because theme.json has
   no way to express tracking on the navigation block alone. */
.wp-block-navigation {
    text-transform: uppercase;
    letter-spacing: 0.57em;
    font-size: 17px;
    font-weight: 400;
}
.wp-block-navigation a { color: #6e6e6e; text-decoration: none; }
.wp-block-navigation a:hover { color: #222; }

/* The hero heading sat over a full-bleed photograph in white, tracked wide. */
.kcg-hero h1,
.wp-block-cover h1 {
    letter-spacing: 0.23em;
    font-weight: 400;
    color: #fff;
    text-transform: none;
}

/* Page titles on the inner pages. Measured off the original, which uses a
   much smaller heading than the hero: 25px, weight 300, 3px tracking,
   uppercase, centred, #222. The hero is the only 77px heading on the site. */
.kcg-page-title {
    font-size: 25px !important;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    color: #222;
    margin-bottom: 1.6em;
}

/* Galleries were a 3:2 grid with no gaps worth speaking of. */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}

body { -webkit-font-smoothing: antialiased; }

/* The home page H1 is held off-screen: Kim asked for the wording to come off
   the hero photograph, but the page still needs exactly one H1 for search. */
.kcg-sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}