@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;1,400&display=swap");
/* =====================================================================
   THIRTYARDS — site-wide refinement, 13 Oct 2026
   Where:  Customizer → Additional CSS.
           The @import line above must be the VERY FIRST line in the box.
           Placed at the top of Additional CSS on 14 Oct 2026.
   What:   type, colour, links, page header bands, header menu button,
           buttons and footer — on every page and post.
           Home keeps its own layout rules in its last block; this file
           does not change Home's layout.
   Undo:   delete this block from Additional CSS.
   ===================================================================== */

/* 0. Tokens ------------------------------------------------------------ */
:root{
  --ty-ground:#F4F1EA; --ty-stone:#EAE5DA; --ty-navy:#1E2A3C; --ty-night:#141B26;
  --ty-ink:#1B1F24; --ty-ink-soft:#3A4046; --ty-muted:#5A5F63;
  --ty-teal:#2F6B6F; --ty-teal-lt:#9CC3C5; --ty-line:rgba(27,31,36,.18);
  --ty-display:'Playfair Display','Palatino Linotype',Palatino,Georgia,serif;
  --ty-text:'EB Garamond','Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  --ty-ease:cubic-bezier(.2,.7,.2,1);
}

/* 1. Type — one serif pairing everywhere ------------------------------- */
body{
  font-family:var(--ty-text);
  color:var(--ty-ink);
  font-feature-settings:'kern','liga','onum';
  -webkit-font-smoothing:antialiased;
}
body :is(button,input,select,textarea){font-family:var(--ty-text)}
body :is(h1,h2,h3,h4,h5,h6,.page-title,.entry-title){
  font-family:var(--ty-display);
  font-weight:400;
  letter-spacing:0;
}
.entry-content{font-size:19px;line-height:1.7}
.entry-content :is(figcaption,.wp-element-caption){
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ty-muted);
  font-feature-settings:'lnum';
}

/* 2. Links inside writing — quiet underline, teal on hover ------------- */
body:not(.home) .entry-content p a,
body:not(.home) .entry-content li a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.22em;
  text-decoration-color:rgba(47,107,111,.45);
  transition:color .3s ease,text-decoration-color .3s ease;
}
body:not(.home) .entry-content p a:hover,
body:not(.home) .entry-content li a:hover{
  color:var(--ty-teal);
  text-decoration-color:currentColor;
}

/* 3. Eyebrow labels — old teal fails contrast at small sizes ----------- */
body:not(.home) .entry-content p[style*='#5a9a9e']{color:var(--ty-teal)!important}
body:not(.home) .wp-block-cover p[style*='#5a9a9e']{color:rgba(244,241,234,.85)!important}

/* 4. Page header bands (the 48vh cover pattern) ------------------------ */
body:not(.home) .entry-content>.wp-block-cover:first-child h1{
  font-family:var(--ty-display)!important;
  font-weight:400!important;
  letter-spacing:.02em;
  line-height:1.1;
}
body:not(.home) .entry-content>.wp-block-cover:first-child p:not([style*='#5a9a9e']){
  font-family:var(--ty-text);
  font-style:italic;
  font-size:clamp(19px,1.8vw,23px);
  line-height:1.45;
}

/* 5. Header menu button — no grey box, serif label --------------------- */
header [data-id='trigger'],
header .ct-header-trigger,
header .ct-toggle[data-design]{
  --toggle-button-background:transparent;
  --toggle-button-border-color:transparent;
  --theme-icon-color:#1B1F24;
  --theme-icon-hover-color:#2F6B6F;
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#1B1F24!important;
  transition:color .3s ease;
}
header .ct-header-trigger:hover,
header .ct-header-trigger:focus-visible{color:#2F6B6F!important}
header .ct-header-trigger .ct-label{
  font-family:var(--ty-text)!important;
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
  color:#1B1F24!important;
}
header .ct-header-trigger svg{transform:scale(.85)}
/* Main menu — house serif, ink not red, thin underline marks the current page */
header [data-id^='menu']{--theme-link-initial-color:#2E3338;--theme-link-hover-color:#2F6B6F;--theme-link-active-color:#1B1F24}
header :is([data-id^='menu'] .menu>li>a,.ct-menu-link){
  font-family:var(--ty-text)!important;
  font-size:17px!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
  text-transform:none!important;
  color:#2E3338!important;
  background:none!important;
  text-decoration:underline!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:8px!important;
  transition:color .3s ease,text-decoration-color .4s ease!important;
}
header :is([data-id^='menu'] .menu>li>a,.ct-menu-link):hover{color:#2F6B6F!important;text-decoration-color:currentColor!important}
header :is([data-id^='menu'] .menu>li,.menu-item):is(.current-menu-item,.current-menu-ancestor,.current_page_item)>a{color:#1B1F24!important;text-decoration-color:currentColor!important}
header .sub-menu a{font-family:var(--ty-text)!important;font-size:16px!important;font-weight:400!important;letter-spacing:.03em!important;color:#2E3338!important}
header .sub-menu a:hover{color:#2F6B6F!important}
#offcanvas .menu a{font-family:var(--ty-text)!important;font-weight:400!important;letter-spacing:.04em!important}

/* 6. Buttons — serif capitals, square corners (colours left as they are) */
body:not(.home) :is(.wp-block-button__link,.wp-element-button,.ct-button){
  font-family:var(--ty-text)!important;
  font-weight:400!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:0!important;
  transition:background-color .4s ease,color .4s ease,border-color .4s ease;
}

/* 7. Footer — matches the site instead of a default sans on black ------ */
#footer,
.ct-footer{
  font-family:var(--ty-text)!important;
  background-color:var(--ty-night)!important;
  color:rgba(244,241,234,.72);
}
:is(#footer,.ct-footer) :is(p,span,div){font-family:var(--ty-text)!important}
:is(#footer,.ct-footer) a{
  font-family:var(--ty-text)!important;
  font-weight:400!important;
  letter-spacing:.16em;
  color:rgba(244,241,234,.82)!important;
  transition:color .3s ease;
}
:is(#footer,.ct-footer) a:hover{color:#F4F1EA!important}

/* 8. Respect readers who ask for less motion --------------------------- */
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* Modula Gallery */
.modula-item-content:hover img {
	transform: scale(1.1);
}

@media (max-width: 1024px) {
.ct-testimonial .elementor-image-box-wrapper {
  flex-wrap: wrap;
}
.ct-testimonial .elementor-image-box-wrapper .elementor-image-box-img {
  margin-bottom: 10px !important;
}
}

/* THIRTYARDS 9. Comments (14 Oct 2026) */
.ct-comments{font-family:var(--ty-text)}.ct-comments :is(#reply-title,.comments-title){font-family:var(--ty-display)!important;font-weight:400!important;font-size:clamp(24px,2.2vw,28px)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ty-ink)!important;}.ct-comments #reply-title small a{font-family:var(--ty-text);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ty-muted)}.ct-comments :is(input[type=text],input[type=email],input[type=url],textarea){font-family:var(--ty-text)!important;font-size:18px!important;color:var(--ty-ink)!important;background:transparent!important;border:1px solid var(--ty-line)!important;border-radius:0!important;box-shadow:none!important;transition:border-color .3s ease;}.ct-comments :is(input,textarea):focus{border-color:var(--ty-ink)!important;outline:none}.ct-comments :is(input,textarea)::placeholder{color:var(--ty-muted);font-style:italic}.ct-comments label{font-family:var(--ty-text)!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ty-muted)!important}.ct-comments [type=submit]{font-family:var(--ty-text)!important;font-weight:400!important;font-size:15px!important;letter-spacing:.16em!important;text-transform:uppercase!important;min-height:52px;padding:0 30px!important;border-radius:0!important;background:transparent!important;color:var(--ty-ink)!important;border:1px solid var(--ty-ink)!important;cursor:pointer;transition:background-color .4s ease,color .4s ease;}.ct-comments [type=submit]:hover,.ct-comments [type=submit]:focus-visible{background:var(--ty-ink)!important;color:#F4F1EA!important}.ct-comments :is(.comment-content,.ct-comment-content){font-size:18px;line-height:1.65;color:var(--ty-ink)}.ct-comments :is(.ct-comment-meta,.comment-metadata,.ct-comment-author){font-family:var(--ty-text)!important}.ct-comments :is(.comment-notes,.logged-in-as,.akismet_comment_form_privacy_notice){font-size:15px;font-style:italic;color:var(--ty-muted)}


/* THIRTYARDS 10. Footer centred (14 Oct 2026) */
:is(#footer,.ct-footer) [data-column]{justify-content:center!important;justify-items:center!important;align-items:center!important;text-align:center!important}:is(#footer,.ct-footer) [data-column] nav{margin-inline:auto!important}:is(#footer,.ct-footer) [data-column] .menu{justify-content:center!important;align-items:center!important}:is(#footer,.ct-footer) .ct-footer-copyright{text-align:center!important;margin-inline:auto!important}


/* THIRTYARDS 11. Related posts and cookie banner (14 Oct 2026) */
#jp-relatedposts .jp-relatedposts-headline{font-family:var(--ty-text)!important;font-size:13px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ty-muted)!important}#jp-relatedposts a{color:var(--ty-ink)!important;text-decoration:none!important;transition:color .3s ease}#jp-relatedposts a:hover,#jp-relatedposts a:focus-visible{color:var(--ty-teal)!important}#jp-relatedposts .jp-relatedposts-post-title{font-family:var(--ty-display)!important;font-weight:400!important}#jp-relatedposts :is(.jp-relatedposts-post-date,.jp-relatedposts-post-context){color:var(--ty-muted)!important}.ct-cookies-accept-button{background:var(--ty-ink)!important;color:#F4F1EA!important;border:1px solid var(--ty-ink)!important;border-radius:0!important;letter-spacing:.16em;transition:background-color .4s ease,border-color .4s ease}.ct-cookies-accept-button:hover,.ct-cookies-accept-button:focus-visible{background:var(--ty-teal)!important;border-color:var(--ty-teal)!important}.ct-cookies-decline-button{background:transparent!important;color:var(--ty-ink)!important;border:1px solid var(--ty-line)!important;border-radius:0!important;letter-spacing:.16em;transition:border-color .4s ease}.ct-cookies-decline-button:hover,.ct-cookies-decline-button:focus-visible{border-color:var(--ty-ink)!important}


/* THIRTYARDS 12. Share row and breadcrumbs (14 Oct 2026) */
.sharedaddy .sd-title{font-family:var(--ty-text)!important;font-size:13px!important;font-weight:400!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ty-muted)!important}.sharedaddy :is(.share-more,.share-more span){font-family:var(--ty-text)!important;font-size:15px!important;font-weight:400!important;letter-spacing:.08em!important;color:var(--ty-ink)!important}.sharedaddy .sd-content ul li a.sd-button.share-more{background:transparent!important;border:1px solid var(--ty-line)!important;border-radius:0!important;box-shadow:none!important;transition:border-color .3s ease}.sharedaddy .sd-content ul li a.sd-button.share-more:hover{border-color:var(--ty-ink)!important}.sharing-hidden .inner{border-radius:0!important;border:1px solid var(--ty-line)!important;box-shadow:0 8px 24px rgba(27,31,36,.08)!important}.ct-breadcrumbs{font-family:var(--ty-text)!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase}


/* THIRTYARDS 13. Desktop header band and footer columns (14 Oct 2026) */
#header [data-device=desktop] [data-row=middle]{display:none!important}#header [data-device=desktop] [data-row=top]{--height:76px!important;min-height:76px}@media (min-width:1000px){:root body,#header,#header [data-device=desktop]{--header-height:76px!important}#header [data-device=desktop] .ct-sticky-container{height:76px!important}}:is(#footer,.ct-footer) [data-row] .ct-container{grid-template-columns:1fr!important}:is(#footer,.ct-footer) [data-column=ghost]{display:none!important}


/* THIRTYARDS 14. Footer epigraph (14 Oct 2026) */
:is(#footer,.ct-footer) [data-row=top] p{font-style:italic;font-size:clamp(18px,1.6vw,21px)!important;line-height:1.5!important;color:rgba(244,241,234,.85)!important;max-width:620px;margin-inline:auto!important}


/* THIRTYARDS 15. Home pop-up band — TEMPORARY, remove after 31 Oct 2026 */
body.home .entry-content>.wp-block-cover:first-child{margin-bottom:0!important;margin-block-end:0!important}body.home .entry-content>.ty-now{background:var(--ty-navy)!important;color:#F4F1EA!important;padding:clamp(28px,4vw,44px) var(--ty-gutter)!important;margin:0!important;margin-block-start:0!important;border:0!important}body.home .ty-now>*{margin-left:auto!important;margin-right:auto!important}body.home .ty-now .ty-now-eyebrow{font-family:var(--ty-text);font-size:13px!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--ty-teal-lt)!important;margin-block:0 10px!important}body.home .ty-now .ty-now-line{font-family:var(--ty-display);font-size:clamp(19px,1.8vw,23px)!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;color:#F4F1EA!important;margin-block:0!important}body.home .ty-now .ty-now-link{margin-block:14px 0!important}body.home .ty-now .ty-now-link a{color:#F4F1EA!important}body.home .ty-now .ty-now-link a:hover,body.home .ty-now .ty-now-link a:focus-visible{color:var(--ty-teal-lt)!important}


/* THIRTYARDS 17b. Drop-down menus — readable text on the dark drop-down (14 Oct 2026) */
header [data-id^='menu'] .sub-menu li a.ct-menu-link,header .sub-menu li>a{color:rgba(244,241,234,.82)!important}header [data-id^='menu'] .sub-menu li a.ct-menu-link:is(:hover,:focus-visible),header [data-id^='menu'] .sub-menu li:is(.current-menu-item,.current-menu-ancestor)>a.ct-menu-link{color:#9CC3C5!important}


/* THIRTYARDS 18. Sidebar search first, underlined serif field (14 Oct 2026) */
#sidebar .ct-sidebar{display:flex!important;flex-direction:column}#sidebar .ct-widget:has(.wp-block-search){order:-1;margin-bottom:48px!important}#sidebar .wp-block-search__input{font-family:var(--ty-text)!important;font-size:18px!important;color:var(--ty-ink)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ty-ink)!important;border-radius:0!important;padding:0 2px!important;height:48px!important;box-shadow:none!important;transition:border-color .3s ease}#sidebar .wp-block-search__input:focus{outline:none!important;border-bottom-color:var(--ty-teal)!important}#sidebar .wp-block-search__input::placeholder{font-style:italic;color:var(--ty-muted)}


/* THIRTYARDS 19. Home — tighter space above Read / Fish / Look (14 Oct 2026) */
html body.home .entry-content>.wp-block-group:has(>.wp-block-columns h2){padding-top:clamp(48px,5.5vw,80px)!important;padding-bottom:clamp(56px,7vw,100px)!important}


/* THIRTYARDS 20. Home — tighter space around The work (14 Oct 2026) */
html body.home .entry-content>.wp-block-group:has(>.wp-block-group>h2):not(:has(+.wp-block-query)):not(:has(.wp-block-jetpack-subscriptions)){padding-bottom:clamp(56px,7vw,100px)!important}html body.home .entry-content>.wp-block-group:has(>.wp-block-group>h2):not(:has(+.wp-block-query)):not(:has(.wp-block-jetpack-subscriptions))::before{margin-bottom:clamp(48px,5.5vw,80px)!important}


/* THIRTYARDS 21. Home — tighter section rhythm (TideLines, numbers, email) (14 Oct 2026) */
html body.home{--ty-section:clamp(56px,7vw,100px)}


/* THIRTYARDS 22. Sidebar widgets — order and house style (14 Oct 2026) */
#sidebar #block-2{order:10}#sidebar .ct-sidebar>.ct-widget{margin:0 0 44px!important}#sidebar :is(.ty-side,#block-2){border-top:1px solid var(--ty-line);padding-top:20px!important}#sidebar :is(.ty-side-eyebrow,#block-2 :is(h2,h3):first-of-type){font-family:var(--ty-text)!important;font-size:13px!important;font-weight:400!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ty-muted)!important;margin:0 0 10px!important}#sidebar .ty-side p:not(.ty-side-eyebrow){font-family:var(--ty-text);font-size:17px!important;line-height:1.5!important;color:var(--ty-ink);margin:0 0 10px!important}#sidebar .ty-side-link a{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ty-ink)!important;text-decoration:none!important;transition:color .3s ease}#sidebar .ty-side-link a:hover,#sidebar .ty-side-link a:focus-visible{color:var(--ty-teal)!important}#sidebar .ty-side-email input[type=email]{font-family:var(--ty-text)!important;font-size:17px!important;color:var(--ty-ink)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ty-ink)!important;border-radius:0!important;padding:0 2px!important;min-height:44px;box-shadow:none!important;width:100%}#sidebar .ty-side-email input[type=email]:focus{outline:none!important;border-bottom-color:var(--ty-teal)!important}#sidebar .ty-side-email button{font-family:var(--ty-text)!important;font-size:14px!important;font-weight:400!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--ty-ink)!important;background:transparent!important;border:1px solid var(--ty-ink)!important;border-radius:0!important;min-height:44px;margin-top:12px!important;cursor:pointer;transition:background-color .4s ease,color .4s ease}#sidebar .ty-side-email button:hover,#sidebar .ty-side-email button:focus-visible{background:var(--ty-ink)!important;color:#F4F1EA!important}


/* ---- Added 16 Oct 2026: two gaps the 13 Oct refinement did not cover. Delete from here down to undo just these. ---- */
/* 9. Old posts with no featured image: dark title instead of white on a pale band (the August fault) */
body:not(.home) .hero-section[data-type='type-2']:not(:has(img)) :is(.page-title,.entry-meta,.entry-meta a,.ct-breadcrumbs,.ct-breadcrumbs a){color:var(--ty-ink)!important}
/* 10. The theme's own post lists (Coastal Blog, categories, archives, search) */
body:not(.home) .entries .entry-card{background:#FBF9F4!important;box-shadow:none!important;border:1px solid var(--ty-line)}
body:not(.home) .entries .entry-title,body:not(.home) .entries .entry-title a{font-family:var(--ty-display)!important;font-weight:400!important;color:var(--ty-ink)!important}
body:not(.home) .entries .entry-title a:hover{color:var(--ty-teal)!important}
body:not(.home) .entries .entry-excerpt{font-family:var(--ty-text)!important;font-size:18px!important;line-height:1.55;color:var(--ty-ink-soft)!important}
body:not(.home) .entries .entry-meta{font-family:var(--ty-text)!important;letter-spacing:.12em;color:var(--ty-muted)!important}
body:not(.home) .entries .entry-meta a[class*='ct-term-']{background:transparent!important;color:var(--ty-teal)!important;border:1px solid var(--ty-teal);border-radius:0!important;font-family:var(--ty-text)!important}

/* 11. Cream ground on every page, matching Home (Jim, 16 Oct 2026) */
body:not(.home){background:var(--ty-ground)!important}
body:not(.home) .hero-section[data-type='type-2']:not(:has(img)){background:var(--ty-stone)!important}
/* 12. Breadcrumb links on photo headers: the light teal from Home's email band, readable on a dark image (Jim, 16 Oct 2026) */
body:not(.home) .hero-section[data-type='type-2']:has(img) .ct-breadcrumbs a{color:var(--ty-teal-lt,#9CC3C5)!important}
/* 13. Post excerpt in the header (e.g. TideLines notes): light teal on photo headers, dark on plain bands (Jim, 16 Oct 2026) */
body:not(.home) .hero-section[data-type='type-2']:has(img) .page-description,body:not(.home) .hero-section[data-type='type-2']:has(img) .page-description *{color:var(--ty-teal-lt,#9CC3C5)!important}
body:not(.home) .hero-section[data-type='type-2']:not(:has(img)) .page-description,body:not(.home) .hero-section[data-type='type-2']:not(:has(img)) .page-description *{color:var(--ty-ink-soft,#3A4046)!important}
/* 14. Show the post excerpt in the header on phones too — the theme hides it on small screens (Jim, 16 Oct 2026) */
body:not(.home) .hero-section .page-description.ct-hidden-sm{display:block!important}
/* 15. Header excerpt in Garamond italic, like the notes on the TideLines page (Jim, 16 Oct 2026) */
body:not(.home) .hero-section .page-description,body:not(.home) .hero-section .page-description *{font-family:var(--ty-text,'EB Garamond',Georgia,serif)!important;font-style:italic!important;font-size:20px!important;line-height:1.5!important}
/* 16. Phone menu panel in Garamond, normal weight, every page including Home (Jim, 16 Oct 2026) */
#offcanvas a,#offcanvas .ct-menu-link,#offcanvas .sub-menu a{font-family:var(--ty-text,'EB Garamond',Georgia,serif)!important;font-weight:400!important;letter-spacing:.02em}
#offcanvas .menu>li>a,#offcanvas .menu>li>.ct-sub-menu-parent>a{font-size:24px!important}
#offcanvas .sub-menu a{font-size:19px!important;font-style:italic}
#offcanvas .current-menu-item>a,#offcanvas .current-menu-ancestor>a,#offcanvas a[aria-current],#offcanvas a:hover,#offcanvas a:focus-visible{color:var(--ty-teal-lt,#9CC3C5)!important}
/* 17. Fold on the Workshops page ("The full list"): teal small capitals with +/–, in place of the default arrow (16 Oct 2026) */
.ty-syllabus>summary{cursor:pointer;list-style:none;font-family:var(--ty-text,'EB Garamond',Georgia,serif);font-size:14px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--ty-teal,#2F6B6F)}
.ty-syllabus>summary::-webkit-details-marker{display:none}
.ty-syllabus>summary::after{content:' +'}
.ty-syllabus[open]>summary::after{content:' \2013'}
.ty-syllabus[open]>summary{margin-bottom:1.25em}