/*!
Theme Name: Frothy Monkey 2022
Theme URI: https://pilotdigital.com/themes/chicago-1924
Author: Pilot Digital
Author URI: http://pilotdigital.com
Description: first aerial circumnavigation of the world
Version: 1.0.0
Template: chicago-1924
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chicago-1924
Tags: custom-background, custom-logo, custom-menu, featured-images

Chicago 1924 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Stylesheet: 769 and Up Stylesheet

Styles for mid-range devices up starting at 769 and up to 1219.

******************************************************************/

/* Menus
============================================================= */

.main-navigation #primary-menu > li {
  padding: 1.25rem 0;
  text-align: left;
}

.main-navigation #primary-menu > li:not(:last-child) {
  margin-right: 1rem;
}

#primary-menu > li {
  border-top: 4px solid transparent;
}

#primary-menu > li.current-menu-item {
  border-color: var(--primary);
}

.main-navigation #primary-menu li a {
	color: var(--neutral-900);
  font-size: 1rem;
}

.main-navigation #primary-menu li a:hover {
  text-decoration: underline;
}

.main-navigation #primary-menu > li.menu-item-has-children button.nav-menu-toggle {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

.main-navigation #primary-menu > li.menu-item-has-children button.nav-menu-toggle:hover,
.main-navigation #primary-menu > li.menu-item-has-children.menu-open button.nav-menu-toggle {
  background: var(--light-blue);
}

.main-navigation ul ul {
  border-top: 2px solid var(--primary);
  box-shadow: 0 10px 20px hsla(var(--cool-gray), 17%, 10%);
}

.main-navigation .menu-item.menu-item-has-children > ul.sub-menu {
  border-radius: 0 0 0.5rem 0.5rem;
  min-width: max-content;
  padding: 1rem 1.5rem;
}

.main-navigation li ul.sub-menu li {
  padding: 0.25rem 0;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.site-branding {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}

/* Flex
============================================================= */

.single-menu-category-extras-container,
#gform_6 {
  display: flex;
}

.single-menu-category-extras-container {
  flex-flow: row wrap;
  gap: 1.5rem;
  justify-content: space-between;
}

.single-menu-category-extras-container > * {
  flex: 0 1 48%;
}

.single-menu-category-extras-container > .smcec-warning {
  flex: 1 1 100%;
}

#gform_6 {
  gap: 1rem;
}

#gform_6 .gform_footer input {
  align-self: flex-start;
  margin-top: 0.7rem;
}

/* CSS Grid
============================================================= */

main > article.has-post-thumbnail > .entry-header,
.post-type-archive-menu_item .page-header {
  grid-template-rows: 1fr max-content max-content 1fr;
}

.home main > article.has-post-thumbnail > .entry-header,
.single-post main > article.has-post-thumbnail > .entry-header {
  grid-template-rows: 1fr max-content max-content max-content 1fr;
}

.single main > article.has-post-thumbnail > .entry-header,
.post-type-archive-menu_item .page-header {
  gap: 0;
}

/* Grid Column Placement --------------------------- */

main > article.has-post-thumbnail > .entry-header h1,
main > article.has-post-thumbnail > .entry-header .h-intro-txt,
main > article.has-post-thumbnail > .entry-header .entry-meta,
main > article.has-post-thumbnail > .entry-header .post-category,
main > article.has-post-thumbnail > .entry-header .location-info,
.post-type-archive-menu_item .page-header h1,
.post-type-archive-menu_item .page-header .h-intro-txt {
  grid-column: 6 / span 4;
  margin-left: 2rem;
}

.home main > article.has-post-thumbnail > .entry-header h1,
.home main > article.has-post-thumbnail > .entry-header .entry-sub-title,
.home main > article.has-post-thumbnail > .entry-header .h-intro-txt {
  grid-column: 2 / span 3;
  margin-left: 0;
}

.single main > article.has-post-thumbnail > .entry-header img,
.post-type-archive-menu_item .page-header img {
  grid-column: 1 / span 5;
  min-height: 100%;
}

.page main > article > .entry-header img,
.menu-maincategory > .menu-maincategory-items-container:nth-of-type(odd),
.menu-maincategory > .menu-subcategory:nth-of-type(odd),
.single-location main > article.location-type-cafe > .entry-content > h2:not(.has-text-align-center),
.single-location main > article.location-type-cafe > .entry-content > h3,
.single-location main > article.location-type-cafe > .entry-content > h4,
.single-location main > article.location-type-cafe > .entry-content > h5,
.single-location main > article.location-type-cafe > .entry-content > h6,
.single-location main > article.location-type-cafe > .entry-content > p,
.single-location main > article.location-type-cafe > .entry-content > ul,
.single-location main > article.location-type-cafe > .entry-content > ol,
.single-location main > article.location-type-cafe > .entry-content > .wp-block-buttons,
main > article > .entry-content > .wp-block-group:not(.make-slick) > h2:not(.has-text-align-center),
main > article > .entry-content > .wp-block-group:not(.make-slick) > h3,
main > article > .entry-content > .wp-block-group:not(.make-slick) > p:not(.arrow-link),
.post-type-archive-product main > .grid > h2 {
  grid-column: 2 / span 4;
}

.grid > .product-filter-container {
  grid-column: 2 / span 6;
}

.menu-maincategory > .menu-maincategory-items-container:nth-of-type(even),
.menu-maincategory > .menu-subcategory:nth-of-type(even) {
  grid-column: 6 / span 4;
}

.home main > article > .entry-header img,
.home main > article > .entry-header .home-slider-container {
  grid-column: 5 / span 6;
}

main > article > .entry-content > h2,
main > article > .entry-content > h3,
main > article > .entry-content > h4,
main > article > .entry-content > h5,
main > article > .entry-content > h6,
main > article > .entry-content > p,
main > article > .entry-content > ul,
main > article > .entry-content > ol,
main > article > .entry-content > .wp-block-buttons,
main > article > .entry-content > .wp-block-separator,
main > article > .entry-content > .wp-block-embed,
main > article > .entry-content > #gform_wrapper_6,
main > .page-header .archive-description,
main header .page-description {
  grid-column: 4 / span 4;
}

main > article > .entry-content > figure.wp-block-image,
main > article > .entry-content > .wp-block-handpicked-products,
main > article > .entry-content > .wp-block-quote,
main > article > .entry-content > .wp-block-media-text,
main > article > .entry-content > .wp-block-separator.is-style-wide,
main > article > .entry-content > .wp-block-group > .two-col--callout,
main > article > .entry-content > .wp-block-columns.two-col--callout,
main > article > .entry-content > .gform_wrapper,
.single-post main > article > .entry-content > .wp-block-columns,
.single-post .grid > .related-posts,
#happily-brewing-form > div,
#wholesale-bakery-form > div,
.entry-content > .wp-block-group.has-white-background-color:last-of-type > *,
.search main > .grid > *,
#resumator-wrapper {
  grid-column: 3 / span 6;
}

.page main > article > .entry-content > .wp-block-handpicked-products,
.menu-maincategory > .single-menu-category-extras-container,
.category-481.menu-maincategory > .menu-subcategory:nth-of-type(3), 
.category-488.menu-maincategory > .menu-maincategory-items-container,
.category-489.menu-maincategory > .menu-maincategory-items-container,
.category-490.menu-maincategory > .menu-maincategory-items-container,
.category-496.menu-maincategory > .menu-maincategory-items-container {
  grid-column: main;
}

.woocommerce-ordering,
.woocommerce-result-count,
.post-type-archive-product main > .grid > p {
  grid-column: 8 / span 2;
}

.woocommerce-result-count {
  grid-row: 2;
}

.grid > .product-filter-container {
  grid-row: 3;
}

/* Grid Row Placement ------------------------------ */

main > article > .entry-header h1 {
  grid-row: 1;
}

main > article.has-post-thumbnail > .entry-header h1,
.single-post main > article.has-post-thumbnail > .entry-header .post-category,
.post-type-archive-menu_item .page-header h1 {
  grid-row: 2;
}

.home main > article > .entry-header h2,
.page main > article > .entry-header .h-intro-txt,
.single-post main > article.has-post-thumbnail > .entry-header h1,
.post-type-archive-menu_item .page-header .h-intro-txt,
main > article.has-post-thumbnail > .entry-header .location-info {
  grid-row: 3;
}

.home main > article > .entry-header .h-intro-txt,
.single-post main > article.has-post-thumbnail > .entry-header .entry-meta {
  grid-row: 4;
}

main > article.has-post-thumbnail > .entry-header img,
.home main > article > .entry-header .home-slider-container {
  grid-row: 1 / -1;
}

.woocommerce-ordering,
.woocommerce-result-count {
  justify-self: end;
}

/* Main Nav Grid ----------------------------------- */

.main-navigation #primary-menu {
  display: grid;
  grid-template-columns: repeat(4, auto) 1fr repeat(4, auto);
  gap: 0 1rem;
}

.site-header .site-branding {
  grid-column: 5 / span 2;
}

.site-header .main-navigation {
  grid-column: main;
}

.site-header .site-branding,
.site-header .main-navigation {
  grid-row: 1;
}

.main-navigation #primary-menu > li:nth-of-type(5) {
  grid-column-start: 6;
}

.site-header.menu-center .main-navigation > div > ul {
  justify-content: space-between;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.page:not(.home) main > article > .entry-header,
.single main > article:not(.has-post-thumbnail) > .entry-header,
main > header,
main .page-header,
.single-product div.product {
  margin-top: 2.5rem;
}

.post-type-archive-menu_item main .page-header {
  margin: 0;
}

main > header,
main > article > .entry-header,
.entry-content > .wp-block-handpicked-products,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-query,
.entry-content > .wp-block-group,
.entry-content > .wp-block-gallery,
.single-product .content-block {
  margin-bottom: 3rem;
}

.page:not(.home) main > article.has-post-thumbnail > .entry-header {
  padding-bottom: 2rem;
}

.page:not(.home) main > article.has-post-thumbnail > .entry-header > h1 {
  margin-bottom: 0;
}

.single-location main > article.has-post-thumbnail > .entry-header h1,
.post-type-archive-menu_item main > .page-header h1 {
  padding-top: 1.5rem;
  margin-bottom: 0.8em;
}

main > article.has-post-thumbnail > .entry-header .location-info,
.post-type-archive-menu_item main > .page-header .h-intro-txt {
  padding-bottom: 1rem;
}

main > article.has-post-thumbnail .entry-header .h-intro-txt {
  margin-top: 0.5rem;
}

.home main > article.has-post-thumbnail > .entry-header {
  max-height: 600px;
}

.home main > article > .entry-header img,
.home-slider-container .slick-slide .slide-media img {
  object-fit: cover;
}

.home-slider-container .slick-slide .slide-media img,
.video_slide {
  min-height: 600px;
}

.home-slider-container .slick-slide .slide-media img {
  height: 600px;
  min-height: 100%;
}

.home main > article > .entry-header img,
.page .site-main > article > .entry-header img.headerImage,
.single .entry-header img.headerImage {
  height: 100%;
}

.home main > article.has-post-thumbnail > .entry-header > h1,
.home main > article.has-post-thumbnail > .entry-header > h2,
.home main > article.has-post-thumbnail > .entry-header > .h-intro-txt {
  padding-right: 1rem;
}

.wp-block-group > h2.has-text-align-center {
  max-width: 32ch;
  margin-left: auto;
  margin-right: auto;
}

button:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.wp-block-button__link:hover {
  transform: translateY(1px);
}

.multi-col {
  column-count: 2;
  column-gap: 2.2rem;
}

.wp-block-columns {
  flex-wrap: nowrap !important;
}

/* Two column block with circle bg */

.entry-content > .two-col--circle-bg {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

.two-col--circle-bg {
  position: relative;
  z-index: 0;
}

.two-col--circle-bg .wp-block-column figure::before {
  content: '';
  background: var(--neutral-100);
  border-radius: 50%;
  width: 550px;
  height: 550px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-70%, -50%);
  z-index: -1;
}

.page:not(.home) .two-col--circle-bg .wp-block-column figure::before {
  background: var(--neutral-300);
}

.wp-block-columns.two-col--img-left .wp-block-column > *:not(figure),
.wp-block-columns.two-col--img-right .wp-block-column > *:not(figure) {
  max-width: 450px;
}

.wp-block-columns.two-col--img-left .wp-block-column > figure,
.wp-block-columns.two-col--img-right .wp-block-column > figure {
  max-width: 520px;
}

.wp-block-columns.two-col--img-left .wp-block-column > figure img,
.wp-block-columns.two-col--img-right .wp-block-column > figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.two-col--img-right .wp-block-column > * {
  margin-left: auto;
  margin-right: 0;
}

/* Stylized Two Column Block */

.entry-content > .two-col--stylized:first-of-type {
  margin-top: 4rem;
}

.two-col--stylized,
.two-col--stylized figure {
  position: relative;
}

.two-col--stylized h2 {
  position: absolute;
  top: 0;
  left: 56%;
  transform: translateX(-50%);
  max-width: 16ch;
}

.two-col--stylized .wp-block-column > p:first-of-type {
  margin-top: 4rem;
}

.two-col--stylized figure {
  overflow: hidden;
}

.two-col--stylized figure::before {
  content: '';
  background: var(--neutral-100);
  border-radius: 50%;
  width: 300px;
  height: 300px;
  position: absolute;
  top: -150px;
  left: 75%;
}

.two-col--stylized figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

main > article > .entry-content .two-col--callout {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

#gform_wrapper_2 .gfield_checkbox,
#gform_wrapper_3 .gfield_checkbox {
  column-count: 2;
  column-gap: 1.5rem;
}

/* Posts
============================================================= */

.single-post main > article > .entry-header .entry-meta span {
  display: inline-block;
}

.single-post main > article > .entry-header .entry-meta span.byline::before {
  content: '\007C';
}

.single-post main > .grid:last-of-type,
.entry-content > .wp-block-group.frothy-cafe-news-block {
  padding: 3rem 0 6rem;
}

.location-amenities {
  margin-left: 2rem;
}

/* Food Menu */

.menu-maincategory > h2,
#coffee-perks-sign-up {
  padding-top: 4rem;
}
.menu-maincategory > h2 {
  padding-top: 5.5rem;
}

.menu-maincategory > h2::before { 
  top: 67%;
}

.menu-filter-container {
  padding: 0.8rem 1.5rem;
  margin-top: -3rem;
}

.menu-maincategory > *:nth-of-type(odd):not(.single-menu-category-extras-container),
.single-menu-category-extras-container > .smcec-single-box:first-child {
  margin-right: 1rem;
}

.menu-maincategory > *:nth-of-type(even):not(.single-menu-category-extras-container),
.single-menu-category-extras-container > .smcec-single-box:last-child {
  margin-left: 1rem;
}

.category-481.menu-maincategory > .menu-subcategory:nth-of-type(3) .menu-subcategory-items-container, 
.category-488.menu-maincategory > .menu-maincategory-items-container,
.category-489.menu-maincategory > .menu-maincategory-items-container,
.category-490.menu-maincategory > .menu-maincategory-items-container,
.category-496.menu-maincategory > .menu-maincategory-items-container {
  column-count: 2;
  column-gap: 4rem;
}

.category-481.menu-maincategory > .menu-subcategory:nth-of-type(3) article, 
.category-488.menu-maincategory > .menu-maincategory-items-container article,
.category-489.menu-maincategory > .menu-maincategory-items-container article,
.category-490.menu-maincategory > .menu-maincategory-items-container article,
.menu-maincategory > .menu-maincategory-items-container article,
.menu-maincategory > .menu-maincategory-items-container article p {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.archive .content-block .has-white-bg-card-style {
  padding: 2rem 2rem 1rem;
}

/* WOO Products */

.woocommerce-variation-add-to-cart,
form.cart:not(.variations_form),
.woocommerce .woocommerce-message {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  gap: 1rem;
}

.woocommerce-variation-add-to-cart > *,
form.cart:not(.variations_form) > * {
  flex: 1;
}

.wcsatt-add-to-subscription-wrapper,
form.cart > .wcsatt-options-wrapper {
  flex: 1 1 100%;
}

.woocommerce-variation-add-to-cart .button,
form.cart:not(.variations_form) .button {
  margin-top: 0;
}

.woocommerce .woocommerce-message {
  align-items: center;
  width: 100%;
}

.woocommerce-message a.button {
  display: inline-block;
  margin: 0.5rem 0;
  width: max-content;
}

.post-type-archive-product main > .grid > p:first-of-type {
  margin-top: 2rem;
}

.cross-sells,
.post-type-archive-product main > .grid > p:not(:first-of-type) {
  margin-top: 4rem;
}

.product-tag-filter-container label {
  margin-top: 0;
}

/* Footer
============================================================= */

.site-footer .wp-block-image img {
  height: 90px;
}

.footer-widget-order-column.columns-5 > .footer-widget-col-2 {
  flex: 0 0 49%;
}

.footer-widget-order-column.columns-5 > .footer-widget-col-2 > div {
  max-width: 480px;
  margin-bottom: 0;
}

.footer-widget-order-column.columns-5 > .footer-widget-col-3,
.footer-widget-order-column.columns-5 > .footer-widget-col-4 {
  flex: 1 0 22%;
}

@supports (grid-template-columns: subgrid) {

  .footer-widget-order-column.columns-5 > .footer-widget-col-2 > div {
    max-width: 100%;
  }

  .site-footer .site-info-block,
  .single-menu-category-extras-container {
    display: grid;
    grid-template-columns: subgrid;
  }

  .site-info-block .site-info,
  .footer-widget-col-1,
  .footer-widget-col-5 {
    grid-column: 1 / -1;
  }

  .footer-widget-col-2 {
    grid-column: 1 / span 3;
  }

  .footer-widget-col-3 {
    grid-column: 5 / span 2;
  }

  .footer-widget-col-4 {
    grid-column: 7 / span 2;
  }

  .single-menu-category-extras-container > .smcec-single-box:nth-of-type(odd) {
    grid-column: 1 / span 4;
  }

  .single-menu-category-extras-container > .smcec-single-box:nth-of-type(even) {
    grid-column: 5 / span 4;
  }

  .single-menu-category-extras-container > .smcec-warning {
    grid-column: 1 / span 8;
  }
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and (min-width: 1024px) {
  .site-header .custom-logo {
    height: 90px;
    width: 90px;
  }

  main > article > .entry-content .grid-col-3-span-6,
  .post-type-archive-menu_item .content-block > * {
    grid-column: 3 / span 6;
  }

  .content-block .has-blob-bg::before { 
    height: 280%;
    width: 120%;
  }

  .cart-collaterals,
  .order-review,
  .woocommerce-MyAccount-content {
    margin-left: 1.5rem;
  }
}

@media screen and (min-width: 960px) {
  figure.cafe-gallery {
    grid-template-rows: 220px 220px;
    grid-auto-rows: 220px;
  }

  figure.cafe-gallery > figure:first-child {
    grid-column: 2 / span 4;
  }

  figure.cafe-gallery > figure:nth-of-type(2),
  figure.cafe-gallery > figure:nth-of-type(3) {
    grid-column: 6 / span 2;
  }

  figure.cafe-gallery > figure:nth-of-type(4) {
    grid-column: 8 / span 2;
  }

  figure.cafe-gallery > figure:nth-of-type(5) {
    grid-column: 2 / span 2;
  }

  figure.cafe-gallery > figure:nth-of-type(6),
  figure.cafe-gallery > figure:nth-of-type(7) {
    grid-column: 4 / span 2;
  }

  figure.cafe-gallery > figure:nth-of-type(8) {
    grid-column: 6 / span 4;
  }

  figure.cafe-gallery > figure:nth-of-type(3) {
    grid-row: 2;
  }

  figure.cafe-gallery > figure:nth-of-type(6) {
    grid-row: 3;
  }

  figure.cafe-gallery > figure:nth-of-type(7) {
    grid-row: 4;
  }
  
  figure.cafe-gallery > figure:first-child,
  figure.cafe-gallery > figure:nth-of-type(4),
  figure.cafe-gallery > figure:nth-of-type(5),
  figure.cafe-gallery > figure:nth-of-type(8) {
    grid-row: span 2;
  }

  .single-product .site-main div.product {
    grid-template-rows: repeat(6, max-content);
    grid-auto-rows: max-content;
  }

  .single-product .site-main div.product > .woocommerce-product-gallery,
  .single-product .site-main div.product > .coffee-attributes {
    grid-column: 2 / span 4;
  }

  .single-product .site-main div.product > .summary,
  .single-product .site-main div.product > .woocommerce-tabs {
    grid-column: 6 / span 4;
  }

  .single-product div.product .woocommerce-product-gallery {
    grid-row: 1 / span 2;
  }

  .single-product .site-main div.product > .woocommerce-tabs {
    grid-row: 2 / span 3;
  }

  .single-product div.product > .summary,
  .single-product div.product > .woocommerce-tabs,
  #coffee-perks-sign-up .wp-block-columns .wp-block-column:last-child > * {
    margin-left: 2.3rem;
  }

  .woocommerce-cart .entry-content > .woocommerce > .woocommerce-cart-form,
  #customer_details {
    grid-column: 2 / span 5;
  }
  
  .woocommerce-cart .entry-content > .woocommerce > .cart-collaterals,
  .order-review {
    grid-column: 7 / span 3;
    align-self: start;
  }

  .woocommerce-cart-form .product {
    width: 80%;
  }
  
  .woocommerce-cart-form .product-quantity {
    width: 20%;
  }

  .woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-navigation {
    grid-column: 2 / span 2;
    align-self: start;
  }

  .woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-content {
    grid-column: 4 / span 6;
  }

}

@media screen and (max-width: 1180px) {
  .single main > article.has-post-thumbnail > .entry-header,
  .post-type-archive-menu_item .page-header {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 1120px) {

  .single-post .grid > .related-posts {
    grid-column: main;
  }

  .menu-filter-container {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1040px) {

  @supports (grid-template-columns: subgrid) {

    .footer-widget-col-2 {
      grid-column: 1 / span 4;
    }
  }

  main > article > .entry-content > h2,
  main > article > .entry-content > h3,
  main > article > .entry-content > h4,
  main > article > .entry-content > p,
  main > article > .entry-content > ul,
  main > article > .entry-content > ol,
  main > article > .entry-content > .wp-block-buttons,
  main > article > .entry-content > #gform_wrapper_6 {
    grid-column: 3 / span 6;
  }

  main > article > .entry-content > .wp-block-group > .two-col--callout,
  main > article > .entry-content > .two-col--callout {
    grid-column: main;
  }

  .two-col--stylized > .wp-block-column:last-of-type {
    align-self: flex-end;
  }

  .two-col--stylized h2 {
    left: 60%;
  }

  h3.wp-block-post-title {
    font-size: clamp(0.95rem, 0.9rem + 0.51vw, 1.15rem);
  }

  .main-navigation #primary-menu li a {
    font-size: 0.9rem;
  }
  
  .main-navigation #primary-menu > li:not(:last-child) {
    margin-right: 0;
  }

}

@media screen and (max-width: 960px) {

  .single-product .site-main div.product > * {
    grid-column: 3 / span 6;
  }

  .main-navigation #primary-menu {
    gap: 0.6rem;
  }

  .main-navigation #primary-menu > li {
    gap: 0.2rem;
  }

  .main-navigation #primary-menu > li.menu-item-has-children button.nav-menu-toggle {
    width: 1.2rem;
    height: 1.2rem;
  }

}

@media screen and (max-width: 860px) {

  .main-navigation #primary-menu li a {
    font-size: 0.8rem;
  }
}