/*
Theme Name: Galeria of Sculpture
Description: Custom theme for Galeria of Sculpture — Contemporary Art Glass, Worth Avenue, Palm Beach. On activation it builds the six site pages and imports the gallery's photos.
Version: 1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: galeria
*/

body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .2em; }

/* Top info bar */
.galeria-topbar { font-size: .8rem; letter-spacing: .08em; }
.galeria-topbar a { color: inherit; text-decoration: none; }

/* Header navigation */
.galeria-nav .wp-block-navigation-item__content { text-transform: uppercase; letter-spacing: .14em; font-size: .82rem; text-decoration: none; }
.galeria-nav .wp-block-navigation-item__content:hover,
.galeria-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--red); }

/* Page title band */
.galeria-title-band h1 { text-transform: uppercase; letter-spacing: .3em; font-weight: 400; }

/* Headings get the sign's spaced-out caps */
h2.wp-block-heading { text-transform: uppercase; letter-spacing: .18em; font-weight: 400; border-bottom: 2px solid var(--wp--preset--color--taupe); padding-bottom: .5rem; margin-top: 3.5rem; }
h3.wp-block-heading { letter-spacing: .06em; font-weight: 500; }
:target { scroll-margin-top: 2rem; }

/* Artwork grids: photos are small originals, so frame them at a fixed height instead of stretching */
.galeria-works { gap: 2rem 1.5rem; margin-top: 1.5rem; }
.galeria-works figure { margin: 0; background: var(--wp--preset--color--sand); padding: 1rem; text-align: center; }
.galeria-works figure img { height: 240px; width: 100%; object-fit: contain; }
.galeria-works figcaption { font-size: .85rem; line-height: 1.45; color: #333; margin-top: .75rem; }
.galeria-works figcaption strong { display: block; font-weight: 600; letter-spacing: .04em; color: #111; }

/* Artist bio photo / portraits */
.galeria-portrait img { max-width: 260px; height: auto; }

/* Artist list on home page */
.galeria-artist-list { columns: 4 12rem; column-gap: 2rem; list-style: none; padding-left: 0; font-size: .92rem; line-height: 1.9; }
.galeria-artist-list li { break-inside: avoid; }

/* Award badge */
.galeria-badge { border: 1px solid var(--wp--preset--color--taupe); padding: 1rem 1.5rem; text-transform: uppercase; letter-spacing: .16em; font-size: .78rem; text-align: center; }

/* Timeline list */
.galeria-timeline { list-style: none; padding-left: 0; }
.galeria-timeline li { padding: .35rem 0 .35rem 4.5rem; text-indent: -4.5rem; border-bottom: 1px solid #e7e1d6; }
.galeria-timeline li strong { display: inline-block; width: 4.5rem; text-indent: 0; color: var(--wp--preset--color--red); }

/* Contact form */
.galeria-form { display: grid; gap: 1rem; max-width: 640px; }
.galeria-form label { display: block; font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; margin-bottom: .3rem; }
.galeria-form input, .galeria-form textarea { width: 100%; padding: .75rem; border: 1px solid var(--wp--preset--color--taupe); font: inherit; background: #fff; box-sizing: border-box; }
.galeria-form textarea { min-height: 160px; }
.galeria-form button { justify-self: start; background: #111; color: #fff; border: 0; padding: .9rem 2.2rem; text-transform: uppercase; letter-spacing: .16em; font: inherit; font-size: .85rem; cursor: pointer; }
.galeria-form button:hover { background: var(--wp--preset--color--red); }
.galeria-form .galeria-hp { position: absolute; left: -9999px; }
.galeria-notice { padding: 1rem 1.25rem; border-left: 4px solid var(--wp--preset--color--taupe); background: var(--wp--preset--color--sand); margin-bottom: 1.5rem; }

/* Footer */
.galeria-footer a { color: #fff; }
.galeria-footer img { max-width: 260px; height: auto; }