/* The homepage welcome box (store.php #About li.Visit): what the shop is, the open line (tasty_open_status_html() in
   inc/seo.php), how many beers are on tap with a link to /on-tap/, address, phone, a button down to New Arrivals, and
   how ordering works. Loaded on the same pages as on-tap.css. */

/* The box title is master.css's span:before text. "DTR" meant nothing to customers; the desktop column (240px, 320px
   at 1500px+ with a bigger font) only fits the short form. */
#DTR #About h2 span:before { content: "Downtown Raleigh"; }
@media all and (max-width: 1024px) {
  #DTR #About h2 span:before { content: "Tasty Bev | Downtown Raleigh"; }
}

#LeftColumn #About li.Visit p { margin: 0 0 8px; }
#LeftColumn #About li.Visit p.Pitch {
  color: #604d2a;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
}
/* master.css sets 12px text in the desktop column; the visit lines get a little more (tablets and phones are at 14px) */
@media all and (min-width: 1025px) {
  #LeftColumn #About li.Visit p.Open,
  #LeftColumn #About li.Visit p.Taps,
  #LeftColumn #About li.Visit p.Where,
  #LeftColumn #About li.Visit p.Phone { font-size: 13px; line-height: 19px; }
  #LeftColumn #About li.Visit p.Open { font-size: 14px; }
}
#LeftColumn #About li.Visit p.Open strong { color: #604d2a; }
#LeftColumn #About li.Visit p.Open.is-open strong { color: #2f6b1a; }
#LeftColumn #About li.Visit p.Open.is-open strong:before {
  background: #2f6b1a;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 6px;
  vertical-align: 1px;
  width: 8px;
}

/* "10 beers on tap · Tap list" under the open line; the link takes links.css's orange underline */
#LeftColumn #About li.Visit p.Taps strong { color: #604d2a; }

/* the same orange as the See More buttons (a11y.css), so the white text reads */
#LeftColumn #About li.Visit p.Shop { margin: 14px 0 16px; }
#LeftColumn #About li.Visit p.Shop a {
  background: #cc4410;
  color: #fff;
  display: block;
  font-family: "museo-sans-rounded", Helvetica;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 9px 12px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
#LeftColumn #About li.Visit p.Shop a:after { content: " \2193"; }
#LeftColumn #About li.Visit p.Shop a:hover { background: #a83d12; color: #fff; }
#LeftColumn #About li.Visit p.Shop a:focus-visible { outline: 2px solid #604d2a; outline-offset: 2px; }
#LeftColumn #About li.Visit p.Bye { margin-bottom: 0; }

/* the button's target, clear of the top bar once it sticks */
#NewArrivals { scroll-margin-top: 70px; }

/* tablets and phones center the box; the button doesn't need the full width there */
@media all and (max-width: 1024px) {
  #LeftColumn #About li.Visit p.Shop a { display: inline-block; min-width: 220px; }
}