:root {
  --primary-color: #FFDD00;
  --secondary-color: #EAC735;
}
:root {
  --site-max-width: calc(100% - 2em);
  --grid-gap: 1em;
}
.wrapper {
  display: block;
  max-width: var(--site-max-width);
  margin: auto;
}
.wrapper.two-column {
  width: 100%;
  max-width: 100%;
}
.wrapper.two-column > div,
.wrapper.two-column > li {
  grid-column: span 12;
  max-width: 100%;
}
.wrapper.three-column {
  width: 100%;
  max-width: 100%;
}
.wrapper.three-column > div,
.wrapper.three-column > li {
  grid-column: span 12;
  max-width: 100%;
}
.wrapper.four-column {
  width: 100%;
  max-width: 100%;
}
.wrapper.four-column > div,
.wrapper.four-column > li {
  grid-column: span 6;
  max-width: 100%;
}
:not(.wrapper).two-column {
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
}
:not(.wrapper).two-column > div,
:not(.wrapper).two-column > li {
  grid-column: span 1;
}
:not(.wrapper).three-column {
  display: grid;
  grid: auto / repeat(3, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
}
:not(.wrapper).three-column > div,
:not(.wrapper).three-column > li {
  grid-column: span 1;
}
:not(.wrapper).four-column {
  display: grid;
  grid: auto / repeat(4, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
}
:not(.wrapper).four-column > div,
:not(.wrapper).four-column > li {
  grid-column: span 1;
}
@media (min-width: 920px) {
  :root {
    --grid-gap: 1.5em;
  }
  .wrapper {
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
  }
  .wrapper.two-column > div,
  .wrapper.two-column > li {
    grid-column: span 6;
  }
  .wrapper.three-column > div,
  .wrapper.three-column > li {
    grid-column: span 4;
  }
  .wrapper.four-column > div,
  .wrapper.four-column > li {
    grid-column: span 3;
  }
}
@media (min-width: 1200px) {
  :root {
    --site-max-width: 75em;
  }
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #232020;
}
#grubstreet [v-cloak] {
  display: none;
}
#grubstreet.white header {
  background-color: #fff;
}
#grubstreet.yellow header {
  background-color: #FFDD00;
}
#grubstreet.yellow header .wrapper .primary .secondary.plain {
  background-color: #FFDD00;
}
#grubstreet.yellow header .menu {
  background-color: #FFDD00;
}
#grubstreet.yellow header .menu .small-menu .sections ul li:after {
  background-color: #FFDD00;
}
#grubstreet.yellow header .menu .small-menu .sections ul li span {
  background-color: #FFDD00;
}
#grubstreet.yellow header .menu .sections h2 {
  background-color: #EAC735;
}
#grubstreet.yellow header .menu .sections ul li.active:after {
  background-color: #FFDD00;
}
#grubstreet.yellow header .menu .sections ul li a {
  border-right-color: #FFDD00;
}
#grubstreet.yellow .body-header {
  background-color: #FFDD00;
  width: 100%;
}
#grubstreet.yellow .body-header:after {
  background-image: url('/assets/swoops/yellow.png');
}
@supports (selector(:has(*))) {
  #grubstreet.yellow .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.yellow .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #FFEFC6;
  }
}
#grubstreet.green header {
  background-color: #C4D600;
}
#grubstreet.green header .wrapper .primary .secondary.plain {
  background-color: #C4D600;
}
#grubstreet.green header .menu {
  background-color: #C4D600;
}
#grubstreet.green header .menu .small-menu .sections ul li:after {
  background-color: #C4D600;
}
#grubstreet.green header .menu .small-menu .sections ul li span {
  background-color: #C4D600;
}
#grubstreet.green header .menu .sections h2 {
  background-color: #ADBD00;
}
#grubstreet.green header .menu .sections ul li.active:after {
  background-color: #C4D600;
}
#grubstreet.green header .menu .sections ul li a {
  border-right-color: #C4D600;
}
#grubstreet.green .body-header {
  background-color: #C4D600;
  width: 100%;
}
#grubstreet.green .body-header:after {
  background-image: url('/assets/swoops/green.png');
}
@supports (selector(:has(*))) {
  #grubstreet.green .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.green .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #DCE9AE;
  }
}
#grubstreet.teal header {
  background-color: #96D5D2;
}
#grubstreet.teal header .wrapper .primary .secondary.plain {
  background-color: #96D5D2;
}
#grubstreet.teal header .menu {
  background-color: #96D5D2;
}
#grubstreet.teal header .menu .small-menu .sections ul li:after {
  background-color: #96D5D2;
}
#grubstreet.teal header .menu .small-menu .sections ul li span {
  background-color: #96D5D2;
}
#grubstreet.teal header .menu .sections h2 {
  background-color: #76BBB8;
}
#grubstreet.teal header .menu .sections ul li.active:after {
  background-color: #96D5D2;
}
#grubstreet.teal header .menu .sections ul li a {
  border-right-color: #96D5D2;
}
#grubstreet.teal .body-header {
  background-color: #96D5D2;
  width: 100%;
}
#grubstreet.teal .body-header:after {
  background-image: url('/assets/swoops/teal.png');
}
@supports (selector(:has(*))) {
  #grubstreet.teal .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.teal .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #EAF7F6;
  }
}
#grubstreet.pale-yellow header {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .wrapper .primary .secondary.plain {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .menu {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .menu .small-menu .sections ul li:after {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .menu .small-menu .sections ul li span {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .menu .sections h2 {
  background-color: #E9D9AF;
}
#grubstreet.pale-yellow header .menu .sections ul li.active:after {
  background-color: #FFEFC6;
}
#grubstreet.pale-yellow header .menu .sections ul li a {
  border-right-color: #FFEFC6;
}
#grubstreet.pale-yellow .body-header {
  background-color: #FFEFC6;
  width: 100%;
}
#grubstreet.pale-yellow .body-header:after {
  background-image: url('/assets/swoops/pale-yellow.png');
}
@supports (selector(:has(*))) {
  #grubstreet.pale-yellow .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.pale-yellow .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #FFEFC6;
  }
}
#grubstreet.purple header {
  background-color: #BCA6D0;
}
#grubstreet.purple header .wrapper .primary .secondary.plain {
  background-color: #BCA6D0;
}
#grubstreet.purple header .menu {
  background-color: #BCA6D0;
}
#grubstreet.purple header .menu .small-menu .sections ul li:after {
  background-color: #BCA6D0;
}
#grubstreet.purple header .menu .small-menu .sections ul li span {
  background-color: #BCA6D0;
}
#grubstreet.purple header .menu .sections h2 {
  background-color: #A18CB4;
}
#grubstreet.purple header .menu .sections ul li.active:after {
  background-color: #BCA6D0;
}
#grubstreet.purple header .menu .sections ul li a {
  border-right-color: #BCA6D0;
}
#grubstreet.purple .body-header {
  background-color: #BCA6D0;
  width: 100%;
}
#grubstreet.purple .body-header:after {
  background-image: url('/assets/swoops/purple.png');
}
@supports (selector(:has(*))) {
  #grubstreet.purple .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.purple .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #F2EDF6;
  }
}
#grubstreet.blue header {
  background-color: #85BBE5;
}
#grubstreet.blue header .wrapper .primary .secondary.plain {
  background-color: #85BBE5;
}
#grubstreet.blue header .menu {
  background-color: #85BBE5;
}
#grubstreet.blue header .menu .small-menu .sections ul li:after {
  background-color: #85BBE5;
}
#grubstreet.blue header .menu .small-menu .sections ul li span {
  background-color: #85BBE5;
}
#grubstreet.blue header .menu .sections h2 {
  background-color: #6C9DC4;
}
#grubstreet.blue header .menu .sections ul li.active:after {
  background-color: #85BBE5;
}
#grubstreet.blue header .menu .sections ul li a {
  border-right-color: #85BBE5;
}
#grubstreet.blue .body-header {
  background-color: #85BBE5;
  width: 100%;
}
#grubstreet.blue .body-header:after {
  background-image: url('/assets/swoops/blue.png');
}
@supports (selector(:has(*))) {
  #grubstreet.blue .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a:not(.nav-active),
  #grubstreet.blue .right-rail aside .nav-items .nav-item:has(a.nav-active) > a:not(.nav-active) {
    background-color: #E7F1FA;
  }
}
#grubstreet.yellow header .wrapper .primary .secondary.plain,
#grubstreet.green header .wrapper .primary .secondary.plain,
#grubstreet.teal header .wrapper .primary .secondary.plain,
#grubstreet.pale-yellow header .wrapper .primary .secondary.plain,
#grubstreet.purple header .wrapper .primary .secondary.plain,
#grubstreet.blue header .wrapper .primary .secondary.plain {
  border-color: #fff;
}
#grubstreet.yellow header .wrapper .action .primary.plain,
#grubstreet.green header .wrapper .action .primary.plain,
#grubstreet.teal header .wrapper .action .primary.plain,
#grubstreet.pale-yellow header .wrapper .action .primary.plain,
#grubstreet.purple header .wrapper .action .primary.plain,
#grubstreet.blue header .wrapper .action .primary.plain {
  background-color: #fff;
}
#grubstreet.yellow header .menu .sections ul li.active a,
#grubstreet.green header .menu .sections ul li.active a,
#grubstreet.teal header .menu .sections ul li.active a,
#grubstreet.pale-yellow header .menu .sections ul li.active a,
#grubstreet.purple header .menu .sections ul li.active a,
#grubstreet.blue header .menu .sections ul li.active a {
  background: #fff;
}
#grubstreet.yellow header .menu .sections ul li:hover a,
#grubstreet.green header .menu .sections ul li:hover a,
#grubstreet.teal header .menu .sections ul li:hover a,
#grubstreet.pale-yellow header .menu .sections ul li:hover a,
#grubstreet.purple header .menu .sections ul li:hover a,
#grubstreet.blue header .menu .sections ul li:hover a {
  background: #fff;
}
#grubstreet.yellow header .menu .sections ul li:hover a:hover,
#grubstreet.green header .menu .sections ul li:hover a:hover,
#grubstreet.teal header .menu .sections ul li:hover a:hover,
#grubstreet.pale-yellow header .menu .sections ul li:hover a:hover,
#grubstreet.purple header .menu .sections ul li:hover a:hover,
#grubstreet.blue header .menu .sections ul li:hover a:hover {
  filter: none;
}
#grubstreet.yellow header .menu .feature .button,
#grubstreet.green header .menu .feature .button,
#grubstreet.teal header .menu .feature .button,
#grubstreet.pale-yellow header .menu .feature .button,
#grubstreet.purple header .menu .feature .button,
#grubstreet.blue header .menu .feature .button {
  background: #fff;
}
#grubstreet.yellow .body-header,
#grubstreet.green .body-header,
#grubstreet.teal .body-header,
#grubstreet.pale-yellow .body-header,
#grubstreet.purple .body-header,
#grubstreet.blue .body-header {
  position: relative;
  margin-bottom: 4em;
}
#grubstreet.yellow .body-header:after,
#grubstreet.green .body-header:after,
#grubstreet.teal .body-header:after,
#grubstreet.pale-yellow .body-header:after,
#grubstreet.purple .body-header:after,
#grubstreet.blue .body-header:after {
  content: "";
  width: 100vw;
  height: 9.55vw;
  background-size: cover;
  position: absolute;
  bottom: -9vw;
  z-index: -1;
  left: 0px;
}
#grubstreet.yellow .body-header .wrapper,
#grubstreet.green .body-header .wrapper,
#grubstreet.teal .body-header .wrapper,
#grubstreet.pale-yellow .body-header .wrapper,
#grubstreet.purple .body-header .wrapper,
#grubstreet.blue .body-header .wrapper {
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
  padding-top: 1.5em;
  padding-bottom: 0;
}
#grubstreet.yellow .body-header .wrapper h1,
#grubstreet.green .body-header .wrapper h1,
#grubstreet.teal .body-header .wrapper h1,
#grubstreet.pale-yellow .body-header .wrapper h1,
#grubstreet.purple .body-header .wrapper h1,
#grubstreet.blue .body-header .wrapper h1 {
  margin-top: 0.3em;
  margin-bottom: 0;
}
#grubstreet.yellow .body-header .wrapper img,
#grubstreet.green .body-header .wrapper img,
#grubstreet.teal .body-header .wrapper img,
#grubstreet.pale-yellow .body-header .wrapper img,
#grubstreet.purple .body-header .wrapper img,
#grubstreet.blue .body-header .wrapper img {
  display: none;
}
#grubstreet a {
  text-decoration: none;
  color: #232020;
  transition: filter 0.25s ease-out;
}
#grubstreet a:hover {
  text-decoration: underline;
}
#grubstreet h1,
#grubstreet h2,
#grubstreet h3,
#grubstreet h4,
#grubstreet h5,
#grubstreet h6 {
  font-family: 'Montagu Slab', serif;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#grubstreet h1 form,
#grubstreet h2 form,
#grubstreet h3 form,
#grubstreet h4 form,
#grubstreet h5 form,
#grubstreet h6 form {
  display: inline-block;
}
#grubstreet p,
#grubstreet li,
#grubstreet ul {
  line-height: 1.75em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #232020;
}
#grubstreet p.errors,
#grubstreet li.errors,
#grubstreet ul.errors {
  color: #EF413D;
}
#grubstreet p.errors li,
#grubstreet li.errors li,
#grubstreet ul.errors li {
  color: #EF413D;
}
#grubstreet p.success,
#grubstreet li.success,
#grubstreet ul.success {
  color: #ADBD00;
}
#grubstreet hr {
  margin: 3em 0;
  background-color: #979797;
  border-color: #fff;
  height: 1px;
  border-width: 0.5px;
  grid-column: span 12;
}
#grubstreet table {
  width: 100%;
  border-spacing: 0;
}
#grubstreet table.withdrawal-options thead th {
  background-color: #F1EFEE;
  border-right: solid #979797 0.5px;
}
#grubstreet table.withdrawal-options thead th:last-child {
  border-width: 0;
}
#grubstreet table.withdrawal-options tbody tr {
  background-color: transparent;
}
#grubstreet table.withdrawal-options tbody tr td {
  border-right: solid #979797 0.5px;
}
#grubstreet table.withdrawal-options tbody tr td:last-child {
  border-width: 0;
}
#grubstreet table tbody tr th,
#grubstreet table thead tr th {
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}
#grubstreet table tbody tr th,
#grubstreet table thead tr th,
#grubstreet table tbody tr td,
#grubstreet table thead tr td {
  padding: 0.75em;
}
#grubstreet table tbody tr:nth-child(2n-1) {
  background: #F1EFEE;
}
#grubstreet .error,
#grubstreet .errors,
#grubstreet .flash {
  color: #EF413D;
}
#grubstreet .button,
#grubstreet .v-btn,
#grubstreet .fui-btn,
#grubstreet .fui-btn-container .fui-btn,
#grubstreet .stripe-payment-elements-submit-button {
  letter-spacing: 0;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  background-color: #FFDD00;
  color: #1C1C1C;
  line-height: 1em;
  border-radius: 1.5em;
  border-width: 0;
  padding: 0.75em 2em;
  box-shadow: none;
  text-transform: none;
  text-indent: 0;
  text-align: center;
  height: auto;
  min-width: 0;
  font-size: inherit;
  display: inline-block;
}
#grubstreet .button:hover,
#grubstreet .v-btn:hover,
#grubstreet .fui-btn:hover,
#grubstreet .fui-btn-container .fui-btn:hover,
#grubstreet .stripe-payment-elements-submit-button:hover {
  text-decoration: none;
  filter: brightness(0.92);
}
#grubstreet .button.plain,
#grubstreet .v-btn.plain,
#grubstreet .fui-btn.plain,
#grubstreet .fui-btn-container .fui-btn.plain,
#grubstreet .stripe-payment-elements-submit-button.plain {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
}
#grubstreet .button.primary,
#grubstreet .v-btn.primary,
#grubstreet .fui-btn.primary,
#grubstreet .fui-btn-container .fui-btn.primary,
#grubstreet .stripe-payment-elements-submit-button.primary {
  background-color: #FFDD00;
  letter-spacing: 1px;
}
#grubstreet .button.primary.plain,
#grubstreet .v-btn.primary.plain,
#grubstreet .fui-btn.primary.plain,
#grubstreet .fui-btn-container .fui-btn.primary.plain,
#grubstreet .stripe-payment-elements-submit-button.primary.plain {
  letter-spacing: 0px;
}
#grubstreet .button.secondary,
#grubstreet .v-btn.secondary,
#grubstreet .fui-btn.secondary,
#grubstreet .fui-btn-container .fui-btn.secondary,
#grubstreet .stripe-payment-elements-submit-button.secondary {
  background-color: #fff;
}
#grubstreet .button.outline,
#grubstreet .v-btn.outline,
#grubstreet .fui-btn.outline,
#grubstreet .fui-btn-container .fui-btn.outline,
#grubstreet .stripe-payment-elements-submit-button.outline {
  border: solid #979797 0.5px;
}
#grubstreet .button.close,
#grubstreet .v-btn.close,
#grubstreet .fui-btn.close,
#grubstreet .fui-btn-container .fui-btn.close,
#grubstreet .stripe-payment-elements-submit-button.close {
  padding: 0.75em;
  background-color: #1C1C1C;
  color: #fff;
}
#grubstreet .button.page,
#grubstreet .v-btn.page,
#grubstreet .fui-btn.page,
#grubstreet .fui-btn-container .fui-btn.page,
#grubstreet .stripe-payment-elements-submit-button.page {
  border-radius: 9px;
  padding: 0.75em 1.25em;
}
#grubstreet .button.v-btn--icon,
#grubstreet .v-btn.v-btn--icon,
#grubstreet .fui-btn.v-btn--icon,
#grubstreet .fui-btn-container .fui-btn.v-btn--icon,
#grubstreet .stripe-payment-elements-submit-button.v-btn--icon {
  background: none;
  padding: 0;
}
#grubstreet .button.errors,
#grubstreet .v-btn.errors,
#grubstreet .fui-btn.errors,
#grubstreet .fui-btn-container .fui-btn.errors,
#grubstreet .stripe-payment-elements-submit-button.errors {
  background-color: #EF413D;
}
#grubstreet .button.filter,
#grubstreet .v-btn.filter,
#grubstreet .fui-btn.filter,
#grubstreet .fui-btn-container .fui-btn.filter,
#grubstreet .stripe-payment-elements-submit-button.filter {
  border: solid #979797 1px;
  border-radius: 2em;
  padding: 0.5em;
  padding-right: 1em;
  text-align: left;
  justify-content: flex-start;
}
#grubstreet .button.filter img.v-icon,
#grubstreet .v-btn.filter img.v-icon,
#grubstreet .fui-btn.filter img.v-icon,
#grubstreet .fui-btn-container .fui-btn.filter img.v-icon,
#grubstreet .stripe-payment-elements-submit-button.filter img.v-icon {
  padding: 0;
}
#grubstreet .button.filter .v-icon,
#grubstreet .v-btn.filter .v-icon,
#grubstreet .fui-btn.filter .v-icon,
#grubstreet .fui-btn-container .fui-btn.filter .v-icon,
#grubstreet .stripe-payment-elements-submit-button.filter .v-icon {
  background-color: #FFDD00;
  border-radius: 50%;
  padding: 0.25em;
  margin-right: 0.5em;
}
#grubstreet .button.remove,
#grubstreet .v-btn.remove,
#grubstreet .fui-btn.remove,
#grubstreet .fui-btn-container .fui-btn.remove,
#grubstreet .stripe-payment-elements-submit-button.remove {
  background-color: #EF413D;
  color: white;
  padding: 0;
}
#grubstreet button.text {
  text-decoration: underline;
  color: #232020;
  transition: filter 0.25s ease-out;
}
#grubstreet button.text:hover {
  filter: brightness(0.8);
}
#grubstreet .stripe-payment-elements-submit-button {
  display: block;
  margin-left: auto;
  margin-top: 2em;
}
#grubstreet #paymentForm-stripe-payment-form-container {
  min-height: 200px;
}
#grubstreet [id$="payment-loading"],
#grubstreet .membership-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFEFC6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  border-radius: 8px;
  z-index: 10;
}
#grubstreet [id$="payment-loading"] .spinner,
#grubstreet .membership-loading .spinner {
  display: block;
  width: 40px;
  height: 40px;
  border: 4px solid #E7F1FA;
  border-top: 4px solid #FFDD00;
  border-radius: 50%;
  animation: payment-spin 1s linear infinite;
  margin-bottom: 15px;
}
@keyframes payment-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#grubstreet [id$="payment-loading"].hidden,
#grubstreet .membership-loading.hidden {
  display: none !important;
}
#grubstreet article a {
  text-decoration: underline;
}
#grubstreet article a:hover {
  background-color: #F1EFEE;
  text-decoration: none;
}
#grubstreet article a.button {
  text-decoration: none;
}
#grubstreet .people-search {
  margin: 2em 0;
}
#grubstreet .title span:after {
  content: ", ";
}
#grubstreet .title span:last-child:after {
  content: "";
}
#grubstreet .arrow-indent {
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: left;
}
#grubstreet .arrow-indent a {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
#grubstreet .arrow-indent a:first-child {
  position: relative;
  margin-left: 5.5em;
  display: inline-block;
}
#grubstreet .arrow-indent a:first-child:before {
  content: '';
  background-image: url("/assets/scribbles/right-arrow-long.svg");
  width: 5em;
  height: 1em;
  background-size: cover;
  background-position: right center;
  position: absolute;
  left: -5.25em;
  top: 0.25em;
}
#grubstreet .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  opacity: 0;
  background: rgba(28, 28, 28, 0.3);
  z-index: 10;
  transition: height 0s 0.15s, opacity 0.15s 0s;
}
#grubstreet .overlay.active {
  height: 100vh;
  opacity: 100;
  transition: height 0s 0s, opacity 0.15s 0s;
}
#grubstreet .note {
  font-size: 0.875rem;
  font-style: italic;
}
#grubstreet .flag {
  background-color: #EF413D;
  color: #fff;
  padding: 0.375em 1.5em;
  font-size: 0.75rem;
  font-weight: 700;
  position: absolute;
  top: -0.35em;
  right: 3em;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#grubstreet .flag:before {
  content: '';
  background-color: #CF332F;
  position: absolute;
  top: 0.25em;
  right: -0.5em;
  height: 1em;
  width: 1em;
  transform: rotate(45deg);
  z-index: -1;
}
#grubstreet .flags {
  position: absolute;
  top: -0.35em;
  right: 1.25em;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
#grubstreet .flags li {
  background-color: var(--primary-color);
  color: #fff;
  padding: 0.2em 1.25em;
  font-size: 0.75rem;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 1em;
  position: relative;
  text-transform: uppercase;
  color: #232020;
}
#grubstreet .flags li:before {
  content: '';
  background-color: var(--secondary-color);
  position: absolute;
  top: 0.25em;
  right: -0.5em;
  height: 1em;
  width: 1em;
  transform: rotate(45deg);
  z-index: -1;
}
#grubstreet .v-dialog h2 {
  font-family: 'Anton', sans-serif;
  margin-top: 0;
}
#grubstreet .v-dialog form {
  background-color: #fff;
  padding: 1.5em;
}
#grubstreet .v-dialog form .button {
  margin-top: 1em;
}
#grubstreet .v-dialog form .button.secondary {
  border: solid #979797 0.5px;
}
#grubstreet .v-dialog ul li {
  margin: 0.75em 0.5em 0.75em 1em;
  list-style-type: disc;
  line-height: 1.5em;
}
#grubstreet .v-dialog ul li a {
  text-decoration: underline;
}
#grubstreet .v-dialog .v-tabs-items {
  margin-bottom: 0;
}
#grubstreet .v-application {
  background: none;
}
#grubstreet .v-application--wrap {
  min-height: auto;
}
#grubstreet .v-tooltip__content {
  max-width: 30em;
}
#grubstreet .v-tooltip__content p {
  color: white;
}
#grubstreet .v-tooltip__content.menuable__content__active {
  opacity: 1;
}
#grubstreet .trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #232020;
  font-weight: 700;
  font-family: 'Montagu Slab', serif;
  background-color: #FFDD00;
  border-radius: 50%;
  line-height: 1em;
  height: 1.25em;
  width: 1.25em;
  padding: 0.25em;
}
#grubstreet .trigger:hover {
  cursor: help;
}
#grubstreet.search aside .button.primary {
  margin: 1em 0;
  width: 100%;
  display: block;
}
#grubstreet.search .search-intro {
  padding: 2em 1em;
  position: relative;
  grid-column: span 8;
  background-color: #EAF7F6;
  margin-bottom: 7em;
}
#grubstreet.search .search-intro:before {
  content: '';
  width: 68vw;
  height: 100%;
  background-color: #EAF7F6;
  position: absolute;
  top: 0;
  z-index: -1;
  right: 0;
}
#grubstreet.search .search-intro:after {
  content: '';
  width: 68vw;
  height: 7vw;
  background-size: contain;
  position: absolute;
  bottom: -6vw;
  z-index: -1;
  right: 0;
  background-image: url("/assets/swoops/pale-teal.png");
  background-position: right top;
}
#grubstreet.search .search-intro h1 {
  font-weight: 400;
  margin: 0.5em 0;
}
#grubstreet.search .search-intro h1 .v-icon {
  color: #EF413D;
  font-size: 1em;
  margin-right: 0.25em;
}
#grubstreet.search .search-intro input[type='search'] {
  background-color: white;
  max-width: 80%;
  display: inline-block;
}
#grubstreet.search .search-intro .button {
  margin-left: 1em;
}
#grubstreet.search .search-count {
  font-weight: 700;
  font-family: 'Montagu Slab', serif;
}
#grubstreet.search .search-results {
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
#grubstreet.search .search-results li {
  list-style-type: none;
  margin: 1em 0;
  padding: 0 0 1em 0;
  border-bottom: solid 0.5px #979797;
}
#grubstreet.search .search-results li a {
  font-weight: 700;
}
#grubstreet.search .search-results li p {
  padding: 0;
  margin: 0;
}
#grubstreet.search .search-results li:last-of-type {
  padding-bottom: 4em;
}
#grubstreet.search .pagination {
  display: flex;
  flex-direction: row;
}
#grubstreet.search .pagination a {
  display: block;
  margin-right: 0.5em;
}
#grubstreet.search .pagination p {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  line-height: 2.5em;
}
#grubstreet input[type='text'],
#grubstreet textarea,
#grubstreet input[type='date'],
#grubstreet input[type='number'],
#grubstreet input[type='email'],
#grubstreet input[type='search'] {
  border: solid #979797 0.5px;
  border-radius: 5px;
  padding: 0.8em;
  width: 100%;
  display: grid !important;
  margin: 0.5em 0;
  background-color: white;
}
#grubstreet input[type='text'].InputElement,
#grubstreet textarea.InputElement,
#grubstreet input[type='date'].InputElement,
#grubstreet input[type='number'].InputElement,
#grubstreet input[type='email'].InputElement,
#grubstreet input[type='search'].InputElement {
  font-family: 'Lato', sans-serif !important;
  color: #232020 !important;
}
#grubstreet textarea {
  min-height: 10em;
  line-height: 1.5em;
}
#grubstreet label.hide {
  display: none;
}
#grubstreet .v-input input[type='text'],
#grubstreet .v-input textarea,
#grubstreet .v-input input[type='date'],
#grubstreet .v-input input[type='number'] {
  padding: 0;
}
#grubstreet .v-input input[type='text'],
#grubstreet .v-input textarea {
  border-width: 0;
}
#grubstreet .v-input input[type='text'] {
  margin: 0;
}
#grubstreet .v-input input[type='number'] {
  border-width: 0;
}
#grubstreet .v-input .v-icon.mdi-checkbox-marked,
#grubstreet .v-input .v-icon.mdi-radiobox-marked {
  color: #EAC735;
}
#grubstreet .v-input .theme--light.v-label {
  color: #232020;
  z-index: 1;
}
#grubstreet input.fit-field {
  display: inline-block;
  width: auto;
}
#grubstreet .radio-button {
  position: relative;
}
#grubstreet .radio-button input[type='radio'] {
  position: absolute;
  height: 1em;
  width: 1em;
  opacity: 0;
}
#grubstreet .radio-button input[type='radio']:checked + label.button.secondary.plain {
  background-color: #FFDD00;
  border-color: #FFDD00;
}
#grubstreet .radio-button input[type='radio'] + label.button {
  cursor: pointer;
}
#grubstreet .radio-button input[type='radio'] + label.button.secondary.plain {
  background-color: #F1EFEE;
  border-color: #F1EFEE;
}
#grubstreet .radio-button input[type='radio'] + label.button.secondary.plain input {
  margin: 0;
  width: 5em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.25em;
}
#grubstreet .code {
  font-family: 'Courier New', Courier, monospace;
  display: block;
}
#grubstreet .emergency-notice {
  background-color: #C4D600;
  padding: 0.5em;
  position: relative;
  z-index: 100;
}
#grubstreet .emergency-notice .wrapper {
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
}
#grubstreet .emergency-notice .wrapper h2 {
  grid-area: 1 / 1 / 2 / 4;
  line-height: 1em;
  margin-top: 0.25em;
  font-size: 1.125rem;
}
#grubstreet .emergency-notice .wrapper p {
  grid-area: 1 / 4 / 2 / 10;
  line-height: 1em;
  margin-top: 0.28125em;
}
#grubstreet .emergency-notice .wrapper .cta {
  grid-area: 1 / 10 / 2 / 13;
  text-align: right;
  line-height: 1em;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
#grubstreet .emergency-notice .wrapper .cta .close {
  font-size: 0.75em;
  margin-bottom: 0.5em;
  order: 1;
}
#grubstreet .emergency-notice .wrapper .cta .close .v-icon {
  font-size: 1em;
}
#grubstreet .emergency-notice .wrapper .cta .button.secondary {
  order: 2;
  font-size: 0.75em;
}
#grubstreet .skip-content {
  position: absolute;
  transform: translateX(-100vw);
  transition: transform 0.3s;
  background-color: #FFDD00;
  padding: 0.5em;
}
#grubstreet .skip-content:focus {
  transform: translateY(0%);
}
#grubstreet header {
  position: relative;
  z-index: 11;
  background-color: white;
}
#grubstreet header.active:after {
  content: '';
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
  background: rgba(28, 28, 28, 0.3);
}
#grubstreet header > .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  justify-content: space-between;
  max-width: var(--site-max-width);
  margin: auto;
  font-size: 0.875rem;
}
#grubstreet header > .wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet header > .wrapper .logo {
  height: 3em;
  margin-top: 1em;
}
#grubstreet header > .wrapper .primary {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#grubstreet header > .wrapper .primary ul {
  display: none;
  flex-direction: row;
}
#grubstreet header > .wrapper .primary ul li {
  padding: 1em;
}
#grubstreet header > .wrapper .primary ul li:first-child {
  padding-left: 0;
}
#grubstreet header > .wrapper .primary ul ul {
  display: none;
}
#grubstreet header > .wrapper .primary div {
  display: none;
}
#grubstreet header > .wrapper .primary .secondary.plain {
  border: solid #1C1C1C 1px;
  background: #fff;
}
#grubstreet header > .wrapper .action ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#grubstreet header > .wrapper .action ul li {
  padding: 0.75em;
}
#grubstreet header > .wrapper .action ul li:first-child {
  display: none;
}
#grubstreet header > .wrapper .action ul li:last-child {
  padding: 0;
  margin-left: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4em;
  width: 4em;
  border-radius: 50%;
  border: solid transparent 1px;
  position: relative;
}
#grubstreet header > .wrapper .action ul li:last-child:hover,
#grubstreet header > .wrapper .action ul li:last-child.active {
  cursor: pointer;
  border-color: #1C1C1C;
}
#grubstreet header > .wrapper .action ul li:last-child img {
  position: absolute;
  top: 0.75em;
  left: 1em;
  height: 2em;
}
#grubstreet header > .wrapper .action ul li:last-child img.close-menu {
  top: -0.3em;
  left: -0.125em;
  height: 4em;
}
#grubstreet header > .wrapper .action ul li:last-child span {
  font-size: 0.75rem;
  position: absolute;
  top: 2em;
  left: 0.75em;
}
#grubstreet header > .wrapper .action ul li img {
  height: 1em;
  width: auto;
}
#grubstreet header > .wrapper .action ul li.profile-button {
  display: flex;
}
#grubstreet header > .wrapper .action ul li.profile-button button {
  padding-bottom: 0.75em;
  padding-top: 0.75em;
}
#grubstreet header > .wrapper .action ul li.profile-button a {
  line-height: 1em;
}
#grubstreet header > .wrapper .action ul li.profile-button a img {
  height: 2.5em;
  border-radius: 50%;
}
#grubstreet header > .wrapper .action ul li.profile-button.active {
  background: #F1EFEE;
  border-top-right-radius: 2em;
  border-top-left-radius: 2em;
  z-index: 101;
  box-shadow: 0px 0px 13px 0px #595959;
  clip-path: inset(-13px -13px 0px -13px);
}
#grubstreet header .profile-menu {
  background-color: #F1EFEE;
  border-radius: 30px;
  box-shadow: 0px 0px 13px 0px #595959;
  padding: 1.5em 2em;
  width: 25em;
  position: absolute;
  z-index: 100;
  top: 4.1em;
  left: 0;
  margin-left: 1em;
}
#grubstreet header .profile-menu h2 {
  font-weight: 500;
  margin-top: 0;
}
#grubstreet header .profile-menu p {
  margin-top: 1em;
}
#grubstreet header .profile-menu p + p {
  margin-top: 0;
}
#grubstreet header .profile-menu .v-input {
  margin: 1em 0;
}
#grubstreet header .profile-menu .v-input .v-input__slot.white {
  background-color: #fff;
}
#grubstreet header .profile-menu .v-input input {
  margin-bottom: 0;
}
#grubstreet header .menu {
  background: #fff;
  padding-bottom: 6em;
  padding-top: 1em;
  position: absolute;
  top: 4em;
  left: 0;
  width: 100vw;
  z-index: 99;
}
#grubstreet header .menu:focus {
  outline-color: #FFDD00;
  outline-width: 0;
  outline-style: dashed;
}
#grubstreet header .menu #searchForm .v-input__slot {
  background-color: white;
}
#grubstreet header .menu .large-menu {
  display: none;
}
#grubstreet header .menu .small-menu {
  display: block;
  position: relative;
  height: calc(100vh - 11em);
}
#grubstreet header .menu .small-menu .sections {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#grubstreet header .menu .small-menu .sections h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0;
  text-transform: uppercase;
  background: none;
  margin: 2em 0 1.5em;
  display: block;
  line-height: 1.75em;
}
#grubstreet header .menu .small-menu .sections h2:after {
  display: none;
}
#grubstreet header .menu .small-menu .sections ul li {
  font-family: 'Montagu Slab', serif;
  padding: 0;
  position: relative;
}
#grubstreet header .menu .small-menu .sections ul li:before {
  content: '';
  height: 1px;
  padding: 0;
  font-size: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}
#grubstreet header .menu .small-menu .sections ul li:after {
  content: ">";
  background-color: white;
  padding: 0 0.5em;
  position: absolute;
  right: 0;
  top: 0.5em;
}
#grubstreet header .menu .small-menu .sections ul li:hover {
  cursor: pointer;
}
#grubstreet header .menu .small-menu .sections ul li:hover span {
  text-decoration: underline;
}
#grubstreet header .menu .small-menu .sections ul li span {
  padding: 0.5em 0.75em 0.5em 0.5em;
  background-color: white;
  display: inline-block;
  position: relative;
}
#grubstreet header .menu .small-menu .sections ul li span:hover {
  text-decoration: underline;
  cursor: pointer;
}
#grubstreet header .menu .small-menu .section-pages {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#grubstreet header .menu .small-menu .section-pages h3 {
  margin: 0 0 1em 0;
  padding: 0.375em 0.75em 0.375em 1em;
  display: inline-block;
  background-color: #DCE9AE;
  text-transform: uppercase;
  font-family: 'Montagu Slab', serif;
  position: relative;
  left: -1em;
}
#grubstreet header .menu .small-menu .section-pages h3:after {
  content: '';
  background-image: url("/assets/scribbles/left-down-arrow-black.svg");
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
  background-position: right center;
  position: absolute;
  right: -1.25em;
  top: 0.5em;
  transform: scaleX(-1) rotate(20deg);
}
#grubstreet header .menu .small-menu .section-pages p a {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0;
  text-transform: uppercase;
  margin: 2em 0 1.5em;
  display: block;
  position: relative;
  margin-left: 3em;
}
#grubstreet header .menu .small-menu .section-pages p a:before {
  content: '';
  background-image: url("/assets/scribbles/left-arrow-nav.svg");
  width: 2.5em;
  height: 1.5em;
  background-size: contain;
  background-position: right center;
  position: absolute;
  left: -2.8em;
  top: 0.4em;
}
#grubstreet header .menu .small-menu .section-pages ul li a {
  font-size: 16px;
  padding: 0.75em;
}
#grubstreet header .menu.write-menu {
  background-position: calc(50% - 32em) 40%;
  background-size: 9em auto;
  background-repeat: no-repeat;
}
#grubstreet header .menu.write-menu .sections {
  margin-right: 1em;
  border-right-width: 0;
}
#grubstreet header .menu.write-menu .section-pages li {
  line-height: 1.25em;
}
#grubstreet header .menu .sections h2 {
  font-size: 2em;
  font-weight: 400;
  padding: 0.375em;
  display: inline-block;
  background-color: #DCE9AE;
  line-height: 1em;
  margin-top: 0;
  position: relative;
}
#grubstreet header .menu .sections h2:after {
  display: block;
  content: '';
  height: 0.33em;
  width: 100%;
  position: absolute;
  right: -2.5em;
  top: 2.25em;
  background-image: url("/assets/scribbles/left-arrow-nav.svg");
  background-position: right center;
  background-size: auto 100%;
  transform: rotate(-90deg);
}
#grubstreet header .menu .sections ul {
  margin-left: -0.5em;
}
#grubstreet header .menu .sections ul li {
  position: relative;
}
#grubstreet header .menu .sections ul li a {
  padding: 0.25em 1em;
  display: inline-block;
  font-family: 'Montagu Slab', serif;
  font-weight: 700;
  margin: 0.5em 0;
  position: relative;
  z-index: 1;
  border-right: solid white 0.5em;
}
#grubstreet header .menu .sections ul li.active:after {
  display: inline-block;
  content: '';
  height: 2em;
  width: 100%;
  position: absolute;
  left: 0.6em;
  top: 25%;
  background-image: url("/assets/scribbles/arrow-long-tail.svg");
  background-position: right center;
  background-size: auto 0.6em;
  z-index: 0;
  background-color: white;
}
#grubstreet header .menu .sections ul li:hover a,
#grubstreet header .menu .sections ul li.active a {
  background: #F1EFEE;
}
#grubstreet header .menu .section-pages h3 {
  font-size: 1em;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 2em;
}
#grubstreet header .menu .section-pages li {
  margin-left: -0.75em;
  font-size: 0.875rem;
}
#grubstreet header .menu .section-pages li.spacer {
  height: 1px;
  font-size: 0px;
  background-color: #232020;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 50%;
}
#grubstreet header .menu .section-pages li.spacer a {
  display: none;
}
#grubstreet header .menu .section-pages li a {
  padding: 0.5em 0.75em;
  display: inline-block;
}
#grubstreet header .menu .feature {
  grid-area: 1 / 9 / 2 / 13;
  display: none;
  grid: auto / repeat(2, 1fr);
  gap: var(--grid-gap);
  margin-bottom: auto;
}
#grubstreet header .menu .feature.spotlight {
  grid-area: 1 / 8 / 2 / 13;
  margin-top: 5em;
  margin-left: 1em;
}
#grubstreet header .menu .feature.spotlight img {
  grid-area: 1 / 1 / 4 / 2;
  border-radius: 50%;
  padding: 0.75em;
  border: solid 1px #C4D600;
  width: 100%;
}
#grubstreet header .menu .feature.spotlight h3 {
  grid-area: 1 / 2 / 2 / 3;
  font-size: 1.5rem;
  font-family: 'Montagu Slab', serif;
  font-weight: 400;
}
#grubstreet header .menu .feature.spotlight p {
  grid-area: 2 / 2 / 3 / 3;
  font-size: 0.75em;
}
#grubstreet header .menu .feature.spotlight p strong {
  display: block;
  font-weight: 700;
}
#grubstreet header .menu .feature.spotlight a {
  grid-area: 3 / 2 / 4 / 3;
  font-size: 0.75em;
  text-transform: uppercase;
  margin-top: auto;
  position: relative;
}
#grubstreet header .menu .feature.spotlight a:after {
  display: block;
  content: '';
  height: 0.75em;
  width: 5em;
  position: absolute;
  right: 2.5em;
  top: 0.25em;
  background-image: url("/assets/scribbles/right-arrow-long.svg");
  background-position: right center;
  background-size: 100% auto;
}
#grubstreet header .menu .feature form {
  grid-area: 1 / 1 / 2 / 3;
  width: 100%;
}
#grubstreet header .menu .feature img {
  grid-area: 2 / 2 / 3 / 3;
  width: 60%;
}
#grubstreet header .menu .feature h3 {
  grid-area: 2 / 1 / 3 / 2;
  font-size: 3.5em;
  font-family: 'Anton', sans-serif;
  line-height: 1em;
  margin: 0;
}
#grubstreet header .menu .feature h3 span {
  font-size: 1.5rem;
  font-family: 'Montagu Slab', serif;
  font-weight: 400;
  line-height: 1em;
}
#grubstreet header .menu .feature p {
  grid-area: 3 / 1 / 4 / 3;
  font-size: 1em;
  margin-bottom: 1.5em;
}
#grubstreet header .menu .feature .button {
  grid-area: 4 / 1 / 5 / 2;
}
#grubstreet .body-header .breadcrumbs {
  grid-area: 2 / 1 / 3 / 13;
  padding: 0;
  padding-right: 2em;
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  flex-direction: row;
  list-style-type: none;
  margin-bottom: 0.75em;
  margin-right: auto;
  margin-top: 1.5em;
  font-size: 0.875rem;
}
#grubstreet .body-header .breadcrumbs li {
  padding: 0.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#grubstreet .body-header .breadcrumbs li:first-child {
  padding-left: 1em;
}
#grubstreet .body-header .breadcrumbs li:first-child:before {
  content: "";
}
#grubstreet .body-header .breadcrumbs li:before {
  content: ">";
  position: relative;
  left: -0.75em;
}
#grubstreet .body-header .breadcrumbs li a {
  text-decoration: underline;
  font-size: 0.75rem;
  line-height: 1.1em;
}
#grubstreet .full-width .body-header h1 {
  font-size: 2.25rem;
  font-weight: 400;
  padding: 0;
  margin: 0.5em 0 0;
  grid-area: 1 / 1 / 2 / 13;
  line-height: 1em;
}
#grubstreet .full-width .body-header p {
  font-size: 16px;
  font-family: 'Montagu Slab', serif;
  font-weight: 700;
  grid-area: 2 / 1 / 3 / 13;
  margin-bottom: 3.5em;
}
#grubstreet .full-width article {
  grid-area: 1 / 1 / 2 / 13;
  margin-top: 2em;
}
#grubstreet .full-width article .subtitle {
  font-size: 1.125rem;
}
#grubstreet .full-width article a:not(.button):hover {
  background: #F1EFEE;
}
#grubstreet .full-width article h2 {
  font-size: 2.25rem;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1.5em;
}
#grubstreet .full-width article .topic-intro {
  margin-bottom: 2.5em;
  display: flex;
  flex-direction: column;
}
#grubstreet .full-width article .topic-intro div {
  background-color: #F1EFEE;
  padding: 0em 1em 2em 1em;
  order: 2;
}
#grubstreet .full-width article .topic-intro div h3 {
  font-size: 1.5rem;
  font-weight: 400;
}
#grubstreet .full-width article .topic-intro div p {
  margin-bottom: 1.5em;
}
#grubstreet .full-width article .topic-intro div .button {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
#grubstreet .full-width article .topic-intro div.error-options h3 {
  margin-bottom: 1.5em;
}
#grubstreet .full-width article .topic-intro div.error-options p {
  margin-bottom: 1em;
}
#grubstreet .full-width article .topic-intro .feature-image {
  order: 1;
  width: 100%;
  height: auto;
}
#grubstreet .full-width article .topic-intro .supplement-image {
  display: none;
}
#grubstreet .full-width .wrapper.three-column {
  max-width: var(--site-max-width);
}
#grubstreet .right-rail .body-header h1 {
  font-size: 2.25rem;
  padding: 0;
  margin: 0.5em 0 0;
  grid-area: 1 / 1 / 2 / 13;
  line-height: 1em;
  font-weight: 400;
}
#grubstreet .right-rail .body-header + .full-width {
  margin-top: 0;
}
#grubstreet .right-rail article {
  grid-area: 3 / 1 / 4 / 13;
  max-width: 100%;
}
#grubstreet .right-rail article h1 span {
  display: block;
  font-size: 0.5em;
}
#grubstreet .right-rail article h2:first-child {
  margin-top: 0;
  font-size: 2.25rem;
  margin-bottom: 0.25em;
  font-weight: 400;
  line-height: 1.25em;
}
#grubstreet .right-rail article h3 {
  font-size: 1.125rem;
  margin-bottom: 1.5em;
  margin-top: 2em;
}
#grubstreet .right-rail article h4 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0.25em;
}
#grubstreet .right-rail article h5 {
  font-size: 16px;
  margin-bottom: 0.25em;
  margin-top: 2em;
}
#grubstreet .right-rail article h6 {
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  margin-bottom: 0.25em;
  margin-top: 1em;
}
#grubstreet .right-rail article p {
  margin: 1em 0;
}
#grubstreet .right-rail article ul {
  margin: 1em 0 1em 1em;
}
#grubstreet .right-rail article ul li {
  padding-left: 0.25em;
  list-style-type: disc;
  line-height: 1.4em;
  padding-bottom: 0.35em;
}
#grubstreet .right-rail article ul.button-group {
  margin-left: 0;
  max-width: 100%;
}
#grubstreet .right-rail article ul.button-group li {
  list-style-type: none;
  padding-left: 0;
  padding-bottom: 0;
}
#grubstreet .right-rail article ul.button-group li .button {
  width: 100%;
}
#grubstreet .right-rail article ol {
  margin: 1em 0 1em 1.25em;
  font-weight: 700;
}
#grubstreet .right-rail article ol li {
  padding-left: 0.5em;
  list-style-type: decimal;
  font-weight: 400;
  line-height: 1.4em;
  padding-bottom: 0.35em;
}
#grubstreet .right-rail article .button.secondary {
  border: solid #979797 1px;
}
#grubstreet .right-rail article .people-letter {
  border-bottom: solid #979797 0.5px;
  padding-bottom: 0.1666667em;
  margin-bottom: 0.833333em;
}
#grubstreet .right-rail article .people-letter .people-list {
  margin-top: 0;
}
#grubstreet .right-rail article .people-list {
  list-style-type: none;
  margin: 0 0 2em 0;
  padding: 0;
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: 1em;
  align-items: start;
}
#grubstreet .right-rail article .people-list li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
#grubstreet .right-rail article .people-list li span {
  border: solid #96D5D2 0.5px;
  border-radius: 50%;
  padding: 1em;
  width: 8.5em;
  height: 8.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grubstreet .right-rail article .people-list li span img {
  height: 7em;
  width: 7em;
  border-radius: 50%;
}
#grubstreet .right-rail article .people-list li h3 {
  font-family: 'Montagu Slab', serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  margin-top: 0.75em;
  line-height: 1.25em;
}
#grubstreet .right-rail article .people-list li ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet .right-rail article .people-list li ul li {
  list-style-type: none;
  font-size: 0.875rem;
  padding-left: 1.5em;
  position: relative;
}
#grubstreet .right-rail article .people-list li ul li:before {
  content: "|";
  position: absolute;
  left: 0.75em;
}
#grubstreet .right-rail article .people-list li ul li:first-child {
  padding-left: 0;
}
#grubstreet .right-rail article .people-list li ul li:first-child:before {
  content: "";
}
#grubstreet .right-rail aside {
  max-width: var(--site-max-width);
  grid-area: 4 / 1 / 5 / 13;
  padding-left: 0;
  margin: auto;
  margin-top: 2em;
  /* ONLY WORKS ONCE :has IS SUPPORTED */
}
#grubstreet .right-rail aside .local-nav {
  margin-top: 4em;
}
#grubstreet .right-rail aside .local-nav h3 {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
#grubstreet .right-rail aside .local-nav h2 {
  font-family: 'Anton', sans-serif;
  font-size: 2.25rem;
  margin: 0 0 0.75em;
  padding: 0;
  display: inline-block;
  position: relative;
}
#grubstreet .right-rail aside .local-nav h2:before {
  content: '';
  background-image: url("/assets/scribbles/right-down-arrow-black.svg");
  width: 1.75em;
  height: 1.75em;
  background-size: contain;
  background-position: right center;
  position: absolute;
  right: -2em;
  top: 0.4em;
  transform: rotate(22deg);
}
#grubstreet .right-rail aside .local-nav .button.primary {
  margin-top: 2em;
  width: 100%;
  font-size: 1.125rem;
}
#grubstreet .right-rail aside .nav-items .nav-item {
  border-top: solid #979797 0.5px;
  padding: 0;
  font-size: 16px;
}
#grubstreet .right-rail aside .nav-items .nav-item:first-child {
  border-width: 0;
  padding-top: 0;
}
#grubstreet .right-rail aside .nav-items .nav-item .nav-link {
  display: block;
  padding: 0.5em 0;
}
#grubstreet .right-rail aside .nav-items .nav-item .nav-link.nav-active {
  background-color: #FFEFC6;
  font-weight: 700;
  left: 0;
  padding-left: 0.75em;
  width: calc(100% + 0.75em);
  position: relative;
}
#grubstreet .right-rail aside .nav-items .nav-items {
  margin: 0.75em 0 0.75em 1.25em;
}
#grubstreet .right-rail aside .nav-items .nav-items .nav-item {
  border-width: 0;
  padding: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25em 0;
}
#grubstreet .right-rail aside .nav-items .nav-items .nav-item .nav-item {
  text-transform: none;
  font-weight: 400;
}
#grubstreet .right-rail aside .nav-items .nav-items .nav-item .nav-link {
  padding: 0.25em 0;
  background: transparent !important;
}
#grubstreet .right-rail aside .nav-items .nav-items .nav-item .nav-link.nav-active:before {
  content: '';
  background-image: url("/assets/scribbles/left-arrow-nav.svg");
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
  background-position: right center;
  position: absolute;
  left: -1.8em;
  top: 0.4em;
}
@supports (selector(:has(*))) {
  #grubstreet .right-rail aside .nav-item .nav-items {
    display: none;
  }
  #grubstreet .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > a,
  #grubstreet .right-rail aside .nav-items .nav-item:has(a.nav-active) > a {
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 0.25em;
    padding-left: 0.5em;
    margin-left: -0.5em;
    background-color: #FFEFC6;
  }
  #grubstreet .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > .nav-items,
  #grubstreet .right-rail aside .nav-items .nav-item:has(a.nav-active) > .nav-items {
    font-weight: normal;
    display: block;
  }
  #grubstreet .right-rail aside .nav-items .nav-item:has(ul li a.nav-active) > .nav-items .nav-active,
  #grubstreet .right-rail aside .nav-items .nav-item:has(a.nav-active) > .nav-items .nav-active {
    margin-left: 0;
  }
}
#grubstreet .right-rail aside .related-nav {
  margin-top: 3em;
  padding-top: 2em;
  border-top: solid #979797 0.5px;
}
#grubstreet .right-rail aside .related-nav h2 {
  font-family: 'Anton', sans-serif;
  font-size: 1.25em;
  margin-bottom: 0.75em;
}
#grubstreet .right-rail aside .related-nav ul {
  font-size: 0.875rem;
}
#grubstreet .right-rail aside .related-nav ul li {
  padding: 0.5714285em 0;
}
#grubstreet .right-rail aside .rail-feature {
  margin: 4em 0 3em;
  text-align: center;
}
#grubstreet .right-rail aside .rail-feature img {
  width: 90%;
  margin-bottom: 1em;
}
#grubstreet .right-rail aside .rail-feature .button {
  width: 100%;
}
#grubstreet .right-rail aside .rail-feature p {
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 85%;
  margin: 0.75em auto 0;
}
#grubstreet .right-rail .wrapper aside {
  max-width: 100%;
  margin: 0;
}
#grubstreet .right-rail .full-width {
  grid-area: 4 / 1 / 5 / 13;
  margin-top: 2em;
}
#grubstreet .home-message {
  text-align: center;
  display: block;
  padding: 1em 0 0;
  gap: 0.25em;
  display: none;
}
#grubstreet .home-message .lead-illustration {
  grid-area: 1 / 3 / 7 / 6;
}
#grubstreet .home-message p {
  grid-area: 2 / 6 / 3 / 13;
  font-family: 'Montagu Slab', serif;
  font-size: 1.125rem;
  line-height: 1em;
}
#grubstreet .home-message p.rotating-message {
  grid-area: 3 / 6 / 5 / 13;
  font-family: 'Anton', sans-serif;
  font-size: 3em;
  font-weight: 400;
  height: 1em;
  position: relative;
}
#grubstreet .home-message p.rotating-message .v-btn {
  display: block;
  font-size: 0.4em;
  background: none;
  position: absolute;
  bottom: -1em;
  right: 0.25em;
  padding: 0;
}
#grubstreet .home-message p.rotating-message .v-btn .v-icon {
  font-size: 1em;
}
#grubstreet .home-video {
  background-color: #FFDD00;
  padding: 0;
  margin-top: 2em;
}
#grubstreet .home-video iframe {
  width: 100vw;
  height: calc(100vw * 0.56);
}
#grubstreet .home-find-a-class {
  margin-top: 1em;
}
#grubstreet .home-find-a-class .wrapper {
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
}
#grubstreet .home-find-a-class h2 {
  grid-area: 1 / 1 / 2 / 13;
  text-align: center;
  font-family: 'Montagu Slab', serif;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#grubstreet .home-find-a-class .button {
  grid-column: span 12;
}
#grubstreet .home-find-a-class #find-a-class {
  grid-area: 2 / 1 / 3 / 13;
}
#grubstreet .home-find-a-class #find-a-class .filters {
  padding-top: 0;
}
#grubstreet .whats-happening {
  background-color: #96D5D2;
  margin-top: 3em;
  padding: 1em 0 2em;
  position: relative;
  margin-bottom: 9vw;
}
#grubstreet .whats-happening:before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: -1.125rem;
  left: 50%;
  margin-left: -0.5625em;
  background-color: white;
  transform: rotate(45deg);
}
#grubstreet .whats-happening:after {
  content: "";
  background-image: url('/assets/swoops/teal.png');
  width: 100vw;
  height: 9.55vw;
  background-size: cover;
  position: absolute;
  bottom: -9vw;
  z-index: -1;
  left: 0px;
}
#grubstreet .whats-happening .wrapper {
  display: block;
}
#grubstreet .whats-happening .head {
  grid-area: 1 / 3 / 2 / 13;
  border-width: 0;
  margin-top: 0;
  text-align: center;
  margin-top: 2em;
}
#grubstreet .whats-happening .head .whats-happening-illustration {
  position: absolute;
  top: -2.5em;
  left: 0.25em;
  width: 6.5em;
}
#grubstreet .whats-happening .head h2 .arrow-indent {
  font-family: 'Lato', sans-serif;
  font-size: 0.75rem;
  margin-top: 2em;
  margin-bottom: 3em;
  position: relative;
  display: block;
  text-align: center;
}
#grubstreet .whats-happening h4 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
}
#grubstreet .whats-happening .feature {
  grid-area: 2 / 1 / 3 / 7;
}
#grubstreet .whats-happening .feature img {
  width: 100%;
  height: auto;
}
#grubstreet .whats-happening .feature .details {
  font-size: 0.875rem;
  margin-bottom: 1.5em;
}
#grubstreet .whats-happening .feature .button {
  margin-top: 1.5em;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
#grubstreet .whats-happening .feature .button + .button {
  margin-left: 1em;
}
#grubstreet .whats-happening .stories {
  grid-area: 2 / 7 / 3 / 13;
  padding-top: 3em;
}
#grubstreet .whats-happening .stories h4 {
  margin-top: 0;
}
#grubstreet .whats-happening .stories .subtitle {
  margin-top: 0;
  margin-bottom: 2em;
  text-transform: uppercase;
}
#grubstreet .whats-happening .stories .snippet {
  clear: both;
}
#grubstreet .whats-happening .stories .snippet > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet .whats-happening .stories .snippet > span {
    margin: 0;
  }
}
#grubstreet .whats-happening .stories .snippet > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet .whats-happening .stories .snippet > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet .whats-happening .stories .snippet > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet .whats-happening .stories .snippet span {
  float: left;
  margin-right: 0.5em;
  margin-bottom: 1em;
  border: solid #fff 0.5px;
  width: 8.5em;
  height: 8.5em;
}
#grubstreet .whats-happening .stories .snippet span img {
  height: 7em;
  width: 7em;
}
#grubstreet .whats-happening .stories .snippet h5 {
  font-size: 16px;
}
#grubstreet .featured-classes {
  margin-top: 2em;
  margin-bottom: 5em;
}
#grubstreet .featured-classes .head {
  display: block;
  text-align: center;
}
#grubstreet .featured-classes .head .programming-illustration {
  width: 12em;
  margin-bottom: 1em;
  margin-top: -3em;
}
#grubstreet .featured-classes h2,
#grubstreet .featured-classes h3 {
  text-align: center;
}
#grubstreet .featured-classes h2 {
  font-size: 2.25rem;
}
#grubstreet .featured-classes h3 {
  font-size: 16px;
}
#grubstreet .featured-classes .three-column {
  grid-area: 4 / 1 / 5 / 13;
  max-width: 100%;
  width: 100%;
  display: block;
}
#grubstreet .featured-classes .three-column .promo {
  grid-area: 1 / 9 / 2 / 13;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#grubstreet .featured-classes .three-column .promo span {
  display: block;
  text-align: center;
}
#grubstreet .featured-classes .three-column .promo span img {
  max-height: 18em;
  width: auto;
}
#grubstreet .featured-classes .three-column .promo a {
  align-self: stretch;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
#grubstreet .featured-classes .featured-programming {
  grid-area: 2 / 1 / 3 / 13;
}
#grubstreet .featured-classes .quote {
  grid-area: 3 / 1 / 4 / 13;
  padding: 0em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  background-image: url('/assets/images/quote-open.svg'), url('/assets/images/quote-close.svg');
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  background-size: auto 5em;
}
#grubstreet .featured-classes .quote p {
  font-size: 1.5rem;
  font-weight: 200;
  font-family: 'Montagu Slab', serif;
  text-align: center;
  line-height: 1.2em;
}
#grubstreet .latest-pubs {
  background-color: #FFEFC6;
  margin-bottom: 2em;
  padding-bottom: 3em;
  padding-top: 1em;
}
#grubstreet .latest-pubs .head {
  border-width: 0;
  margin-top: 0;
  grid-area: 1 / 1 / 2 / 13;
  text-align: left;
}
#grubstreet .latest-pubs .head .grubwrites-illustration {
  width: 9em;
  margin-bottom: 0.75em;
}
#grubstreet .latest-pubs .three-column {
  grid-area: 2 / 1 / 3 / 13;
  display: block;
}
#grubstreet .latest-pubs .arrow-indent {
  grid-area: 3 / 1 / 4 / 13;
  padding: 2em 0;
  position: relative;
}
#grubstreet .latest-pubs .pub {
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: 1.5em;
  margin-bottom: 1.75em;
}
#grubstreet .latest-pubs .pub img {
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
  height: auto;
}
#grubstreet .latest-pubs .pub .pub-description {
  grid-area: 1 / 2 / 2 / 3;
}
#grubstreet .latest-pubs .pub .pub-description .type {
  color: #EF413D;
}
#grubstreet .latest-pubs .pub .pub-description .author {
  font-size: 1.125rem;
  font-style: italic;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#grubstreet .support-promo .wrapper {
  display: grid;
  grid: auto / repeat(1, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
}
#grubstreet .support-promo .subtitle {
  grid-area: 1 / 1 / 2 / 2;
  font-size: 1.125rem;
  position: relative;
  top: 1em;
}
#grubstreet .support-promo h3 {
  grid-area: 2 / 1 / 3 / 2;
  font-size: 2.5em;
  font-family: 'Anton', sans-serif;
  line-height: 1.33em;
  margin: 0;
}
#grubstreet .support-promo h3:after {
  content: '';
  background-image: url("/assets/scribbles/star-rounded.svg");
  display: inline-block;
  height: 1em;
  width: 2em;
  position: relative;
  top: 0.3em;
  left: 0.4em;
}
#grubstreet .support-promo .pitch {
  grid-area: 4 / 1 / 5 / 2;
}
#grubstreet .support-promo .button {
  grid-area: 5 / 1 / 6 / 2;
  font-size: 1.125rem;
  letter-spacing: 1px;
}
#grubstreet .support-promo .button + .button {
  grid-area: 6 / 1 / 7 / 2;
}
#grubstreet .support-promo .support-image {
  grid-area: 3 / 1 / 4 / 2;
  width: 100%;
}
#grubstreet div.find-a-class h2 {
  margin-bottom: 0.5em;
}
#grubstreet div.find-a-class .filter-text input[type='text'] {
  margin: 0;
  border-width: 0;
}
#grubstreet div.find-a-class .filter-wrapper {
  position: relative;
}
#grubstreet div.find-a-class .filters {
  display: flex;
  flex-direction: column;
  padding-top: 1.5em;
}
#grubstreet div.find-a-class .filters .filter {
  margin-bottom: 0.75em;
  transition: border-bottom-left-radius 0.125s, border-bottom-right-radius 0.125s;
}
#grubstreet div.find-a-class .filters .filter:before {
  background-color: transparent;
}
#grubstreet div.find-a-class .filters .filter:after {
  height: 0px;
  content: "";
  width: 80%;
  border: solid #979797 1px;
  border-width: 0 1px;
  position: absolute;
  bottom: 0px;
  left: 10%;
  background: white;
  box-shadow: none;
  transition: height 0.125s, width 0.125s, left 0.125s, bottom 0.125s;
}
#grubstreet div.find-a-class .filters .filter.flip {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 0;
  position: relative;
  z-index: 2;
}
#grubstreet div.find-a-class .filters .filter.flip .v-icon--right {
  transform: rotate(180deg);
}
#grubstreet div.find-a-class .filters .filter.flip:after {
  height: 13px;
  bottom: -13px;
  width: calc(100% + 2px);
  left: -1px;
}
#grubstreet div.find-a-class .filters .filter .v-icon--right {
  margin-left: auto;
  margin-right: 0;
}
#grubstreet div.find-a-class .filter-menu {
  border: 1px solid #979797;
  box-shadow: 0 2px 4px 0 rgba(159, 159, 159, 0.5);
  border-radius: 0.75em;
  padding: 1.5em;
  margin-top: -0.25em;
  margin-bottom: 0.75em;
  z-index: 1;
  background-color: #fff;
}
#grubstreet div.find-a-class .filter-menu h3 {
  margin-top: 0;
}
#grubstreet div.find-a-class .filter-menu .filter-columns div:first-child h3 {
  margin-top: 0;
}
#grubstreet div.find-a-class .filter-menu .filter-columns div h3 {
  margin-top: 1.5em;
}
#grubstreet div.find-a-class .filter-menu .button-checkbox,
#grubstreet div.find-a-class .filter-menu .button-radio {
  border: solid #979797 1px;
  border-radius: 5px;
  padding: 1.25em;
  flex-grow: 1;
  flex-basis: 1em;
}
#grubstreet div.find-a-class .filter-menu .button-checkbox:has(input:checked),
#grubstreet div.find-a-class .filter-menu .button-radio:has(input:checked) {
  background: #F1EFEE;
}
#grubstreet div.find-a-class .filter-menu .button-checkbox.v-item--active,
#grubstreet div.find-a-class .filter-menu .button-radio.v-item--active,
#grubstreet div.find-a-class .filter-menu .button-checkbox.v-input--is-label-active,
#grubstreet div.find-a-class .filter-menu .button-radio.v-input--is-label-active {
  background: #F1EFEE;
}
#grubstreet div.find-a-class .filter-menu .button-checkbox.sublevel,
#grubstreet div.find-a-class .filter-menu .button-radio.sublevel {
  margin-left: 2em;
  width: calc(100% - 2em);
}
#grubstreet div.find-a-class .filter-menu .button-checkbox {
  padding-bottom: 0;
}
#grubstreet div.find-a-class .filter-menu .v-input .v-label {
  padding-left: 0.5em;
}
#grubstreet div.find-a-class .filter-menu .promo {
  display: none;
}
#grubstreet div.find-a-class .filter-controls {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2em;
}
#grubstreet div.find-a-class .filter-controls p {
  margin-bottom: 1em;
}
#grubstreet div.find-a-class .filter-controls .v-select {
  max-width: 13em;
}
#grubstreet div.find-a-class .filter-controls .v-select .v-select__slot {
  font-size: 0.875rem;
}
#grubstreet div.find-a-class .filter-controls .v-select .v-text-field__prefix {
  font-weight: 700;
  text-transform: uppercase;
}
#grubstreet div.find-a-class .filter-controls .v-select input {
  border-width: 0;
  background: transparent;
}
#grubstreet div.find-a-class .filter-results .card {
  margin-bottom: 1.5em;
}
#grubstreet div.find-a-class .filter-results .load-more p {
  text-align: center;
}
#grubstreet div.find-a-class .filter-results .load-more .v-btn {
  grid-area: 1 / 1 / 2 / 13;
  width: 100%;
  margin-bottom: 0.75em;
}
#grubstreet div.find-a-class .filter-results .load-more .v-btn .load-count {
  font-family: 'Lato', sans-serif;
  padding-left: 0.5em;
}
#grubstreet div.find-a-class h3.my-filters {
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 0.25em;
}
#grubstreet div.find-a-class h3.my-filters .v-btn {
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  background: none;
  text-decoration: underline;
  padding-left: 1em;
  margin-left: 1em;
  border-left: solid #979797 0.5px;
  border-radius: 0;
}
#grubstreet div.find-a-class h3.my-filters .v-btn:hover {
  background: none;
}
#grubstreet div.find-a-class .v-chip {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
#grubstreet div.find-a-class .v-chip .v-icon:first-child {
  border-right: solid #EAC735 0.5px;
  padding-right: 0.25em;
  margin-right: 0.25em;
  height: 0.6em;
}
#grubstreet.program-detail .right-rail .body-header {
  background: linear-gradient(90deg, #eaf7f6 0%, #eaf7f6 48%, #ffffff 50%);
  margin-top: 2em;
}
#grubstreet.program-detail .right-rail .body-header .wrapper {
  max-width: 100%;
}
#grubstreet.program-detail .right-rail .wrapper {
  margin: 1em auto;
}
#grubstreet.program-detail .right-rail .wrapper aside {
  margin: 0 auto;
}
#grubstreet.program-detail .wrapper .program-intro {
  padding: 2em 1em;
  position: relative;
  grid-column: span 8;
  background-color: #EAF7F6;
}
#grubstreet.program-detail .wrapper .program-intro:after {
  content: '';
  width: 68vw;
  height: 7vw;
  background-size: contain;
  position: absolute;
  bottom: -6vw;
  z-index: -1;
  right: 0;
  background-image: url("/assets/swoops/pale-teal.png");
  background-position: right top;
}
#grubstreet.program-detail .wrapper .program-intro .details {
  display: flex;
  flex-direction: row;
}
#grubstreet.program-detail .wrapper .program-intro .details li {
  color: #EF413D;
  font-weight: 700;
  border-left: solid #EF413D 1px;
  line-height: 1em;
  padding-left: 1em;
  margin-left: 1em;
}
#grubstreet.program-detail .wrapper .program-intro .details li:first-child {
  border-width: 0;
  padding-left: 0;
  margin-left: 0;
}
#grubstreet.program-detail .wrapper .program-intro h1 {
  font-weight: 400;
  margin: 0.5em 0;
}
#grubstreet.program-detail .wrapper .program-intro h1 .v-icon {
  color: #EF413D;
  font-size: 1em;
  margin-right: 0.25em;
}
#grubstreet.program-detail .wrapper .program-intro time {
  font-size: 1.125rem;
  display: block;
  padding-top: 0.75em;
  background-image: url("/assets/images/clock.svg");
  background-position: left center;
  padding-left: 3.5em;
  background-size: 2.5em;
}
#grubstreet.program-detail .wrapper .program-ctas {
  margin: 0;
  padding: 2em;
  grid-column: span 4;
  background-color: #fff;
}
#grubstreet.program-detail .wrapper .program-ctas p {
  text-align: center;
}
#grubstreet.program-detail .wrapper .program-ctas .status {
  font-family: 'Anton', sans-serif;
  font-size: 2.25rem;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}
#grubstreet.program-detail .wrapper .program-ctas .status.long {
  font-size: 1.5rem;
}
#grubstreet.program-detail .wrapper .program-ctas .status span {
  text-decoration: underline;
}
#grubstreet.program-detail .wrapper .program-ctas .button {
  font-size: 1.125rem;
  padding: 1em 2em;
  width: 100%;
  border-radius: 3em;
  margin-bottom: 0.5em;
}
#grubstreet.program-detail .wrapper .program-ctas .button.secondary {
  background-color: #96D5D2;
}
#grubstreet.program-detail .wrapper .program-ctas ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
}
#grubstreet.program-detail .wrapper .program-ctas ul li {
  padding: 0 1em;
  border-left: solid #979797 0.5px;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  flex-grow: 1;
  flex-basis: 1em;
  line-height: 1.25em;
}
#grubstreet.program-detail .wrapper .program-ctas ul li:first-child {
  border-width: 0;
}
#grubstreet.program-detail .wrapper .program-ctas ul li span {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  padding-top: 0.5em;
}
#grubstreet.program-detail article .wrapper aside {
  grid-area: 1 / 1 / 2 / 4;
  padding: 0 2em 0 0;
  margin: 0;
  font-size: 0.875rem;
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: 0.5em;
  padding: 2em 0 1em;
  margin: 2em auto;
  border: solid #979797 0.5px;
  border-width: 0.5px 0;
}
#grubstreet.program-detail article .wrapper aside h2 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  grid-area: 1 / 1 / 2 / 3;
}
#grubstreet.program-detail article .wrapper aside h3 {
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}
#grubstreet.program-detail article .wrapper aside h3 + p {
  margin-top: 0.5em;
}
#grubstreet.program-detail article .wrapper aside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
}
#grubstreet.program-detail article .wrapper aside ul li {
  list-style-type: none;
  padding: 0;
}
#grubstreet.program-detail article .wrapper aside .program-tickets {
  margin-top: 1em;
  background-color: #FFDD00;
  padding: 0.5em 1.5em;
  border-radius: 5px;
  position: relative;
  grid-area: 2 / 1 / 3 / 3;
  margin-bottom: 1em;
}
#grubstreet.program-detail article .wrapper aside .program-tickets:after {
  content: '';
  position: absolute;
  height: 1em;
  width: 1em;
  top: 50%;
  left: -0.5em;
  margin-top: -0.5em;
  transform: rotate(45deg);
  background-color: white;
}
#grubstreet.program-detail article .wrapper aside .program-tickets p {
  font-weight: 700;
  margin: 0.25em 0;
}
#grubstreet.program-detail article .wrapper aside .program-tickets .program-tickets-remaining {
  color: #EF413D;
}
#grubstreet.program-detail article .wrapper aside .program-goals {
  grid-area: 3 / 1 / 4 / 3;
  padding-top: 1em;
  border-top: solid #979797 0.5px;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li {
  background-color: var(--primary-color);
  margin-bottom: 1em;
  padding: 0.5em 1.5em;
  border-radius: 5px;
  position: relative;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li a {
  color: #232020;
  text-decoration: none;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li a:hover {
  background: none;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li a:hover span {
  text-decoration: underline;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li:after {
  content: '';
  position: absolute;
  height: 1em;
  width: 1em;
  top: 50%;
  left: -0.5em;
  margin-top: -0.5em;
  transform: rotate(45deg);
  background-color: white;
}
#grubstreet.program-detail article .wrapper aside .program-goals ul li span {
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}
#grubstreet.program-detail article .wrapper aside div {
  grid-column: span 1;
}
#grubstreet.program-detail article .wrapper aside #map-pin a i {
  text-decoration: none;
  display: inline-block;
}
#grubstreet.program-detail article .wrapper article {
  grid-area: 1 / 4 / 2 / 13;
}
#grubstreet.program-detail article .wrapper article h2 {
  margin-top: 0;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
}
#grubstreet.program-detail article .wrapper article h2 + p {
  margin-top: 0.25em;
}
#grubstreet.program-detail article .wrapper article h3 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
}
#grubstreet.program-detail article .wrapper article h3 + p {
  margin-top: 0.25em;
}
#grubstreet.program-detail .program-indepth {
  margin: 2em auto 0;
  max-width: 100%;
}
#grubstreet.program-detail .program-indepth .table-wrapper {
  overflow: auto;
  margin-top: 1em;
}
#grubstreet.program-detail .person-snapshot {
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#grubstreet.program-detail .person-snapshot > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet.program-detail .person-snapshot > span {
    margin: 0;
  }
}
#grubstreet.program-detail .person-snapshot > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet.program-detail .person-snapshot > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet.program-detail .person-snapshot > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet.program-detail .person-snapshot span {
  margin: auto;
}
#grubstreet.program-detail .person-snapshot .title {
  font-size: 0.875rem;
  margin: 0.5em 0 0;
}
#grubstreet.program-detail .person-snapshot h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}
#grubstreet.program-detail .person-snapshot .button {
  background-color: #EAF7F6;
  display: block;
  margin: 0.75em;
  width: calc(100% - 1.5em);
}
#grubstreet.program-detail .person-snapshot .personal-statement {
  font-size: 0.875rem;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
#grubstreet.program-detail .person-snapshot .personal-statement a {
  text-decoration: underline;
}
#grubstreet.program-detail .calendar-condensed {
  border: solid #979797 0.5px;
  border-width: 0.5px 0;
  padding: 2em 0;
  margin: 2em 0;
}
#grubstreet.program-detail .calendar-condensed h3 {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}
#grubstreet.program-detail .calendar-condensed h3 span {
  font-family: 'Montagu Slab', serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
#grubstreet.program-detail .calendar-condensed table {
  border-spacing: 5px;
  table-layout: fixed;
  width: 100%;
}
#grubstreet.program-detail .calendar-condensed table th {
  border-bottom: solid #FFDD00 2px;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25em;
  text-align: center;
  margin: 2px;
}
#grubstreet.program-detail .calendar-condensed table td {
  font-family: 'Anton', sans-serif;
  font-size: 0.5rem;
  font-weight: 400;
  padding-bottom: 4em;
  background-color: #F1EFEE;
}
#grubstreet.program-detail .calendar-condensed table td.active {
  background-color: #96D5D2;
}
#grubstreet.program-detail .calendar-condensed table td span {
  position: absolute;
  left: 99999em;
}
#grubstreet .calendar {
  border-spacing: 0.25em;
  table-layout: fixed;
  width: 100%;
}
#grubstreet .calendar tr {
  background: none !important;
}
#grubstreet .calendar th {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25em;
  text-align: center;
  margin: 2px;
}
#grubstreet .calendar th > span {
  display: none;
}
#grubstreet .calendar td {
  font-family: 'Anton', sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  padding-bottom: 4em;
  vertical-align: top;
}
#grubstreet .calendar td:has(span) {
  background-color: #F1EFEE;
}
#grubstreet .calendar td.active {
  background-color: #96D5D2;
}
#grubstreet .calendar td.today {
  background-color: #FFDD00;
}
#grubstreet .calendar td .calendar-event {
  font-family: 'Lato', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25em;
}
#grubstreet .calendar td .calendar-event span {
  display: block;
  font-size: 0.75em;
  margin-top: 0.666667em;
}
#grubstreet .month-nav {
  font-family: 'Montagu Slab', serif;
  font-size: 1.5rem;
}
#grubstreet .month-nav a {
  text-decoration: none;
  padding: 0 0.25em;
}
#grubstreet .person-detail {
  display: grid;
  grid: auto / repeat(8, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  padding-top: 2em;
}
#grubstreet .person-detail > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet .person-detail > span {
    margin: 0;
  }
}
#grubstreet .person-detail > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet .person-detail > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet .person-detail > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet .person-detail span {
  grid-area: 1 / 1 / 3 / 4;
  /*border: solid @brand-green .5px;
      padding: 1em;*/
  width: calc(100% - 6em);
  margin: auto;
  height: auto;
  order: 1;
}
#grubstreet .person-detail span img {
  height: auto;
  width: 100%;
}
#grubstreet .person-detail .attributes {
  text-align: center;
  order: 2;
  grid-area: 1 / 4 / 2 / 9;
}
#grubstreet .person-detail .attributes h2 {
  font-size: 2.25rem;
  font-weight: 400;
  margin: 0;
}
#grubstreet .person-detail .attributes h2 .v-btn {
  padding: 0.375em;
  font-size: 0.625em;
  background: transparent;
}
#grubstreet .person-detail .attributes p {
  margin: 0;
}
#grubstreet .person-detail .social-media {
  text-align: center;
  order: 4;
  justify-content: center;
  grid-area: 2 / 7 / 3 / 9;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
#grubstreet .person-detail .social-media li {
  list-style-type: none;
  margin: 0;
  padding: 0 0.5em 0 0;
  line-height: 0.75em;
}
#grubstreet .person-detail .social-media li span {
  font-size: 0.75em;
}
#grubstreet .person-detail .social-media li a:hover {
  background: none;
  opacity: 0.8;
}
#grubstreet .person-detail .social-media li a img {
  height: 2em;
  width: auto;
}
#grubstreet .person-detail .contact-details {
  text-align: center;
  order: 3;
  grid-area: 2 / 4 / 3 / 7;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}
#grubstreet .person-detail .contact-details li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet .person-detail .contact-details li a {
  padding: 0.25em;
  position: relative;
  left: -0.25em;
  display: inline-block;
  text-decoration: none;
}
#grubstreet .person-detail .contact-details li a:hover {
  text-decoration: underline;
}
#grubstreet .person-detail .personal-statement {
  grid-area: 3 / 1 / 4 / 7;
  order: 5;
}
#grubstreet .person-detail .personal-statement.no-interests {
  grid-area: 3 / 1 / 4 / 9;
}
#grubstreet .person-detail .personal-statement h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0.5em;
}
#grubstreet .person-detail .interests {
  order: 6;
  grid-area: 3 / 7 / 4 / 9;
  font-size: 0.875rem;
}
#grubstreet .person-detail .interests h3 {
  font-size: 16px;
  margin-top: 3.75em;
  margin-top: 2em;
}
#grubstreet .person-detail .interests ul {
  margin: 0;
  padding: 0;
}
#grubstreet .person-detail .interests ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet .person-consulting-works {
  gap: 0;
}
#grubstreet .works,
#grubstreet .consulting {
  grid-column: span 12;
}
#grubstreet .works h3,
#grubstreet .consulting h3 {
  font-weight: 400;
  font-size: 1.5rem;
  margin-top: 0;
}
#grubstreet .consulting ul {
  float: left;
  margin: 0 3em 2em 0;
}
#grubstreet .consulting p {
  clear: both;
  margin-top: 1em;
}
#grubstreet .consulting .button.secondary {
  background-color: #FFEFC6;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 0.5em;
  display: inline-block;
}
#grubstreet .works ul {
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
}
#grubstreet .works ul li {
  grid-column: span 12;
}
#grubstreet .works ul li a {
  text-decoration: underline;
}
#grubstreet.people-search .button.refineBy.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#grubstreet.people-search .button.refineBy.active .v-icon {
  transform: rotate(180deg);
}
#grubstreet.people-search .refine {
  background-color: #FFDD00;
  border-radius: 1.3125em;
  border-top-left-radius: 0;
  margin-top: 0;
  padding: 2em;
  box-shadow: 0px 4px 4px rgba(154, 154, 154, 0.5);
  position: absolute;
  width: 90vw;
  z-index: 2;
}
#grubstreet.people-search .refine h3 {
  font-size: 0.75rem;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  margin-top: 0;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#grubstreet.people-search .refine h3 span {
  background: white;
  padding: 0.5em;
  border-radius: 50%;
  margin-right: 0.5em;
  width: 4em;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grubstreet.people-search .refine h3 span img {
  height: 0.8em;
  width: auto;
}
#grubstreet.people-search .refine p {
  font-size: 0.75rem;
}
#grubstreet.people-search .refine .v-label {
  font-size: 0.875rem;
  padding-left: 0.5em;
}
#grubstreet.people-search .refine .v-input .v-icon.mdi-checkbox-marked {
  color: white;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  width: 20px;
  height: 20px;
  font-size: 21px;
  margin-left: 2px;
  margin-top: 2px;
}
#grubstreet.people-search .selections {
  margin-top: 0.75em;
  margin-bottom: 1.5em;
  padding-bottom: 4em;
  border-bottom: solid #979797 0.5px;
}
#grubstreet.people-search .selections .v-chip {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
#grubstreet.people-search .selections .v-chip .v-icon:first-child {
  border-right: solid #EAC735 0.5px;
  padding-right: 0.25em;
  margin-right: 0.25em;
  height: 0.6em;
}
#grubstreet .notifications h2 {
  font-size: 16px;
  margin-top: 0;
}
#grubstreet .notifications ul {
  margin-left: 1em;
}
#grubstreet .notifications ul li {
  list-style-type: disc;
  font-size: 0.875rem;
  line-height: 1.3em;
  padding-bottom: 0.8em;
}
#grubstreet .notifications ul li a {
  text-decoration: underline;
}
#grubstreet .notifications ul li span {
  text-decoration: underline dotted;
  cursor: help;
}
#grubstreet .right-rail .celebrate-cta {
  display: flex;
  align-items: center;
  margin-top: 2em;
}
#grubstreet .right-rail .celebrate-cta p {
  margin: 0 0 0 14em;
  font-size: 0.875rem;
  line-height: 1em;
  margin-right: 5em;
  text-transform: uppercase;
  position: relative;
}
#grubstreet .right-rail .celebrate-cta p:before {
  content: '';
  background-image: url("/assets/scribbles/right-arrow-long.svg");
  width: 3em;
  height: 1em;
  background-size: cover;
  background-position: right center;
  position: absolute;
  left: calc(100% + 0.5em);
  top: 0;
}
#grubstreet p.remove {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#grubstreet p.remove label {
  padding-left: 0.25em;
  cursor: pointer;
}
#grubstreet .dashboard {
  padding: 4em 0 3em;
}
#grubstreet .dashboard h3 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  grid-column: span 12;
  margin: 0;
}
#grubstreet .dashboard h3 .button {
  margin-left: 1em;
}
#grubstreet .dashboard .card {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#grubstreet .dashboard .card .payment-progress {
  margin-top: auto;
}
#grubstreet .dashboard-current,
#grubstreet .dashboard-next,
#grubstreet .dashboard-transactions {
  position: relative;
}
#grubstreet .dashboard-current:before,
#grubstreet .dashboard-next:before,
#grubstreet .dashboard-transactions:before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: -1.125rem;
  left: 50%;
  margin-left: -33.5em;
  background-color: white;
  transform: rotate(45deg);
}
#grubstreet .dashboard-current .card,
#grubstreet .dashboard-next .card,
#grubstreet .dashboard-transactions .card {
  background-color: #fff;
}
#grubstreet .dashboard-current .card .actions .button.secondary,
#grubstreet .dashboard-next .card .actions .button.secondary,
#grubstreet .dashboard-transactions .card .actions .button.secondary {
  background-color: #F1EFEE;
}
#grubstreet .dashboard-current .head,
#grubstreet .dashboard-next .head,
#grubstreet .dashboard-favorites .head,
#grubstreet .dashboard-transactions .head,
#grubstreet .dashboard-history .head {
  display: block;
  background-image: url("https://grubstreet.superhumane.net/illustrations/clock-icon.svg");
  background-position: left center;
  background-size: 4.5em;
  padding: 1.25em 0 1.25em 5.5em;
  margin-bottom: 0;
}
#grubstreet .dashboard-current {
  margin-top: 5em;
  background-color: #96D5D2;
}
#grubstreet .dashboard-current:after {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  bottom: -1.125rem;
  left: 50%;
  margin-left: -33.5em;
  background-color: #96D5D2;
  transform: rotate(45deg);
}
#grubstreet .dashboard-current .expansion-list .expansion-action {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 1em, #68AFA9 1.5em, #96D5D2 1.6em);
}
#grubstreet .dashboard-favorites .head {
  background-image: url("https://grubstreet.superhumane.net/images/heart-filled.svg");
}
#grubstreet .dashboard-favorites .full-width {
  grid-column: span 12;
}
#grubstreet .dashboard-next {
  background-color: #F1EFEE;
  margin-bottom: 7em;
  padding-bottom: 0;
}
#grubstreet .dashboard-next:after {
  content: '';
  width: 100vw;
  height: 11vw;
  background-size: cover;
  position: absolute;
  bottom: -10vw;
  z-index: -1;
  right: 0;
  background-image: url("/assets/swoops/gray.png");
  background-position: center top;
}
#grubstreet .dashboard-next .head {
  background-image: url("https://grubstreet.superhumane.net/illustrations/lightbulb-icon.svg");
}
#grubstreet .dashboard-next .expansion-list .expansion-action {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.5em, rgba(0, 0, 0, 0.2) 1.5em, #F1EFEE 1.6em);
}
#grubstreet .dashboard-history .head {
  background-image: url("https://grubstreet.superhumane.net/illustrations/selfie-icon.svg");
}
#grubstreet .dashboard-history .jump-to {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  grid-column: span 12;
}
#grubstreet .dashboard-history .jump-to h4 {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0;
}
#grubstreet .dashboard-history .jump-to ul {
  display: flex;
  flex-direction: row;
}
#grubstreet .dashboard-history .jump-to ul li {
  padding: 0 0 0 1em;
  margin-left: 1em;
  border-left: solid #979797 0.5px;
  line-height: 1em;
}
#grubstreet .dashboard-history .jump-to ul li:first-child {
  border-width: 0;
}
#grubstreet .dashboard-transactions {
  background-color: #F1EFEE;
}
#grubstreet .dashboard-transactions .head {
  background-image: url("https://grubstreet.superhumane.net/illustrations/gears-icon.svg");
}
#grubstreet .dashboard-transactions table {
  grid-column: span 12;
}
#grubstreet .dashboard-transactions table tr:nth-child(even) {
  background-color: white;
}
#grubstreet .dashboard-transactions table.condensed tr:nth-child(n+10) {
  display: none;
}
#grubstreet .dashboard-transactions .arrow-indent {
  grid-column: span 12;
}
#grubstreet .withdrawal {
  padding: 1.5em 1.5em 0 1.5em;
}
#grubstreet .withdrawal + .v-card__actions {
  padding: 1.5em;
}
#grubstreet .withdrawal h4 {
  font-family: 'Lato', sans-serif;
}
#grubstreet .withdrawal hr {
  margin: 1.5em 0;
}
#grubstreet .withdrawal p a {
  text-decoration: underline;
}
#grubstreet .withdrawal table.withdrawal-options thead th {
  background-color: #F1EFEE;
  border-right: solid #979797 0.5px;
  font-size: 1em;
  vertical-align: center;
}
#grubstreet .withdrawal table.withdrawal-options thead th:last-child {
  border-width: 0;
}
#grubstreet .withdrawal table.withdrawal-options tbody tr {
  background-color: transparent;
}
#grubstreet .withdrawal table.withdrawal-options tbody tr td {
  border-right: solid #979797 0.5px;
  vertical-align: top;
}
#grubstreet .withdrawal table.withdrawal-options tbody tr td:last-child {
  border-width: 0;
}
#grubstreet .withdrawal .tabs {
  margin-top: 1em;
}
#grubstreet .support-cta {
  padding-top: 5em;
}
#grubstreet .support-cta h3 {
  grid-area: 1 / 1 / 2 / 13;
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  line-height: 1em;
  margin-bottom: 0;
}
#grubstreet .support-cta .statement {
  grid-area: 2 / 1 / 3 / 13;
  font-family: 'Montagu Slab', serif;
  font-size: 2.25rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1em;
  margin-top: 0;
}
#grubstreet .support-cta img {
  grid-area: 3 / 1 / 6 / 5;
  height: 100%;
  width: 100%;
  background: #F1EFEE;
}
#grubstreet .support-cta p {
  grid-area: 3 / 5 / 4 / 13;
}
#grubstreet .support-cta .caption {
  grid-area: 4 / 5 / 5 / 13;
  font-weight: 700;
}
#grubstreet .support-cta .button {
  grid-column: span 4;
  font-size: 1.125rem;
}
#grubstreet.manage-account .right-rail article.form h1,
#grubstreet.consulting .right-rail article.form h1 {
  margin-bottom: 0;
}
#grubstreet.manage-account .right-rail article.form h1 + p,
#grubstreet.consulting .right-rail article.form h1 + p {
  margin-top: 0;
  margin-bottom: 2em;
}
#grubstreet.manage-account .right-rail article.form form h3,
#grubstreet.consulting .right-rail article.form form h3,
#grubstreet.manage-account .right-rail article.form div.subscriptions h3,
#grubstreet.consulting .right-rail article.form div.subscriptions h3 {
  font-family: 'Lato', sans-serif;
  margin-bottom: 1em;
}
#grubstreet.manage-account .right-rail article.form form h3 + p,
#grubstreet.consulting .right-rail article.form form h3 + p,
#grubstreet.manage-account .right-rail article.form div.subscriptions h3 + p,
#grubstreet.consulting .right-rail article.form div.subscriptions h3 + p {
  margin-top: 0;
}
#grubstreet.manage-account .right-rail article.form form ul.wrapper,
#grubstreet.consulting .right-rail article.form form ul.wrapper,
#grubstreet.manage-account .right-rail article.form div.subscriptions ul.wrapper,
#grubstreet.consulting .right-rail article.form div.subscriptions ul.wrapper {
  margin-left: 0;
}
#grubstreet.manage-account .right-rail article.form form ul.wrapper li,
#grubstreet.consulting .right-rail article.form form ul.wrapper li,
#grubstreet.manage-account .right-rail article.form div.subscriptions ul.wrapper li,
#grubstreet.consulting .right-rail article.form div.subscriptions ul.wrapper li {
  list-style-type: none;
  padding-left: 0;
}
#grubstreet.manage-account .right-rail article.form form p.tight,
#grubstreet.consulting .right-rail article.form form p.tight,
#grubstreet.manage-account .right-rail article.form div.subscriptions p.tight,
#grubstreet.consulting .right-rail article.form div.subscriptions p.tight {
  margin-bottom: 0;
}
#grubstreet.manage-account .right-rail article.form form p.tight + .two-column h3,
#grubstreet.consulting .right-rail article.form form p.tight + .two-column h3,
#grubstreet.manage-account .right-rail article.form div.subscriptions p.tight + .two-column h3,
#grubstreet.consulting .right-rail article.form div.subscriptions p.tight + .two-column h3 {
  margin-top: 0.75em;
}
#grubstreet.manage-account .right-rail article.form form .fees,
#grubstreet.consulting .right-rail article.form form .fees,
#grubstreet.manage-account .right-rail article.form div.subscriptions .fees,
#grubstreet.consulting .right-rail article.form div.subscriptions .fees {
  background-color: #EAF7F6;
  padding: 0.5em 1em;
}
#grubstreet.manage-account .right-rail article.form form .fees p,
#grubstreet.consulting .right-rail article.form form .fees p,
#grubstreet.manage-account .right-rail article.form div.subscriptions .fees p,
#grubstreet.consulting .right-rail article.form div.subscriptions .fees p {
  font-weight: 700;
}
#grubstreet.manage-account .right-rail article.form form .published-work,
#grubstreet.consulting .right-rail article.form form .published-work,
#grubstreet.manage-account .right-rail article.form div.subscriptions .published-work,
#grubstreet.consulting .right-rail article.form div.subscriptions .published-work {
  background-color: #F1EFEE;
  padding: 1em;
  margin-bottom: 1em;
}
#grubstreet.manage-account .right-rail article.form form .published-work > h3:first-of-type,
#grubstreet.consulting .right-rail article.form form .published-work > h3:first-of-type,
#grubstreet.manage-account .right-rail article.form div.subscriptions .published-work > h3:first-of-type,
#grubstreet.consulting .right-rail article.form div.subscriptions .published-work > h3:first-of-type {
  margin-top: 0;
}
#grubstreet.manage-account .right-rail article.form form .published-work img,
#grubstreet.consulting .right-rail article.form form .published-work img,
#grubstreet.manage-account .right-rail article.form div.subscriptions .published-work img,
#grubstreet.consulting .right-rail article.form div.subscriptions .published-work img {
  max-height: 10em;
  max-width: 10em;
  float: left;
}
#grubstreet.manage-account .right-rail article.form form .consulting-rate,
#grubstreet.consulting .right-rail article.form form .consulting-rate,
#grubstreet.manage-account .right-rail article.form div.subscriptions .consulting-rate,
#grubstreet.consulting .right-rail article.form div.subscriptions .consulting-rate {
  display: flex;
  align-items: center;
}
#grubstreet.manage-account .right-rail article.form form .consulting-rate input,
#grubstreet.consulting .right-rail article.form form .consulting-rate input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .consulting-rate input,
#grubstreet.consulting .right-rail article.form div.subscriptions .consulting-rate input {
  margin-left: 0.25em;
}
#grubstreet.manage-account .right-rail article.form form .v-text-field__slot input,
#grubstreet.consulting .right-rail article.form form .v-text-field__slot input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-text-field__slot input,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-text-field__slot input,
#grubstreet.manage-account .right-rail article.form form .v-text-field__slot textarea,
#grubstreet.consulting .right-rail article.form form .v-text-field__slot textarea,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-text-field__slot textarea,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-text-field__slot textarea {
  padding: 0.25em 0;
}
#grubstreet.manage-account .right-rail article.form form .v-input__slot,
#grubstreet.consulting .right-rail article.form form .v-input__slot,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-input__slot,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-input__slot {
  background-color: #fff;
}
#grubstreet.manage-account .right-rail article.form form .v-select__slot input,
#grubstreet.consulting .right-rail article.form form .v-select__slot input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-select__slot input,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-select__slot input {
  padding: 0;
}
#grubstreet.manage-account .right-rail article.form form .v-input + .v-input,
#grubstreet.consulting .right-rail article.form form .v-input + .v-input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-input + .v-input,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-input + .v-input {
  margin-top: 1em;
}
#grubstreet.manage-account .right-rail article.form form .v-text-field--outlined fieldset,
#grubstreet.consulting .right-rail article.form form .v-text-field--outlined fieldset,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-text-field--outlined fieldset,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-text-field--outlined fieldset {
  border: solid 0.5px #979797;
}
#grubstreet.manage-account .right-rail article.form form .v-select,
#grubstreet.consulting .right-rail article.form form .v-select,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-select,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-select {
  margin: 0.5em 0;
}
#grubstreet.manage-account .right-rail article.form form .v-select fieldset,
#grubstreet.consulting .right-rail article.form form .v-select fieldset,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-select fieldset,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-select fieldset {
  border: solid 0.5px #979797;
}
#grubstreet.manage-account .right-rail article.form form .v-select .v-select__slot,
#grubstreet.consulting .right-rail article.form form .v-select .v-select__slot,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-select .v-select__slot,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-select .v-select__slot {
  padding: 0.35em 0;
}
#grubstreet.manage-account .right-rail article.form form .v-select .v-select__slot .v-input__append-inner,
#grubstreet.consulting .right-rail article.form form .v-select .v-select__slot .v-input__append-inner,
#grubstreet.manage-account .right-rail article.form div.subscriptions .v-select .v-select__slot .v-input__append-inner,
#grubstreet.consulting .right-rail article.form div.subscriptions .v-select .v-select__slot .v-input__append-inner {
  margin-top: 0.35em;
}
#grubstreet.manage-account .right-rail article.form form .button-wrapper,
#grubstreet.consulting .right-rail article.form form .button-wrapper,
#grubstreet.manage-account .right-rail article.form div.subscriptions .button-wrapper,
#grubstreet.consulting .right-rail article.form div.subscriptions .button-wrapper {
  width: 100%;
  margin-top: 1em;
}
#grubstreet.manage-account .right-rail article.form form .button-wrapper button,
#grubstreet.consulting .right-rail article.form form .button-wrapper button,
#grubstreet.manage-account .right-rail article.form div.subscriptions .button-wrapper button,
#grubstreet.consulting .right-rail article.form div.subscriptions .button-wrapper button {
  grid-area: 1 / 9 / 2 / 13;
}
#grubstreet.manage-account .right-rail article.form form .button:last-child,
#grubstreet.consulting .right-rail article.form form .button:last-child,
#grubstreet.manage-account .right-rail article.form div.subscriptions .button:last-child,
#grubstreet.consulting .right-rail article.form div.subscriptions .button:last-child {
  margin-top: 2em;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list,
#grubstreet.consulting .right-rail article.form form .newsletter-list,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list,
#grubstreet.manage-account .right-rail article.form form .groups-list,
#grubstreet.consulting .right-rail article.form form .groups-list,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list {
  display: grid;
  grid-template-columns: 7fr 7fr 7fr;
  gap: 1em;
  align-items: start;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list .v-input,
#grubstreet.consulting .right-rail article.form form .newsletter-list .v-input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .v-input,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .v-input,
#grubstreet.manage-account .right-rail article.form form .groups-list .v-input,
#grubstreet.consulting .right-rail article.form form .groups-list .v-input,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .v-input,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .v-input {
  height: 1.5em;
  width: 1.5em;
  justify-self: end;
  margin-top: 0;
  padding-top: 0;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list .newsletter-detail h4,
#grubstreet.consulting .right-rail article.form form .newsletter-list .newsletter-detail h4,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail h4,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail h4,
#grubstreet.manage-account .right-rail article.form form .groups-list .newsletter-detail h4,
#grubstreet.consulting .right-rail article.form form .groups-list .newsletter-detail h4,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .newsletter-detail h4,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .newsletter-detail h4,
#grubstreet.manage-account .right-rail article.form form .newsletter-list .group-detail h4,
#grubstreet.consulting .right-rail article.form form .newsletter-list .group-detail h4,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .group-detail h4,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .group-detail h4,
#grubstreet.manage-account .right-rail article.form form .groups-list .group-detail h4,
#grubstreet.consulting .right-rail article.form form .groups-list .group-detail h4,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .group-detail h4,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .group-detail h4 {
  margin-top: 0;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list .newsletter-detail p,
#grubstreet.consulting .right-rail article.form form .newsletter-list .newsletter-detail p,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail p,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail p,
#grubstreet.manage-account .right-rail article.form form .groups-list .newsletter-detail p,
#grubstreet.consulting .right-rail article.form form .groups-list .newsletter-detail p,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .newsletter-detail p,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .newsletter-detail p,
#grubstreet.manage-account .right-rail article.form form .newsletter-list .group-detail p,
#grubstreet.consulting .right-rail article.form form .newsletter-list .group-detail p,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .group-detail p,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .group-detail p,
#grubstreet.manage-account .right-rail article.form form .groups-list .group-detail p,
#grubstreet.consulting .right-rail article.form form .groups-list .group-detail p,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .group-detail p,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .group-detail p {
  font-size: 0.875rem;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list .newsletter-detail .button,
#grubstreet.consulting .right-rail article.form form .newsletter-list .newsletter-detail .button,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail .button,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail .button,
#grubstreet.manage-account .right-rail article.form form .groups-list .newsletter-detail .button,
#grubstreet.consulting .right-rail article.form form .groups-list .newsletter-detail .button,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .newsletter-detail .button,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .newsletter-detail .button,
#grubstreet.manage-account .right-rail article.form form .newsletter-list .group-detail .button,
#grubstreet.consulting .right-rail article.form form .newsletter-list .group-detail .button,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .group-detail .button,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .group-detail .button,
#grubstreet.manage-account .right-rail article.form form .groups-list .group-detail .button,
#grubstreet.consulting .right-rail article.form form .groups-list .group-detail .button,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .group-detail .button,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .group-detail .button {
  margin-top: 0;
  margin-bottom: 2em;
}
#grubstreet.manage-account .right-rail article.form form .newsletter-list .newsletter-detail,
#grubstreet.consulting .right-rail article.form form .newsletter-list .newsletter-detail,
#grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail,
#grubstreet.consulting .right-rail article.form div.subscriptions .newsletter-list .newsletter-detail,
#grubstreet.manage-account .right-rail article.form form .groups-list .newsletter-detail,
#grubstreet.consulting .right-rail article.form form .groups-list .newsletter-detail,
#grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list .newsletter-detail,
#grubstreet.consulting .right-rail article.form div.subscriptions .groups-list .newsletter-detail {
  display: grid;
  grid-template-columns: 2fr 9fr;
  grid-column-gap: 0.7rem;
}
#grubstreet.consulting .local-nav li {
  padding: 1.25em 2.5em;
  position: relative;
  line-height: 1em;
  font-weight: 700;
}
#grubstreet.consulting .local-nav li .button.primary.plain {
  font-size: 0.875rem;
  margin-top: 1em;
  display: block;
  background-color: #FFDD00;
}
#grubstreet.consulting .local-nav .current {
  background-color: #EAF7F6;
}
#grubstreet.consulting .local-nav .complete:before {
  content: '';
  height: 1.5em;
  width: 1.5em;
  background-color: #EAF7F6;
  background-image: url("/assets/icons/teal-checkbox-circle.svg");
  background-position: center center;
  background-size: 80%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
#grubstreet.consulting .wrapper article h3 {
  font-size: 1em;
}
#grubstreet.consulting .wrapper article form + h3,
#grubstreet.consulting .wrapper article .center-button + h3,
#grubstreet.consulting .wrapper article .button-wrapper + h3 {
  margin-top: 4em;
  font-family: 'Montagu Slab', serif !important;
}
#grubstreet.consulting .wrapper article hr {
  margin: 1.5em 0;
}
#grubstreet.consulting .wrapper article ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet.consulting .wrapper article ul li {
  list-style-type: none;
}
#grubstreet.consulting .wrapper article ul li label {
  padding-left: 0.5em;
}
#grubstreet.consulting .wrapper article .center-button {
  text-align: center;
}
#grubstreet.consulting .wrapper article .rating-scale {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: space-between;
  padding-top: 0.5em;
}
#grubstreet.consulting .wrapper article .rating-scale li {
  width: 6em;
  text-align: center;
  position: relative;
}
#grubstreet.consulting .wrapper article .rating-scale label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0;
}
#grubstreet.consulting .wrapper article .rating-scale label:before {
  content: '';
  height: 4em;
  width: 4em;
  background-color: #EAF7F6;
  background-position: center center;
  background-size: 80%;
  border-radius: 50%;
  margin-bottom: 0.5em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
#grubstreet.consulting .wrapper article .rating-scale input[type='radio'] {
  position: absolute;
  top: -4em;
}
#grubstreet.consulting .wrapper article .rating-scale input[type='radio']:checked + label:before {
  background-color: #FFDD00;
  background-image: url("/assets/icons/yellow-checkbox-circle.svg");
}
#grubstreet.consulting .people {
  background-color: #F1EFEE;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 1.5em;
}
#grubstreet.consulting .people span {
  border: solid #FFDD00 1px;
  border-radius: 50%;
  padding: 0.75em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12em;
  width: 12em;
}
#grubstreet.consulting .people span img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#grubstreet.consulting .people h4 {
  font-family: 'Montagu Slab', serif;
  font-size: 1.5rem;
  margin: 0;
  margin-top: 0.25em;
  font-weight: 500;
}
#grubstreet.consulting .people p {
  font-size: 0.875rem;
  margin: 0;
}
#grubstreet.form article h1 {
  font-size: 2.25rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0.5em;
}
#grubstreet.form article h1 + p {
  margin-top: 0;
  margin-bottom: 3em;
}
#grubstreet.form article h2 {
  font-size: 1.5rem;
  font-weight: 400;
}
#grubstreet.form article h3 {
  font-family: 'Lato', sans-serif;
  margin-bottom: 0;
  margin-top: 3em;
}
#grubstreet.form article h3 + p {
  margin-top: 0.5em;
}
#grubstreet.form article h3 + .v-input {
  margin-top: 0.75em;
}
#grubstreet.form article p {
  margin-top: 0.5em;
}
#grubstreet.form article p.instruction {
  font-size: 0.875rem;
  margin-bottom: 1.5em;
}
#grubstreet.form article p.instruction:has(+ .fui-i > .fui-alert-success) {
  display: none;
}
#grubstreet.form article p.instruction span {
  font-size: 1.125rem;
  font-weight: 700;
}
#grubstreet.form article .fui-instructions,
#grubstreet.form article .fui-radio {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}
#grubstreet.form article .fui-label,
#grubstreet.form article .fui-legend {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-family: 'Lato', sans-serif;
}
#grubstreet.form article .v-input + .v-input {
  margin-top: 1em;
  margin-bottom: 1em;
}
#grubstreet.form article .v-input .v-icon .mdi-checkbox-blank-outline {
  background-color: #232020;
}
#grubstreet.form article .v-input .v-icon .mdi-checkbox-marked {
  color: #FFDD00;
  background-color: #232020;
}
#grubstreet.form article .wrapper.profile-name {
  flex-wrap: wrap;
}
#grubstreet.form article .wrapper.profile-name > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet.form article .wrapper.profile-name > span {
    margin: 0;
  }
}
#grubstreet.form article .wrapper.profile-name > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet.form article .wrapper.profile-name > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet.form article .wrapper.profile-name > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet.form article .wrapper.profile-name span {
  grid-column: span 3;
}
#grubstreet.form article .wrapper.profile-name div {
  grid-column: span 9;
}
#grubstreet #login h3,
#grubstreet #guest h3 {
  font-weight: 400;
  font-size: 2.25rem;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
#grubstreet #login .v-text-field,
#grubstreet #guest .v-text-field {
  margin-bottom: 0.75em;
  margin-right: 4em;
}
#grubstreet #login .v-text-field > input,
#grubstreet #guest .v-text-field > input {
  border-width: 1px;
  border-radius: 4px;
  padding: 0.6em;
}
#grubstreet #login .v-input--checkbox,
#grubstreet #guest .v-input--checkbox {
  margin-top: 0;
}
#grubstreet #login .v-btn,
#grubstreet #guest .v-btn {
  margin-top: 1.5em;
}
#grubstreet #login input,
#grubstreet #guest input {
  margin-bottom: 0;
}
#grubstreet.login-template aside {
  display: none;
}
#grubstreet .body-header .wrapper .blog-header {
  grid-area: 1 / 1 / 2 / 13;
  text-align: center;
  margin-bottom: 2em;
}
#grubstreet .body-header .wrapper .blog-header img {
  max-width: 15em;
  max-height: 9em;
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
}
#grubstreet .body-header .wrapper .blog-header h2 {
  font-family: 'Anton', sans-serif;
  font-size: 3em;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1em;
}
#grubstreet .body-header .wrapper .blog-header .breadcrumbs {
  justify-content: center;
  margin-bottom: 0;
}
#grubstreet.blog-landing .wrapper .blog-header h2 {
  font-size: 5.5em;
}
#grubstreet.blog-landing .wrapper .blog-header p {
  font-size: 1.5rem;
  font-family: 'Montagu Slab', serif;
  font-weight: 500;
  margin-bottom: 2em;
}
#grubstreet.blog-landing .right-rail .wrapper article > h3 {
  font-size: 3.5em;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  margin-bottom: 0.25em;
  margin-top: 1em;
}
#grubstreet.blog-landing .right-rail .wrapper article > h3 span {
  font-size: 0.64285714em;
  font-family: 'Montagu Slab', serif;
}
#grubstreet .featured-blog {
  background-color: #96D5D2;
  padding: 2em 0 0;
  position: relative;
  margin: 1em 0 0;
}
#grubstreet .featured-blog .wrapper {
  display: flex;
  flex-direction: column;
}
#grubstreet .featured-blog:before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: -1.125rem;
  left: 50%;
  margin-left: -0.5625em;
  background-color: white;
  transform: rotate(45deg);
}
#grubstreet .featured-blog:after {
  content: "";
  background-image: url("/assets/swoops/teal.png");
  width: 100vw;
  height: 9.55vw;
  background-size: 100% 100%;
  position: absolute;
  bottom: -9vw;
  z-index: -1;
  left: 0px;
}
#grubstreet .featured-blog img {
  order: 2;
  width: 100%;
}
#grubstreet .featured-blog .blog-section {
  order: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
}
#grubstreet .featured-blog h3 {
  order: 1;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.5rem;
  font-weight: 400;
}
#grubstreet .featured-blog .post-details {
  order: 3;
  font-size: 0.875rem;
  text-align: center;
  width: 10em;
  margin: 1em auto;
}
#grubstreet .featured-blog .post-details span {
  background-color: #fff;
  border-radius: 50%;
  font-size: 16px;
  padding: 0.75em;
  margin-bottom: 0.5em;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grubstreet .featured-blog .post-details span img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#grubstreet .featured-blog .post-details p {
  font-size: 0.75rem;
  margin-bottom: 0;
}
#grubstreet .featured-blog .post-details p + p {
  margin-top: 0;
}
#grubstreet .featured-blog .post-details p.author {
  font-weight: 700;
}
#grubstreet .featured-blog .post-excerpt {
  order: 4;
  margin-bottom: auto;
}
#grubstreet .featured-blog .post-excerpt p {
  margin-bottom: 1.5em;
}
#grubstreet .featured-blog .post-excerpt a {
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
}
#grubstreet .featured-blog .post-excerpt a:before {
  content: " | ";
}
#grubstreet .featured-blog .post-excerpt a:first-child:before {
  content: "";
}
#grubstreet .featured-blog .post-excerpt a:hover {
  text-decoration: underline;
}
#grubstreet .featured-blog .post-excerpt h3 {
  margin-top: 0.25em;
  margin-bottom: 1.5em;
}
#grubstreet .featured-blog .post-excerpt h3 a {
  text-decoration: none;
}
#grubstreet .featured-blog .post-excerpt h3 a:hover {
  text-decoration: underline;
}
#grubstreet.news-landing .featured-blog {
  background-color: #FFDD00;
}
#grubstreet.news-landing .featured-blog:after {
  background-image: url("/assets/swoops/yellow.png");
}
#grubstreet .blog-body {
  display: grid;
  grid: auto / 1fr 3fr;
  gap: 0.5em 1.5em;
}
#grubstreet .blog-body .blog-section {
  grid-area: 1 / 1 / 2 / 3;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
#grubstreet .blog-body .blog-section + h3 {
  grid-area: 2 / 1 / 3 / 3;
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}
#grubstreet .blog-body .blog-section + h3 + img {
  grid-area: 3 / 1 / 4 / 3;
  width: 100%;
  height: auto;
}
#grubstreet .blog-body time {
  grid-area: 4 / 1 / 5 / 3;
  display: block;
  font-size: 0.75em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#grubstreet .blog-body .person-snapshot {
  grid-area: 5 / 1 / 6 / 3;
  font-size: 0.75em;
  text-align: center;
  display: grid;
  grid: auto / 1fr 1fr;
  gap: 0.5em 1em;
}
#grubstreet .blog-body .person-snapshot > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet .blog-body .person-snapshot > span {
    margin: 0;
  }
}
#grubstreet .blog-body .person-snapshot > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet .blog-body .person-snapshot > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet .blog-body .person-snapshot > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet .blog-body .person-snapshot > span {
  border: solid #979797 0.5px;
  margin: auto;
  width: 10.5em;
  height: 10.5em;
  grid-area: 1 / 1 / 4 / 2;
}
#grubstreet .blog-body .person-snapshot > span img {
  height: 9em;
  width: 9em;
}
#grubstreet .blog-body .person-snapshot h4 {
  font-weight: 700;
  font-size: 1em;
  margin: 1em 0 0;
  grid-area: 1 / 2 / 2 / 3;
}
#grubstreet .blog-body .person-snapshot .title {
  margin-top: 0.5em;
  grid-area: 2 / 2 / 3 / 3;
}
#grubstreet .blog-body .person-snapshot ul {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
  grid-area: 3 / 2 / 4 / 3;
}
#grubstreet .blog-body .person-snapshot ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0.375em;
}
#grubstreet .blog-body .person-snapshot .button {
  width: 100%;
  display: block;
  font-size: 0.875rem;
  background-color: #FFEFC6;
  margin-bottom: 0.5em;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
#grubstreet .blog-body .person-snapshot .button.secondary {
  border-width: 0;
}
#grubstreet .blog-body article {
  grid-area: 6 / 1 / 7 / 3;
}
#grubstreet .blog-body article *:first-child {
  margin-top: 0;
}
#grubstreet .blog-body article .author-bio {
  background-color: #EAF7F6;
  padding: 1.5em 2em;
  margin: 3em 0;
}
#grubstreet .blog-body article .author-bio h3 {
  margin-top: 0;
}
#grubstreet .blog-body article .author-bio p {
  font-size: 0.875rem;
  line-height: 1.6em;
}
#grubstreet .blog-body article .keep-reading {
  margin-top: 3em;
}
#grubstreet .blog-body article .keep-reading h3 {
  border-bottom: solid #979797 0.5px;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
#grubstreet .blog-body article .keep-reading .prev {
  float: left;
  max-width: 12em;
}
#grubstreet .blog-body article .keep-reading .prev .button {
  padding-left: 3.25em;
  background-image: url("/assets/scribbles/left-arrow-nav.svg");
  background-position: 1em center;
  background-repeat: no-repeat;
}
#grubstreet .blog-body article .keep-reading .next {
  float: right;
  text-align: right;
  max-width: 12em;
}
#grubstreet .blog-body article .keep-reading .next .button {
  padding-left: 3.25em;
  background-image: url("/assets/scribbles/left-arrow-nav.svg");
  background-position: 1em center;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#grubstreet .blog-body article .keep-reading .next .button span {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  display: block;
}
#grubstreet .blog-body article .keep-reading .button.secondary {
  background-color: #FFEFC6;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  border-width: 0;
}
#grubstreet .blog-body article .keep-reading p {
  font-size: 0.875rem;
}
#grubstreet aside nav.blog-nav.local-nav h2 {
  text-transform: none;
}
#grubstreet aside nav.blog-nav.local-nav + .button {
  margin-top: 5em;
  font-size: 1.25em;
  letter-spacing: 1px;
}
#grubstreet .post-summary {
  display: grid;
  grid: auto / 1fr 3fr;
  gap: 1.5em;
  width: 100%;
  margin-bottom: 2em;
}
#grubstreet .post-summary:nth-child(even) .post-details span {
  border-color: #C5EBFB;
}
#grubstreet .post-summary .post-details {
  grid-area: 1 / 1 / 2 / 2;
  font-size: 0.875rem;
  text-align: center;
}
#grubstreet .post-summary .post-details span {
  background-color: #fff;
  border: solid #3EBEF2 1px;
  border-radius: 50%;
  font-size: 16px;
  padding: 0.75em;
  margin-bottom: 0.5em;
  width: 7.5em;
  height: 7.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grubstreet .post-summary .post-details span img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#grubstreet .post-summary .post-details p {
  font-size: 0.75rem;
  margin-bottom: 0;
}
#grubstreet .post-summary .post-details p + p {
  margin-top: 0;
}
#grubstreet .post-summary .post-details p.author {
  font-weight: 700;
}
#grubstreet .post-summary .post-excerpt {
  grid-area: 1 / 2 / 2 / 3;
}
#grubstreet .post-summary .post-excerpt a {
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
}
#grubstreet .post-summary .post-excerpt a:before {
  content: " | ";
}
#grubstreet .post-summary .post-excerpt a:first-child:before {
  content: "";
}
#grubstreet .post-summary .post-excerpt a:hover {
  text-decoration: underline;
}
#grubstreet .post-summary .post-excerpt h3 {
  margin-top: 0.25em;
  margin-bottom: 1.5em;
}
#grubstreet .post-summary .post-excerpt h3 a {
  text-decoration: none;
}
#grubstreet .post-summary .post-excerpt h3 a:hover {
  text-decoration: underline;
}
#grubstreet .list {
  margin-bottom: 3em;
}
#grubstreet .list .list-item {
  background-color: #F1EFEE;
  padding: 1em;
  margin-bottom: 1.5em;
  border-radius: 5px;
  position: relative;
}
#grubstreet .list .list-item.two-column > div:nth-child(odd) {
  grid-column: span 3;
  padding: 0.5em;
  text-align: center;
  border-right: solid #979797 0.5px;
}
#grubstreet .list .list-item.two-column > div:nth-child(odd) img {
  max-width: 8em;
}
#grubstreet .list .list-item.two-column > div:nth-child(even) {
  grid-column: span 9;
}
#grubstreet .list .list-item .person-snapshot {
  text-align: center;
}
#grubstreet .list .list-item .person-snapshot img {
  width: 7em;
  height: auto;
  border-radius: 50%;
}
#grubstreet .list .list-item .person-snapshot h5 {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  margin-top: 1em;
}
#grubstreet .list .list-item .sub-title {
  color: #EF413D;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#grubstreet .list .list-item h4 {
  font-size: 1.125rem;
  margin: 0.5em 0 0.75em;
  font-style: italic;
}
#grubstreet .list .list-item .button {
  margin-top: 1em;
  margin-right: 1em;
}
#grubstreet .list .list-item .button.secondary {
  border-width: 0;
}
#grubstreet .list .v-btn {
  grid-area: 1 / 5 / 2 / 9;
  width: 100%;
}
#grubstreet .starred .head h3 {
  position: relative;
  display: inline-block;
  margin-right: auto;
}
#grubstreet .starred .head h3:after {
  content: '';
  background-image: url("/assets/scribbles/star.svg");
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -1em;
  right: -3.5em;
  height: 3em;
  width: 3em;
}
#grubstreet .header.illustrated,
#grubstreet .head.illustrated {
  position: relative;
  padding-left: 6em;
}
#grubstreet .header.illustrated img,
#grubstreet .head.illustrated img {
  position: absolute;
  top: 0;
  left: 0;
  width: 5em;
  height: auto;
}
#grubstreet .v-input--range-slider {
  margin-top: 4em;
}
#grubstreet .v-input--range-slider .v-slider__thumb-label div {
  color: #232020;
  display: inline-block;
  font-weight: 700;
}
#grubstreet .v-input--range-slider .v-slider__thumb-label div span {
  font-size: 0.66667em;
  display: inline-block;
}
#grubstreet .v-input--range-slider .v-slider__tick:last-child .v-slider__tick-label {
  right: 0;
}
#grubstreet .v-input--range-slider .v-slider__tick-label {
  font-size: 0.75rem;
  font-weight: 700;
}
#grubstreet .related-topics {
  grid-column: span 12;
  background-color: #FFEFC6;
  padding: 2em 0;
  margin: 3em 0;
}
#grubstreet .related-topics .wrapper {
  display: block;
}
#grubstreet .related-topics .header {
  text-align: center;
  grid-area: 1 / 1 / 2 / 4;
  padding-right: 0.5em;
}
#grubstreet .related-topics .header h3 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0;
}
#grubstreet .related-topics .header p {
  font-family: 'Montagu Slab', serif;
  font-size: 2.25rem;
  font-weight: 400;
}
#grubstreet .related-topics .header img {
  max-width: 14em;
  margin-bottom: 2em;
}
#grubstreet .related-topics .related-topic {
  background-color: white;
  padding: 1em 1.25em 2em;
  margin-bottom: 0.75em;
}
#grubstreet .related-topics .related-topic p {
  padding-bottom: 2em;
}
#grubstreet .related-topics .related-topic .button {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
#grubstreet .related-topics .related-topic:nth-child(2) {
  grid-area: 1 / 4 / 2 / 7;
}
#grubstreet .related-topics .related-topic:nth-child(3) {
  grid-area: 1 / 7 / 2 / 10;
}
#grubstreet .related-topics .related-topic:nth-child(4) {
  grid-area: 1 / 10 / 2 / 13;
}
#grubstreet .class-types {
  grid-column: span 12;
  background-color: #C4D600;
  padding: 1em 0;
  margin: 3em 0;
}
#grubstreet .class-types .wrapper {
  display: block;
}
#grubstreet .class-types .header {
  grid-area: 1 / 1 / 2 / 4;
  text-align: left;
  padding-right: 0.5em;
}
#grubstreet .class-types .header h3 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0;
}
#grubstreet .class-types .header p {
  font-family: 'Montagu Slab', serif;
  font-size: 2.25rem;
  font-weight: 400;
}
#grubstreet .class-types .header img {
  max-width: 14em;
}
#grubstreet .class-types .class-type {
  background-color: white;
  padding: 1em 2em;
  margin-bottom: 0.75em;
}
#grubstreet .class-types .class-type ul {
  margin-top: 1em;
}
#grubstreet .class-types .class-type ul li {
  font-weight: 700;
}
#grubstreet .class-types .class-type ul li.description {
  font-weight: 400;
}
#grubstreet .class-types .class-type p {
  padding-top: 1.5em;
  padding-bottom: 0.75em;
  font-size: 0.875rem;
}
#grubstreet .class-types .class-type .button {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
#grubstreet .class-types .class-type:nth-child(2) {
  grid-area: 1 / 4 / 2 / 7;
}
#grubstreet .class-types .class-type:nth-child(3) {
  grid-area: 1 / 7 / 2 / 10;
}
#grubstreet .class-types .class-type:nth-child(4) {
  grid-area: 1 / 10 / 2 / 13;
}
#grubstreet .callout {
  width: 90%;
  min-height: 10em;
  margin: 4em auto;
  padding: 0.5em 0;
  background-image: url('/assets/images/quote-open.svg'), url('/assets/images/quote-close.svg');
  background-position: top left, bottom right;
  background-repeat: no-repeat;
}
#grubstreet .callout p.quote {
  font-size: 2em;
  font-weight: 200;
  font-family: 'Montagu Slab', serif;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0.5em;
}
#grubstreet .callout cite {
  text-align: center;
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
}
#grubstreet #logged-in-user,
#grubstreet .profile-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
  flex-wrap: wrap;
  max-width: 100%;
}
#grubstreet #logged-in-user > span,
#grubstreet .profile-name > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet #logged-in-user > span,
  #grubstreet .profile-name > span {
    margin: 0;
  }
}
#grubstreet #logged-in-user > span img,
#grubstreet .profile-name > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet #logged-in-user > span button,
#grubstreet .profile-name > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet #logged-in-user > span button i,
#grubstreet .profile-name > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet #logged-in-user .new-photo,
#grubstreet .profile-name .new-photo {
  width: 100%;
}
#grubstreet #logged-in-user .new-photo h3,
#grubstreet .profile-name .new-photo h3 {
  margin-top: 0;
}
#grubstreet #logged-in-user .user-details,
#grubstreet .profile-name .user-details {
  font-size: 0.875rem;
  flex-grow: 1;
  width: 100%;
}
#grubstreet #logged-in-user .user-details h2,
#grubstreet .profile-name .user-details h2 {
  font-size: 1.5rem;
  background-color: #F1EFEE;
  padding: 0 0.5em;
  line-height: 1.25em;
  position: relative;
  left: -0.5em;
  float: left;
  margin-top: 0;
}
#grubstreet #logged-in-user .user-details h2 + a,
#grubstreet .profile-name .user-details h2 + a {
  text-decoration: underline;
  padding: 0.5em;
  margin-top: 0.375em;
  display: inline-block;
}
#grubstreet #logged-in-user .user-details p,
#grubstreet .profile-name .user-details p {
  clear: both;
}
#grubstreet #logged-in-user .user-details p.membership-type,
#grubstreet .profile-name .user-details p.membership-type {
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}
#grubstreet #logged-in-user .user-details p.membership-status,
#grubstreet .profile-name .user-details p.membership-status {
  margin-top: 0.25em;
  padding: 0;
  background: none;
}
#grubstreet #logged-in-user .user-details .user-actions,
#grubstreet .profile-name .user-details .user-actions {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
#grubstreet #logged-in-user .user-details .user-actions li,
#grubstreet .profile-name .user-details .user-actions li {
  border-left: solid #979797 0.5px;
  padding-left: 1em;
  margin-left: 1em;
  line-height: 1em;
  list-style-type: none;
}
#grubstreet #logged-in-user .user-details .user-actions li:first-child,
#grubstreet .profile-name .user-details .user-actions li:first-child {
  border-width: 0;
  padding-left: 0;
  margin-left: 0;
}
#grubstreet #logged-in-user .user-details .user-actions li a,
#grubstreet .profile-name .user-details .user-actions li a {
  text-decoration: underline;
}
#grubstreet .featured-classes.three-column,
#grubstreet .featured-classes .three-column {
  display: block;
}
#grubstreet .featured-classes.three-column .card,
#grubstreet .featured-classes .three-column .card {
  grid-column: auto / span 4;
  margin-bottom: 0.75em;
}
#grubstreet .head {
  margin-bottom: 1em;
  grid-column: span 12;
  width: 100%;
}
#grubstreet .head h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}
#grubstreet .head h3 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 0;
}
#grubstreet .head .arrow-indent {
  text-align: right;
  margin-top: 1em;
}
#grubstreet .topic-summary {
  display: block;
  width: 100%;
  border-bottom: solid #979797 0.5px;
  padding-bottom: 3em;
  margin-bottom: 3em;
  margin-top: 3em;
}
#grubstreet .topic-summary:last-child {
  border-width: 0;
  margin-bottom: 0;
}
#grubstreet .topic-summary img {
  grid-area: 1 / 1 / 3 / 2;
  width: 100%;
  height: auto;
}
#grubstreet .topic-summary h3 {
  grid-area: 1 / 2 / 2 / 3;
  margin-top: 0 !important;
}
#grubstreet .topic-summary h3 a {
  margin-right: 1.5em;
}
#grubstreet .topic-summary h3 .cta {
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
}
#grubstreet .topic-summary h3 .cta:before {
  content: '';
  background-image: url("/assets/scribbles/right-arrow-long.svg");
  width: 3em;
  height: 1em;
  background-size: cover;
  background-position: right center;
  position: absolute;
  left: calc(100% + 0.5em);
  top: 0.25em;
}
#grubstreet .topic-summary div {
  grid-area: 2 / 2 / 3 / 3;
}
#grubstreet .topic-summary div ul {
  padding: 1em 0 0;
  margin: 0;
}
#grubstreet .topic-summary div ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#grubstreet .topic-summary div ul li .button {
  background-color: #FFEFC6;
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  width: 100%;
}
#grubstreet .topic-summary div ul li .button.secondary {
  border-width: 0;
}
#grubstreet .topic-summary img + div {
  grid-area: 2 / 2 / 3 / 3;
}
#grubstreet .tabs {
  margin: 3em 0 0;
  min-height: 4em;
}
#grubstreet .tabs .v-slide-group__next,
#grubstreet .tabs .v-slide-group__prev {
  min-width: 2em;
  flex-basis: 2em;
}
#grubstreet .tabs .v-item-group {
  height: 6em;
}
#grubstreet .tabs .v-item-group .v-slide-group__wrapper {
  padding-bottom: 1em;
}
#grubstreet .tabs .v-tabs-slider-wrapper {
  display: none;
}
#grubstreet .tabs .v-tab {
  background: #F1EFEE;
  padding: 0.75em;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1em;
  margin: 0 1em 0 0;
  font-family: 'Montagu Slab', serif;
  font-weight: 600;
  font-size: 0.75em;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 5px;
  min-width: 6em;
  z-index: 2;
}
#grubstreet .tabs .v-tab:last-child {
  margin-right: 0;
}
#grubstreet .tabs .v-tab:hover:after {
  background-color: #e3c504;
}
#grubstreet .tabs .v-tab.v-tab--active {
  background-color: #FFDD00;
  position: relative;
  overflow: visible;
}
#grubstreet .tabs .v-tab.v-tab--active:after {
  content: "";
  height: 1em;
  width: 1em;
  background-color: #FFDD00;
  transform: rotate(45deg);
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  margin-left: -0.5em;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
#grubstreet .tabs .v-tab.v-tab--active:hover:after {
  background-color: #e3c504;
}
#grubstreet .v-tabs-items {
  margin-bottom: 3em;
}
#grubstreet .map {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  margin-bottom: 2em;
}
#grubstreet .map .leaflet-container {
  width: 100% !important;
  height: calc(100vw - 2em);
}
#grubstreet .map .leaflet-container .leaflet-control a,
#grubstreet .map .leaflet-container .leaflet-control a:hover {
  text-decoration: none;
}
#grubstreet .map .leaflet-container .leaflet-marker-icon svg path {
  fill: #232020;
}
#grubstreet .map .map-details {
  width: 100%;
}
#grubstreet .map .map-details address,
#grubstreet .map .map-details p {
  margin: 0;
  font-style: normal;
  line-height: 1.75em;
}
#grubstreet .map .map-details address h4,
#grubstreet .map .map-details p h4 {
  font-weight: 700;
  font-size: 16px;
  font-family: 'Montagu Slab', serif;
  margin: 1em 0 1em;
}
#grubstreet .map .map-details a.button {
  margin-top: 3em;
  background-color: #DCE9AE;
}
#grubstreet .map .map-details a.button.secondary {
  border-width: 0;
}
#grubstreet .card {
  background: #F1EFEE;
  border-radius: 5px;
  padding: 1.1em 1.5em 1.5em;
  position: relative;
}
#grubstreet .card .location {
  color: #EF413D;
  font-weight: 700;
}
#grubstreet .card .class-type {
  text-transform: capitalize;
}
#grubstreet .card h4 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  margin-top: 0;
}
#grubstreet .card h4 .v-icon {
  color: #EF413D;
}
#grubstreet .card .payment-progress {
  font-size: 0.75em;
  line-height: 3em;
}
#grubstreet .card .details {
  display: flex;
  flex-direction: row;
  font-size: 0.8125rem;
}
#grubstreet .card .details + p {
  margin-top: 1.5em;
}
#grubstreet .card .details li {
  padding: 0 1em;
  display: flex;
}
#grubstreet .card .details li:before {
  content: "|";
  position: relative;
  left: -1em;
}
#grubstreet .card .details li:first-child {
  padding-left: 0;
}
#grubstreet .card .details li:first-child:before {
  content: "";
}
#grubstreet .card p.schedule-description {
  font-size: 0.8125rem;
  margin: 0;
}
#grubstreet .card .instructor {
  margin: 1.5em 0;
}
#grubstreet .card .instructor a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#grubstreet .card .instructor a:hover {
  text-decoration: none;
}
#grubstreet .card .instructor a:hover span {
  border-color: #595959;
}
#grubstreet .card .instructor a img {
  height: 6em;
  width: 6em;
  border-radius: 50%;
}
#grubstreet .card .instructor a img + span {
  margin-left: 1em;
}
#grubstreet .card .instructor a span {
  border-bottom: solid #FFDD00 1px;
  font-size: 0.75em;
  line-height: 1.5em;
}
#grubstreet .card .actions {
  margin-top: 0.5em;
}
#grubstreet .card .actions .button {
  background-color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
}
#grubstreet .card .actions form {
  display: inline-block;
}
#grubstreet .expansion-list {
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
  grid-column: span 12;
  position: relative;
  max-height: 22em;
  padding-bottom: 5em;
  transition: max-height 0.5s ease 0s;
  overflow: hidden;
}
#grubstreet .expansion-list.expanded {
  max-height: 100%;
}
#grubstreet .expansion-list.expanded .expansion-action:before {
  transform: rotate(180deg);
}
#grubstreet .expansion-list .expansion-action {
  grid-column: span 12;
  text-align: center;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.5em, rgba(0, 0, 0, 0.2) 1.5em, #fff 1.6em);
  background-color: inherit;
  padding-top: 4em;
  text-transform: uppercase;
  font-size: 0.75rem;
  width: 102em;
  left: -1em;
  cursor: pointer;
}
#grubstreet .expansion-list .expansion-action:before {
  content: "v";
  color: #232020;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  height: 3.5em;
  width: 3.5em;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.75em;
  box-shadow: 0 2px 6px 0 rgba(174, 174, 174, 0.5);
  transition: transform 0.5s ease 0s;
}
#grubstreet .expansion-list .expansion-action button {
  text-transform: uppercase;
}
#grubstreet .community-spotlight {
  background-color: #96D5D2;
  padding: 2em 0;
  margin: 3em 0;
  padding: 4em 0;
  margin: 5em 0;
}
#grubstreet .community-spotlight .wrapper {
  text-align: center;
  display: block;
}
#grubstreet .community-spotlight .wrapper > span {
  border: solid #FFDD00 0.5px;
  border-radius: 50%;
  padding: 0.75em;
  width: 10.5em;
  height: 10.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  margin-bottom: 1.5em;
}
@media (min-width: 920px) {
  #grubstreet .community-spotlight .wrapper > span {
    margin: 0;
  }
}
#grubstreet .community-spotlight .wrapper > span img {
  height: 9em;
  width: 9em;
  border-radius: 50%;
}
#grubstreet .community-spotlight .wrapper > span button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  background: #1C1C1C;
  border-radius: 50%;
  color: #fff;
  padding: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 2em;
}
#grubstreet .community-spotlight .wrapper > span button i {
  color: #fff;
  font-size: 16px;
}
#grubstreet .community-spotlight .wrapper .header {
  grid-area: 1 / 5 / 2 / 12;
}
#grubstreet .community-spotlight .wrapper .header h3 {
  font-size: 1.125rem;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  margin: 0;
}
#grubstreet .community-spotlight .wrapper .header p {
  font-family: 'Montagu Slab', serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.25em;
}
#grubstreet .community-spotlight .wrapper .header p a {
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  padding-left: 5em;
  position: relative;
  top: -0.5em;
  display: inline-block;
  line-height: 1.2em;
}
#grubstreet .community-spotlight .wrapper .header p a:before {
  display: inline-block;
  content: '';
  background-image: url("/assets/scribbles/right-arrow-long.svg");
  width: 4em;
  height: 1em;
  background-size: cover;
  background-position: right center;
  position: absolute;
  left: 0.75em;
  top: 0;
}
#grubstreet .community-spotlight .wrapper img {
  grid-area: 1 / 2 / 3 / 5;
}
#grubstreet .community-spotlight .wrapper span {
  margin: auto;
  grid-area: 2 / 5 / 3 / 7;
  background-color: #fff;
  border-width: 0;
}
#grubstreet .community-spotlight .wrapper .person {
  grid-area: 2 / 7 / 3 / 12;
}
#grubstreet .community-spotlight .wrapper .person h4 {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  margin-top: 1em;
}
#grubstreet .community-spotlight .wrapper .person .community-description {
  margin-top: 1em;
}
#grubstreet .external-spotlight {
  background-color: #FFDD00;
  margin: 3em 0;
  padding: 2em 1em;
}
#grubstreet .external-spotlight .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#grubstreet .external-spotlight .title img {
  width: 4em;
  max-height: 4em;
}
#grubstreet .external-spotlight .title p {
  margin: 0;
}
#grubstreet .external-spotlight .title h3 {
  margin: 0;
  font-family: 'Anton', sans-serif;
  font-size: 2.25rem;
  text-transform: uppercase;
}
#grubstreet .external-spotlight .photo img {
  width: 100%;
}
#grubstreet .external-spotlight .message ul {
  margin-left: 1em;
}
#grubstreet .external-spotlight .message ul li {
  list-style-type: disc;
}
#grubstreet .external-spotlight .action {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
}
#grubstreet .external-spotlight .action .button {
  background-color: #1C1C1C;
  color: #fff;
}
#grubstreet .full-width .external-spotlight .action {
  font-size: 1.5em;
}
#grubstreet .image-carousel {
  padding: 0 1.75em;
}
#grubstreet .image-carousel .v-responsive__content {
  text-align: center;
  position: relative;
}
#grubstreet .image-carousel .v-responsive__content p {
  text-align: left;
  padding: 0.25em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#grubstreet .image-carousel img {
  width: auto;
  max-width: 100%;
  height: 22em;
  border-radius: 5px;
}
#grubstreet .image-carousel .v-window__next,
#grubstreet .image-carousel .v-window__prev {
  margin: 0;
}
#grubstreet .image-carousel .v-window__next .v-btn,
#grubstreet .image-carousel .v-window__prev .v-btn {
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(174, 174, 174, 0.5);
  display: flex;
  height: 3em;
  width: 3em;
  padding: 0;
}
#grubstreet .image-carousel .v-window__next {
  right: -1.5em;
}
#grubstreet .image-carousel .v-window__prev {
  left: -1.5em;
}
#grubstreet .image-carousel .v-btn.v-carousel__controls__item {
  background: none;
  padding: 0;
}
#grubstreet .image-carousel .v-carousel__controls {
  background-color: transparent;
}
#grubstreet .video {
  width: 100%;
  margin: 2em 0;
  background: #FFDD00;
  display: flex;
  justify-content: center;
  align-items: center;
}
#grubstreet .video iframe {
  max-width: 100%;
}
#grubstreet div.image {
  width: 100%;
  margin: 2em 0;
}
#grubstreet div.image img {
  max-width: 100%;
  display: block;
  border-radius: 5px;
}
#grubstreet div.image img + p {
  font-size: 0.75em;
  margin: 0.5em 0;
}
#grubstreet article .payment-links-horizontal,
#grubstreet article .payment-links-vertical,
#grubstreet article .membership-join {
  padding-left: 1em;
  padding-right: 1em;
}
#grubstreet .payment-links-horizontal {
  padding: 1em 0;
  margin: 3em 0;
  background-color: #DCE9AE;
}
#grubstreet .payment-links-horizontal .header {
  grid-column: span 12;
}
#grubstreet .payment-links-horizontal .header h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}
#grubstreet .payment-links-horizontal .header p {
  margin-bottom: 0;
}
#grubstreet .payment-links-horizontal .payment-link {
  grid-column: span 12;
  background: white;
  padding: 1em 2em;
  margin-bottom: 0.75em;
}
#grubstreet .payment-links-horizontal .payment-link h4 {
  font-family: 'Anton', sans-serif;
}
#grubstreet .payment-links-horizontal .payment-link p {
  margin-bottom: 1.5em;
}
#grubstreet .payment-links-horizontal .payment-link p.pricing {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
#grubstreet .payment-links-horizontal .payment-link p:has(+ul) {
  margin-bottom: 1em;
}
#grubstreet .payment-links-horizontal .payment-link ul {
  margin-left: 1.25em;
  margin-bottom: 1.5em;
}
#grubstreet .payment-links-horizontal .payment-link ul li {
  list-style-type: disc;
  line-height: 1.1em;
  margin-bottom: 0.65em;
}
#grubstreet .payment-links-horizontal .payment-link .button {
  margin-bottom: 1em;
}
#grubstreet .payment-links-vertical {
  padding: 1em 0;
  margin: 3em 0;
  background-color: #DCE9AE;
}
#grubstreet .payment-links-vertical .header {
  grid-column: span 12;
}
#grubstreet .payment-links-vertical .header h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}
#grubstreet .payment-links-vertical .header p {
  margin-bottom: 0;
}
#grubstreet .payment-links-vertical .payment-link {
  grid-column: span 12;
  background: white;
  padding: 1.25em 2em;
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: 0;
  margin-bottom: 1em;
}
#grubstreet .payment-links-vertical .payment-link h4 {
  font-family: 'Anton', sans-serif;
  grid-area: 1 / 1 / 2 / 13;
  margin-top: 0;
  letter-spacing: 1px;
}
#grubstreet .payment-links-vertical .payment-link .description {
  grid-area: 3 / 1 / 4 / 13;
}
#grubstreet .payment-links-vertical .payment-link p {
  margin-bottom: 1.5em;
}
#grubstreet .payment-links-vertical .payment-link p.pricing {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5em;
  grid-area: 2 / 1 / 3 / 13;
}
#grubstreet .payment-links-vertical .payment-link p:has(+ul) {
  margin-bottom: 1em;
}
#grubstreet .payment-links-vertical .payment-link ul {
  margin-left: 1.25em;
  margin-bottom: 1.5em;
}
#grubstreet .payment-links-vertical .payment-link ul li {
  list-style-type: disc;
  line-height: 1.1em;
  margin-bottom: 0.65em;
}
#grubstreet .payment-links-vertical .payment-link .button {
  grid-area: 4 / 1 / 5 / 13;
  margin-bottom: 1em;
}
#grubstreet .membership-join {
  padding: 1em 0;
  margin: 3em 0;
  background-color: #DCE9AE;
}
#grubstreet .membership-join .header {
  grid-column: span 12;
}
#grubstreet .membership-join .header h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}
#grubstreet .membership-join .header p {
  margin-bottom: 0;
}
#grubstreet .membership-join .membership {
  grid-column: span 12;
  background: white;
  padding: 1.25em 2em;
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: 0;
  margin-bottom: 1em;
}
#grubstreet .membership-join .membership h4 {
  font-family: 'Anton', sans-serif;
  grid-area: 1 / 1 / 2 / 13;
  margin-top: 0;
  letter-spacing: 1px;
}
#grubstreet .membership-join .membership .description {
  grid-area: 3 / 1 / 4 / 13;
}
#grubstreet .membership-join .membership p {
  margin-bottom: 1.5em;
}
#grubstreet .membership-join .membership p.pricing {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5em;
  grid-area: 2 / 1 / 3 / 13;
}
#grubstreet .membership-join .membership p:has(+ul) {
  margin-bottom: 1em;
}
#grubstreet .membership-join .membership ul {
  margin-left: 1.25em;
  margin-bottom: 1.5em;
}
#grubstreet .membership-join .membership ul li {
  list-style-type: disc;
  line-height: 1.1em;
  margin-bottom: 0.65em;
}
#grubstreet .membership-join .membership form .card-holder-first-name,
#grubstreet .membership-join .membership form .card-holder-last-name {
  display: none;
}
#grubstreet .membership-join .membership .button {
  grid-area: 4 / 1 / 5 / 13;
  margin-bottom: 1em;
}
#grubstreet .newsletter-signup label {
  font-weight: bold;
  cursor: pointer;
}
#grubstreet .newsletter-signup label:has(input:checked) {
  cursor: default;
}
#grubstreet .newsletter-signup span {
  font-size: 0.75em;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
#grubstreet .shopping-cart {
  margin-top: 6.5em;
}
#grubstreet .shopping-cart h3 {
  font-family: 'Lato', sans-serif;
  font-size: 1.125rem;
}
#grubstreet .shopping-cart #payment-form .cart-next-steps .button {
  margin-top: 1.5em;
}
#grubstreet .shopping-cart .v-input {
  max-width: 15em;
}
#grubstreet .shopping-cart .row-form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#grubstreet .shopping-cart .row-form .v-btn,
#grubstreet .shopping-cart .row-form .button {
  margin-left: 2em;
}
#grubstreet .shopping-cart .row-form + .cart-item {
  margin-top: 2em;
}
#grubstreet .shopping-cart .form-row {
  margin-top: 2em;
}
#grubstreet .shopping-cart .form-row label {
  font-weight: 700;
}
#grubstreet .shopping-cart .form-row #card-element {
  margin-top: 1em;
  border: solid #979797 0.5px;
  border-radius: 5px;
  padding: 0.75em;
}
#grubstreet .shopping-cart .form-row #card-errors {
  color: #EF413D;
  margin-top: 0.5em;
}
#grubstreet .shopping-cart .v-btn.tertiary,
#grubstreet .shopping-cart .button.tertiary {
  color: #fff;
  background-color: #1C1C1C;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: auto;
  margin-bottom: auto;
}
#grubstreet .shopping-cart .v-btn.remove,
#grubstreet .shopping-cart .button.remove {
  background-color: #EF413D;
  padding: 0;
  color: #fff;
}
#grubstreet .shopping-cart .cart-item {
  display: grid;
  grid: auto / repeat(8, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
}
#grubstreet .shopping-cart .cart-item + .cart-item {
  margin-top: 2em;
}
#grubstreet .shopping-cart .cart-item p {
  margin: 0 0 0.75em 0;
  line-height: 1em;
}
#grubstreet .shopping-cart .cart-item .cart-actions {
  grid-area: 1 / 1 / 5 / 2;
  text-align: center;
  border-right: solid #979797 0.5px;
  padding-top: 0.25em;
  padding-right: 0.5em;
  font-size: 0.75em;
}
#grubstreet .shopping-cart .cart-item .cart-actions label.remove {
  display: block;
  font-size: 0.75em;
}
#grubstreet .shopping-cart .cart-item .cart-detail {
  grid-area: 1 / 2 / 5 / 6;
  font-size: 0.75em;
}
#grubstreet .shopping-cart .cart-item .cart-detail h3 {
  margin-top: 0.25em;
  font-size: 1rem;
}
#grubstreet .shopping-cart .cart-item .cart-detail .participant {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
}
#grubstreet .shopping-cart .cart-item .cart-detail .participant form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#grubstreet .shopping-cart .cart-item .cart-detail .participant form .v-input {
  max-width: 100%;
  width: 15em;
}
#grubstreet .shopping-cart .cart-item .cart-detail .participant form label {
  margin-right: 1em;
  width: 100%;
}
#grubstreet .shopping-cart .cart-item .cart-detail.donation-options {
  grid-area: 1 / 2 / 5 / 10;
}
#grubstreet .shopping-cart .cart-item .cart-detail.donation-options h3 {
  margin-bottom: 1em;
}
#grubstreet .shopping-cart .cart-item .cart-detail.donation-options > div {
  margin-bottom: 1em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#grubstreet .shopping-cart .cart-item .cart-detail.donation-options > div label {
  margin: 0 0.5em;
}
#grubstreet .shopping-cart .cart-item .cart-pricing {
  display: grid;
  grid-area: 1 / 6 / 5 / 9;
  grid: auto / repeat(2, 1fr);
  gap: 1.5em;
  width: 100%;
  margin: 0;
  font-size: 0.875em;
}
#grubstreet .shopping-cart .cart-item .cart-pricing .cart-price-category {
  grid-area: 1 / 1 / 2 / 2;
  font-size: 0.75em;
  text-align: right;
  line-height: 1em;
  margin: 0;
}
#grubstreet .shopping-cart .cart-item .cart-pricing .cart-price-value {
  grid-area: 1 / 2 / 2 / 3;
  text-align: right;
  line-height: 16px;
  margin: 0;
  margin-right: 1em;
}
#grubstreet .shopping-cart .cart-item .cart-pricing .cart-price-value.cart-price-discount {
  color: #EF413D;
}
#grubstreet .shopping-cart .cart-total {
  display: grid;
  grid: auto / repeat(8, 1fr);
  gap: var(--grid-gap);
  width: 100%;
  margin: 0;
  background-color: #F1EFEE;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
  width: calc(100% + 2em);
  margin-left: -1em;
}
#grubstreet .shopping-cart .cart-total .cart-price-category {
  grid-area: 1 / 7 / 2 / 8;
  font-size: 0.75em;
  text-align: right;
  margin: 0;
  line-height: 22px;
}
#grubstreet .shopping-cart .cart-total .cart-price-value {
  grid-area: 1 / 8 / 2 / 9;
  text-align: right;
  margin: 0;
  line-height: 22px;
  font-weight: 700;
  margin-right: 1em;
}
#grubstreet .shopping-cart .cart-next-steps {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
#grubstreet .shopping-cart .cart-next-steps .button.secondary {
  background-color: #F1EFEE;
  color: #1C1C1C;
  margin-right: 1em;
  border-width: 0;
}
#grubstreet .shopping-cart.add-product .cart-item {
  margin: 2em 0;
}
#grubstreet .shopping-cart.add-product .cart-item .product-detail {
  grid-area: 1 / 1 / 5 / 7;
}
#grubstreet .shopping-cart.add-product .cart-item .product-detail h3 {
  margin-top: 0;
}
#grubstreet .shopping-cart.add-product .cart-item .product-fullwidth {
  grid-area: 1 / 1 / 5 / 9;
}
#grubstreet .shopping-cart.add-product .cart-item .product-fullwidth p {
  line-height: 1.75em;
}
#grubstreet .shopping-cart.add-product .cart-price-category {
  grid-area: 1 / 6 / 2 / 8;
}
#grubstreet .cart-summary h3 {
  font-family: 'Lato', sans-serif;
  margin-top: 0;
  margin-bottom: 1.5em;
}
#grubstreet .cart-summary .cart-summary-items {
  background-color: #FFDD00;
  border-radius: 5px;
  padding: 1em;
}
#grubstreet .cart-summary .cart-summary-items .cart-item {
  font-size: 0.875rem;
}
#grubstreet .cart-summary .cart-summary-items .cart-item:first-child h4 {
  margin-top: 0;
}
#grubstreet .cart-summary .cart-summary-items .cart-item h4 {
  font-size: 0.875rem;
  font-family: 'Lato', sans-serif;
  margin-top: 1.5em;
  margin-bottom: 0.25em;
}
#grubstreet .cart-summary .button.tertiary {
  margin-top: 3em;
  margin-bottom: 0.5em;
  background-color: #1C1C1C;
  color: #fff;
}
#grubstreet .membership-status {
  display: none;
}
#grubstreet .membership-status .pitch {
  background-color: #FFDD00;
  line-height: 2.5em;
  border-radius: 1.25em;
  font-family: 'Anton', sans-serif;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1.5em;
  position: relative;
}
#grubstreet .membership-status .pitch:before {
  content: "";
  position: absolute;
  top: -1.8em;
  left: 5em;
  height: 2em;
  width: 2em;
  background-image: url("/assets/scribbles/sparkle-black.svg");
  background-position: center center;
  background-size: contain;
}
#grubstreet .membership-status .pitch:after {
  content: '';
  height: 1em;
  width: 1em;
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  transform: rotate(45deg);
  bottom: -0.5em;
  background-color: #FFDD00;
}
#grubstreet .membership-status .membership-options {
  background-color: #F1EFEE;
  border-radius: 5px;
  padding: 1.5em;
  position: relative;
}
#grubstreet .membership-status .membership-options:after {
  content: "";
  position: absolute;
  bottom: -3em;
  left: 1.5em;
  height: 4em;
  width: 4em;
  background-image: url("/assets/scribbles/sparkle-blue.svg");
  background-position: center center;
  background-size: contain;
}
#grubstreet .membership-status .membership-options h3 {
  margin-top: 0;
  font-family: 'Anton', sans-serif;
  font-size: 1.25rem;
}
#grubstreet .membership-status .membership-options h4 {
  font-family: 'Lato', sans-serif;
  margin-bottom: 1em;
  font-size: 1.125rem;
}
#grubstreet .membership-status .membership-options p + h3 {
  margin-top: 1.5em;
}
#grubstreet .membership-status .membership-options p.information {
  font-size: 0.75em;
  line-height: 1.25em;
  padding-top: 0.75em;
}
#grubstreet .membership-status .membership-options li {
  list-style-type: disc;
  margin-left: 1em;
  padding-left: 0.5em;
}
#grubstreet .membership-status .membership-options .button {
  background: #1C1C1C;
  color: #fff;
  margin-top: 1em;
}
#grubstreet.success .body-header p {
  grid-area: 2 / 1 / 3 / 7;
  font-size: 16px;
  font-family: 'Montagu Slab', serif;
  font-weight: 700;
}
#grubstreet.success .cart-success .shopping-cart {
  margin-top: 3em;
}
#grubstreet.success .cart-success .shopping-cart h3 {
  margin-bottom: 1em;
  font-family: 'Montagu Slab', serif;
}
#grubstreet.success .cart-success .shopping-cart .cart-item .cart-detail {
  grid-area: 1 / 1 / 2 / 7;
}
#grubstreet.success .cart-success .shopping-cart .cart-item .cart-detail h4 {
  margin-top: 0;
}
#grubstreet.success .cart-success .shopping-cart .cart-item .cart-pricing {
  grid-area: 1 / 7 / 2 / 9;
}
#grubstreet.success .cart-success .shopping-cart .cart-total {
  margin-top: 1em;
}
#grubstreet .guest-checkout > .two-column {
  grid-column: span 12;
  row-gap: 0;
}
#grubstreet .guest-checkout > .two-column > div {
  grid-column: span 2;
}
#grubstreet .guest-checkout > .two-column #guest {
  padding-right: 4em;
}
#grubstreet .guest-checkout > .two-column #guest .v-text-field {
  margin-right: 0;
}
#grubstreet footer {
  margin-top: 5em;
  margin-bottom: 5em;
}
#grubstreet footer .writing-center {
  background-color: #F1EFEE;
  padding: 3.5em 0 2em;
  position: relative;
  z-index: 0;
}
#grubstreet footer .writing-center:before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: -1.125rem;
  left: 50%;
  margin-left: -0.5625em;
  background-color: white;
  transform: rotate(45deg);
}
#grubstreet footer .writing-center:after {
  content: "";
  width: 100vw;
  height: 10.694vw;
  background-image: url('/assets/swoops/gray-reverse.png');
  background-size: cover;
  position: absolute;
  bottom: -10.6vw;
  z-index: -1;
  left: 0px;
}
#grubstreet footer .writing-center .ribbon {
  display: none;
}
#grubstreet footer .writing-center .head {
  margin-top: 0;
  padding-top: 0;
  border-width: 0;
  margin-bottom: 2em;
}
#grubstreet footer .writing-center .head h2 {
  font-size: 2.25rem;
  position: relative;
}
#grubstreet footer .writing-center .head h2 .arrow-indent {
  font-family: 'Lato', sans-serif;
  font-size: 0.75rem;
  text-align: left;
  position: relative;
  display: block;
}
#grubstreet footer .writing-center .two-column {
  grid-area: 2 / 1 / 3 / 13;
  display: grid;
  grid: auto / repeat(12, 1fr);
  gap: var(--grid-gap);
  width: calc(100% - 2em);
  max-width: var(--site-max-width);
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
#grubstreet footer .writing-center .two-column .photo-collage {
  grid-area: 1 / 1 / 2 / 13;
  display: grid;
  grid: 3fr 2fr 2fr / 1fr 1fr;
  gap: 1em;
  height: 150vw;
}
#grubstreet footer .writing-center .two-column .photo-collage div {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
#grubstreet footer .writing-center .two-column .photo-collage div:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3;
}
#grubstreet footer .writing-center .two-column .photo-collage div:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
#grubstreet footer .writing-center .two-column .photo-collage div:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}
#grubstreet footer .writing-center .two-column .photo-collage div:nth-child(4) {
  grid-area: 3 / 1 / 4 / 2;
}
#grubstreet footer .writing-center .two-column .photo-collage div:nth-child(5) {
  grid-area: 3 / 2 / 4 / 3;
}
#grubstreet footer .writing-center .two-column .photo-collage div img {
  height: 100%;
  width: 100%;
}
#grubstreet footer .writing-center .two-column .newsletter-signup {
  grid-area: 2 / 1 / 3 / 13;
  background-color: #FFDD00;
  padding: 1.25em 0.75em;
  display: grid;
  grid: auto / repeat(1, 4fr);
  gap: 1em;
  width: 100%;
  position: relative;
  z-index: 0;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form {
  display: grid !important;
  grid: auto / repeat(6, 4fr);
  column-gap: 10px;
  row-gap: 10px;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form h2 {
  margin: 0;
  grid-area: 2 / 1 / 3 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .indicates-required {
  grid-area: 3 / 1 / 4 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .first-name {
  grid-area: 4 / 1 / 5 / 4;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .last-name {
  grid-area: 4 / 4 / 5/7;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .email {
  grid-area: 5 / 1 / 6 / 7;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .clear {
  grid-area: 7 / 5 / 8 / 7;
  width: 90%;
  margin: auto;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .clear input {
  margin: unset;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .login-link {
  grid-area: 7 / 1 / 8 / 4;
}
#grubstreet footer .writing-center .two-column .newsletter-signup form .login-link a {
  text-decoration: underline;
}
#grubstreet footer .writing-center .two-column .newsletter-signup h2 {
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
  font-size: 1.25rem;
  margin: 0;
  grid-area: 1 / 1 / 2 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup h2 + p {
  margin: 0;
  grid-area: 2 / 1 / 3 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input.first-name {
  grid-area: 3 / 1 / 4 / 2;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input.last-name {
  grid-area: 3 / 2 / 4 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input.email {
  grid-area: 4 / 1 / 5 / 3;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input .v-input__slot {
  background-color: #fff;
  border-radius: 0;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input .v-input__slot .v-label--active {
  top: 0.35em;
  color: #232020 !important;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input .v-input__slot input {
  margin-top: 0.75em;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-input .v-input__slot:before {
  border-width: 0;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-btn,
#grubstreet footer .writing-center .two-column .newsletter-signup .button {
  background-color: #1C1C1C;
  font-size: 1.125rem;
  color: #fff;
  float: right;
  grid-area: 5 / 1 / 6 / 3;
  margin-bottom: auto;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-btn + p,
#grubstreet footer .writing-center .two-column .newsletter-signup .button + p {
  grid-area: 7 / 1 / 7 / 3;
  font-size: 0.875rem;
  margin-top: 0;
}
#grubstreet footer .writing-center .two-column .newsletter-signup .v-btn + p a,
#grubstreet footer .writing-center .two-column .newsletter-signup .button + p a {
  text-decoration: underline;
}
#grubstreet footer .footer-links {
  position: relative;
}
#grubstreet footer .footer-links .wrapper .brand-message {
  font-size: 0.875rem;
  grid-area: 1 / 1 / 2 / 13;
  text-align: center;
}
#grubstreet footer .footer-links .wrapper .brand-message img {
  width: 10em;
}
#grubstreet footer .footer-links .wrapper .brand-message h3 {
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 0;
}
#grubstreet footer .footer-links .wrapper .brand-message .subtitle {
  font-style: italic;
  margin-bottom: 1.5em;
}
#grubstreet footer .footer-links .wrapper .links-copyright {
  font-size: 0.75em;
  grid-area: 2 / 1 / 3 / 13;
}
#grubstreet footer .footer-links .wrapper .links-copyright p {
  margin: 2.5em 0;
}
#grubstreet footer .footer-links .wrapper .links-copyright ul {
  flex-wrap: wrap;
}
#grubstreet footer .footer-links .wrapper .links-copyright ul li:before {
  content: "|";
  position: relative;
  left: -0.5em;
}
#grubstreet footer .footer-links .wrapper .links-copyright ul li:first-child:before {
  content: "";
}
#grubstreet footer .footer-links .wrapper .links-copyright ul li a {
  text-decoration: underline;
}
#grubstreet footer .footer-links .wrapper .social-links {
  font-size: 0.875rem;
  grid-area: 3 / 1 / 4 / 13;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 3em;
}
#grubstreet footer .footer-links .wrapper .social-links .social-media {
  justify-content: flex-end;
  margin-bottom: 1em;
}
#grubstreet footer .footer-links .wrapper .social-links .social-media img {
  width: 2em;
}
#grubstreet footer .footer-links .wrapper .social-links .button.primary {
  font-size: 1.25rem;
}
#grubstreet footer .footer-links .wrapper ul {
  display: flex;
  flex-direction: row;
}
#grubstreet footer .footer-links .wrapper ul li {
  padding: 0 0.5em;
}
#grubstreet footer .footer-links .wrapper ul li:first-child {
  padding-left: 0;
}
#grubstreet .three-column .card {
  grid-column: auto / span 4;
  margin-bottom: 0.75em;
}
@media (min-width: 920px) {
  #grubstreet.blue .body-header .wrapper img,
  #grubstreet.green .body-header .wrapper img,
  #grubstreet.teal .body-header .wrapper img,
  #grubstreet.pale-yellow .body-header .wrapper img,
  #grubstreet.purple .body-header .wrapper img,
  #grubstreet.yellow .body-header .wrapper img {
    display: block;
  }
  #grubstreet header > .wrapper {
    padding: 1em 0;
  }
  #grubstreet header .profile-menu {
    left: 50%;
    margin-left: 10em;
    top: 5.75em;
  }
  #grubstreet header .menu {
    top: 7.45em;
  }
  #grubstreet header .menu .large-menu {
    display: grid;
  }
  #grubstreet header .menu .small-menu {
    display: none;
  }
  #grubstreet header .menu .feature {
    display: grid;
  }
  #grubstreet header .menu .sections {
    grid-area: 1 / 3 / 2 / 6;
    border-right: solid #979797 0.5px;
    margin-right: 3em;
  }
  #grubstreet header .menu .section-pages {
    grid-area: 1 / 6 / 2 / 9;
  }
  #grubstreet .emergency-notice {
    padding: 1em 0;
  }
  #grubstreet .emergency-notice .wrapper h2 {
    grid-area: 1 / 1 / 2 / 3;
    margin-top: 0.75em;
  }
  #grubstreet .emergency-notice .wrapper p {
    grid-area: 1 / 3 / 2 / 10;
    margin-top: 0.75em;
  }
  #grubstreet .emergency-notice .wrapper .cta {
    grid-area: 1 / 10 / 2 / 13;
    display: block;
  }
  #grubstreet .emergency-notice .wrapper .cta .close {
    margin-left: 1em;
    margin-bottom: 0;
    font-size: 1em;
  }
  #grubstreet .emergency-notice .wrapper .cta .close .v-icon {
    font-size: 1em;
  }
  #grubstreet .emergency-notice .wrapper .cta .button.secondary {
    font-size: 1em;
  }
  #grubstreet header > .wrapper {
    font-size: 1em;
    display: flex !important;
  }
  #grubstreet header > .wrapper .logo {
    height: 5em;
    position: relative;
    top: 1em;
    margin-right: 4em;
  }
  #grubstreet header > .wrapper .primary {
    font-size: 0.875rem;
  }
  #grubstreet header > .wrapper .primary ul {
    display: flex;
  }
  #grubstreet header > .wrapper .primary ul li.sub-menu-button a {
    position: relative;
  }
  #grubstreet header > .wrapper .primary ul li.sub-menu-button a:after {
    content: "^";
    position: absolute;
    right: -0.75em;
    top: -0.25em;
    transform: rotate(180deg);
    text-decoration: none;
    transition: transform 0.25s;
  }
  #grubstreet header > .wrapper .primary ul li.sub-menu-button a.actively {
    font-weight: 700;
  }
  #grubstreet header > .wrapper .primary ul li.sub-menu-button a.actively:after {
    transform: rotate(0deg);
  }
  #grubstreet header > .wrapper .primary ul li.sub-menu-button a:hover:after {
    text-decoration: none;
  }
  #grubstreet header > .wrapper .primary div {
    display: block;
  }
  #grubstreet header > .wrapper .action {
    font-size: 0.875rem;
  }
  #grubstreet header > .wrapper .action ul li:first-child {
    display: block;
  }
  #grubstreet .body-header .breadcrumbs {
    margin-top: 0;
    margin-bottom: 0;
  }
  #grubstreet .body-header .breadcrumbs li a {
    font-size: 0.875rem;
  }
  #grubstreet .full-width .body-header {
    margin-bottom: 9em;
  }
  #grubstreet .full-width .body-header h1 {
    font-size: 4em;
    margin-top: 1em;
    grid-area: 1 / 1 / 2 / 7;
    line-height: 1.3em;
  }
  #grubstreet .full-width .body-header .breadcrumbs {
    grid-area: 2 / 1 / 3 / 7;
  }
  #grubstreet .full-width .body-header p {
    grid-area: 2 / 1 / 3 / 7;
    margin-bottom: 0;
    position: relative;
  }
  #grubstreet .full-width .body-header p:before {
    content: "";
    position: absolute;
    left: -3.25em;
    top: 1.5em;
    background-image: url("/assets/scribbles/arrow-pointup.svg");
    height: 3em;
    width: 3em;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #grubstreet .full-width .body-header img {
    position: absolute;
    top: 0;
    left: 54%;
    width: 24em;
  }
  #grubstreet .full-width article .topic-intro {
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
    margin-bottom: 2.5em;
    width: 100%;
    position: relative;
  }
  #grubstreet .full-width article .topic-intro div {
    grid-area: 1 / 1 / 2 / 6;
    padding: 2em 1.5em 2em 1.5em;
  }
  #grubstreet .full-width article .topic-intro div p {
    margin-bottom: 3em;
  }
  #grubstreet .full-width article .topic-intro .feature-image {
    grid-area: 1 / 6 / 2 / 13;
  }
  #grubstreet .full-width article .topic-intro .supplement-image {
    display: block;
    position: absolute;
    bottom: -5.5em;
    left: 6em;
    height: 11em;
    width: 11em;
    border-radius: 50%;
    padding: 0.75em;
    border: solid #96D5D2 1px;
    z-index: 1;
  }
  #grubstreet .full-width article .topic-intro:nth-child(2n) div {
    grid-area: 1 / 8 / 2 / 13;
  }
  #grubstreet .full-width article .topic-intro:nth-child(2n) .feature-image {
    grid-area: 1 / 1 / 2 / 8;
  }
  #grubstreet .full-width article .topic-intro:nth-child(2n) .supplement-image {
    left: auto;
    right: 6em;
    border-color: #C4D600;
  }
  #grubstreet .full-width article .topic-intro:nth-child(6) .supplement-image {
    height: 10em;
    width: 10em;
    bottom: -5em;
    padding: 0.7em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(7) .supplement-image {
    height: 9em;
    width: 9em;
    bottom: -4.5em;
    padding: 0.65em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(8) .supplement-image {
    height: 8em;
    width: 8em;
    bottom: -4em;
    padding: 0.6em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(9) .supplement-image {
    height: 7em;
    width: 7em;
    bottom: -3.5em;
    padding: 0.55em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(10) .supplement-image {
    height: 6em;
    width: 6em;
    bottom: -3em;
    padding: 0.5em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(11) .supplement-image {
    height: 5em;
    width: 5em;
    bottom: -2.5em;
    padding: 0.45em;
  }
  #grubstreet .full-width article .topic-intro:nth-child(12) .supplement-image {
    height: 4em;
    width: 4em;
    bottom: -2em;
    padding: 0.4em;
  }
  #grubstreet .full-width article .topic-intro:last-child {
    margin-bottom: 0;
  }
  #grubstreet .right-rail .body-header h1 {
    margin-top: 1em;
    grid-area: 1 / 1 / 2 / 7;
    line-height: 1.3em;
  }
  #grubstreet .right-rail .body-header .breadcrumbs {
    grid-area: 2 / 1 / 3 / 7;
    font-size: 0.875rem;
  }
  #grubstreet .right-rail .body-header img {
    position: absolute;
    top: 0em;
    left: 58%;
    width: 18em;
  }
  #grubstreet .right-rail .wrapper article {
    grid-area: 3 / 1 / 4 / 9;
    max-width: auto;
  }
  #grubstreet .right-rail .wrapper article h2:first-child {
    margin-top: 1em;
  }
  #grubstreet .right-rail .wrapper article h1 {
    font-size: 2.25rem;
    font-weight: 400;
    margin-bottom: 1em;
  }
  #grubstreet .right-rail .wrapper article h3 {
    margin-bottom: 0.5em;
  }
  #grubstreet .right-rail .wrapper article .people-list {
    grid: auto / repeat(4, 1fr);
  }
  #grubstreet .right-rail .wrapper aside {
    grid-area: 3 / 9 / 4 / 13;
    border-left: solid #979797 0.5px;
    padding-left: 3em;
    margin-left: 3em;
    margin-top: 6em;
    max-width: auto;
  }
  #grubstreet .right-rail .wrapper aside:has(.notifications) {
    margin-top: 2em;
    border-color: #FFDD00;
  }
  #grubstreet .right-rail .wrapper aside .local-nav {
    margin-top: 0;
  }
  #grubstreet .right-rail .wrapper aside .related-nav {
    margin-top: 5em;
    padding-top: 0;
    border-top-width: 0;
  }
  #grubstreet .right-rail .wrapper aside .rail-feature {
    margin: 10em 0 5em;
  }
  #grubstreet .home-message {
    text-align: left;
    padding-bottom: 1em;
    padding-top: 2em;
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
    display: none;
  }
  #grubstreet .home-message .lead-illustration {
    grid-area: 1 / 3 / 6 / 6;
    width: 100%;
  }
  #grubstreet .home-message p {
    font-size: 2.25rem;
  }
  #grubstreet .home-message p.rotating-message {
    font-size: 5.5rem;
    height: 5.5rem;
  }
  #grubstreet .home-message p.rotating-message .v-btn {
    font-size: 0.25em;
    bottom: -1.75em;
    right: auto;
    left: 0;
  }
  #grubstreet .home-video {
    padding: 0 calc((100vw - var(--site-max-width)) / 2);
  }
  #grubstreet .home-video iframe {
    width: var(--site-max-width);
    height: calc(var(--site-max-width) * 0.56);
  }
  #grubstreet .home-find-a-class h2:before {
    content: '';
    background-image: url("/assets/scribbles/left-down-arrow-black.svg");
    width: 1.75em;
    height: 1.75em;
    background-size: contain;
    background-position: right center;
    position: absolute;
    left: -2em;
    top: 0.4em;
  }
  #grubstreet .home-find-a-class .button.primary {
    grid-area: 3 / 4 / 4 / 10;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    margin-top: 0.75em;
  }
  #grubstreet .home-find-a-class #find-a-class .filters {
    margin-top: -1.5em;
    padding-top: 1.5em;
  }
  #grubstreet .whats-happening {
    margin-top: 7em;
    padding: 0;
  }
  #grubstreet .whats-happening .head {
    text-align: left;
    position: relative;
    margin-top: 4em;
  }
  #grubstreet .whats-happening .head .whats-happening-illustration {
    position: absolute;
    top: -10.25em;
    left: -14em;
    width: 18em;
  }
  #grubstreet .whats-happening .head h2 {
    font-size: 2.25rem;
    grid-area: 2 / 1 / 3 / 3;
  }
  #grubstreet .whats-happening .head h2 .arrow-indent {
    display: inline-block;
    top: -0.5em;
    text-align: left;
    font-size: 0.875rem;
  }
  #grubstreet .whats-happening .wrapper {
    display: grid;
  }
  #grubstreet .whats-happening .stories {
    padding-top: 0;
    padding-left: 3em;
  }
  #grubstreet .featured-classes {
    display: grid;
    margin-top: 0em;
  }
  #grubstreet .featured-classes.three-column,
  #grubstreet .featured-classes .three-column {
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
  }
  #grubstreet .featured-classes.three-column .card,
  #grubstreet .featured-classes .three-column .card {
    grid-column: auto / span 4;
    margin-bottom: 0;
  }
  #grubstreet .featured-classes .head .programming-illustration {
    width: 24em;
    margin-top: -9em;
  }
  #grubstreet .featured-classes .quote {
    padding: 2em 6em;
    background-size: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  #grubstreet .featured-classes .quote p {
    font-size: 2.625em;
  }
  #grubstreet .featured-classes h2 {
    font-size: 2.25rem;
    display: inline-block;
    position: relative;
  }
  #grubstreet .featured-classes h2:before {
    content: '';
    background-image: url("/assets/scribbles/left-down-arrow-blue.svg");
    width: 1.75em;
    height: 1.75em;
    background-size: contain;
    background-position: right center;
    position: absolute;
    left: -2em;
    top: 0.6em;
  }
  #grubstreet .latest-pubs {
    padding-top: 3em;
    margin-bottom: 5em;
  }
  #grubstreet .latest-pubs .head {
    grid-area: 1 / 3 / 2 / 13;
    text-align: left;
    position: relative;
  }
  #grubstreet .latest-pubs .head h2 {
    font-size: 2.25rem;
  }
  #grubstreet .latest-pubs .head .grubwrites-illustration {
    position: absolute;
    top: -0.5em;
    left: -11.5em;
    width: 10em;
  }
  #grubstreet .latest-pubs .three-column {
    display: grid;
  }
  #grubstreet .latest-pubs .pub {
    margin-bottom: 0;
  }
  #grubstreet .support-promo .wrapper {
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
    gap: 0 var(--grid-gap);
  }
  #grubstreet .support-promo .subtitle {
    grid-area: 1 / 1 / 2 / 8;
    top: 0;
  }
  #grubstreet .support-promo .subtitle:after {
    content: "";
    background-image: url("/assets/scribbles/spiral.svg");
    background-size: contain;
    height: 1.5em;
    width: 1.5em;
    display: inline-block;
    top: -0.25em;
    left: 1em;
    position: relative;
  }
  #grubstreet .support-promo h3 {
    grid-area: 2 / 1 / 3 / 8;
    font-size: 3.5em;
  }
  #grubstreet .support-promo .pitch {
    grid-area: 3 / 1 / 4 / 8;
    margin-bottom: 3em;
    position: relative;
  }
  #grubstreet .support-promo .pitch:after {
    content: "";
    background-image: url("/assets/scribbles/spiral.svg");
    background-size: contain;
    height: 3em;
    width: 3em;
    display: block;
    position: absolute;
    bottom: -2.75em;
    left: -3.75em;
    transform: scaleX(-1);
  }
  #grubstreet .support-promo .button {
    grid-area: 4 / 1 / 5 / 4;
    margin-bottom: auto;
  }
  #grubstreet .support-promo .button + .button {
    grid-area: 4 / 4 / 5 / 7;
  }
  #grubstreet .support-promo .support-image {
    grid-area: 1 / 9 / 5 / 13;
  }
  #grubstreet div.find-a-class h2 {
    text-align: center;
  }
  #grubstreet div.find-a-class .filter-text {
    max-width: 35em;
    margin: auto;
  }
  #grubstreet div.find-a-class .filters {
    display: flex;
    flex-direction: row;
  }
  #grubstreet div.find-a-class .filters .button {
    flex-grow: 1;
    margin-right: 1em;
    margin-bottom: 0;
  }
  #grubstreet div.find-a-class .filters .button:last-of-type {
    margin-right: 0;
  }
  #grubstreet div.find-a-class .filter-menu {
    width: calc(100% + 2em);
    left: -1em;
    position: absolute;
    top: 5.25em;
    margin-top: 0.75em;
    padding: 3em;
  }
  #grubstreet div.find-a-class .filter-menu .filter-columns div h3 {
    margin-top: 0;
  }
  #grubstreet div.find-a-class .filter-menu .filter-text {
    margin: 1em 0;
  }
  #grubstreet div.find-a-class .filter-menu .filter-columns {
    display: flex;
    flex-direction: row;
    justify-items: flex-start;
    align-items: flex-start;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .filter-columns {
    margin-top: 3em;
    align-items: stretch;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .previous-instructors {
    flex-basis: 1em;
    flex-grow: 1;
    margin-right: 2em;
    border-right: solid #979797 1px;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .previous-instructors h4 {
    margin-top: 0.25em;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .other-instructors {
    flex-basis: 3em;
    flex-grow: 3;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .other-instructors h4 {
    margin-top: 0.25em;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .other-instructors > div.show-all {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .other-instructors > div.show-all > .v-input {
    width: 25%;
  }
  #grubstreet div.find-a-class .filter-menu.instructor-menu .other-instructors > div button.primary {
    margin-top: 1.5em;
    margin-right: 80%;
  }
  #grubstreet div.find-a-class .filter-menu.genre-menu .filter-columns {
    display: grid;
    grid-template: auto / repeat(4, 1fr);
    gap: 1em;
  }
  #grubstreet div.find-a-class .filter-menu.genre-menu .button-checkbox,
  #grubstreet div.find-a-class .filter-menu.genre-menu .button-radio {
    grid-area: span 1;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns {
    display: grid;
    grid-template: auto / 4fr 3fr;
    gap: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .button-checkbox,
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .button-radio {
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .selections {
    grid-area: span 1;
    display: grid;
    grid-template: auto / repeat(2, 1fr);
    gap: 1em;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .promo {
    grid-column: span 1;
    padding: 1.5em 3em;
    padding-right: 0;
    border-left: solid #979797 1px;
    display: grid;
    grid: auto / 2fr 1fr;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .promo h4 {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1.625rem;
    margin-top: 0;
    font-weight: 400;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .promo h4 strong {
    display: block;
    font-family: 'Anton', sans-serif;
    font-size: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .promo .statement {
    grid-area: 2 / 1 / 3 / 3;
    font-size: 0.75em;
  }
  #grubstreet div.find-a-class .filter-menu.goal-menu .filter-columns .promo img {
    grid-area: 1 / 2 / 2 / 3;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns {
    display: grid;
    grid-template: auto / 2fr 2fr 3fr;
    gap: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .button-checkbox,
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .button-radio {
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .button-checkbox.sublevel,
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .button-radio.sublevel {
    width: calc(100% - 2em);
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .selections {
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .promo {
    grid-column: span 1;
    padding: 4.5em 3em;
    padding-right: 0;
    border-left: solid #979797 1px;
    display: grid;
    grid: auto / 3fr 2fr;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .promo h4 {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1.625rem;
    margin-top: 0;
    font-weight: 400;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .promo h4 strong {
    display: block;
    font-family: 'Anton', sans-serif;
    font-size: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .promo .statement {
    grid-area: 2 / 1 / 3 / 2;
    font-size: 0.75em;
  }
  #grubstreet div.find-a-class .filter-menu.level-menu .filter-columns .promo img {
    grid-area: 1 / 2 / 3 / 3;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns {
    display: grid;
    grid-template: auto / 4fr 3fr;
    gap: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .button-checkbox,
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .button-radio {
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .selections {
    grid-area: span 1;
    display: grid;
    grid-template: auto / repeat(2, 1fr);
    gap: 1em;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .promo {
    grid-column: span 1;
    padding: 1.5em 3em;
    padding-right: 0;
    border-left: solid #979797 1px;
    display: grid;
    grid: auto / 2fr 1fr;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .promo h4 {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1.625rem;
    margin-top: 0;
    font-weight: 400;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .promo h4 strong {
    display: block;
    font-family: 'Anton', sans-serif;
    font-size: 2em;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .promo .statement {
    grid-area: 2 / 1 / 3 / 3;
    font-size: 0.75em;
  }
  #grubstreet div.find-a-class .filter-menu.location-menu .filter-columns .promo img {
    grid-area: 1 / 2 / 2 / 3;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns {
    display: grid;
    grid-template: auto / repeat(3, 1fr);
    gap: 0;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns > div {
    padding: 0 3em;
    border-right: solid #979797 1px;
    height: 100%;
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns > div:first-child {
    padding-left: 0;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns > div:last-child {
    border-right: 0;
    padding-right: 0;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns > div:last-child .v-input {
    margin-top: 0;
    margin-bottom: 0.75em;
  }
  #grubstreet div.find-a-class .filter-menu.time-menu .filter-columns > div h3 {
    margin-bottom: 1.5em;
  }
  #grubstreet div.find-a-class .filter-menu .promo {
    display: block;
  }
  #grubstreet div.find-a-class .filter-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 3em;
  }
  #grubstreet div.find-a-class .filter-controls .v-select {
    margin-left: auto;
  }
  #grubstreet div.find-a-class .filter-results .wrapper {
    width: 100%;
  }
  #grubstreet div.find-a-class .filter-results .card {
    grid-column: span 4;
  }
  #grubstreet div.find-a-class .filter-results .load-more p {
    grid-area: 2 / 5 / 3 / 9;
  }
  #grubstreet div.find-a-class .filter-results .load-more .v-btn {
    grid-area: 1 / 5 / 2 / 9;
    margin-bottom: 0;
  }
  #grubstreet.program-detail .right-rail .wrapper {
    display: grid;
    margin: 0 auto;
    max-width: var(--site-max-width);
  }
  #grubstreet.program-detail .right-rail .body-header {
    margin-bottom: 2em;
  }
  #grubstreet.program-detail .right-rail .body-header .wrapper {
    max-width: var(--site-max-width);
  }
  #grubstreet.program-detail .right-rail .body-header .wrapper .program-intro {
    padding: 2em 2em 0em 0;
    left: 1.5em;
  }
  #grubstreet.program-detail .right-rail .body-header .wrapper .program-intro:before {
    content: '';
    background-color: #EAF7F6;
    height: 3em;
    width: 3em;
    position: absolute;
    top: 4.5em;
    right: -1.5em;
    transform: rotate(45deg);
  }
  #grubstreet.program-detail .right-rail .body-header .wrapper .program-ctas {
    padding: 2em 2em 0em 3em;
    margin-left: 3em;
  }
  #grubstreet.program-detail article .wrapper aside {
    display: block;
    border-width: 0px;
    padding: 0 2em 0 0;
    margin: 0;
  }
  #grubstreet.program-detail article .wrapper aside h3 {
    margin-top: 2em;
  }
  #grubstreet.program-detail article .wrapper aside h3 + p {
    margin-top: 0.5em;
  }
  #grubstreet.program-detail .program-indepth {
    max-width: 100%;
    margin-top: 0;
  }
  #grubstreet.program-detail .person-snapshot {
    margin-bottom: 5em;
    margin-top: 0;
  }
  #grubstreet.program-detail .person-snapshot > span {
    border: solid #FFDD00 0.5px;
    border-radius: 50%;
    padding: 0.75em;
    width: 10.5em;
    height: 10.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
    margin-bottom: 1.5em;
  }
  #grubstreet.program-detail .person-snapshot > span img {
    height: 9em;
    width: 9em;
    border-radius: 50%;
  }
  #grubstreet.program-detail .person-snapshot > span button {
    position: absolute;
    bottom: 0.75em;
    right: 0.75em;
    background: #1C1C1C;
    border-radius: 50%;
    color: #fff;
    padding: 0.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    width: 2em;
  }
  #grubstreet.program-detail .person-snapshot > span button i {
    color: #fff;
    font-size: 16px;
  }
  #grubstreet.program-detail .calendar-condensed {
    padding: 3em 0 5em;
    margin: 5em 0;
  }
  #grubstreet .calendar {
    border-spacing: 1em;
  }
  #grubstreet .calendar th > span {
    display: inline;
  }
  #grubstreet .person-detail {
    display: grid;
    grid: auto / repeat(8, 1fr);
    gap: var(--grid-gap);
    width: 100%;
    margin: 0;
  }
  #grubstreet .person-detail > span {
    border: solid #FFDD00 0.5px;
    border-radius: 50%;
    padding: 0.75em;
    width: 10.5em;
    height: 10.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
    margin-bottom: 1.5em;
  }
  #grubstreet .person-detail > span img {
    height: 9em;
    width: 9em;
    border-radius: 50%;
  }
  #grubstreet .person-detail > span button {
    position: absolute;
    bottom: 0.75em;
    right: 0.75em;
    background: #1C1C1C;
    border-radius: 50%;
    color: #fff;
    padding: 0.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    width: 2em;
  }
  #grubstreet .person-detail > span button i {
    color: #fff;
    font-size: 16px;
  }
  #grubstreet .person-detail span {
    width: auto;
    height: auto;
    margin: 0;
    order: unset;
  }
  #grubstreet .person-detail span img {
    height: 100%;
    width: 100%;
  }
  #grubstreet .person-detail div.attributes {
    text-align: left;
    order: unset;
    max-height: 5em;
    grid-area: 1 / 4 / 2 / 9;
  }
  #grubstreet .person-detail div.attributes h2 {
    font-size: 2.25rem;
    font-weight: 400;
    margin: 0;
  }
  #grubstreet .person-detail div.attributes h2 .v-btn {
    padding: 0.375em;
    font-size: 0.625em;
  }
  #grubstreet .person-detail div.attributes p {
    margin: 0;
  }
  #grubstreet .person-detail .social-media {
    text-align: left;
    order: unset;
    justify-content: flex-start;
    grid-area: 2 / 7 / 3 / 9;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
  }
  #grubstreet .person-detail .social-media li {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
  }
  #grubstreet .person-detail .contact-details {
    text-align: left;
    order: unset;
    grid-area: 2 / 4 / 3 / 7;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
  }
  #grubstreet .person-detail .contact-details li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #grubstreet .person-detail .personal-statement {
    grid-area: 3 / 1 / 4 / 7;
    order: 5;
  }
  #grubstreet .person-detail .interests {
    order: unset;
    grid-area: 3 / 7 / 4 / 9;
    font-size: 0.875rem;
  }
  #grubstreet .person-detail .interests h3 {
    margin-top: 3em;
  }
  #grubstreet .person-detail .interests ul li {
    padding: 0.4em 0;
  }
  #grubstreet .works,
  #grubstreet .consulting {
    grid-column: span 12;
  }
  #grubstreet .works ul {
    display: grid;
    grid: auto / repeat(12, 1fr);
    gap: var(--grid-gap);
    width: calc(100% - 2em);
    max-width: var(--site-max-width);
    margin: 0 auto;
    width: 100%;
  }
  #grubstreet .works ul li {
    grid-column: span 5;
  }
  #grubstreet .works ul li:nth-child(2n) {
    grid-column-start: 7;
    grid-column-end: span 5;
  }
  #grubstreet .works ul li a {
    text-decoration: underline;
  }
  #grubstreet.people-search .refine {
    width: 49em;
  }
  #grubstreet.manage-account .right-rail article.form div.subscriptions .newsletter-list {
    grid-template-columns: 7fr 7fr 7fr;
  }
  #grubstreet.manage-account .right-rail article.form div.subscriptions .groups-list {
    grid-template-columns: 1fr 9fr 1fr 9fr;
  }
  #grubstreet #login h3,
  #grubstreet #guest h3 {
    margin-top: 0;
  }
  #grubstreet.login-template .right-rail .wrapper aside,
  #grubstreet.form .right-rail .wrapper aside {
    margin-top: 1em;
  }
  #grubstreet.login-template .right-rail .wrapper aside .promo,
  #grubstreet.form .right-rail .wrapper aside .promo {
    display: grid;
    grid: auto / 3fr 2fr;
    gap: 0.5em;
  }
  #grubstreet.login-template .right-rail .wrapper aside .promo h4,
  #grubstreet.form .right-rail .wrapper aside .promo h4 {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1.125rem;
    margin-top: 0;
    font-weight: 400;
  }
  #grubstreet.login-template .right-rail .wrapper aside .promo h4 strong,
  #grubstreet.form .right-rail .wrapper aside .promo h4 strong {
    display: block;
    font-family: 'Anton', sans-serif;
    font-size: 2em;
  }
  #grubstreet.login-template .right-rail .wrapper aside .promo .statement,
  #grubstreet.form .right-rail .wrapper aside .promo .statement {
    grid-area: 2 / 1 / 3 / 2;
    font-size: 0.75em;
  }
  #grubstreet.login-template .right-rail .wrapper aside .promo img,
  #grubstreet.form .right-rail .wrapper aside .promo img {
    grid-area: 1 / 2 / 3 / 3;
    width: 100%;
  }
  #grubstreet.login-template .right-rail .wrapper .form p,
  #grubstreet.form .right-rail .wrapper .form p {
    margin-bottom: 0.25em;
  }
  #grubstreet.login-template .right-rail .wrapper .form p + p,
  #grubstreet.form .right-rail .wrapper .form p + p {
    margin-top: 0.25em;
  }
  #grubstreet .body-header .wrapper .blog-header {
    margin-bottom: 0;
  }
  #grubstreet.blog-landing .right-rail .wrapper {
    gap: 0.25em var(--grid-gap);
    display: grid;
  }
  #grubstreet.blog-landing .right-rail .wrapper article > h3 {
    font-size: 3.5em;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    margin-bottom: 0.25em;
    margin-top: 2em;
  }
  #grubstreet.blog-landing .right-rail .wrapper article > h3 span {
    font-size: 0.64285714em;
    font-family: 'Montagu Slab', serif;
  }
  #grubstreet.blog-landing .right-rail .wrapper aside {
    margin-top: 12em;
  }
  #grubstreet.blog-list .right-rail .wrapper aside {
    margin-top: 0;
  }
  #grubstreet .featured-blog {
    padding: 4em 0 0;
  }
  #grubstreet .featured-blog:after {
    height: 6.55vw;
    bottom: -6vw;
  }
  #grubstreet .featured-blog img {
    grid-area: 1 / 1 / 5 / 7;
    width: 100%;
  }
  #grubstreet .featured-blog .blog-section {
    grid-area: 1 / 7 / 2 / 13;
    padding-left: 2rem;
    font-size: 0.875rem;
    text-transform: uppercase;
  }
  #grubstreet .featured-blog h3 {
    grid-area: 2 / 7 / 3 / 13;
    margin-bottom: 1em;
    padding-left: 2rem;
  }
  #grubstreet .featured-blog .post-details {
    grid-area: 3 / 7 / 4 / 9;
    margin: 0;
    margin-bottom: auto;
    width: 100%;
    border-right: solid #979797 0.5px;
    padding-right: 2em;
    padding-left: 2rem;
  }
  #grubstreet .featured-blog .post-details span {
    border-radius: 50%;
    font-size: 16px;
    padding: 0.75em;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #grubstreet .featured-blog .post-details span img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
  }
  #grubstreet .featured-blog .post-details p {
    font-size: 0.75rem;
    margin-bottom: 0;
  }
  #grubstreet .featured-blog .post-details p + p {
    margin-top: 0;
  }
  #grubstreet .featured-blog .post-details + .post-excerpt {
    grid-area: 3 / 9 / 4 / 13;
    padding-left: 0;
  }
  #grubstreet .featured-blog .post-excerpt {
    grid-area: 3 / 7 / 4 / 13;
    padding-left: 2rem;
    margin-bottom: auto;
  }
  #grubstreet .featured-blog .post-excerpt p {
    margin-bottom: 1.5em;
  }
  #grubstreet .featured-blog .post-excerpt a {
    font-size: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
  }
  #grubstreet .featured-blog .post-excerpt a:before {
    content: " | ";
  }
  #grubstreet .featured-blog .post-excerpt a:first-child:before {
    content: "";
  }
  #grubstreet .featured-blog .post-excerpt a:hover {
    text-decoration: underline;
  }
  #grubstreet .featured-blog .post-excerpt h3 {
    margin-top: 0.25em;
    margin-bottom: 1.5em;
  }
  #grubstreet .featured-blog .post-excerpt h3 a {
    text-decoration: none;
  }
  #grubstreet .featured-blog .post-excerpt h3 a:hover {
    text-decoration: underline;
  }
  #grubstreet .blog-body .blog-section {
    grid-area: 1 / 1 / 2 / 3;
    margin-top: 0;
  }
  #grubstreet .blog-body .blog-section + h3 {
    grid-area: 2 / 1 / 3 / 3;
  }
  #grubstreet .blog-body .blog-section + h3 + img {
    grid-area: 3 / 1 / 4 / 3;
  }
  #grubstreet .blog-body time {
    grid-area: 4 / 1 / 5 / 3;
  }
  #grubstreet .blog-body .person-snapshot {
    grid-area: 5 / 1 / 6 / 2;
    display: block;
  }
  #grubstreet .blog-body .person-snapshot > span {
    height: 12.5em;
    width: 12.5em;
  }
  #grubstreet .blog-body .person-snapshot > span img {
    height: 11em;
    width: 11em;
  }
  #grubstreet .blog-body .person-snapshot h4,
  #grubstreet .blog-body .person-snapshot p,
  #grubstreet .blog-body .person-snapshot li {
    font-size: 0.75rem;
  }
  #grubstreet .blog-body .person-snapshot h4 {
    margin-top: 1em;
  }
  #grubstreet .blog-body article.blog-content {
    grid-area: 5 / 2 / 6 / 3 !important;
  }
  #grubstreet .blog-body article.blog-content.no-author {
    grid-area: 5 / 1 / 6 / 3 !important;
  }
  #grubstreet .blog-body article.blog-content .author-bio {
    position: relative;
  }
  #grubstreet .blog-body article.blog-content .author-bio:before,
  #grubstreet .blog-body article.blog-content .author-bio:after {
    content: '';
    position: absolute;
    background-image: url("/assets/scribbles/star-large.svg");
    background-size: contain;
    transform: rotate(10deg);
  }
  #grubstreet .blog-body article.blog-content .author-bio:before {
    top: 1.25em;
    left: -5.5em;
    height: 7em;
    width: 7em;
  }
  #grubstreet .blog-body article.blog-content .author-bio:after {
    bottom: -2.4em;
    right: 7em;
    height: 4em;
    width: 4em;
    background-image: url("/assets/scribbles/star-small-green.svg");
  }
  #grubstreet .blog-body article.blog-content .author-bio h3 {
    margin-bottom: 1.5em;
  }
  #grubstreet .post-summary .post-details span {
    width: 11.5em;
    height: 11.5em;
  }
  #grubstreet .post-summary .post-details span img {
    height: 10em;
    width: 10em;
  }
  #grubstreet .list .v-btn {
    grid-area: 1 / 5 / 2 / 9;
  }
  #grubstreet .header.illustrated,
  #grubstreet .head.illustrated {
    padding-left: 8em;
  }
  #grubstreet .header.illustrated img,
  #grubstreet .head.illustrated img {
    width: 7em;
  }
  #grubstreet .related-topics {
    padding: 4em 0;
    margin: 4em 0;
  }
  #grubstreet .related-topics .wrapper {
    display: grid;
  }
  #grubstreet .related-topics .header {
    text-align: right;
  }
  #grubstreet .related-topics .header img {
    margin-bottom: 0;
  }
  #grubstreet .related-topics .related-topic {
    margin-bottom: 0;
    padding: 1em 2em;
  }
  #grubstreet .class-types {
    padding: 4em 0;
    margin: 4em 0;
  }
  #grubstreet .class-types .wrapper {
    display: grid;
  }
  #grubstreet .class-types .header {
    text-align: right;
  }
  #grubstreet .class-types .class-type {
    margin-bottom: 0;
  }
  #grubstreet .head {
    grid-column: span 12;
    display: grid;
    grid: auto / 2fr 1fr;
    gap: 0.5em;
    margin-bottom: 2em;
  }
  #grubstreet .head h2 {
    grid-area: 2 / 1 / 3 / 2;
  }
  #grubstreet .head h3 {
    grid-area: 1 / 1 / 2 / 2;
  }
  #grubstreet .head .arrow-indent {
    grid-area: 1 / 2 / 3 / 3;
    margin-top: 0;
  }
  #grubstreet .callout p {
    font-size: 2.625em;
  }
  #grubstreet .tabs .v-tab {
    padding: 1em;
    font-size: 16px;
  }
  #grubstreet .map {
    flex-direction: row;
  }
  #grubstreet .map .leaflet-container {
    width: 60% !important;
    height: 26.5em;
  }
  #grubstreet .map .map-details {
    width: 40%;
    padding-left: 2em;
  }
  #grubstreet .map .map-details address h4,
  #grubstreet .map .map-details p h4 {
    margin-top: 0;
  }
  #grubstreet .topic-summary {
    display: grid;
    grid: 1em auto / 3fr 5fr;
    gap: 1.5em;
  }
  #grubstreet .community-spotlight {
    padding: 4em 0;
    margin: 4em 0;
  }
  #grubstreet .community-spotlight .wrapper {
    text-align: left;
    display: grid;
  }
  #grubstreet .community-spotlight .wrapper span {
    margin: 0;
  }
  #grubstreet .community-spotlight .wrapper .person h4 {
    margin: 0;
  }
  #grubstreet .external-spotlight {
    margin: 3em 0;
    padding: 3em 1em;
  }
  #grubstreet .external-spotlight .title {
    grid-column: span 2;
  }
  #grubstreet .external-spotlight .photo {
    grid-column: span 3;
  }
  #grubstreet .external-spotlight .message {
    grid-column: span 4;
  }
  #grubstreet .external-spotlight .action {
    grid-column: span 3;
    justify-content: flex-start;
  }
  #grubstreet .payment-links-horizontal {
    padding: 4em 0;
    margin: 4em 0;
  }
  #grubstreet .payment-links-horizontal .header h3 {
    font-size: 2.25rem;
  }
  #grubstreet .payment-links-horizontal .header p {
    font-size: 1.125rem;
  }
  #grubstreet .payment-links-horizontal .payment-link {
    grid-column: span 4;
    margin-bottom: 0;
  }
  #grubstreet .payment-links-vertical {
    padding: 2em 0;
    margin: 4em 0;
  }
  #grubstreet .payment-links-vertical .header h3 {
    font-size: 2.25rem;
  }
  #grubstreet .payment-links-vertical .header p {
    font-size: 1.125rem;
  }
  #grubstreet .payment-links-vertical .payment-link {
    margin-bottom: 0;
  }
  #grubstreet .payment-links-vertical .payment-link h4 {
    grid-area: 1 / 1 / 2 / 13;
    margin-bottom: 0.25em;
  }
  #grubstreet .payment-links-vertical .payment-link .description {
    grid-area: 2 / 1 / 5 / 9;
  }
  #grubstreet .payment-links-vertical .payment-link p.pricing {
    grid-area: 2 / 9 / 3 / 13;
    text-align: center;
  }
  #grubstreet .payment-links-vertical .payment-link .button {
    grid-area: 3 / 9 / 4 / 13;
  }
  #grubstreet .membership-join {
    padding: 2em 0;
    margin: 4em 0;
  }
  #grubstreet .membership-join .header h3 {
    font-size: 2.25rem;
  }
  #grubstreet .membership-join .header p {
    font-size: 1.125rem;
  }
  #grubstreet .membership-join .membership {
    margin-bottom: 0;
  }
  #grubstreet .membership-join .membership h4 {
    grid-area: 1 / 1 / 2 / 13;
    margin-bottom: 0.25em;
  }
  #grubstreet .membership-join .membership .description {
    grid-area: 2 / 1 / 3 / 5;
  }
  #grubstreet .membership-join .membership .features {
    grid-area: 2 / 5 / 3 / 13;
  }
  #grubstreet .membership-join .membership p.pricing {
    grid-area: 3 / 1 / 4 / 5;
    text-align: center;
  }
  #grubstreet .membership-join .membership p.complimentary {
    grid-area: 3 / 5 / 4 / 12;
  }
  #grubstreet .membership-join .membership form,
  #grubstreet .membership-join .membership .payment-method-info {
    grid-area: 3 / 5 / 4 / 13;
  }
  #grubstreet .membership-join .membership form h5,
  #grubstreet .membership-join .membership .payment-method-info h5 {
    margin-top: 1em;
    line-height: 1.75em;
    font-size: 1.125rem;
  }
  #grubstreet .membership-join .membership form p,
  #grubstreet .membership-join .membership .payment-method-info p {
    margin: 0.5em 0;
    line-height: 1.375em;
  }
  #grubstreet .membership-join .membership form p strong,
  #grubstreet .membership-join .membership .payment-method-info p strong {
    display: block;
    margin-bottom: 1em;
  }
  #grubstreet .membership-join .membership form .stripe-payment-intents-form,
  #grubstreet .membership-join .membership .payment-method-info .stripe-payment-intents-form {
    width: 100%;
  }
  #grubstreet .membership-join .membership form fieldset,
  #grubstreet .membership-join .membership .payment-method-info fieldset {
    border-width: 0;
  }
  #grubstreet .membership-join .membership form fieldset + fieldset,
  #grubstreet .membership-join .membership .payment-method-info fieldset + fieldset {
    border: solid #979797 0.5px;
    border-radius: 5px;
    padding: 0.5em;
  }
  #grubstreet .membership-join .membership form fieldset legend,
  #grubstreet .membership-join .membership .payment-method-info fieldset legend {
    display: none;
  }
  #grubstreet .membership-join .membership .button {
    grid-area: 3 / 9 / 4 / 13;
  }
  #grubstreet #logged-in-user,
  #grubstreet .profile-name {
    margin-bottom: 2em;
  }
  #grubstreet #logged-in-user .user-details,
  #grubstreet .profile-name .user-details {
    padding-left: 2em;
    width: auto;
  }
  #grubstreet #logged-in-user .user-details h2,
  #grubstreet .profile-name .user-details h2 {
    line-height: 1.75em;
  }
  #grubstreet #customDonation .two-column {
    max-width: 100%;
  }
  #grubstreet #customDonation h4 {
    margin-bottom: 0;
  }
  #grubstreet #customDonation h4 + p {
    margin-top: 0.25em;
    line-height: 1.3em;
  }
  #grubstreet #customDonation .button-wrapper {
    text-align: right;
  }
  #grubstreet .membership-status {
    display: block;
  }
  #grubstreet .shopping-cart .cart-item .cart-actions {
    font-size: 1em;
  }
  #grubstreet .shopping-cart .cart-item .cart-detail {
    font-size: 1em;
    grid-area: 1 / 2 / 5 / 7;
  }
  #grubstreet .shopping-cart .cart-item .cart-detail.donation-options > div {
    height: 1.5em;
  }
  #grubstreet .shopping-cart .cart-item .cart-detail h3 {
    font-size: 1.125rem;
  }
  #grubstreet .shopping-cart .cart-item .cart-pricing {
    grid-area: 1 / 7 / 5 / 9;
    font-size: 1em;
  }
  #grubstreet .guest-checkout > .two-column > div {
    grid-column: span 1;
  }
  #grubstreet footer {
    margin-top: 4em;
    margin-bottom: 5em;
  }
  #grubstreet footer .writing-center {
    padding: 3em 0;
  }
  #grubstreet footer .writing-center:before {
    margin-left: -34.5em;
  }
  #grubstreet footer .writing-center .head {
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 0;
    border-width: 0;
  }
  #grubstreet footer .writing-center .head h2 {
    font-size: 2.25rem;
  }
  #grubstreet footer .writing-center .head h2 .arrow-indent {
    top: -0.5em;
    display: inline-block;
    font-size: 0.875rem;
  }
  #grubstreet footer .writing-center .head h2:before {
    content: '';
    background-image: url("/assets/scribbles/left-down-arrow-black.svg");
    width: 1.75em;
    height: 1.75em;
    background-size: contain;
    background-position: right center;
    position: absolute;
    left: -1.75em;
    top: 0.8em;
    transform: rotate(-14deg);
  }
  #grubstreet footer .writing-center .two-column .photo-collage {
    grid-area: 1 / 1 / 2 / 7;
    grid: repeat(7, 1fr) / repeat(3, 1fr);
    gap: 1.5em;
    height: auto;
  }
  #grubstreet footer .writing-center .two-column .photo-collage div:nth-child(1) {
    grid-area: 1 / 1 / 5 / 3;
  }
  #grubstreet footer .writing-center .two-column .photo-collage div:nth-child(2) {
    grid-area: 1 / 3 / 4 / 4;
  }
  #grubstreet footer .writing-center .two-column .photo-collage div:nth-child(3) {
    grid-area: 5 / 1 / 8 / 2;
  }
  #grubstreet footer .writing-center .two-column .photo-collage div:nth-child(4) {
    grid-area: 5 / 2 / 8 / 3;
  }
  #grubstreet footer .writing-center .two-column .photo-collage div:nth-child(5) {
    grid-area: 4 / 3 / 8 / 4;
  }
  #grubstreet footer .writing-center .two-column .newsletter-signup {
    grid-area: 1 / 7 / 2 / 13;
    padding: 1.5em 3.5em 2.5em;
    gap: 1.25em;
  }
  #grubstreet footer .writing-center .two-column .newsletter-signup:before {
    content: "";
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 2.75em;
    left: -1.125em;
    background-color: #F1EFEE;
    transform: rotate(45deg);
  }
  #grubstreet footer .writing-center .two-column .newsletter-signup .v-btn {
    grid-area: 5 / 2 / 6 / 3;
  }
  #grubstreet footer .writing-center .two-column .newsletter-signup .v-btn + p,
  #grubstreet footer .writing-center .two-column .newsletter-signup .v-btn + ul {
    grid-area: 5 / 1 / 6 / 2;
  }
  #grubstreet footer .writing-center .ribbon {
    display: grid;
    position: absolute;
    top: -0.8em;
    right: 2em;
    background-color: #EF413D;
    padding: 0.5em 2em;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-size: 0.75em;
    font-weight: 700;
    grid-column-start: 11;
    grid-column-end: 12;
  }
  #grubstreet footer .writing-center .ribbon:before {
    content: '';
    border-top: 0.9em solid #EF413D;
    border-left: 0.9em solid transparent;
    position: absolute;
    top: 0.29em;
    right: -0.52em;
    height: 0;
    width: 0;
    transform: rotate(315deg);
    z-index: -1;
  }
  #grubstreet footer .footer-links .wrapper .brand-message {
    grid-area: 1 / 1 / 2 / 6;
  }
  #grubstreet footer .footer-links .wrapper .brand-message h3 {
    font-size: 2.25rem;
  }
  #grubstreet footer .footer-links .wrapper .brand-message .sub-title {
    margin-bottom: 0;
  }
  #grubstreet footer .footer-links .wrapper .links-copyright {
    grid-area: 2 / 1 / 3 / 10;
    font-size: 0.875rem;
  }
  #grubstreet footer .footer-links .wrapper .links-copyright p,
  #grubstreet footer .footer-links .wrapper .links-copyright address {
    margin: 0.4em 0;
    font-style: normal;
  }
  #grubstreet footer .footer-links .wrapper .social-links {
    grid-area: 2 / 10 / 3 / 13;
    position: relative;
    top: -4em;
    margin-top: 0;
  }
  #grubstreet .three-column .card {
    margin-bottom: 0;
  }
}
@media (min-width: 920px) and (min-width: 920px) {
  #grubstreet.program-detail .person-snapshot > span {
    margin: 0;
  }
}
@media (min-width: 920px) and (min-width: 920px) {
  #grubstreet .person-detail > span {
    margin: 0;
  }
}
/*# sourceMappingURL=main.css.map */