/**
 * Spaceship Menus - Front-end Menu Block styles
 *
 * Styles for the Menu List ACF block on the front-end.
 * Shared base styles (used by both block and print) plus front-menu overrides.
 */

/* Shared base styles */
article.print_menu, article.front_menu {
  width: 8.5in;
  height: 11in;
  display: flex;
  box-sizing: border-box;
}
article.print_menu.columns_1 .column, article.front_menu.columns_1 .column {
  width: 100%;
}
article.print_menu.columns_2 .column, article.front_menu.columns_2 .column {
  width: 50%;
}
article.print_menu .column, article.front_menu .column {
  padding: 1.5em;
  display: flex;
  flex-direction: column;
}
article.print_menu .menu_header, article.front_menu .menu_header {
  max-width: 4in;
  margin: 0em auto 2em;
}
article.print_menu .menu_header img, article.front_menu .menu_header img {
  width: 100%;
  display: block;
  height: auto;
}
article.print_menu .menu_content, article.front_menu .menu_content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex: auto;
}
article.print_menu .menu_content .menu_section.heading, article.front_menu .menu_content .menu_section.heading {
  display: flex;
  gap: 0.5em;
  text-transform: uppercase;
  align-items: center;
  font-size: 1.75em;
  margin-bottom: 1em;
  font-weight: 400;
}
article.print_menu .menu_content .menu_section.heading:before,
article.print_menu .menu_content .menu_section.heading:after,
article.front_menu .menu_content .menu_section.heading:before,
article.front_menu .menu_content .menu_section.heading:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  flex: auto;
}
article.print_menu .menu_content .menu_section.item_list, article.front_menu .menu_content .menu_section.item_list {
  margin-bottom: 2em;
}
article.print_menu .menu_content .menu_section.item_list .heading_row, article.front_menu .menu_content .menu_section.item_list .heading_row {
  display: flex;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  font-style: italic;
  margin-bottom: 0.5em;
}
article.print_menu .menu_content .menu_section.item_list .heading_row span, article.front_menu .menu_content .menu_section.item_list .heading_row span {
  min-width: 5.333em;
  text-align: center;
}
article.print_menu .menu_content .menu_section.item_list .heading_row .flexauto, article.front_menu .menu_content .menu_section.item_list .heading_row .flexauto {
  flex: auto;
  text-align: left;
}
article.print_menu .menu_content .menu_section.item_list.border, article.front_menu .menu_content .menu_section.item_list.border {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0.5em;
}
article.print_menu .menu_content .menu_section.item_list.border .heading_row, article.front_menu .menu_content .menu_section.item_list.border .heading_row {
  font-size: 1em;
  font-weight: 400;
}
article.print_menu .menu_content .menu_section.item_list.border .heading, article.front_menu .menu_content .menu_section.item_list.border .heading {
  text-align: center;
}
article.print_menu .menu_content .menu_section.item_list.border .price_column_heading,
article.print_menu .menu_content .menu_section.item_list.border .price_column_heading_1,
article.print_menu .menu_content .menu_section.item_list.border .price_column_heading_2,
article.print_menu .menu_content .menu_section.item_list.border .price_column_heading_3,
article.front_menu .menu_content .menu_section.item_list.border .price_column_heading,
article.front_menu .menu_content .menu_section.item_list.border .price_column_heading_1,
article.front_menu .menu_content .menu_section.item_list.border .price_column_heading_2,
article.front_menu .menu_content .menu_section.item_list.border .price_column_heading_3 {
  display: none;
}
article.print_menu .menu_content .menu_section.item_list .item_row, article.front_menu .menu_content .menu_section.item_list .item_row {
  display: flex;
  align-items: center;
  margin-bottom: 0.75em;
  line-height: 1em;
}
article.print_menu .menu_content .menu_section.item_list .item_row:last-of-type, article.front_menu .menu_content .menu_section.item_list .item_row:last-of-type {
  margin-bottom: 0;
}
article.print_menu .menu_content .menu_section.item_list .item_row .data, article.front_menu .menu_content .menu_section.item_list .item_row .data {
  flex: auto;
  font-weight: 400;
}
article.print_menu .menu_content .menu_section.item_list .item_row .price, article.front_menu .menu_content .menu_section.item_list .item_row .price {
  text-align: center;
  min-width: 4em;
  font-weight: 400;
}
article.print_menu .menu_content .menu_section.item_list .item_row .eyebrow, article.front_menu .menu_content .menu_section.item_list .item_row .eyebrow {
  font-weight: 300;
  font-style: italic;
  display: block;
  font-size: 0.9em;
}
article.print_menu .menu_content .menu_section.item_list .item_row .subtext, article.front_menu .menu_content .menu_section.item_list .item_row .subtext {
  font-weight: 300;
  font-style: italic;
  display: block;
  font-size: 0.9em;
}
article.print_menu .menu_content .menu_section.callout, article.front_menu .menu_content .menu_section.callout {
  text-align: center;
  padding: 1em;
  color: white;
  background: black;
  margin-bottom: 1em;
}
article.print_menu .menu_content .menu_section.callout .line + .line, article.front_menu .menu_content .menu_section.callout .line + .line {
  margin-top: 0.25em;
}
article.print_menu .menu_content .menu_section.has_socials, article.front_menu .menu_content .menu_section.has_socials {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  color: black;
  background: transparent;
}
article.print_menu .menu_content .menu_section.has_socials .line, article.front_menu .menu_content .menu_section.has_socials .line {
  text-align: left;
}
article.print_menu .menu_content .menu_section .menu_socials .icons, article.front_menu .menu_content .menu_section .menu_socials .icons {
  display: flex;
  justify-content: center;
  gap: 0.5em;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}

/* Front-end menu overrides (not print) */
.front_menus .front_menu {
  padding: 1em;
  width: 100%;
  height: auto;
}
.front_menus .front_menu:nth-of-type(2n) {
  background: rgba(0, 0, 0, 0.05);
}
.front_menus .front_menu .column {
  width: 100% !important;
}
.front_menus .front_menu .menu_content .menu_section.callout {
  display: none;
}