/* Kristina Light: the clean white look of the retired Wix site. Primary (#282936, text) and accent (#68bcc9, buttons)
   colours are the site's own colour settings; everything else is the generic site-chrome.css. */
.site-chrome {
    --site-heading-font: "Marcellus", Georgia, serif;
    --site-body-font: "League Spartan", ui-sans-serif, system-ui, sans-serif;
    --site-highlight: var(--site-primary);
    --kl-quote-band: #dae8ca;
    font-size: 1.05rem;
}

/* White header and footer with a thin rule instead of the accent-coloured bars. */
.site-chrome .site-header { background: #fff; border-bottom: 1px solid #e3e3e6; }
.site-chrome .site-header .site-logo { text-decoration: none; }
.site-chrome .site-header .site-logo strong { color: var(--site-primary); font-family: var(--site-heading-font); font-weight: 400; font-size: 1.5rem; }
.site-chrome .site-nav a { font-size: 1.1rem; }
/* Wix-style menu: wide items separated by thin vertical lines (desktop only; the phone menu is a plain list). */
@media (min-width: 1101px) {
    .site-chrome .site-nav { gap: 0; }
    .site-chrome .site-nav a { padding: 4px clamp(24px, 4vw, 64px); }
    .site-chrome .site-nav a + a { border-left: 1px solid #c9cacd; }
    .site-chrome .site-nav a:last-child { padding-right: 0; }
}
@media (max-width: 1100px) { .site-chrome .site-nav { background: #fff; } }

/* Footer feed link as a round RSS icon; the text stays for screen readers. */
.site-chrome .site-footer nav a[href="/blog-feed.xml"] {
    width: 34px; height: 34px; padding: 0; border-radius: 50%; overflow: hidden; color: transparent; font-size: 0; vertical-align: middle;
    background: #8b8c92 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Cpath d='M4 10a10 10 0 0 1 10 10h-3a7 7 0 0 0-7-7zM4 4a16 16 0 0 1 16 16h-3A13 13 0 0 0 4 7z'/%3E%3C/svg%3E") center / 18px no-repeat;
}
.site-chrome .site-footer nav { align-items: center; }

/* Home, Contact and Freelance Speaker: Kristina's photo in a circle, as on the Wix site. */
.site-chrome :is(.cms-page-home, .cms-page-contact, .cms-page-publicspeaking) .image-text-block .content-image img { aspect-ratio: 1; max-height: none; width: min(100%, 460px); margin: 0 auto; border-radius: 50%; object-fit: cover; object-position: center 30%; }
.site-chrome .site-footer { background: #fff; border-top: 1px solid #e3e3e6; padding-bottom: 40px; }
.site-chrome .site-footer nav a { display: inline-block; padding: 6px 16px; border-radius: 4px; background: var(--site-accent); color: #fff; }

.site-chrome .cms-page-content > h1, .site-chrome .cms-page-content h1 { text-transform: none; text-align: left; }
.site-chrome .cms-lead { font-family: var(--site-heading-font); font-size: 1.6rem; }
.site-chrome .cms-button-link { background: var(--site-accent); color: #fff; border-radius: 4px; }
.site-chrome .content-button a, .site-chrome .contact-form-block button[type=submit] { background: var(--site-accent); border-radius: 4px; }
.site-chrome .contact-form-block input, .site-chrome .contact-form-block select, .site-chrome .contact-form-block textarea { border-width: 1px; border-radius: 4px; }
.site-chrome .image-text-block .content-image img { aspect-ratio: auto; max-height: 560px; }

/* Home: Work / Blog / Contact buttons in a row, and the quote on a sage band. */
.site-chrome .cms-page-home .cms-feature-grid { grid-template-columns: repeat(3, 1fr); }
.site-chrome .cms-page-home .cms-feature-grid .cms-button-link { display: block; padding: 18px; font-size: 1.3rem; }
.site-chrome .cms-page-home .cms-feature-grid .cms-button-link:nth-child(1) { background: #c9cacd; color: var(--site-primary); }
.site-chrome .cms-page-home .cms-feature-grid .cms-button-link:nth-child(2) { background: #d1ac8a; }
.site-chrome .cms-page-home .cms-feature-grid .cms-button-link:nth-child(3) { background: #afe8fc; color: var(--site-primary); }
.site-chrome .content-quote { margin: 60px calc(50% - 50vw) 0; padding: 48px max(16px, calc(50vw - 520px)); background: var(--kl-quote-band); color: var(--site-primary); }
.site-chrome .content-quote p { font: 400 clamp(1.5rem, 3.2vw, 2.4rem)/1.3 var(--site-heading-font); font-style: normal; }
.site-chrome .site-main:has(.content-quote) { padding-bottom: 0; }

/* Freelance Speaker: topic cards (Gallery blocks with the "topic-grid" class). */
.site-chrome .content-gallery.topic-grid { grid-template-columns: repeat(4, 1fr); gap: 28px; margin: 24px 0 48px; }
.site-chrome .content-gallery.topic-grid img { height: 220px; border-radius: 4px; }
.site-chrome .content-gallery.topic-grid figcaption { font: 400 0.98rem/1.5 var(--site-body-font); color: var(--site-primary); }
.site-chrome .content-gallery.topic-grid figcaption strong { display: block; margin: 4px 0 6px; font: 400 1.2rem/1.25 var(--site-heading-font); }
#get-a-quote, .site-chrome .cms-page-publicspeaking .contact-form-block { scroll-margin-top: 100px; }

@media (max-width: 1000px) { .site-chrome .content-gallery.topic-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
    .site-chrome .content-gallery.topic-grid, .site-chrome .cms-page-home .cms-feature-grid { grid-template-columns: 1fr; }
}