/*
Theme Name: TD Law
Theme URI: https://www.tdlawfl.com
Author: The Law Offices of Tyler A. Dixon, PLLC
Description: Custom block theme for The Law Offices of Tyler A. Dixon, PLLC. Navy and champagne editorial design. Fully editable in the WordPress Site Editor: header, footer, menus, and all page content.
Version: 3.4
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: td-law
*/

:root{--navy:#1e3350;--gold:#a99460;--champ:#d3c194;--ivory:#faf7f1;--body:#46536a;--body2:#5b6373;--line:#dfd9cb;--fine:#7d8699}
*{box-sizing:border-box}
body{background:#faf7f1;font-family:'Jost',sans-serif;color:var(--body);font-weight:300;margin:0}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--navy);font-weight:500}
a{color:var(--navy);text-decoration:none}a:hover{color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-card{background:var(--ivory);max-width:1240px;margin:0 auto}

/* Masthead */
.masthead{position:relative;padding:44px 48px 0;text-align:center}
p.phone-chip-wrap{position:absolute!important;top:48px!important;right:48px!important;left:auto!important;margin:0!important;width:auto!important}
.phone-chip-wrap a,.phone-chip{display:inline-block;border:1px solid var(--gold);color:var(--navy);padding:11px 22px;font-size:13px;letter-spacing:.14em}
.brand-eyebrow,.brand-pllc{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);padding-left:.5em;margin:0}
.brand-name{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:42px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:7px 0 0;line-height:1.1}
.brand-pllc{margin-top:7px}
.masthead .wp-block-navigation{margin-top:26px;padding-bottom:22px;border-bottom:1px solid var(--line);justify-content:center;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.masthead .wp-block-navigation a{color:var(--body)}
.masthead .wp-block-navigation .current-menu-item a{color:var(--gold)}
.masthead .wp-block-navigation .wp-block-navigation__submenu-container{border:1px solid var(--line);box-shadow:0 10px 28px rgba(30,51,80,.14);min-width:250px!important}
.masthead .wp-block-navigation .wp-block-navigation__submenu-container a{color:var(--navy);padding:15px 24px;border-bottom:1px solid #efeae0}
.masthead .wp-block-navigation .wp-block-navigation__submenu-container li:last-child a{border-bottom:none}

/* Content */
.eyebrow{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.hero{padding:96px 48px 84px;text-align:center}
.hero-h1{font-size:clamp(34px,4.5vw,58px);line-height:1.15;max-width:860px;margin:0 auto}
.hero-sub{font-size:16px;line-height:1.8;color:var(--body2);max-width:620px;margin:26px auto 0}
.roman{font-family:'Cormorant Garamond',serif;font-size:15px;color:var(--gold)}
.rule-scales-p{display:flex;align-items:center;justify-content:center;gap:16px;font-size:20px;color:var(--gold);margin:0 0 34px!important;line-height:1}
.rule-scales-p::before,.rule-scales-p::after{content:"";width:min(200px,22vw);border-top:1px solid var(--champ)}
.rule-sm{font-size:16px;gap:10px;margin:30px 0!important}
.rule-sm::before,.rule-sm::after{width:40px}
.rule-left{justify-content:flex-start}
.rule-scales{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 34px}
.rule-scales i{display:block;width:min(200px,22vw);border-top:1px solid var(--champ)}
.rule-scales span{font-size:20px;color:var(--gold);line-height:1}
.wp-block-button .wp-block-button__link{background:var(--navy);color:var(--champ);padding:16px 42px;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;border-radius:0;font-family:'Jost',sans-serif;font-weight:400}
.wp-block-button .wp-block-button__link:hover{background:#2a4468;color:var(--champ)}
.btn-gold .wp-block-button__link{background:var(--gold);color:var(--navy)}
.grid-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid-band .wp-block-columns{gap:0;margin:0}
.grid-band .wp-block-column{padding:54px 44px;border-right:1px solid var(--line);margin:0}
.grid-band .wp-block-column:last-child{border-right:none}
.grid-band h2,.grid-band h3{font-weight:600;font-size:25px;margin:0}
.grid-band p{font-size:14px;line-height:1.75;color:var(--body2);margin:12px 0 0}
.more-link{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-top:18px}
.more-link a{color:var(--gold)}
.bio-band{padding:80px 72px}
.bio-band .wp-block-columns{align-items:center;gap:64px}
.bio-band h2{font-size:40px;margin:0}
.bio-band p{font-size:15px;line-height:1.85}
.side-card{border:1px solid var(--line);padding:28px 30px}
.side-card p{font-size:14px;line-height:1.8;margin:10px 0 0}
.cta-band{background:var(--navy);padding:56px 48px;text-align:center}
.cta-band h2{color:#f5f1e9;font-size:30px;margin:0}
.ph-img{background:repeating-linear-gradient(45deg,#e8e9ec 0,#e8e9ec 2px,#dcdee4 2px,#dcdee4 14px);display:flex;align-items:center;justify-content:center;color:#8e94a1;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:12px;min-height:360px}

.lede{font-size:26px !important;line-height:1.5}
.btn-row{margin-top:40px}
.btn-row-sm{margin-top:24px}
.hero-tight{padding-bottom:24px}
.bio-band-tight{padding-top:0}
.side-card-gap{margin-top:28px}
.form-note{background:#f0ece2;padding:24px}
.form-fine{font-size:11.5px;line-height:1.6;color:#778090}
.single-wrap{padding:72px 24px}

.faq-band{padding:64px 72px;border-top:1px solid var(--line)}
.faq-band h2{font-size:32px;margin:0 0 12px}
.faq-item{border-bottom:1px solid var(--line);padding:18px 0;max-width:760px;margin:0 auto}
.faq-item summary{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--navy);cursor:pointer}
.faq-item p{font-size:14.5px;line-height:1.8;color:var(--body2);margin:12px 0 0}
.faq-item a{color:var(--gold)}
@media(max-width:920px){.faq-band{padding:48px 24px}}

/* Insights list */
.insights-head{padding:72px 48px 24px;text-align:center}
.post-list{padding:0 72px 72px}
.post-list .wp-block-post{border-top:1px solid var(--line);padding:36px 0}
.post-list .wp-block-post-title{font-size:27px;font-weight:600;margin:0}
.post-list .wp-block-post-excerpt__excerpt{font-size:14px;line-height:1.7;color:var(--body2);max-width:640px;margin:8px 0 0}
.post-list .wp-block-post-date{font-size:12px;color:#778090;margin-top:10px;display:block}
.single-title{font-size:clamp(30px,4vw,44px);text-align:center}

/* Footer */
.site-footer{background:var(--navy);padding:48px;text-align:center}
.site-footer p{margin:0}
.footer-firm{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px!important}
.footer-big{font-family:'Cormorant Garamond',serif;font-size:24px;color:#f5f1e9}
.footer-big a{color:#f5f1e9}.footer-big a:hover{color:var(--champ)}
.footer-cities{font-family:'Cormorant Garamond',serif;font-size:15px;color:var(--gold);margin-top:10px!important;letter-spacing:.08em}
.footer-fine{font-size:11px;color:var(--fine);margin-top:16px!important;line-height:1.6}
.footer-fine a{color:var(--fine);text-decoration:underline}

/* Forms */
label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--body);margin-bottom:8px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;border:1px solid #cfc8b8;background:#fff;padding:12px 16px;font-family:'Jost',sans-serif;font-size:14px;font-weight:300;color:var(--navy)}

@media(max-width:920px){
.masthead{padding:28px 20px 0}
.phone-chip{position:static;display:inline-block;margin-bottom:18px}
.hero{padding:64px 24px 56px}
.bio-band{padding:48px 24px}
.post-list{padding:0 24px 48px}
.grid-band .wp-block-column{border-right:none;border-bottom:1px solid var(--line)}
.grid-band .wp-block-column:last-child{border-bottom:none}
}