/*
Theme Name: Ferris Autobody
Theme URI: https://webgeek.pro
Description: Chrome Hook — a mobile-first Kadence child theme for Ferris Autobody & Towing in Bushnell, Illinois.
Author: Derwin at webgeek.pro
Version: 1.0.1
Template: kadence
Text Domain: ferris-autobody
Requires at least: 6.6
Requires PHP: 8.0
*/
@import url('assets/fonts/fonts.css');
:root{
  --fab-red:#d71920;
  --fab-black:#070707;
  --fab-ink:#f3f3f3;
  --fab-card:#111;
  --fab-muted:#c4c4c4;
  --fab-line:#ffffff14;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body.fab-site{margin:0;background:var(--fab-black);color:var(--fab-ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
body.fab-site h1,body.fab-site h2,body.fab-site h3,body.fab-site .fab-ft-name{font-family:"Russo One",Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.08;margin:0 0 12px;color:inherit}
body.fab-site h1{font-size:clamp(32px,5.4vw,64px)}
body.fab-site h2{font-size:clamp(28px,4vw,46px)}
body.fab-site h3{font-size:20px;font-family:Oswald,sans-serif;font-style:italic;text-transform:uppercase;font-weight:700}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.fab-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.fab-skip:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;min-height:44px;min-width:44px;margin:0;clip:auto;clip-path:none;overflow:visible;z-index:80;background:#fff;color:#000;padding:8px 12px}
.fab-w,.fab-main .wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.fab-header{position:sticky;top:0;z-index:40;background:#070707f0;border-bottom:1px solid #d7192040;backdrop-filter:blur(8px);color:#fff}
.fab-hd{width:min(1120px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.fab-brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.fab-brand img{height:52px;width:auto}
.fab-menu{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.fab-menu a{display:flex;align-items:center;min-height:44px;min-width:44px;padding:0 10px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;opacity:.9}
.fab-menu a:hover,.fab-menu .current-menu-item>a{color:var(--fab-red);opacity:1}
.fab-top-right{display:flex;align-items:center;gap:10px}
.fab-call{display:inline-flex;align-items:center;justify-content:center;background:var(--fab-red);color:#fff;text-decoration:none;padding:0 16px;min-height:44px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.fab-nav-toggle{display:none;background:transparent;border:1px solid #fff6;color:#fff;min-width:44px;min-height:44px;font-size:22px;cursor:pointer}
.fab-nav-toggle .menu-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.fab-main{background:var(--fab-black);color:var(--fab-ink)}
.fab-main p{margin:0 0 16px}
.fab-main .lede,.fab-lede{max-width:42em;opacity:.85;margin:0 auto 36px;text-align:center}
.fab-main a:not(.wp-block-button__link):not(.kt-button):not(.fab-call){text-underline-offset:4px}
.fab-main p a{color:#ffb3b7;text-decoration:underline}
.fab-section,.fab-main .fab-section{padding:80px 0}
.fab-card,.fab-main .fab-card{background:var(--fab-card);border:1px solid var(--fab-line);border-top:3px solid var(--fab-red);padding:22px 20px 24px}
.fab-card h3{margin-bottom:8px}
.fab-card p{font-size:14px;opacity:.8;margin:0}
.fab-service-grid,.fab-main .fab-service-grid{gap:18px}
.fab-rights,.fab-main .fab-rights{background:var(--fab-red);color:#fff;padding:72px 0;text-align:center}
.fab-rights h2,.fab-main .fab-rights h2{font-family:Oswald,sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(28px,4.6vw,56px);max-width:18em;margin:0 auto 16px;text-align:center}
.fab-rights p,.fab-main .fab-rights p{max-width:40em;margin-inline:auto;font-size:18px;text-align:center}
.fab-tow,.fab-main .fab-tow{background:linear-gradient(90deg,#1a0506,var(--fab-red) 55%,#7a0c12);padding:48px 0;text-align:center}
.fab-tow h2{font-family:Oswald,sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(28px,4vw,48px)}
.fab-tow p{margin:10px auto 20px;max-width:36em}
.fab-about,.fab-main .fab-about{background:#0d0d0d;padding:80px 0}
.fab-about ul,.fab-list{margin:20px 0 0;padding:0;list-style:none}
.fab-about li,.fab-list li{padding:8px 0 8px 18px;position:relative}
.fab-about li:before,.fab-list li:before{content:"";position:absolute;left:0;top:16px;width:8px;height:2px;background:var(--fab-red)}
.fab-visit,.fab-main .fab-visit{background:#111;padding:80px 0}
.fab-hours{width:100%;border-collapse:collapse;font-size:15px}
.fab-hours caption{text-align:left;font-weight:700;padding-bottom:8px}
.fab-hours th{text-align:left;font-weight:600;padding:8px 8px 8px 0;border-bottom:1px solid var(--fab-line)}
.fab-hours td{text-align:right;padding:8px 0;border-bottom:1px solid var(--fab-line)}
.fab-map-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}
.fab-map{width:100%;height:320px;object-fit:cover;object-position:68% 62%;filter:grayscale(.25) contrast(1.05);background:#222}
.fab-map-cap{font-size:13px;opacity:.8;margin:0}
.fab-map-attr{opacity:.7;font-size:11px}
.fab-fine{font-size:13px;opacity:.7}
.fab-pay{margin-top:16px;font-size:13px;opacity:.75}
.fab-ph{background:#111;border:1px solid var(--fab-line);border-left:4px solid var(--fab-red);padding:22px;margin:16px 0}
.fab-gallery,.fab-main .fab-gallery{margin:0}
.fab-main .wp-block-gallery{--wp--style--gallery-gap-default:12px}
.fab-main .wp-block-gallery img{width:100%;height:100%;object-fit:cover}
.fab-ft{background:#000;color:#c4c4c4;border-top:3px solid var(--fab-red);font-size:14px}
.fab-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px;padding:40px 0 28px}
.fab-ft-name{color:#fff;font-size:16px;margin-bottom:10px}
.fab-ft address{font-style:normal;line-height:1.7}
.fab-ft a,.fab-bar a{color:var(--fab-red);display:inline-flex;align-items:center;min-height:44px}
.fab-footer-link{display:flex;min-height:44px;min-width:44px;align-items:center;text-decoration:none;padding-inline:2px}
.fab-ft-note{margin-top:10px}
.fab-bar{border-top:1px solid #ffffff14;padding:20px 0;font-size:13px}
.fab-bar .fab-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fab-rights .wp-block-buttons,.fab-tow .wp-block-buttons,.fab-visit .wp-block-buttons,.fab-section .wp-block-buttons,.fab-about .wp-block-buttons,.fab-main .wp-block-buttons{justify-content:center}
/* Buttons */
.fab-main .wp-block-button__link,.fab-main .kt-button,.fab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 26px;font:700 14px/1.3 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:0;border-radius:0;cursor:pointer}
.fab-main .wp-block-button__link,.fab-btn-primary{background:var(--fab-red);color:#fff}
.fab-main .is-style-outline .wp-block-button__link,.fab-btn-ghost{background:transparent;color:#fff;border:2px solid #fff}
.fab-rights .wp-block-button__link,.fab-rights .is-style-outline .wp-block-button__link{background:#fff;color:var(--fab-red);border-color:#fff}
.fab-tow .wp-block-button__link{background:#fff;color:#111}
.fab-site .fluentform{margin-top:8px}
.fab-site .fluentform label{color:#f3f3f3;font-size:13px;font-weight:600}
.fab-site .fluentform input,.fab-site .fluentform select,.fab-site .fluentform textarea{width:100%;padding:10px 12px;background:#161616;border:1px solid #ffffff22;color:#fff;min-height:44px;border-radius:0;font:inherit;max-width:100%}
.fab-site .fluentform .ff-btn-submit{min-height:44px;padding:14px 26px;background:var(--fab-red);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:0}
/* Native Kadence heroes: photo/overlay/spacing are block attributes. CSS is decorative only. */
.fab-native-hero{position:relative;isolation:isolate}
.fab-native-hero:after{content:"";position:absolute;left:0;right:0;width:100%;bottom:-40px;height:140px;background:var(--fab-red);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%);opacity:.9;pointer-events:none;z-index:1}
.fab-native-hero .kt-inside-inner-col,.fab-native-copy{position:relative;z-index:2;text-align:center;margin-left:auto;margin-right:auto}
.fab-native-hero .wp-block-kadence-advancedheading,.fab-native-hero h1,.fab-native-hero p{text-align:center;margin-left:auto;margin-right:auto}
.fab-native-hero .wp-block-kadence-advancedbtn,.fab-native-hero .kb-buttons-wrap{justify-content:center;align-items:center;margin-left:auto;margin-right:auto}
.fab-native-hero h1,.fab-native-hero .wp-block-kadence-advancedheading{text-shadow:0 2px 0 #000,0 6px 24px #000c}
.fab-site a:focus-visible,.fab-site button:focus-visible,.fab-site input:focus-visible,.fab-site textarea:focus-visible,.fab-site select:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){
  .fab-menu,.fab-hd #fab-navigation{display:none}
  .fab-hd #fab-navigation.is-open{display:block;order:3;flex:0 0 100%}
  .fab-hd{flex-wrap:wrap}
  .fab-nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .fab-call{clip-path:none;border-radius:2px;padding:0 12px;font-size:12px}
  .fab-brand img{height:44px}
  .fab-hd.is-open, #fab-navigation.is-open .fab-menu{display:flex;flex-direction:column;padding:8px 0 8px;gap:0}
  #fab-navigation.is-open .fab-menu a{min-height:44px;border-bottom:1px solid var(--fab-line)}
  .fab-section,.fab-about,.fab-visit,.fab-main .fab-section,.fab-main .fab-about,.fab-main .fab-visit{padding:56px 0}
  .fab-service-grid,.fab-main .fab-service-grid{grid-template-columns:1fr 1fr}
  .fab-cols{grid-template-columns:1fr;gap:24px;padding:32px 0 20px}
  .fab-native-hero:after{height:100px;bottom:-28px}
  /* Home-style mobile heroes: photo on top, copy in a dark band so the storefront sign stays clear. */
  .fab-native-hero.kb-row-layout-wrap{
    display:flex !important;
    flex-direction:column;
    justify-content:flex-end;
    min-height:70svh !important;
    height:auto !important;
    background-color:#070707;
  }
  .fab-native-hero.fab-native-home.kb-row-layout-wrap{
    min-height:calc(100svh - 72px) !important;
  }
  .fab-native-hero > .kt-row-column-wrap{
    min-height:0 !important;
    height:auto !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:-32px !important;
    padding:20px 20px 88px !important;
    background:linear-gradient(180deg, rgba(7,7,7,0) 0%, #070707 18%);
  }
  .fab-native-hero.fab-native-home h1,
  .fab-native-home .kt-adv-heading-fab-home-title{font-size:28px !important;line-height:1.1 !important}
  .fab-native-hero .wp-block-kadence-advancedbtn,
  .fab-native-hero .kb-buttons-wrap{flex-wrap:wrap}
  .fab-native-hero .kt-button{flex:1}
  .fab-map{height:240px}
  .fab-main .wp-block-button__link{width:100%}
  .fab-main .wp-block-buttons{gap:12px}
}
@media(max-width:800px) and (max-height:700px){
  .fab-native-hero > .kt-row-column-wrap{padding:16px 20px 72px !important}
  .fab-native-hero:after{height:80px;bottom:-20px}
}
@media(max-width:520px){
  .fab-service-grid,.fab-main .fab-service-grid{grid-template-columns:1fr}
}