/*
Theme Name: Matthew Toomer Official
Theme URI: https://www.matthewtoomer.com/
Author: Matthew Toomer
Description: Independent responsive personal website theme with native navigation and homepage.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: matthew-toomer
*/
:root{--cream:#f8eddb;--ink:#24252a;--muted:#56535a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.mt-skip{position:absolute;top:-80px;left:10px;z-index:999;background:white;padding:12px}.mt-skip:focus{top:10px}.mt-header{background:var(--cream);position:relative;z-index:100}.mt-header-inner{max-width:1250px;margin:auto;min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 28px}.mt-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}.mt-brand img{display:block;width:116px;height:auto;max-height:100px;object-fit:contain}.mt-brand-text{font-family:Georgia,serif;font-weight:bold;font-size:28px;letter-spacing:-2px;line-height:.75}.mt-brand-text small{display:block;font-family:Arial,sans-serif;letter-spacing:.7px;font-size:6px;text-align:right;margin-top:7px}.mt-nav ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;gap:32px}.mt-nav a{display:block;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;padding:14px 0;border-bottom:2px solid transparent}.mt-nav a:hover,.mt-nav .current-menu-item>a{border-color:#2c313a}.mt-menu-toggle{display:none;border:0;background:#ede1d0;border-radius:5px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.mt-main{min-height:50vh}.mt-home{max-width:1250px;margin:0 auto;padding:35px 28px 85px}.mt-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:70px;align-items:start}.mt-home-copy{padding-top:24px}.mt-home h1{font-size:48px;font-weight:500;letter-spacing:.1px;margin:0 0 28px}.mt-rule{width:34px;height:1px;background:#303036;margin:0 0 44px}.mt-home p{font-size:17px;line-height:1.95;letter-spacing:.6px;color:#535057;margin:0 0 46px}.mt-home-photo img{width:100%;height:auto;display:block;object-fit:cover}.mt-home-photo .mt-photo-placeholder{background:#e7dac7;min-height:470px;display:grid;place-items:center;padding:40px;text-align:center;color:#706b64}.mt-home-photo .mt-photo-placeholder a{font-weight:bold}.mt-page{max-width:1100px;margin:0 auto;padding:45px 28px 90px}.mt-page h1{font-size:44px;font-weight:500}.mt-page p{line-height:1.8}.mt-footer{border-top:1px solid #e7dacb;padding:32px 25px;text-align:center;font-size:13px;color:#5b5652}.mt-footer a{text-decoration:none}.mt-home-about{display:inline-block;border-bottom:1px solid;padding:8px 0;text-decoration:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px}@media(max-width:800px){.mt-header-inner{min-height:82px;padding:14px 20px;gap:16px}.mt-brand img{width:110px;max-height:64px}.mt-menu-toggle{display:flex;margin-left:auto}.mt-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;overflow:visible!important;background:var(--cream)!important;padding:10px 20px 22px!important;box-shadow:0 14px 24px rgba(30,20,10,.12);z-index:1000!important}.mt-header.mt-open .mt-nav{display:block!important}.mt-nav ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}.mt-nav li{width:100%!important;display:block!important;margin:0!important}.mt-nav a{width:100%!important;display:block!important;padding:16px 8px!important;border-bottom:1px solid #e0d4c4!important;font-size:13px!important;white-space:normal!important;letter-spacing:1.4px!important}.mt-home{padding:26px 20px 55px}.mt-home-grid{grid-template-columns:minmax(0,1fr);gap:28px}.mt-home-copy{padding:0}.mt-home h1{font-size:40px;margin-bottom:22px}.mt-rule{margin-bottom:28px}.mt-home p{font-size:16px;line-height:1.8;letter-spacing:.15px;margin-bottom:25px}.mt-home-photo{grid-row:2}.mt-home-photo .mt-photo-placeholder{min-height:240px}.mt-page{padding:25px 20px 55px}.mt-page h1{font-size:36px}}@media(min-width:801px){.mt-nav{display:block!important}}

/* V2.1: typography restored to original desktop reference */
@media (min-width:801px){
.mt-header-inner{min-height:230px;max-width:1250px;padding-left:28px;padding-right:28px}
.mt-home{padding-top:34px}
.mt-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:60px}
.mt-home-copy{padding-top:38px}
.mt-home h1{font-size:46px;font-weight:600;line-height:1.2;letter-spacing:.2px;margin-bottom:34px;color:#49454a}
.mt-rule{margin-bottom:58px}
.mt-home p{font-size:17px;line-height:1.9;letter-spacing:1.05px;margin-bottom:62px;color:#555158}
.mt-page h1{font-size:46px;line-height:1.2;font-weight:600;color:#49454a}
.mt-page p{font-size:17px;line-height:1.9;letter-spacing:1px}
}
@media(max-width:800px){
.mt-header-inner{min-height:82px}
.mt-home h1{font-size:40px;font-weight:600;line-height:1.2;color:#49454a}
.mt-page h1{font-size:40px;font-weight:600;line-height:1.2;color:#49454a}
}
/* Elementor owns its own widget headings and text: do not override their styling. */

/* V2.2: tighter, more cohesive homepage composition */
@media (min-width:801px){
 .mt-header-inner{min-height:154px!important}
 .mt-home{padding-top:28px!important;padding-bottom:60px!important}
 .mt-home-grid{grid-template-columns:minmax(0,0.96fr) minmax(0,1.04fr)!important;gap:38px!important;align-items:start}
 .mt-home-copy{padding-top:24px!important}
 .mt-home h1{margin-bottom:26px!important}
 .mt-rule{margin-bottom:42px!important}
 .mt-home p{margin-bottom:38px!important}
 .mt-home-photo{position:sticky;top:24px;align-self:start}
 .mt-home-photo img{width:100%;height:auto;max-height:calc(100vh - 48px);object-fit:contain;object-position:top center}
}
@media (max-width:800px){
 .mt-home{padding-top:18px!important}
 .mt-home-grid{gap:20px!important}
 .mt-home-copy{padding-top:0!important}
 .mt-home-photo{position:static}
 .mt-home-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
}