/*
Theme Name: Fishy Fats Clear Guide
Theme URI: https://fishyfats.com/
Author: Fishy Fats
Description: An editorial block theme for the Fishy Fats article library.
Version: 1.2.6
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: fishy-fats-clear-guide
*/
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');
:root{--ff-ink:#12324c;--ff-body:#263746;--ff-muted:#5d6e7a;--ff-blue:#1769aa;--ff-hover:#0e4e83;--ff-pale:#f1f7fa;--ff-line:#d8e4ea;--ff-gold:#d49b1e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ff-body);background:#fff;font-family:'Source Sans 3',Arial,sans-serif;font-size:18px;line-height:1.6}a{color:var(--ff-blue);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--ff-hover)}:focus-visible{outline:3px solid var(--ff-gold);outline-offset:3px}h1,h2,h3,h4,.wp-block-post-title{font-family:Lora,Georgia,serif;color:var(--ff-ink);letter-spacing:-.025em}h1{font-size:clamp(2.25rem,4vw,3rem);line-height:1.12}h2{font-size:clamp(1.9rem,3vw,2.375rem);line-height:1.2}h3{font-size:clamp(1.5rem,2.3vw,1.75rem);line-height:1.25}h4{font-size:1.375rem;line-height:1.3}p{margin-block:0 1.2em;text-align:left}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button,.wp-block-button__link,input[type=submit]{cursor:pointer}button:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--ff-hover);color:#fff}
.ff-shell{max-width:1200px;margin-inline:auto;padding-inline:32px}.ff-reading{max-width:720px;margin-inline:auto}.ff-section{padding-block:80px}.ff-soft{background:var(--ff-pale)}.ff-kicker{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ff-blue)}.ff-lede{font-size:1.25rem;line-height:1.5;max-width:680px}.ff-divider{border-top:1px solid var(--ff-line)}
.ff-header{background:#fff;border-bottom:1px solid var(--ff-line)}.ff-header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:20px}.ff-brand .wp-block-site-title{margin:0;font-size:1.55rem;line-height:1.1;font-weight:700}.ff-brand .wp-block-site-title a{text-decoration:none;color:var(--ff-ink)}.ff-brand p{margin:2px 0 0;color:var(--ff-muted);font-size:.86rem}.ff-nav-wrap{display:flex;align-items:center;gap:20px}.ff-nav{display:flex;align-items:center;gap:22px}.ff-nav a{font-size:1rem;font-weight:600;text-decoration:none;color:var(--ff-ink)}.ff-nav a:hover,.ff-nav a[aria-current=page]{color:var(--ff-blue)}.ff-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.ff-menu-toggle{display:none;background:transparent;border:1px solid var(--ff-line);border-radius:8px;color:var(--ff-ink);padding:7px 12px;font-weight:600}.ff-search-link{font-weight:600;text-decoration:none;white-space:nowrap}
.ff-hero{padding-block:88px 96px;background:linear-gradient(115deg,#f1f7fa 0%,#fff 78%);position:relative;overflow:hidden}.ff-hero:after{content:'';position:absolute;right:-8%;bottom:-110px;width:520px;height:270px;border:2px solid #d8e4ea;border-radius:50%;transform:rotate(-16deg);opacity:.8;pointer-events:none}.ff-hero h1{max-width:780px;margin:.35em 0}.ff-hero p{max-width:660px}.ff-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.ff-button,.wp-block-button__link,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--ff-blue);color:#fff!important;padding:12px 22px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none}.ff-button:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--ff-hover)}.ff-button-outline{background:transparent;color:var(--ff-blue)!important;border:1px solid var(--ff-blue)}.ff-button-outline:hover{color:#fff!important}
.ff-topic-grid,.ff-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ff-topic,.ff-card{display:flex;flex-direction:column;border:1px solid var(--ff-line);border-radius:14px;background:#fff;overflow:hidden}.ff-topic{padding:30px}.ff-topic h3,.ff-card h3{margin:0 0 12px}.ff-topic p,.ff-card p{color:var(--ff-muted)}.ff-topic a:last-child,.ff-card a:last-child{margin-top:auto;font-weight:700}.ff-card-body{display:flex;flex-direction:column;flex:1;padding:24px}.ff-card .wp-block-post-featured-image{margin:0;aspect-ratio:3/2;overflow:hidden}.ff-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}.ff-card .wp-block-post-title{font-size:1.45rem;line-height:1.25;margin:8px 0 12px}.ff-card .wp-block-post-title a{color:var(--ff-ink);text-decoration:none}.ff-card .wp-block-post-title a:hover{color:var(--ff-blue)}.ff-card .wp-block-post-excerpt{font-size:1rem;line-height:1.5}.ff-card .wp-block-post-excerpt__more-link{font-weight:700}.ff-card .wp-block-post-terms{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ff-card .wp-block-post-terms a{text-decoration:none}.ff-page-header{padding-block:66px 38px;border-bottom:1px solid var(--ff-line)}.ff-page-header h1{margin:8px 0 12px}.ff-content{padding-block:48px 96px}.ff-content p,.ff-content li{max-width:720px}.ff-content h2,.ff-content h3{margin-top:1.7em}.ff-content blockquote{border-left:4px solid var(--ff-blue);padding-left:22px;margin-left:0;color:var(--ff-ink)}.ff-content .wp-block-image,.ff-content figure{margin-block:28px}.ff-content .wp-block-post-content>p:first-child{font-size:1.2rem;line-height:1.5}.ff-meta{font-size:.9rem;color:var(--ff-muted)}.ff-breadcrumbs{font-size:.88rem;color:var(--ff-muted);padding-top:24px}.ff-breadcrumbs a{color:var(--ff-muted)}.ff-breadcrumbs span{padding-inline:8px}.ff-pagination{margin-block:36px 70px}.ff-pagination .page-numbers{display:inline-block;padding:7px 11px;margin-right:5px;border:1px solid var(--ff-line);border-radius:7px;text-decoration:none}.ff-pagination .current{background:var(--ff-ink);color:#fff}.ff-search-form{display:flex;gap:10px;max-width:600px}.ff-search-form input[type=search]{flex:1;min-width:0}.ff-content input:not([type=submit]),.ff-content textarea,.ff-search-form input[type=search]{border:1px solid #9db2bf;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ff-body);max-width:100%}.ff-content textarea{width:100%;min-height:160px}.ff-content input:not([type=submit]){width:100%}.ff-content label{font-weight:600}.ff-content form p{margin-bottom:20px}.ff-related{border-top:1px solid var(--ff-line);padding-block:48px}.ff-footer{background:var(--ff-ink);color:#fff;padding-block:58px 24px}.ff-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.ff-footer h2,.ff-footer h3,.ff-footer p,.ff-footer a{color:#fff}.ff-footer h2{font-size:1.5rem;margin:0 0 10px}.ff-footer h3{font-family:'Source Sans 3',Arial,sans-serif;font-size:1rem;margin:0 0 14px}.ff-footer ul{list-style:none;padding:0;margin:0}.ff-footer li{margin:0 0 8px}.ff-footer a{text-decoration:none}.ff-footer a:hover{text-decoration:underline}.ff-footer-bottom{border-top:1px solid rgba(255,255,255,.22);margin-top:44px;padding-top:20px;font-size:.85rem}.ff-footer-bottom p{margin:0}.ff-404{min-height:45vh}.wp-block-post-comments-form,.wp-block-comments{margin-top:48px;border-top:1px solid var(--ff-line);padding-top:34px}.wp-block-post-comments-form h3{font-size:1.5rem}.ff-original{border-top:1px solid var(--ff-line);margin-top:64px;padding-top:52px}.ff-original .wp-block-post-content{max-width:720px}.ff-original h2{margin-top:0}
@media(max-width:900px){.ff-card-grid,.ff-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-header-inner{align-items:flex-start}.ff-nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:720px){.ff-shell{padding-inline:20px}.ff-section{padding-block:54px}.ff-header-inner{padding-block:14px;align-items:center}.ff-brand .wp-block-site-title{font-size:1.35rem}.ff-brand p{font-size:.75rem}.ff-nav-wrap{display:block}.ff-menu-toggle{display:block}.ff-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border-bottom:1px solid var(--ff-line);padding:16px 20px 24px;box-shadow:0 14px 22px rgba(18,50,76,.1)}.ff-header{position:relative}.ff-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.ff-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--ff-line)}.ff-search-link{display:none}.ff-hero{padding-block:58px 64px}.ff-hero:after{display:none}.ff-card-grid,.ff-topic-grid{grid-template-columns:1fr}.ff-page-header{padding-block:46px 28px}.ff-content{padding-block:34px 64px}.ff-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.ff-footer-grid>div:first-child{grid-column:1/-1}.ff-search-form{flex-direction:column}.ff-search-form .ff-button{width:100%}}
@media(max-width:430px){.ff-footer-grid{grid-template-columns:1fr}.ff-footer-grid>div:first-child{grid-column:auto}.ff-hero-actions .ff-button{width:100%}}
.ff-card-grid{list-style:none;padding:0;margin:0}.ff-card-grid>li{display:flex;flex-direction:column;border:1px solid var(--ff-line);border-radius:14px;background:#fff;overflow:hidden}.ff-card-grid>li>.wp-block-post-featured-image{margin:0;aspect-ratio:3/2;overflow:hidden}.ff-card-grid>li>.wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}.ff-card-grid>li>.ff-card-body{display:flex;flex-direction:column;flex:1;padding:24px}.ff-card-grid>li .wp-block-post-title{font-size:1.45rem;line-height:1.25;margin:8px 0 12px}.ff-card-grid>li .wp-block-post-title a{color:var(--ff-ink);text-decoration:none}.ff-card-grid>li .wp-block-post-title a:hover{color:var(--ff-blue)}.ff-card-grid>li .wp-block-post-excerpt{font-size:1rem;line-height:1.5}.ff-card-grid>li .wp-block-post-excerpt__more-link{font-weight:700}.ff-card-grid>li .wp-block-post-terms{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ff-card-grid>li .wp-block-post-terms a{text-decoration:none}.ff-card-grid>li .wp-block-post-excerpt__excerpt{margin-bottom:12px}
.ff-hero,.ff-soft{max-width:none!important;width:100%}.ff-hero>.ff-shell,.ff-soft>.ff-shell,.ff-section.ff-shell,.wp-block-query.ff-section,.ff-card-grid{max-width:1200px!important;width:100%}.ff-card-grid{margin-inline:auto}.ff-footer-grid{max-width:1200px!important}.ff-page-header{max-width:1200px!important}.ff-content.ff-reading,.ff-original.ff-reading{max-width:720px!important}
.ff-content a,.ff-original a,.ff-content li,.ff-original li{overflow-wrap:anywhere}.ff-content,.ff-original{min-width:0}
.ff-soft .wp-block-query{max-width:1200px!important;width:100%}
.ff-brand-lockup{line-height:1}.ff-brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ff-ink)}.ff-brand-link img{width:64px;height:auto;flex:none}.ff-wordmark{font-family:'Source Sans 3',Arial,sans-serif;font-size:1.85rem;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.ff-wordmark span{color:var(--ff-blue)}.ff-brand-lockup p{font-size:.73rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;margin:2px 0 0 74px;color:var(--ff-ink)}.ff-mobile-search{display:none!important}
.ff-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 44%,rgba(255,255,255,.18) 100%),url('assets/images/coastal-hero.webp');background-size:cover;background-position:center}.ff-hero:after{display:none}.ff-topic-image{display:block;width:100%;height:270px;object-fit:cover;object-position:center;border-radius:14px;margin:28px 0 24px}.ff-editorial{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.ff-editorial h2{margin:.3em 0}.ff-editorial img{display:block;width:100%;height:340px;object-fit:cover;border-radius:14px}.ff-editorial a{font-weight:700}
.ff-card-grid>li>.ff-card-body>.wp-block-post-featured-image{margin:12px 0;max-height:145px;aspect-ratio:3/2;overflow:hidden;border-radius:8px}.ff-card-grid>li>.ff-card-body>.wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}.ff-card-grid>li>.ff-card-body>.wp-block-post-title{margin-top:8px}.ff-page-intro{font-size:1.2rem;max-width:720px;color:var(--ff-muted)}.ff-archive-more{border-top:1px solid var(--ff-line);padding-block:48px 72px;max-width:720px;margin-inline:auto}.ff-archive-more h2{font-size:1.65rem}.ff-author-context,.ff-share-after{border-top:1px solid var(--ff-line);padding-top:28px;margin-top:38px}.ff-author-context h2{font-size:1.65rem;margin:0 0 12px}.ff-share-after{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.9rem}.ff-share-after span{font-weight:700;color:var(--ff-ink)}.ff-share-after a{font-weight:600}.ff-404>.ff-button{margin-top:24px}
.ff-contact-page .heateor_sss_sharing_container,.ff-contact-page .heateor_sss_mobile_footer,body.single-post .heateor_sss_sharing_container,body.single-post .heateor_sss_mobile_footer{display:none!important}
.ff-story-view .ff-content{max-width:720px}.ff-story-view .ff-content a,.ff-story-view .ff-content li{overflow-wrap:anywhere}
@media(max-width:900px){.ff-wordmark{font-size:1.5rem}.ff-brand-link img{width:54px}.ff-brand-lockup p{margin-left:64px;font-size:.63rem}.ff-editorial{gap:26px}}
@media(max-width:720px){.ff-mobile-search{display:block!important}.ff-brand-link img{width:48px}.ff-wordmark{font-size:1.35rem}.ff-brand-lockup p{font-size:.54rem;letter-spacing:.12em;margin-left:58px}.ff-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.78)),url('assets/images/coastal-hero.webp');background-position:62% center}.ff-topic-image{height:200px}.ff-editorial{grid-template-columns:1fr}.ff-editorial img{height:240px;order:-1}.ff-share-after{gap:14px}}
@media(max-width:380px){.ff-wordmark{font-size:1.2rem}.ff-brand-link{gap:5px}.ff-brand-link img{width:42px}.ff-brand-lockup p{margin-left:47px;letter-spacing:.06em}}
.ff-featured{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.ff-featured img{display:block;width:100%;height:330px;object-fit:cover;border-radius:14px}.ff-featured h2{margin:.3em 0}.ff-featured .ff-button{margin-top:12px}.ff-editorial{display:block;max-width:720px}.ff-editorial h2{margin:.3em 0}
@media(max-width:720px){.ff-featured{grid-template-columns:1fr;gap:24px}.ff-featured img{height:220px}.ff-editorial{max-width:none}}
.ff-topic-grid,.ff-topic-image,.ff-featured{max-width:1136px!important;width:100%}
.ff-topic-image-wrap{max-width:1136px!important;width:100%}
.ff-contact-page .heateorSssClear,body.single-post .heateorSssClear{display:none!important}body.single-post .wp-block-post-content>p:first-of-type{margin-top:0}
@media(min-width:721px) and (max-width:900px){.ff-header-inner{align-items:center}.ff-menu-toggle{display:block}.ff-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border-bottom:1px solid var(--ff-line);padding:16px 32px 24px;box-shadow:0 14px 22px rgba(18,50,76,.1)}.ff-header{position:relative}.ff-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.ff-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--ff-line)}.ff-search-link{display:none}.ff-mobile-search{display:block!important}}

/* Editorial article lists and the three topic symbols. */
.ff-topic-icon{display:block;width:64px;height:64px;margin:0 auto 22px}
.ff-article-list{list-style:none;padding:0;margin:0 auto!important;max-width:920px!important;width:100%;display:block!important}
.ff-article-list>li{padding:28px 0 30px;border-bottom:1px solid var(--ff-line)}
.ff-article-list>li:first-child{padding-top:0}
.ff-article-list .wp-block-post-title{font-size:clamp(1.5rem,2.3vw,1.85rem);line-height:1.25;margin:0 0 10px}
.ff-article-list .wp-block-post-title a{color:var(--ff-ink);text-decoration:none}
.ff-article-list .wp-block-post-title a:hover{text-decoration:underline;color:var(--ff-blue)}
.ff-article-list .wp-block-post-excerpt{font-size:1.05rem;line-height:1.55;margin:0;color:var(--ff-body)}
.ff-article-list .wp-block-post-excerpt__excerpt{margin-bottom:9px}
.ff-article-list .wp-block-post-excerpt__more-link{display:inline-block;margin-top:3px;font-weight:700}
.ff-author-details{display:flex;align-items:flex-start;gap:20px}
.ff-author-details p{margin:0}
.ff-author-avatar{display:block;width:88px;height:88px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--ff-line)}
.ff-editorial>.ff-author-avatar{margin:8px 0 18px}
.ff-editorial img.ff-author-avatar{width:88px;height:88px;margin:8px 0 18px}
.ff-post-header{padding-block:22px 30px}
.ff-post-header h1{margin:0 0 12px}
.ff-post-header .ff-meta{margin-top:0}

/* The full-size identity fits alongside a single-line desktop menu. */
.ff-header-inner{flex-wrap:nowrap;gap:24px}
.ff-brand-link img{width:96px}
.ff-wordmark{font-size:2.775rem}
.ff-brand-lockup p{font-size:1.095rem;margin-left:106px}
.ff-nav-wrap,.ff-nav{align-items:center}
.ff-nav{gap:18px;white-space:nowrap}
.ff-nav .ff-search-link{font-size:1rem;font-weight:600;color:var(--ff-ink)}
@media(max-width:1100px){.ff-header-inner{align-items:center}.ff-menu-toggle{display:block}.ff-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border-bottom:1px solid var(--ff-line);padding:16px 32px 24px;box-shadow:0 14px 22px rgba(18,50,76,.1)}.ff-header{position:relative}.ff-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.ff-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--ff-line)}.ff-nav .ff-search-link{display:none}.ff-mobile-search{display:block!important}.ff-brand-link img{width:81px}.ff-wordmark{font-size:2.25rem}.ff-brand-lockup p{font-size:.9rem;margin-left:91px}}
@media(max-width:720px){.ff-article-list>li{padding-block:23px}.ff-post-header{padding-block:18px 26px}.ff-brand-link img{width:60px}.ff-wordmark{font-size:1.72rem}.ff-brand-lockup p{font-size:.67rem;letter-spacing:.08em;margin-left:70px}.ff-author-details{gap:14px}.ff-author-avatar,.ff-editorial img.ff-author-avatar{width:72px;height:72px}}
@media(max-width:430px){.ff-brand-link img{width:54px}.ff-wordmark{font-size:1.52rem}.ff-brand-lockup p{font-size:.59rem;margin-left:64px}.ff-header-inner{gap:10px}}
@media(max-width:360px){.ff-brand-link img{width:48px}.ff-wordmark{font-size:1.35rem}.ff-brand-lockup p{font-size:.53rem;margin-left:58px}.ff-author-details{display:block}.ff-author-details .ff-author-avatar{margin-bottom:14px}}
.ff-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1136px!important;width:100%;align-items:center}
.ff-editorial img.ff-editorial-image{display:block;width:100%;height:320px;object-fit:cover;border-radius:14px}
@media(max-width:900px){.ff-editorial{gap:28px}}
@media(max-width:720px){.ff-editorial{grid-template-columns:1fr}.ff-editorial img.ff-editorial-image{height:240px}}