/* Classic Bakery homepage locations — .band.cb-home-locations, ver 1.0.1
   Titles: upright Span Regular 400. Body/buttons: Söhne.
   Butter yellow accent only. Pickup/Delivery URLs match /orderonline/. */

#top.cb-v8-brand .cb-design .band.cb-home-locations{
  padding:32px 24px 28px;
  box-sizing:border-box;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations  .cb-loc-head{
  margin:0 0 14px;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-head .eyebrow{
  display:inline-block;
  background:#FFF2A4;
  padding:4px 8px;
  margin-bottom:10px;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-head h2{
  font-family:span,serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-synthesis:none;
  font-size:38px;
  line-height:1.12;
  color:#452C25;
  margin:0 0 10px;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-head p{
  margin:0;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .locationrow{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:0 !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .locationrow > .cb-loc-card{
  flex:none;
  display:grid;
  grid-template-columns:88px 1fr;
  grid-template-areas:
    "photo body"
    "actions actions";
  column-gap:12px;
  row-gap:8px;
  align-items:start;
  margin-top:0 !important;
  padding:10px 10px 10px 10px !important;
  background:#FFFDF8;
  border-top:3px solid #FFF2A4;
  box-shadow:0 3px 12px #452C2507;
  box-sizing:border-box;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-photo,
#top.cb-v8-brand .cb-design .band.cb-home-locations img.cb-loc-photo{
  grid-area:photo;
  width:88px;
  height:88px;
  object-fit:cover;
  display:block;
  background:#F7EEE6;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="gaithersburg"] .cb-loc-photo{ object-position:16% 34%; }
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="tysons"] .cb-loc-photo{ object-position:50% 46%; }
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="olney"] .cb-loc-photo{ object-position:48% 16%; }

#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-body{
  grid-area:body;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:start;
  gap:1px;
  flex:0 0 auto;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card h3{
  font-family:span,serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-synthesis:none;
  font-size:20px !important;
  line-height:1.2;
  color:#452C25;
  margin:0 0 2px !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card p,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-address,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone{
  font-family:Sohne,ui-sans-serif,system-ui,sans-serif;
  font-size:13px !important;
  line-height:1.45 !important;
  min-height:0 !important;
  margin:0 !important;
  color:#452C25;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone{
  margin-top:2px !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone a{
  border-bottom:1px solid #452C2530;
  text-decoration:none;
  color:#452C25;
}

/* Beat theme 44px tap-target min-height on text links so the card stays compact. */
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone a,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card a.cb-loc-hours,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card a.textlink{
  display:inline !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  line-height:1.45 !important;
  margin:0 !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .cb-loc-hours{
  font-family:Sohne,ui-sans-serif,system-ui,sans-serif;
  font-size:13px;
  margin:4px 0 0 !important;
  color:#452C25;
  align-self:flex-start;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card > *,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-actions,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card a.cb-loc-btn{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:link,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:visited,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:hover,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:active,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:focus,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:focus-visible{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 10px;
  border-radius:999px;
  font-family:Sohne,ui-sans-serif,system-ui,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.2;
  text-decoration:none !important;
  text-align:center;
  border:1px solid #452C25 !important;
  background:#452C25 !important;
  color:#FAF3E6 !important;
  -webkit-text-fill-color:#FAF3E6 !important;
  box-shadow:none;
  cursor:pointer;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:link,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:visited,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:hover,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:active,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:focus,
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn.soft:focus-visible{
  background:#FFFDF8 !important;
  color:#452C25 !important;
  -webkit-text-fill-color:#452C25 !important;
  border-color:rgba(69,44,37,.22) !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn:focus-visible{
  outline:3px solid #FFF2A4;
  outline-offset:2px;
}

@media (min-width:768px){
  #top.cb-v8-brand .cb-design .band.cb-home-locations{
    padding:56px 72px 58px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-head{
    margin:0 0 28px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-head h2{
    font-size:48px;
    margin:0 0 12px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .locationrow{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:24px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .locationrow > .cb-loc-card{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:0 !important;
    overflow:hidden;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-photo,
  #top.cb-v8-brand .cb-design .band.cb-home-locations img.cb-loc-photo{
    width:100%;
    height:auto;
    aspect-ratio:2.2 / 1;
    max-height:200px;
    border-radius:0;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-body{
    padding:14px 18px 8px;
    gap:3px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card h3{
    font-size:23px !important;
    margin:0 0 4px !important;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card p,
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-address,
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  
/* Beat theme 44px tap-target min-height on text links so the card stays compact. */
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .location-phone a,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card a.cb-loc-hours,
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card a.textlink{
  display:inline !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  line-height:1.45 !important;
  margin:0 !important;
}
#top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card .cb-loc-hours{
    margin:8px 0 0 !important;
    font-size:14px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-actions{
    margin-top:12px !important;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-actions{
    padding:0 18px 16px;
    margin-top:auto;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations a.cb-loc-btn{
    min-height:42px;
  }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="gaithersburg"] .cb-loc-photo{ object-position:16% 26%; }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="tysons"] .cb-loc-photo{ object-position:50% 50%; }
  #top.cb-v8-brand .cb-design .band.cb-home-locations .cb-loc-card[data-loc="olney"] .cb-loc-photo{ object-position:48% 20%; }
}