/* Sonata Bay v1.0.6: heading typography, including block editor content. */

.site-content h1,

.editor-styles-wrapper h1 {

    font-family: 'Imperial Script', cursive !important;

    font-weight: 400;

}

.site-content h2, .site-content h3, .site-content h4, .site-content h5,

.editor-styles-wrapper h2, .editor-styles-wrapper h3,

.editor-styles-wrapper h4, .editor-styles-wrapper h5 {

    font-family: 'ZCOOL XiaoWei', serif !important;

    font-weight: 400;

}

.site-content h1 a, .site-content h2 a, .site-content h3 a,

.site-content h4 a, .site-content h5 a,

.editor-styles-wrapper h1 a, .editor-styles-wrapper h2 a,

.editor-styles-wrapper h3 a, .editor-styles-wrapper h4 a,

.editor-styles-wrapper h5 a {

    font-family: inherit !important;

}



/* Match content H1 headings to the responsive page title size. */

.site-content h1,

.editor-styles-wrapper h1 {

    font-size: clamp(32px, 4vw, 52px) !important;

    line-height: 1.12 !important;

}



/* v1.0.8 - Darker headlines, including linked headings and card titles. */

body :is(h1,h2,h3,h4,h5,h6),

body :is(h1,h2,h3,h4,h5,h6) a,

.site-content.site-content.site-content :is(h1,h2,h3,h4,h5,h6),

.site-content.site-content.site-content :is(h1,h2,h3,h4,h5,h6) a,

.editor-styles-wrapper :is(h1,h2,h3,h4,h5,h6),

.editor-styles-wrapper :is(h1,h2,h3,h4,h5,h6) a {

    color:#033e4f !important;

}

/* Continuous card grids: more space horizontally and vertically. */

.site-content .entry-content .sonata-activities-grid,

.site-content .entry-content .sonata-trustees-grid,

.site-content .entry-content .wp-block-group.is-layout-grid,

.site-content .entry-content .sby-card-grid,

.site-content .entry-content .sbc-feature-grid {

    gap:30px !important;

}



/* v1.0.9 - Slightly larger H1 headings and centered page titles. */

.site-content h1,

.editor-styles-wrapper h1 {

    font-size: clamp(36px, 4.4vw, 58px) !important;

}

body.page .site-content .entry-title {

    text-align: center !important;

    width: 100%;

}



/* v1.0.10 - Override older page-specific blue link and hover rules. */

.site-content.site-content.site-content a,

.site-content.site-content.site-content a:visited,

.site-content.site-content.site-content a:hover,

.site-content.site-content.site-content a:focus-visible {

    color:#033e4f !important;

}