/*
Theme Name: Firth Gallery — Editable
Theme URI: https://firthgallery.co.uk
Author: Firth Gallery
Description: Editable WordPress block theme based on the original Firth Gallery Cloudflare website. Includes starter home page built with native WordPress blocks; supports WooCommerce.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: firth-gallery
*/
:root{--fg-paper:#f7f6f1;--fg-ink:#304c60;--fg-muted:#586976;--fg-line:#d5dce0;--fg-blue:#e9eff2;--fg-rust:#d15b38;--fg-serif:Georgia,'Times New Roman',serif;--fg-sans:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--fg-paper);color:var(--fg-ink);font-family:var(--fg-sans);font-size:15px;line-height:1.7}
body a{color:inherit;text-decoration:none}body a:hover{color:var(--fg-rust)}
.fg-wrap{width:calc(100% - 128px)!important;max-width:1416px!important;margin-left:auto!important;margin-right:auto!important}
.fg-home .wp-block-columns{gap:clamp(18px,4vw,70px)}
.fg-home .wp-block-columns>.wp-block-column{min-width:0}
.fg-home h1,.fg-home h2,.fg-home h3,.fg-wordmark{font-family:var(--fg-serif);font-weight:400}
.fg-home h1,.fg-home h2,.fg-home h3{margin:0}
.fg-home em{font-weight:400}
.fg-home p{margin:0}
.fg-home .fg-hero .fg-eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase}
.fg-site-header{border-bottom:1px solid var(--fg-line);margin:0;padding:0}
.fg-header-inner{min-height:103px;gap:20px}
.fg-site-header .fg-wordmark{font-size:27px;letter-spacing:-1px;white-space:nowrap;margin:0;text-transform:lowercase}
.fg-site-header .fg-wordmark a{text-decoration:none}
.fg-navigation{font-family:var(--fg-sans);font-size:12px;gap:34px}
.fg-navigation a:hover{text-decoration:underline}
.fg-hero{padding-top:68px}
.fg-hero .fg-hero-columns{gap:64px}
.fg-home .fg-hero-title{font-size:clamp(70px,7.4vw,116px);line-height:1.02;letter-spacing:-5px;margin:28px 0 27px}
.fg-home .fg-hero-title em{color:#567384}
.fg-home .fg-hero-description{font-size:15px;color:var(--fg-muted);line-height:1.8;margin-bottom:26px;max-width:420px}
.fg-home .fg-hero-buttons{margin-top:14px}
.fg-home .fg-primary-button .wp-block-button__link{background:var(--fg-ink);color:var(--fg-paper);font-size:12px;padding:13px 22px;border-radius:0}
.fg-home .fg-primary-button .wp-block-button__link:hover{background:#486361}
.fg-home .fg-small-link{margin-top:17px;font-size:11px}
.fg-home .fg-image img{width:100%;height:auto;display:block}
.fg-home .fg-artwork-caption{font-size:10px;color:var(--fg-muted);margin-top:14px;letter-spacing:.25px}
.fg-home .fg-hero-footnote{font-size:10px;letter-spacing:.45px;color:var(--fg-muted);display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--fg-line);padding:47px 0 25px;margin-bottom:64px}
.fg-home .fg-label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.8;margin:0 0 22px}
.fg-home .fg-label span{color:var(--fg-rust);margin-right:16px;font-size:9px}
.fg-home h2{font-size:clamp(41px,4.1vw,62px);line-height:1.14;letter-spacing:-2px}
.fg-home h3{font-size:32px;line-height:1.3;letter-spacing:-.8px}
.fg-home .fg-section-pad{padding-top:72px;padding-bottom:74px}
.fg-classes-section{background:var(--fg-blue)}
.fg-classes-section .fg-section-intro{max-width:300px;font-size:12px;line-height:1.85;color:var(--fg-muted)}
.fg-home .fg-classes-title{align-items:flex-end;margin-bottom:40px}
.fg-home .fg-class-item{border-top:1px solid #bbc9c5;padding:30px 0;margin:0}
.fg-home .fg-class-number{font-family:var(--fg-serif);font-size:16px;color:#6b807a}
.fg-home .fg-class-item .fg-eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:8px;text-transform:uppercase;color:#4c635f}
.fg-home .fg-class-item p:not(.fg-class-number,.fg-eyebrow,.fg-class-link){font-size:13px;color:var(--fg-muted);line-height:1.8;margin-top:10px;max-width:510px}
.fg-home .fg-class-link{font-size:11px;border-bottom:1px solid #97aaa3;display:inline-block;padding-bottom:9px;margin-top:29px}
.fg-home .fg-classes-note{font-size:11px;text-align:right;border-top:1px solid #bbc9c5;padding-top:20px}
.fg-exhibition-columns{gap:80px}
.fg-home .fg-kicker{margin:28px 0 12px;font-size:10px;color:var(--fg-muted);letter-spacing:.65px}
.fg-exhibition-section .fg-section-pad{padding-top:82px;padding-bottom:82px}
.fg-exhibition-section h2{font-size:68px;margin:0 0 16px}
.fg-exhibition-section .fg-artists{margin:30px 0 24px;gap:20px}
.fg-exhibition-section .fg-artists p{font-family:var(--fg-serif);font-size:23px;line-height:1.4;margin:0 0 9px}
.fg-exhibition-section .fg-opening-date{font-size:18px;border-top:1px solid var(--fg-line);padding:16px 0 8px;color:var(--fg-rust)}
.fg-home .fg-visit-section{background:#edf0f0}
.fg-home .fg-address{font-size:17px;line-height:1.8;margin-bottom:18px}
.fg-home .fg-visit-section .fg-class-link{margin-top:18px}
.fg-home .fg-contact-section{border-bottom:1px solid var(--fg-line)}
.fg-home .fg-contact-section h2{margin:0 0 20px}
.fg-home .fg-email{font-family:var(--fg-serif);font-size:clamp(20px,2.2vw,32px);border-bottom:1px solid var(--fg-ink);padding-bottom:10px;overflow-wrap:anywhere}
.fg-home .fg-social{font-size:11px;margin-top:20px}
.fg-site-footer{padding:21px 0;font-size:10px;color:var(--fg-muted)}
.fg-site-footer p{margin:0}
.fg-interior{padding-top:65px;padding-bottom:90px;min-height:60vh}
.fg-interior h1{font-family:var(--fg-serif);font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.15}
body.woocommerce-page .woocommerce{max-width:1280px;margin-inline:auto;padding:24px}
body.woocommerce-page .button,body.woocommerce-page button.button{background:var(--fg-ink)!important;color:white!important;border-radius:0!important}
@media(max-width:1100px){.fg-wrap{width:calc(100% - 80px)!important}.fg-header-inner{min-height:84px}.fg-navigation{gap:20px}.fg-hero .fg-hero-columns{gap:35px}.fg-home .fg-hero-title{font-size:84px;letter-spacing:-4px}}
@media(max-width:781px){.fg-wrap{width:calc(100% - 44px)!important}.fg-header-inner{min-height:78px}.fg-site-header .fg-wordmark{font-size:25px}.fg-hero{padding-top:34px}.fg-hero .fg-hero-columns{gap:26px}.fg-home .fg-hero-title{font-size:clamp(68px,16vw,105px);letter-spacing:-3.7px;margin:20px 0 18px}.fg-home .fg-hero-description{font-size:13px}.fg-home .fg-hero-footnote{padding:26px 0 20px;margin-bottom:26px}.fg-home .fg-hero-footnote span{display:none}.fg-home .fg-section-pad{padding-top:45px;padding-bottom:48px}.fg-home h2{font-size:45px}.fg-home h3{font-size:29px}.fg-home .fg-class-item{gap:12px;padding:26px 0}.fg-home .fg-class-link{margin-top:8px}.fg-home .fg-classes-note{text-align:left}.fg-exhibition-section h2{font-size:56px}.fg-exhibition-section .fg-artists{gap:8px}.fg-exhibition-section .fg-artists p{font-size:20px}.fg-site-footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
