/* Cash For Junk Cars Olympia: junkyard banner + main menu (homepage and sell-car page) */
.olysite-home-header{position:relative;overflow:hidden;height:auto;min-height:0;padding-bottom:300px;
  background:linear-gradient(to top,#f2bd6b 0,#c9874a 250px,#2b5a47 470px,#163a2e 640px,#0d2a22 100%)}
.olysite-home-header>.container{position:relative;z-index:1}
.olysite-yard{position:absolute;left:0;right:0;bottom:0;height:430px;z-index:0;pointer-events:none}
.olysite-yard img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 100%}

/* hero text: same copy, now light on the evening sky */
.olysite-home-header .olysite-heading-text{padding-top:56px}
.olysite-home-header .olysite-heading-text h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.olysite-home-header .olysite-heading-text>p{color:#e4efe7;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.olysite-home-header .olysite-heading-text a>button,.olysite-home-header .olysite-heading-mobile button{
  background:#123528!important;color:#fff!important;border:2px solid #fff!important;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.3);
  transition:background .2s,color .2s}
.olysite-home-header .olysite-heading-text a>button:hover,.olysite-home-header .olysite-heading-mobile button:hover,
.olysite-home-header .olysite-heading-text a>button:focus-visible,.olysite-home-header .olysite-heading-mobile button:focus-visible{background:#fff!important;color:#177a3e!important}
.olysite-home-header .olysite-heading-text a>button:before,.olysite-home-header .olysite-heading-mobile button:before{
  content:"";display:inline-block;width:.8em;height:.8em;margin-right:.45em;vertical-align:-.05em;background:currentColor;
  -webkit-mask:url(../images/olysite-phone.svg) center/contain no-repeat;
  mask:url(../images/olysite-phone.svg) center/contain no-repeat}
.olysite-home-header .oly-start{max-width:470px;box-shadow:0 22px 50px rgba(0,0,0,.35)}

/* main menu */
.olysite-home-header .navbar{position:relative;z-index:2;margin-bottom:0;padding:8px 0;border-bottom:0;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.navbar-brand{height:auto;padding:12px 0;margin-left:0!important}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
.navbar .navbar-right{display:flex;align-items:center;gap:6px;padding-top:14px}
.navbar .navbar-right li{padding:0}
.navbar .navbar-right li a{display:block;padding:11px 18px!important;border-radius:999px;font-family:Raleway,sans-serif;font-size:13px;font-weight:700;letter-spacing:.09em;color:#24332a;transition:background .2s,color .2s}
.navbar .navbar-right li a:hover,.navbar .navbar-right li a:focus-visible{background:#eef7e7;color:#177a3e}
.navbar .navbar-right li a[aria-current=page]{background:#177a3e;color:#fff}
.navbar .navbar-right li a:focus-visible{outline:3px solid #78b643;outline-offset:2px}

@media (min-width:992px){
  .olysite-home-header{padding-bottom:48px;min-height:820px}
  .olysite-home-header.olysite-hero-plain{min-height:760px}
  .olysite-yard{top:0;height:auto}
  .olysite-yard img{object-position:84% 100%}
  .olysite-home-header .olysite-heading-text{padding-top:40px}
  .olysite-home-header .olysite-heading-text h1{font-size:54px;line-height:1.18;margin-bottom:6px}
  .olysite-home-header .olysite-heading-text>p{font-size:24px;padding-bottom:10px}
  .olysite-home-header .olysite-heading-text a>button{font-size:24px;padding:9px 22px}
  .olysite-home-header .olysite-contactbelowtop{margin-top:16px}
}
@media (min-width:768px) and (max-width:991px){
  .olysite-home-header{padding-bottom:330px}
  .olysite-home-header .olysite-heading-text{width:100%}
  .olysite-home-header .oly-start{margin-left:0}
}
@media (max-width:767px){
  .olysite-home-header{padding-bottom:210px}
  .olysite-yard{height:290px}
  .olysite-yard img{object-position:74% 100%}
  .olysite-home-header .olysite-heading-text{padding-top:14px}
  .olysite-heading-mobile{padding-top:12px}
  .navbar .navbar-right{display:block;padding:6px 0 10px;margin:0}
  .navbar .navbar-right li{margin:0;border-top:1px solid #e6ebe3}
  .navbar .navbar-right li a{border-radius:8px;margin:4px 0;padding:12px 14px!important}
  .navbar-toggle{background:#177a3e;border:0;border-radius:8px;margin-top:12px;padding:11px 12px}
  .navbar-toggle .icon-bar{background:#fff}
  .navbar-brand{padding:8px 0 8px 4px}
}
@media (prefers-reduced-motion:reduce){.navbar .navbar-right li a,.olysite-home-header .olysite-heading-text a>button{transition:none}}

/* logo: icon mark + full business name as text */
.oly-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:Raleway,"Helvetica Neue",Arial,sans-serif}
.oly-logo-mark{display:block;width:46px;height:46px;flex:none;filter:drop-shadow(0 3px 6px rgba(23,122,62,.28))}
.oly-logo-words{display:flex;flex-direction:column;line-height:1;text-transform:uppercase}
.oly-logo-top{font-size:12px;font-weight:700;letter-spacing:.17em;color:#3b4a35;padding:0 0 5px 2px;border-bottom:2px solid #78b643;margin-bottom:5px}
.oly-logo-city{font-size:27px;font-weight:700;letter-spacing:.19em;color:#177a3e}
@media (max-width:767px){.oly-logo{gap:9px}.oly-logo-mark{width:38px;height:38px}.oly-logo-top{font-size:10px;letter-spacing:.14em;padding-bottom:4px;margin-bottom:4px}.oly-logo-city{font-size:21px;letter-spacing:.17em}}