/* Shared GOAT Brew interface type and navigation for every standalone web app. */
@font-face{
  font-family:"GOAT Montserrat";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("/assets/_vinext_fonts/montserrat-68a53b995564/montserrat-2f5adf11.woff2") format("woff2");
}

:root{--goat-sans:"GOAT Montserrat",Montserrat,Arial,sans-serif}
html,body,button,input,select,textarea,body *{font-family:var(--goat-sans)!important}

.goat-home-nav{
  height:82px!important;
  min-height:82px;
  padding:0 clamp(22px,3vw,52px)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  border-bottom:1px solid rgba(255,253,250,.25)!important;
  background:linear-gradient(180deg,rgba(9,8,6,.92),rgba(9,8,6,.72))!important;
  color:#fffdfa!important;
}
.goat-home-nav a{color:inherit;text-decoration:none}
.goat-home-nav .goat-nav-location{
  margin:0;color:rgba(255,253,250,.72);font-size:8px;font-weight:700;
  letter-spacing:.18em;line-height:1.5;text-transform:uppercase;
}
.goat-home-nav .goat-nav-wordmark{justify-self:center;display:block;width:clamp(128px,14vw,182px)}
.goat-home-nav .goat-nav-wordmark img{display:block;width:100%;height:auto;filter:none}
.goat-home-nav .goat-nav-links{justify-self:end;display:flex;align-items:center;gap:clamp(16px,2vw,32px)}
.goat-home-nav .goat-nav-links>a{
  min-height:44px;display:inline-flex;align-items:center;gap:8px;
  font-size:8px;font-weight:700;letter-spacing:.18em;line-height:1.5;text-transform:uppercase;
}
.goat-home-nav .goat-nav-links .goat-nav-call{padding:0 14px;border:1px solid rgba(255,253,250,.42);border-radius:7px}
@media(max-width:700px){
  .goat-home-nav{height:68px!important;min-height:68px;padding:0 16px!important;grid-template-columns:1fr auto}
  .goat-home-nav .goat-nav-location{display:none}
  .goat-home-nav .goat-nav-wordmark{justify-self:start;width:124px}
  .goat-home-nav .goat-nav-links{grid-column:2}
  .goat-home-nav .goat-nav-links>a:not(.goat-nav-call){display:none}
  .goat-home-nav .goat-nav-links .goat-nav-call{min-height:40px;padding:0 12px;font-size:9px;letter-spacing:.065em}
}
