.gStars {--percent: calc(var(--rating) / 5 * 100%);display: inline-block;line-height: 1;font-size: 1.5rem;padding-left:.2rem}

.gStars::before {content: "★★★★★";background: linear-gradient(90deg, var(--star-fill) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
* {box-sizing: border-box;}

body {font-family: Arial, sans-serif;margin: 0;padding: 0;display: flex;flex-direction: column;min-height: 100vh;color:var(--text-primary);}
header {z-index: 1;}
footer {z-index: 0;}
.container {display: grid;gap:4rem;padding: 0;flex: 1;z-index: 0;padding: 1rem 0 3rem 0;}
.single-column .container {grid-template-columns: 1fr;}
.two-column .container {grid-template-columns: 2fr 1fr; /* Sidebar is 1/3 of the width */}
.main-content {padding: 0;flex: 1;overflow:hidden;}
.wrapper {width: clamp(16rem, 95vw, 107rem);margin-inline: auto;padding-inline: 0;flex: 1;display: flex;flex-direction: column;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.5;margin: 1rem 0;font-family: var(--font-family);display: block;font-weight: 600;color:var(--text-primary);}
.h1::before, .h2::before, .h3::before, .h4::before, .h5::before, .h6::before {font-weight: normal;}

.brow {color: var(--primary-700);letter-spacing: 0.04em;text-transform: uppercase;}



h1, .h1{font-size:var(--fs-hero);}
h2, .h2{font-size:var(--fs-h2);}
h3, .h3{font-size:var(--fs-h3);}
h4, .h4{font-size:var(--fs-h4);}
h5, .h5{font-size:var(--fs-h5);}
h6, .h6{font-size:var(--fs-h6);}


.h4.siteNav{text-align:left;font-size:1rem;}
.h4.siteNav i{font-weight:400;font-size:1.1rem;margin-right:.3rem}
.h4.siteNav a, .h4.siteNav a:hover{text-decoration-color:#ffffff;color:#fff !important}

a {margin: 0;padding: 0;font-style: normal;text-decoration: underline;text-underline-position: under;}

h1, h2, h3 {text-transform: uppercase;}
p, q, li {line-height:1.5;font-size:var(--fs-base);}
ul {list-style-type: none;padding: 0;}
ol, ul {list-style-position: inside;}
li {margin-block: 1rem;}
a em, button em, a span.hideMe {display: none;}
#pageBanner img {width: 100%;margin: 0 0 3px;}
.hidden{display:none;}


/* Google Rated */
#google__rated {margin-bottom: 0 !important;}
#google__rated, #google__rated .wrapper {position: relative;overflow: hidden;}
#google__rated .wrapper:after {display: none;position: absolute;content: '';z-index: 1;top: 0;right: 0;bottom: 0;width: 628px;margin-left: 0;background: url(/images/reviewFamily.webp) no-repeat 3px 11px;background-size: 100%;}
#google__rated .wrapper {position: relative;}
#google__rated .wrapper > ul {position: absolute;top: 0;bottom: 0;display: flex;justify-content: center;justify-items: center;flex-direction: column;align-items: center;z-index: 0;}
#sidebar #google__rated .wrapper > ul{position:relative}
#google__rated .wrapper > ul:before {position: absolute;content: '';animation: google360 120s linear infinite;transform: translate(-50%, -50%);opacity: 1;left: 0;top: 0;z-index: 0;background: url(/images/google_circle.webp);background-size: contain;height: 100%;width: 100%;}
#google__rated .wrapper > ul:after {display: none;background: url(/images/google_circle.webp);position: absolute;top: 0;right: 0;left: 0;bottom: 0;content: '';background-size: cover;}
#google__rated ul li {margin-block: 0;text-align: center;}
#google__rated ul li:nth-child(2) {margin-block: 0;font-size: clamp(.8rem, 6.5vw, 1rem);text-align: left;padding-block: 0;line-height: 1.8;}
#google__rated ul li button {margin: 0;}
#google__rated ul li img {width: 50%;height: auto;position: relative;top: 50%;transform: translateY(-50%);}
#google__rated .gAggregate a {color:var(--link-default);text-underline-offset: 0.2rem;text-decoration-color: var(--link-default);cursor: pointer;display: inline-block;z-index: 1000;position: relative;}
#google__rated .gAggregate a span:nth-child(2) {display: block;}
#google__rated .gAggregate:before {font-size: 2rem;vertical-align: middle;font-family: '1stAuto';margin-inline: 0 0.5rem;margin-block: 0.8rem;float: left;font-weight: normal;display: none;}
#google__rated .gStars {font-size: clamp(1rem, 10.5vw, 1.5rem);padding-left: .5rem;}

@keyframes google360 {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
#find__store {position: relative;padding: 1rem;}
#find__store > * {position: relative;z-index: 1;}
#find__store .h4 {margin-block: 0;}
#find__store p {margin-block: 1rem;line-height: 1;}
#find__store a {display: block;}
#store__locations li p a:first-of-type {line-height: 1.5;}
#find__store img {margin-block: 1rem 0;}
#find__store ul {display: flex;flex-direction: column;}
#find__store ul li {margin-top: 0;}
#find__store ul li#store__map {width: 100%;}
#find__store img {width: 100%;height: auto;border: 1px solid #000;}
#find__store ul li#store__locations ul {display: flex;flex-direction: column;}
#find__store ul li#store__locations ul li {position: relative;padding-inline: 0;line-height: 2;margin-block: 0;display: flex;flex-direction: row;align-items: center;}
#find__store ul li#store__address ul li em::before, #find__store ul li#store__locations ul li em::before {font-size: 2rem;font-family: '1stAuto';display: block;margin-block: 0;font-weight: 100;content: '\e968';margin-inline: 0 .5rem;font-style:normal;}
#sidebar #operation__hours {position: relative;background: #f6f7f7 !important;padding-inline: 1rem;padding-block: 1rem;}
#sidebar #operation__hours > * {position: relative;z-index: 1;}
#sidebar #operation__hours .hrs__time {float: right;}
#sidebar #operation__hours ul li {position: relative;}
#sidebar #operation__hours ul li span {position: relative;display: inline-block;background: #f6f7f7;font-weight: 600;}
#sidebar #operation__hours ul li:before {position: absolute;left: 0;right: 0;height: 1px;border-bottom: 0px dashed rgba(0, 0, 0, 1);content: "";transform: translateY(-50%);top: 50%;}
#sidebar #operation__hours ul li .hrs__time {padding-inline: 1rem 0;}
#sidebar #operation__hours ul li .hrs__day {padding-inline: 0;}
#sidebar .storeStatus::before {font-size: 5rem;}
#sidebar > div {position: relative;margin-block: 0 4rem;}
#sidebar > div a {color: #000;}
#sidebar > div .h4:first-of-type {font-size: clamp(1.2rem, 2vw, 1.8rem);}
#sidebar > div::after {position: absolute;top: 0;left: 0;bottom: 0;right: 0;content: '';background: #f6f7f7;border-radius: 5px;z-index: 0;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}
#sidebar .storeStatus::after {display: none;}
#sidebar > .storeStatus:first-child {padding-left: 6rem;display: flex;align-items: center;}
#sidebar > .storeStatus:first-child::before {left: 0;}
#sidebar > div#google__rated {margin: 0;}
#sidebar > div#google__rated .h4 {margin-block: 0;width: 100%;}
#sidebar > div#google__rated p {margin: 0;padding: 0;line-height: 1.8;}
#sidebar > div#google__rated::after {display: none;}
#sidebar #google__rated, #sidebar #google__rated .wrapper {display: flex;align-items: center;flex-direction: column;margin: 0 0 4rem 0;}
#_1stAutoLogo {width: 202px;height: 114px;}


.uLinks {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;text-align: center;justify-content: flex-start;}
.uLinks li {margin-block: 0 2rem;width: 100%;margin-inline: 2rem;cursor: pointer;display: flex;min-height: 55px;align-items: center;justify-content: center;position: relative;text-decoration: none;font-size: clamp(1rem, 3vw, 3rem);padding:0;text-align: center;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;line-height: 1.5;color: var(--primary-700);border: 2px solid var(--primary-700);max-width: 100%;}
.uLinks li:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;transition: .75s;transform: translateX(-50%) translateY(-50%) rotate(-25deg);background: var(--primary-700);}
.uLinks li:hover:after {height:600%;}
.uLinks li:hover {font-weight: 600;color: var(--text-primary);}
.uLinks li a, .uLinks li span {text-decoration: none;color: inherit;}

.myFitVid{position:relative;padding-bottom:56.25%;height:0;}.myFitVid iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.cta{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2rem auto;max-width:clamp(320px,45vw,530px);width:100%;}


.cta li{line-height:1;margin:0;padding:0;list-style:none;display:flex;justify-content:center;}

.cta_button{appearance:none;text-decoration:none;font-size:1rem;padding:.6rem .5rem;text-align:center;text-transform:uppercase;overflow:hidden;line-height:1.5;color:var(--primary-700);border:2px solid var(--primary-700);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:0;background:transparent;white-space:nowrap;width: clamp(230px, 40vw, 250px);transition:color .2s ease,border-color .2s ease;}



.cta_button span{color:inherit;position:relative;z-index:2;}
.cta_button:before{color:inherit;position:relative;z-index:2;}
.cta_button:after{content:"";position:absolute;left:50%;top:50%;width:150%;height:0%;transform:translate(-50%,-50%) rotate(-25deg);background:var(--primary-700);z-index:1;transition:height .75s ease;pointer-events:none;}
.cta_button:hover:after{height:600%;}
.cta_button:hover{color:var(--text-on-primary);font-weight:600;border-color:var(--primary-700);}
.cta_button--compact{font-size:.8rem;padding:.5rem .75rem;letter-spacing:.05em;border:0;}

#google__rated .cta_button{padding:.5rem .75rem;letter-spacing:.05em;margin-top:1rem;}

/* base icon support */
.cta_button--icon:before{font-family:'1stAuto';display:inline-block;font-size:1.25em;line-height:1;font-weight:normal;}
.cta_button--compact.cta_button--icon:before{display:none;}
/* semantic icon mappings */
.cta_button--review:before{content:'\e9b0';}
.cta_button--warranty:before{content:'\e902';}
.cta_button--estimate:before{content:'\e935';}
.cta_button--appointment:before{content:'\e98a';}

/* spacing */
.cta_button--icon:before{margin-right:.5rem;}







.clear {display: block;clear: both;}

@media (min-width: 411px) {
#sidebar > .storeStatus:first-child {padding-left: 8rem;}
#sidebar > .storeStatus:first-child::before {font-size: 6rem;}
}



@media (max-width: 430px) {
#sidebar {margin-block:0;}
}

@media (max-width:468px){
  .cta{grid-template-columns:1fr;max-width:420px;}
}


@media(min-width:599px){
#google__rated .wrapper{width:100%;position:relative;}
#google__rated .wrapper:after{width:410px;z-index:-1;background:url(/images/reviewFamily.webp) no-repeat 0 40px;content:'';bottom:0;right:0;display:block;background-size:cover;position:absolute;}
#sidebar #google__rated .wrapper:after{display:none;}
.uLinks li{width:44%;margin-inline:1rem;}
}

@media(min-width:660px){
#pageBanner{margin-bottom:30px;font-size:12px;float:none;line-height:1;}
}

@media(min-width:767px){
#google__rated{margin-block:2rem 0;}
#google__rated .wrapper:before{display:none;}
#google__rated .wrapper:after{width:538px;background:url(/images/reviewFamily.webp) no-repeat 15px 77px;background-size:contain;}
}

@media(min-width:900px){
  #mfgExperts{align-items:flex-start;text-align:left;}
  #mfgExperts>li{width:100%;}
}

@media(max-width:1279px){
.two-column .container{grid-template-columns:1fr;}
}

@media(min-width:959px){
#google__rated .wrapper:after{width:658px;}
#google__rated ul li:nth-child(2){font-size:clamp(.8rem,6.5vw,1.3rem);}

.uLinks li{width:44%;font-size:clamp(1rem,2vw,1.2rem);}
.cta_button{font-size:clamp(1rem,2vw,1.2rem);}
}

@media(min-width:1023px){
h1{margin-block:3rem 0;}
#google__rated .wrapper:before{display:none;}
#google__rated .wrapper > ul:before{position:absolute;content:'';animation:google360 120s linear infinite;transform:translate(-50%,-50%);opacity:1;left:0;top:0;z-index:0;background:url(/images/google_circle.webp);background-size:contain;height:100%;width:100%;display:block;}
}

@media(min-width:1200px){
#google__rated .wrapper:after{left:40%;}
#google__rated ul li img{width:40%;}
#google__rated ul li:nth-child(2){font-size:clamp(.8rem,6.5vw,1.4rem);}

#sidebar #google__rated .wrapper > ul,#google__rated .wrapper > ul{left:0;}
#sidebar #google__rated .wrapper:after{left:0;}
}