/** Normalize links */
.store-info-area a:active,
.store-info-area a:hover,
.store-info-area a:visited {
  color: #038779;
}
.direct-order a:active,
.direct-order a:hover,
.direct-order a:visited {
  color: #000;
}
.store-menu a,
.store-menu a:active,
.store-menu a:hover,
.store-menu a:visited,
.store-menu a:focus {
  color: #fff !important;
  outline: none;
}

.store .logo-area {
  overflow: hidden;
  height: 240px;
}

.store-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #000;
  text-transform: uppercase;

  font-family: "Kanit", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 8px 20px;
}

/** All headings in store page */
.store__heading {
  font-family: "Kanit", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  font-synthesis: none;
  margin: 12px auto;
  color: #000;
}

.store__closed-heading {
  border-bottom: 4px solid #000;
  padding-bottom: 20px;
}

.store__notes {
  border-bottom: 4px solid #000;
  padding: 0 20px 20px 20px;
}

.store-info-area__line {
  height: 0;
  border-bottom: 4px solid #000;
}

.services {
  /* Empty rule for the base services class */
  padding-bottom: 20px;
}

.services--open {
  /* Variant for services when open */
}

.services--closed {
  /* Variant for services when closed */
}

.services--after-hours {
  /* Variant for services during after-hours */
}

.services__heading {
  /* Style for the heading within the services component */
}

.services__buttons {
  /* Container for buttons */
  margin: 16px 0;
}

a.services__button {
  /* Style for each button within the services component */
  display: inline-block;
  background: #ffffff;
  border: 3px solid #038779;

  border-radius: 12px;
  padding: 0 10px;
  margin: 0 5px;

  font-family: "Kanit", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;

  color: #038779;
}
.store-info-area--direct-order-closed a.services__button {
  color: #000;
  border-color: #000;
}

.services__hours {
  /* Style for the services hours text */
}

/*********************
**********************
* Direct order
**********************
**********************
*/

.direct-order {
  /* Base class for the direct-order component */
  padding-bottom: 20px;
}

.direct-order__heading {
  /* Style for the heading within the direct-order component */
  color: #b82547;
}

/* when services are still open */
.store-info-area--direct-order-closed .direct-order__heading,
/* when services are not open */
.store-info-area--closed .direct-order__heading {
  color: #000000;
}

a.direct-order__button {
  /* Style for the button within the direct-order component */
  display: inline-block;
  padding: 8px 10px;
  min-width: 285px;

  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 0px 1px 9px 4px rgba(0, 0, 0, 0.19);
  border-radius: 17px;

  font-family: "Kanit", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;

  color: #000000;
}

/* when services are still open */
.store-info-area--direct-order-closed a.direct-order__button,
/* when services are not open */
.store-info-area--closed a.direct-order__button {
  color: #038779;
  border-color: #038779;
}

.direct-order__subscript {
  /* Style for the subscript text within the direct-order component */
  /* On Time • Hot • Priority Service ☝️ */
  margin: 16px auto;

  font-family: "Kanit", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;

  color: #000000;

  text-shadow: 0px 2px 9px #ffffff;
}

.store__hours {
  /* Style for the hours text within the direct-order component */
  /* Mon-Thu 10:00am - 7:00pm Friday 10:00am - 2:00am Saturday 5:00pm - 2:00am Sunday 5pm - 1:30am */
  display: inline-block;

  font-family: "Kanit", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;

  color: #000000;
}

/*********************
**********************
* Announcements
**********************
**********************
*/

.store-announcements {
  background: #000000;
  border-top: 5px solid #72cac1;
  border-bottom: 5px solid #72cac1;
  padding: 4px 0;

  font-family: "Kanit", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  /* or 121% */
  text-align: center;

  color: #ffffff;
}
.store-announcements p {
  margin: 0;
}
.store-announcements__inner {
  background: #000000;
  border-top: 1px solid #72cac1;
  border-bottom: 1px solid #72cac1;
  padding: 12px;
}
.store-announcements__heading {
  text-transform: uppercase;
  margin-bottom: 12px;

  font-family: "Kanit", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 21px;
}

.store-slider-area {
  height: 250px;
  position: relative;
  display: none;
}

.home-mobile-slider-area {
  margin-top: 20px;
  height: 250px;
  position: relative;
  display: none;
}

.map-content.desktop {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20%;
  left: 10%;
}

.efny-red {
  color: #b82547;
}
.efny-green {
  color: #038779;
}
.store-page-heading {
  /* 🍕 Downtown Store */
  font-family: "Kanit", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  text-align: left;
  padding-left: 16px;
  padding-top: 8px;
  padding-top: 8px;
  color: #000;
}
a.tel,
a.tel:hover,
a.tel:focus,
a.tel:visited {
  color: #007072;
  text-decoration: underline;
  display: block;
}
.store-page-heading .address {
  font-size: 16px;
}