/* ==== Whalen Automotive — full-width period theme (est. 2014) ==== */
    body{font-family:'Open Sans',Arial,Helvetica,sans-serif;color:#4a4a4a;background:#fff;}
    h1,h2,h3,h4,h5{font-family:'Oswald',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#222;}
    a{color:#c1121f;} a:hover{color:#8a0d16;}
    .carbon{background-color:#131313;background-image:
      linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px,
      linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0,
      linear-gradient(27deg,#222 5px,transparent 5px) 0 10px,
      linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,
      linear-gradient(90deg,#1b1b1b 10px,transparent 10px),
      linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424);
      background-size:20px 20px;}
    /* full-width bands, centered content */
    .band{padding:52px 0;border-bottom:1px solid #e6e6e6;}
    .band-gray{background:#f3f3f3;}
    /* top bar */
    .topbar{color:#bbb;font-size:13px;border-bottom:3px solid #c1121f;}
    .topbar .container{padding-top:9px;padding-bottom:9px;}
    .topbar a{color:#fff;}
    .topbar .phone{font-family:'Oswald';font-size:20px;color:#fff;letter-spacing:1px;}
    .topbar .sep{color:#555;margin:0 10px;}
    /* navbar — brushed metal */
    .navwrap{background:linear-gradient(to bottom,#3a3a3a,#1b1b1b);border-bottom:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.45);}
    .brand{display:inline-block;padding:16px 0;}
    .brand .b1{font-family:'Oswald';font-size:32px;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:0 2px 2px rgba(0,0,0,.6);line-height:1;}
    .brand .b1 .r{color:#e23b3b;}
    .brand .b2{font-family:'Oswald';font-size:12px;color:#c1121f;letter-spacing:5px;border-top:1px solid #444;padding-top:3px;margin-top:4px;}
    .mainnav{margin:0;}
    .mainnav>li>a{font-family:'Oswald';text-transform:uppercase;color:#eaeaea;font-size:15px;letter-spacing:1px;padding:30px 16px;text-shadow:0 1px 1px #000;}
    .mainnav>li>a:hover,.mainnav>li.active>a,.mainnav>li.open>a{background:#c1121f !important;color:#fff !important;}
    .mainnav .dropdown-menu{background:#1c1c1c;border:1px solid #000;border-top:3px solid #c1121f;border-radius:0;}
    .mainnav .dropdown-menu>li>a{color:#ddd;font-family:'Oswald';text-transform:uppercase;font-size:13px;padding:11px 16px;}
    .mainnav .dropdown-menu>li>a:hover{background:#c1121f;color:#fff;}
    .navbar-toggle{margin-top:22px;} .navbar-toggle .icon-bar{background:#fff;}
    /* buttons */
    .btn{font-family:'Oswald';text-transform:uppercase;letter-spacing:.5px;border-radius:4px;}
    .btn-red{background:linear-gradient(to bottom,#e23b3b,#c1121f);border:1px solid #8a0d16;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.3);}
    .btn-red:hover,.btn-red:focus{background:linear-gradient(to bottom,#c1121f,#8a0d16);color:#fff;}
    .btn-dark{background:linear-gradient(to bottom,#444,#222);border:1px solid #000;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(0,0,0,.3);}
    .btn-dark:hover{background:linear-gradient(to bottom,#333,#111);color:#fff;}
    /* hero */
    .hero{position:relative;background:#111;overflow:hidden;border-bottom:4px solid #c1121f;}
    .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;}
    .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.85),rgba(0,0,0,.35));z-index:1;}
    .hero .container{position:relative;z-index:2;padding-top:90px;padding-bottom:90px;}
    .hero .ribbon{display:inline-block;background:#c1121f;color:#fff;font-family:'Oswald';text-transform:uppercase;letter-spacing:2px;font-size:12px;padding:6px 14px;box-shadow:0 2px 4px rgba(0,0,0,.4);}
    .hero h1{color:#fff;font-size:56px;text-shadow:0 3px 6px rgba(0,0,0,.7);margin:16px 0 12px;line-height:1.03;}
    .hero h1 .r{color:#e23b3b;}
    .hero p{color:#eee;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:600px;margin-bottom:22px;}
    .hero .btn{margin:6px 10px 0 0;padding:13px 26px;font-size:17px;}
    /* section titles */
    .titleline{text-align:center;margin-bottom:34px;}
    .titleline h2{font-size:32px;margin:0;}
    .titleline:after{content:"";display:block;width:70px;height:3px;background:#c1121f;margin:12px auto 0;}
    .lead-sub{text-align:center;color:#888;max-width:680px;margin:-22px auto 30px;}
    /* features (no icons) */
    .feat{text-align:center;padding:12px 14px;}
    .feat .n{font-family:'Oswald';font-size:15px;color:#c1121f;letter-spacing:2px;}
    .feat h4{font-size:19px;margin:8px 0 8px;padding-bottom:10px;border-bottom:2px solid #e2e2e2;display:inline-block;}
    .feat p{font-size:14px;color:#777;margin:0;}
    /* services */
    .svc{border:1px solid #cfcfcf;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);overflow:hidden;background:#fff;margin-bottom:20px;}
    .svc .ph{height:170px;background:#222;position:relative;overflow:hidden;}
    .svc .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
    .svc .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.45));}
    .svc .cap{padding:16px 16px 18px;}
    .svc .cap h3{font-size:19px;margin:0 0 7px;}
    .svc .cap p{font-size:13px;color:#777;min-height:54px;margin:0 0 12px;}
    /* welcome */
    .welcome img{border:6px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3);border-radius:4px;width:100%;height:430px;object-fit:cover;}
    @media(max-width:767px){.welcome img{height:250px;margin-bottom:20px;}}
    .rule{width:64px;height:3px;background:#c1121f;margin:0 0 16px;}
    .chk{list-style:none;padding:0;margin:16px 0;}
    .chk li{padding:6px 0 6px 24px;position:relative;color:#555;}
    .chk li:before{content:"\203A";position:absolute;left:2px;top:4px;color:#c1121f;font-family:'Oswald';font-weight:700;font-size:20px;line-height:1;}
    .badge2014{display:inline-block;vertical-align:middle;background:linear-gradient(to bottom,#2b2b2b,#111);color:#fff;border:2px solid #c1121f;border-radius:50%;width:92px;height:92px;text-align:center;font-family:'Oswald';box-shadow:0 3px 8px rgba(0,0,0,.4);margin-right:12px;}
    .badge2014 .big{display:block;font-size:28px;line-height:1;padding-top:22px;color:#e23b3b;}
    .badge2014 .sm{display:block;font-size:10px;letter-spacing:3px;color:#ccc;}
    /* CTA */
    .cta{background:linear-gradient(to bottom,#e23b3b,#b30f1a);color:#fff;border-top:3px solid #000;border-bottom:3px solid #000;}
    .cta .container{padding-top:30px;padding-bottom:30px;}
    .cta h2{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);margin:6px 0 4px;font-size:28px;}
    .cta .num{font-family:'Oswald';font-size:38px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.4);line-height:1.1;}
    /* testimonials */
    .quote{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #c1121f;border-radius:4px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:20px;}
    .quote p{font-style:italic;color:#555;margin:8px 0 12px;font-size:15px;}
    .quote .who{font-family:'Oswald';text-transform:uppercase;font-size:13px;color:#333;}
    .stars{color:#f5a623;letter-spacing:2px;}
    /* contact */
    .titlebar{background:linear-gradient(to bottom,#2b2b2b,#181818);color:#fff;font-family:'Oswald';text-transform:uppercase;letter-spacing:1px;padding:12px 16px;border-radius:4px 4px 0 0;border-bottom:3px solid #c1121f;}
    .panelbox{border:1px solid #ddd;border-top:0;padding:20px;border-radius:0 0 4px 4px;background:#fff;}
    .form-control{border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
    .hours-tbl{width:100%;font-size:14px;} .hours-tbl td{padding:8px 0;border-bottom:1px dotted #ddd;} .hours-tbl .cl{color:#c1121f;font-weight:700;}
    .mapbox{border:6px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3);} .mapbox iframe{display:block;width:100%;height:250px;border:0;}
    /* footer */
    .foot{color:#aaa;font-size:14px;} .foot .container{padding-top:40px;padding-bottom:16px;}
    .foot h4{color:#fff;border-bottom:2px solid #c1121f;padding-bottom:8px;margin:0 0 16px;font-size:17px;}
    .foot a{color:#ccc;} .foot a:hover{color:#e23b3b;}
    .foot ul{list-style:none;padding:0;margin:0;} .foot ul li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);}
    .copy{background:#0d0d0d;color:#888;text-align:center;padding:14px;font-size:12px;border-top:1px solid #000;}
    .faq .panel{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);}
    .faq .panel-heading{padding:0;background:linear-gradient(to bottom,#2b2b2b,#181818);border-bottom:2px solid #c1121f;border-radius:4px 4px 0 0;}
    .faq .panel-heading a{display:block;padding:14px 18px;color:#fff;font-family:'Oswald';text-transform:uppercase;letter-spacing:.5px;font-size:15px;text-decoration:none;}
    .faq .panel-heading a:hover{color:#e23b3b;}
    .faq .panel-body{padding:16px 18px;color:#555;}
    /* tire finder */
    .tf-title h2{color:#fff;font-size:32px;margin:0 0 6px;}
    .finder-panel{background:#fff;border-radius:6px;box-shadow:0 5px 18px rgba(0,0,0,.45);max-width:840px;margin:0 auto;overflow:hidden;border-top:4px solid #c1121f;}
    .finder-panel .nav-tabs{margin:0;background:#ececec;border-bottom:1px solid #ddd;padding-left:8px;}
    .finder-panel .nav-tabs>li>a{font-family:'Oswald';text-transform:uppercase;letter-spacing:.5px;border-radius:0;color:#666;border:0;margin:0;}
    .finder-panel .nav-tabs>li.active>a,.finder-panel .nav-tabs>li.active>a:hover{color:#c1121f;background:#fff;border:0;border-bottom:3px solid #c1121f;}
    .finder-body{padding:22px;}
    .finder-body .form-control{height:44px;font-size:15px;}
    .brands{color:#999;text-align:center;margin-top:18px;font-family:'Oswald';letter-spacing:1px;font-size:13px;text-transform:uppercase;}
    .brands b{color:#e23b3b;font-weight:500;}
    @media(max-width:767px){.hero h1{font-size:34px;}.brand .b1{font-size:24px;}.mainnav>li>a{padding:12px 16px;}.hero .container{padding-top:55px;padding-bottom:55px;}}
/* ==== interior pages ==== */
.page-head{background:#111 center/cover no-repeat;position:relative;border-bottom:4px solid #c1121f;}
.page-head:after{content:"";position:absolute;inset:0;background:rgba(13,13,13,.72);}
.page-head .container{position:relative;z-index:2;padding-top:46px;padding-bottom:46px;}
.page-head h1{color:#fff;font-size:42px;margin:8px 0 8px;text-shadow:0 2px 5px rgba(0,0,0,.6);}
.page-head p{color:#ccc;margin:0;max-width:640px;}
.crumbs{font-family:'Oswald';text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#bbb;}
.crumbs a{color:#e23b3b;}
.article{max-width:770px;margin:0 auto;font-size:16px;line-height:1.75;color:#4a4a4a;}
.article h2{font-size:26px;margin:28px 0 10px;}
.article h3{font-size:20px;margin:20px 0 8px;}
.article p{margin:0 0 14px;}
.article ul,.article ol{margin:0 0 16px;padding-left:22px;} .article li{margin-bottom:7px;}
.article blockquote{border-left:4px solid #c1121f;background:#f7f7f7;padding:14px 18px;font-style:italic;color:#444;margin:20px 0;border-radius:0 4px 4px 0;}
.article a{color:#c1121f;}
.svc-list-item{padding:18px 0;border-bottom:1px solid #ececec;}
.svc-list-item h3{font-size:20px;margin:0 0 6px;}
.related a{display:block;background:#fff;border:1px solid #ddd;border-radius:5px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#333;}
.related a:hover{border-color:#c1121f;color:#c1121f;text-decoration:none;}
.related a strong{font-family:'Oswald';text-transform:uppercase;display:block;}
.notfound{text-align:center;padding:70px 20px;} .notfound .big{font-family:'Oswald';font-size:120px;color:#c1121f;line-height:1;font-weight:700;}
.topbar .topbar-sms{display:inline-block;margin-left:12px;padding:2px 10px;border:1px solid #c1121f;border-radius:3px;color:#fff;font-family:'Oswald';text-transform:uppercase;font-size:12px;letter-spacing:1px;}
.topbar .topbar-sms:hover{background:#c1121f;color:#fff;text-decoration:none;}
.mainnav>li>a{-webkit-tap-highlight-color:transparent;}
.mainnav>li>a:focus{background:transparent;outline:0;color:#eaeaea;}
.mainnav>li.active>a,.mainnav>li.active>a:focus,.mainnav>li>a:hover,.mainnav>li>a:hover:focus{background:#c1121f !important;color:#fff !important;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus{background:#c1121f !important;color:#fff !important;}
.brand{cursor:pointer;}
/* compact header */
.brand{padding:11px 0;}
.brand .b1{font-size:24px;}
.brand .b2{font-size:10px;letter-spacing:4px;margin-top:3px;}
.mainnav>li>a{padding:20px 15px;font-size:14px;}
.topbar .container{padding-top:7px;padding-bottom:7px;}
.navbar-toggle{margin-top:14px;}
@media(max-width:767px){.brand .b1{font-size:20px;}.mainnav>li>a{padding:11px 15px;}}
/* ==== reviews (unique) ==== */
.rev-summary{text-align:center;margin:-6px 0 30px;}
.rev-summary .score{font-family:'Oswald';font-size:46px;font-weight:700;color:#222;line-height:1;}
.rev-summary .rs-stars{color:#f5a623;font-size:22px;letter-spacing:3px;display:block;margin:4px 0 2px;}
.rev-summary .rs-sub{color:#888;font-family:'Oswald';text-transform:uppercase;letter-spacing:1px;font-size:12px;}
.rev{background:#fff;border:1px solid #e4e4e4;border-radius:6px;box-shadow:0 2px 7px rgba(0,0,0,.09);padding:20px 20px 16px;margin-bottom:24px;position:relative;}
.rev:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#c1121f;border-radius:6px 6px 0 0;}
.rev-head{display:flex;align-items:center;gap:12px;}
.rev-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(to bottom,#333,#111);color:#fff;font-family:'Oswald';font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #c1121f;}
.rev-who{flex:1;min-width:0;}
.rev-who .nm{font-family:'Oswald';text-transform:uppercase;font-size:15px;color:#222;line-height:1.15;}
.rev-who .mt{font-size:12px;color:#999;}
.rev-rt{margin:10px 0 2px;overflow:hidden;}
.rev-rt .st{color:#f5a623;letter-spacing:2px;font-size:15px;}
.rev-rt .st .off{color:#d6d6d6;}
.rev-rt .dt{float:right;font-size:11px;color:#b0b0b0;font-family:'Oswald';letter-spacing:.5px;}
.rev p{color:#555;font-size:14.5px;line-height:1.6;margin:8px 0 10px;}
.rev .vf{font-size:11px;color:#2c8a3d;font-family:'Oswald';text-transform:uppercase;letter-spacing:.5px;}
.rev-row{display:flex;flex-wrap:wrap;}
.rev-row>[class*="col-"]{display:flex;}
.rev-row .rev{width:100%;}
@media(max-width:767px){.rev-row{display:block;}}
.brand{padding:12px 0;}
.brand-logo{height:48px;width:auto;display:block;}
@media(max-width:767px){.brand-logo{height:38px;}}