*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:root {
  --sans-serif: 'Lexend', sans-serif;
  --font-icons: 'Font Awesome 5 Free';

  /* theme specific */
  --beige: #F5E9DA;
  --beige-rgb: 245,233,218;
  --blue: #117FA7;
  --blue-tint: #e7f2f6;
  --brown: #6B4F2D;
  --brown-tint: #f0edea;
  --brown-rgb: 107,79,45;
  --gold: #D0B057;
  --gold-tint: #faf7ee;
  --green: #006837;
  --green-tint: #f2f7f5;
  --green-rgb: 0,104,55;
  --light-green: #E7EFE9;
  --honey: #F4C542;
  --honey-rgb: 244,197,66;
  --rust: #B7410E;
  --rust-rgb: 183,65,14;
  --sage: #A7C4A0;
  --sage-rgb: 167,196,160;

  /* standard */
  --black: #000000;
  --black-rgb: 0,0,0;
  --white: #FFFFFF;
  --white-rgb: 250,250,250;

  /* fallback helpers */
  --red: var(--rust);
  --yellow: var(--honey);
  --gray: var(--beige);
  --font-color: var(--black);
  --background: var(--white);

  --xs: 1.1rem;
  --sm: 1.6rem;
  --body: 1.6rem;
  --md: 2.6rem;
  --lg: 3.4rem;
  --xlg: 4.8rem;
  --xxlg: 6.2rem;
}

.extra-small {font-size: var(--xs);}
.small {font-size: var(--sm);}
.body {font-size: var(--body);}
.medium {font-size: var(--md);}
.large {font-size: var(--lg);}
.x-large {font-size: var(--xlg);}
.xx-large {font-size: var(--xxlg);}

.beige {color: var(--beige);}
.blue {color: var(--blue);}
.blue-tint {background-color: var(--blue-tint);}
.brown {color: var(--brown);}
.brown-tint {background-color: var(--brown-tint);}
.gold {color: var(--gold);}
.gold-tint {background-color: var(--gold-tint);}
.green {color: var(--green);}
.green-tint {background-color: var(--green-tint);}
.light-green { background-color: var(--light-green);}
.honey {color: var(--honey);}
.rust {color: var(--rust);}
.sage {color: var(--sage);}
.white {color: var(--white);}
.black {color: var(--black);}

/* Header, Menu */
.outside-nav {
  background-color: var(--green);
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: var(--white);
}
.logo {
  width: 226px;
  height: 132px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.above-nav .inside-nav {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
}

.above-nav .inside-nav p, .above-nav .inside-nav ul, .above-nav .inside-nav li {
  margin: 0;
  padding: 0;
}

@media(min-width: 768px) {
  #site_nav, .site-header {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .above-nav .inside-nav ul {
    display: flex;
    gap: 2rem;
  }
  .above-nav .inside-nav ul.header-links {
    margin-left: auto;
    margin-right: 2rem;
  }
  .site-header {
    gap: 3.825rem;
    margin-top: auto;
    margin-bottom: auto;
  }
  .site-header button, .site-header a.button {
    margin:0;
  }
  .home .site-header a.button:not(.home) {
    display: none;
  }
  #site_nav a.first-logo {
    margin-right: auto;
  }
  .top-social-navigation {margin-left: 2rem;}
}

body.home .main > h1 {
  display: none;
}

body.has-hero-block .outside-nav {
  background-color: var(--white);
}

body.has-hero-block .site-header a.button.white {
    background-color: var(--green);
    color: var(--white);
}

body.has-hero-block button.menu-button[aria-expanded="false"] span {
  color: var(--white);
}

body.has-hero-block .above-nav,
body.has-hero-block .outside-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
}

body.has-hero-block .above-nav .inside-nav,
body.has-hero-block .above-nav a,
body.has-hero-block .above-nav p,
body.has-hero-block .above-nav li {
  color: var(--white);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .main-nav-container {
    flex-direction: column;
    justify-content: center;
    a.first-logo {
      margin-left: auto;
      margin-right: auto;
    }
  }
}
@media(min-width: 768px) {
  .outside-nav, .menu-logo, .mobile-hours {display: none;}
}
@media(max-width: 768px) {
  .wp-singular.post-template-default,
  body.archive {
    .container {
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 4rem;
    }
    .main > h1 {
      margin-top: 4rem;
    }
  }
  .above-nav { display: none; }
  .menu-logo.mobile-first a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body:not(.menu-open) .outside-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    animation: mobile-nav-slide-down 0.35s ease-out both;
  }
  .admin-bar:not(.menu-open) .outside-nav {
    top: 46px;
  }
  body.page:not(.has-hero-block) > .container,
  body.page:not(.has-hero-block) > #content,
  body.page:not(.has-hero-block) > section#content,
  body.page:not(.has-hero-block) > div#content,
  body.single:not(.has-hero-block) > .container,
  body.single:not(.has-hero-block) > #content,
  body.single:not(.has-hero-block) > section#content,
  body.single:not(.has-hero-block) > div#content {
    padding-top: 20px;
  }

  .admin-bar.page:not(.has-hero-block) > .container,
  .admin-bar.page:not(.has-hero-block) > #content,
  .admin-bar.page:not(.has-hero-block) > section#content,
  .admin-bar.page:not(.has-hero-block) > div#content,
  .admin-bar.single:not(.has-hero-block) > .container,
  .admin-bar.single:not(.has-hero-block) > #content,
  .admin-bar.single:not(.has-hero-block) > section#content,
  .admin-bar.single:not(.has-hero-block) > div#content {
    padding-top: 116px;
  }
  .menu-logo {
    display: block;
    position: absolute;
    left: 2rem;
    top: 1rem;
    height: 50px;
    width: 85px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .menu-open .menu-logo {display: none;}
  #site_nav > a {
    width: 65%;
  }
  .logo {
    width: 65%;
    height: 115px;
    margin-bottom: 2rem;
  }
  .first-logo {
    display: block;
    width: 200px;
  }
  .mobile-hours {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 115px;
    width: calc(100% - (95px + 55px));
    top: 0;
    height: 70px;
  }
  .mobile-hours p {
    text-align: center;
    font-size: 1.2rem;
    line-height: normal;
    font-weight: 500;
    margin: 0;
  }
  .mobile-hours p:first-child {margin-top: auto;}
  .mobile-hours p:last-child {margin-bottom: auto;}
  button.menu-button {
    display: flex !important;
    min-height: auto;
    padding: unset;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    white-space: unset;
  }
  span.circles {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    width: 34px;
    height: 70px;
    justify-content: center;
    align-items: center;
    align-content: center;
    white-space: unset;
    span.circle {
      display: block;
      width: 10px;
      height: 10px;
      background-color: var(--background);
      border-radius: 50%;
      white-space: unset;
    }
  }
  a.menu-logo.menu-footer-logo {
    display: block;
    position: relative;
    top: unset;
    left: unset;
    width: 115px;
    height: 115px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .outside-nav {
    display: block;
    height: 70px;
    padding: 0;
  }
  .admin-bar button.menu-button {
    position: absolute;
    /* top: 8rem; */
    width: auto;
  }
  .site-header a.button {
    width: 100%;
    justify-content: center;
  }
  .site-header {
    margin-top: 5rem;
  }
}

@keyframes mobile-nav-slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.floaters {
  position: fixed;
  display: flex;
  gap: 1rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  padding: 1rem;
  justify-content: center;
}

.floaters a.button {
  background-color: var(--yellow);
  color: var(--font-color);
}

@media ( min-width: 768px ) {
  .floaters {
    display: none;
  }
}

body.menu-open .floaters {
  display: none;
}

/* Footer */
footer {
  background-color: var(--green);
}

footer img {
  max-width: 200px;
  height: auto;
}

footer .footer-section {
  padding: 2rem 0;
}

footer .footer-section:last-child {
  border-top: 1px solid;
}

footer a, footer a:hover, footer p, footer li {
  font-size: 1.6rem;
  color: var(--white);
}

ul#menu-footer-menu {
  display: flex;
  flex-wrap: wrap;
}

ul#menu-social-menu-2 {
  display: flex;
  gap: 1rem;
}

ul#menu-footer-menu li,
ul#menu-social-menu-2 li {
  list-style: none;
  margin:0;
  flex: 1 1 50%;
}
ul#menu-footer-menu li a {
  font-size: 1.8rem;
  font-weight: normal;
}

@media(min-width: 768px) {
  body {
    padding-bottom: 0;
  }
  ul#menu-footer-menu {
    margin-left: auto;
    margin-bottom: 0;
  }
}

ul#menu-social-menu {
  display: flex;
  gap: 2rem;
}
ul#menu-social-menu li {
  list-style: none;
  margin:0;
}

.menu-footer ul#menu-social-menu {
  justify-content: center;
  margin-top: 2rem;
}

footer .company_information {
  padding-bottom: unset;
}

footer .company_information p {
  font-size: 1.8rem;
}

.company_information p {
  margin-bottom: 0;
}

.company_information p.phone {
  padding-top: 1rem;
}

.company_information:has(.main):has(.delivery) .delivery {
  padding-top:0;
}

footer a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.last .column:last-child a:first-child {
  margin-right: 3.4rem;
}

footer .links, footer .logos {
  display: flex;
  gap: 1rem;
}

footer .columns.last p {
  margin: 2rem 0 0 0;
}

.copyright p {
  margin: 0;
}

.copyright a, .copyright a:hover {
  color: var(--white);
}

.menu-footer .company_information {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-top: 1px solid;
}

.menu-footer .company_information .hours {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
}
.menu-footer .company_information .hours time:first-child {font-weight: bold;}

@media(min-width: 768px) {

  .main-nav-container {
    padding-top: 2rem;
    padding-bottom: 1rem;
    width: 100%;
  }

  .inside-footer .row:first-child .column:first-child {
    margin-right: auto;
  }

  .inside-footer .row:first-child .column:last-child {
    margin-left: auto;
  }

  .inside-footer .row:first-child .column:nth-child(2),
  .inside-footer .row:first-child .column:nth-child(3) {
    margin-left: auto;
    margin-right: auto;
  }

  .last .column:last-child {
    margin-left: auto;
  }
  .column.separator {
    margin:0 !important;
  }
  .column.separator > div {
    width: 1px;
    height: 100%;
    background-color: var(--slate);
  }
  .company_information {
   display: flex;
   gap: 1rem;
   align-items: flex-start;
  }
  .column:has(#footer-social-navigation),
  .column:has(#footer_menu) {
    margin-left: auto;
    margin-right: unset;
  }
  footer .company_information {
    flex-direction: column;
    gap: 0;
  }
  footer .company_information p.address {
    padding: 2rem 0;
  }
  footer .company_information p.phone {
    padding-top: 0;
  }
  footer .footer-section:last-child .company_information {
    padding-left: 0;
  }
  footer .logo-column,
  footer .footer-section:first-child .columns {
    gap: 4rem;
  }
  ul#menu-footer-menu li {
    margin-bottom: 1.7rem;
  }
  /* footer .company_information p:not(:last-child) {
    margin-bottom: 2rem;
  } */
  .logo-column {
    display: flex;
  }
}

@media(max-width: 768px) {
  body {
    /* padding-bottom: 4.5rem; */
    padding-bottom: 0;
  }
  .inside-footer {
    padding: 0 2rem;
  }
  footer .company_information, footer .links, footer .logos {
    margin-bottom: 2rem;
  }
  .column.separator {display: none;}
  .main-nav-container a.menu-logo {
    margin: auto;
  }
  .footer-menu-column {
    display: none;
  }
  .footer-section:last-child {
    p, a {
      font-size: 1.4rem;
    }
  }
}

@media(min-width: 768px) {
  footer {
    margin-bottom: 0;
  }
}

/* ***** STRUCTURE ***** */
/* Grid */
.container {
    position: relative;
    width: 100%;
    /* max-width: 1600px; */
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.breadcrumb {
  padding-top: 2.3rem;
}

.page-template-youtube-page .container,
.page-template-updates-page .container,
.page-template-events-page .container {
  max-width: 1440px;
}

.page-template-updates-page h1.page-title,
.page-template-events-page h1.page-title {
  margin-top: 2rem;
}

/* For devices larger than 400px */
@media (max-width: 768px) {
    .container {
      margin: 50px auto;
    }
}

@media(min-width: 768px) {
  .row {
    display: flex;
    justify-content: space-between;
  }
  .inside-event-details.row {
    justify-content: unset;
    gap: 3rem;
  }
  .center {
    align-items: center;
    text-align: center;
  }
  .center > * {
    margin-left: auto;
    margin-right: auto;
  }
}

.menu-links.row {
  justify-content: normal;
  gap: 3rem;
  margin-bottom: 1rem;
}

#site_nav,
nav.breadcrumb,
.main > h1,
.gutenberg > *:not(.mllr_step):not(.hero.mllr_hero):not(.specials-block):not(.image-slider-block):not(.testimonials-block):not(.locations-scroller):not(.wp-block-cover),
.content > .post,
.inside-footer,
.container.no-content,
.inside-button-group,
.site-container,
.inside-specials,
.inside-image-slider,
body.archive .container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.gutenberg > .wp-block-image,
.gutenberg > .gutenberg_p, .gutenberg_ul {
  max-width: 830px !important;
}

.gutenberg {
  max-width: 100%;
  overflow: hidden;
}

/* @media(min-width: 1024px) {
  .menu-links.row {
    margin-top: -5rem;
  }
} */

@media (min-width: 768px) and (max-width: 1260px) {
  #site_nav,
  .main > h1,
  .gutenberg > *:not(.mllr_step):not(.gutenberg_p):not(.gutenberg_ul),
  .content > .post,
  .inside-footer,
  .container.no-content,
  .page-template-youtube-page .container,
  .page-template-updates-page .container,
  .page-template-events-page .container,
  .site-container,
  .inside-specials,
  .inside-image-slider,
  .inside-testimonials,
  .locations-slider-pair,
  body.archive .container {
    padding: 2rem;
  }
}

.page-template-default .gutenberg > * > * {
  margin-left: auto;
  margin-right: auto;
}

.page-template-default .wp-block-quote,
.page-template-default .wp-block-columns {
  max-width: 830px;
}

.single-post .container,
.sponsors-container,
.event-details-container,
.committee-information,
.event-btn-group {
  max-width: 824px;
  margin: 4rem auto;
}

.event-btn-group {
  display: flex;
  gap: 2rem;
}

.single-post .featured-image {
  aspect-ratio: 6 / 4;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 4rem;
}

@media(max-width: 1260px) {
  #site_nav {
    padding: 0 2rem;
  }
}

/* FOOD MENU */
.page-template-menu #main {
  display: flex;
  flex-direction: column-reverse;
}
#onpage-nav a {
  color: var(--black);
  background-color: #eaeaea;
  padding: 0.5rem 1rem;
  border-radius: 5px;
}

#onpage-nav a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#onpage-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0rem;
  position: sticky;
  top: 0;
  background-color: var(--background);
  padding: 2rem 0;
}

.menu-page-container h1 {
  margin: 2.5rem 0 5.4rem 0;
}

.menu-page-container header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-link-repeater {
  display: flex;
  gap: 1rem;
}

.menu-page-container .menu-section h2 {
  color: var(--green);
  font-size: var(--lg);
  margin-bottom: 1.2rem;
}

.menu-section-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.2rem 2.5rem;
  margin-bottom: 5rem;
}

.menu-page-container .menu-item {
  border: 1px solid var(--green);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: 1rem;
}

.menu-page-container .menu-item.highlight {
  border: 3px solid var(--honey);
}

.menu-section-group h3 {
  font-size: 1.7rem;
  line-height: 2.8rem;
  margin:0;
}

.menu-section-group p {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
}

.menu-section-group p.descriptions {
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin:0;
}

.menu-section-group p.prices {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: bold;
  margin-top: 0.8rem;
  margin-bottom:0;
}

.menu-section {
  scroll-margin-top: 85px;
}

@media( min-width: 768px ) {
  .above-nav .header-link-repeater {
    margin-left: auto;
  }
}

@media(max-width: 768px) {
  .menu-page-container.site-container {
    padding: 2rem;
  }
  #onpage-nav {
    top: 70px;
    padding: 0.5rem;
    gap: 1rem;
    margin-bottom: 2rem;
  }
  .menu-section-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .menu-section {
    scroll-margin-top: 235px;
  }
  body:not(.has-hero-block).page-template-menu > .container {
    padding-top: 20px;
  }
  .menu-page-container header {
    flex-direction: column;
  }
}

/* People */
.people-container {
  background-color: var(--gray);
  padding-bottom: 4rem;
}

.people-container h2 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 5rem 0 3rem;
}

.inside-people {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 2rem;
  max-width: 1440px;
  margin: auto;
}

.inside-people p.name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.inside-people p.title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

button.read-more {
  font-size: var(--body);
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: unset;
  border: none;
  margin: 0;
}

button.read-more:hover {
  text-decoration: none;
}

@media(max-width: 768px) {
  .people-container {
    padding: 2rem 2rem 4rem 2rem;
  }
  .inside-people {
    grid-template-columns: 1fr;
    gap: 4rem;
    text-align: center;
  }
}

/* Updates */

.outside-mllr-select {
  display: flex;
  gap: 1rem 2rem;
  padding-bottom: 3rem;
  flex-wrap: wrap;
}

.outside-mllr-select a {
  color: #818181;
}

.outside-mllr-select a:hover {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.outside-mllr-select a.active {
  color: var(--red);
}

.post-listings {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.4rem;
  margin-bottom: 6rem;
}

@media(max-width: 768px) {
  .post-listings {
    grid-template-columns: 1fr;
  }
}

.nav-links {
  padding: 4rem 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.page-numbers {
  font-size: 2rem;
  background-color: var(--background);
  border-radius: 50%;
  padding: 1rem;
  aspect-ratio: 1 / 1;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
}

.page-numbers.current {
  background-color: var(--green);
  color: var(--background);
}

.page-numbers .previous::before {
  content: '<';
}

.page-numbers .next::before {
  content: '>';
}

.page-numbers:hover {
  background-color: var(--honey);
  color: var(--green);
}

.page-numbers.current:hover {
  background-color: var(--green);
  color: var(--background);
}

/* Woo Products */
.single-product #main,
.tax-product_cat #main {
  max-width: 1440px;
  margin: 10rem auto;
  display: flex;
  flex-direction: column;
}

/* Blocks */

.image-slider-container {
  padding: 0 2rem;
}

.gutenberg > .mllr_accordion,
.inside-button-group {
  max-width: 830px;
  margin: auto;
  padding-bottom: 2.4rem;
}

.mllr-accordion__panel[aria-hidden=true] {
  display: none;
}

.mllr-accordion__header {
  display: block;
  border-radius: 1.4rem;
  border: 1px solid var(--green);
}

.mllr-accordion__header:after {
  font-family: var(--font-icons);
  border: 1px solid;
  border-radius: 50%;
  padding: 4px 5px 4px 6px;
  font-size: 1.4rem;
  height: fit-content;
}

/* title opened */
.mllr-accordion__header[aria-expanded="true"] {
  background-color: var(--red);
  color: var(--background);
  border-radius: 1.4rem 1.4rem 0 0;
}
.mllr-accordion__header[aria-expanded="true"]:after {
  content: '\f063';
  rotate: 180deg;
  transition: rotate 0.2s ease-in-out;
}
/* title closed */
.mllr-accordion__header[aria-expanded="false"]:after {
  content: '\f061';
  rotate: 90deg;
  transition: rotate 0.2s ease-in-out;
}

.js-accordion h2, button.mllr-accordion__header {
  margin:0;
}

h2.mllr-accordion__title {
  margin-top: 2.4rem;
}

button.mllr-accordion__header {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  padding: 1.7rem 3.2rem;
  line-height: normal;
}

button.mllr-accordion__header span {
  pointer-events: none;
}

.js-accordion__panel {
  padding: 3.2rem;
  border-left: 1px solid var(--green);
  border-right: 1px solid var(--green);
  border-bottom: 1px solid var(--green);
  border-radius: 0 0 1.4rem 1.4rem;
}

.js-accordion h2.mllr-accordion__title {
  border-bottom: 1px solid var(--background);
}

.mllr-accordion__panel ul {margin-bottom:0;}
.mllr-accordion__panel li {
  margin-bottom: 1rem;
}

.mllr_product .inside-products {
  max-width: 1044px;
  margin: auto;
}

.mllr_product .product {
  margin-bottom: 2rem;
}

.mllr_product .product .product-image {
  aspect-ratio: 6 / 4;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mllr_product .product .product-title {
  font-size: 3.6rem;
  line-height: 3.8rem;
}

.mllr_product .product a.pdf span,
.mllr_product .product-link,
.mllr_product .product-excerpt a {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mllr_product .product a.pdf:hover,
.mllr_product .product a.pdf:hover span,
.mllr_product a.product-link:hover,
.mllr_product .product-excerpt a:hover {
  text-decoration: none;
}

.mllr_product a.product-link,
.mllr_product a.pdf {
  display: block;
  width: fit-content;
  margin: 1rem 0;
}

.mllr_product .product a.pdf span::before {
  font-family: var(--font-icons);
  content: '\f15c';
  display: inline-block;
  padding-right: 0.75rem;
  /* font-weight: 900; */
  color: var(--font-color);
}

.mllr_product .product a.product-link span::before {
  font-family: var(--font-icons);
  content: '\f0c1';
  display: inline-block;
  padding-right: 0.75rem;
  font-weight: 900;
  color: var(--font-color);
}

.mllr_product .product p {
  margin-bottom: var(--body);
}

.text_image, .inside-text_images {
  display: flex;
  width: 100%;
  gap: 3rem;
  align-items: center;
}

.text_image-image {
  aspect-ratio: 2/1.8;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  /* border-radius: 1.4rem; */
}

.text_image-excerpt p {
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.mllr_stat_section {
  background-color: var(--green);
  color: var(--white);
  padding: 6rem 0;
}

.mllr_stat_section p.heading {
  font-size: 4.8rem;
  font-weight: bold;
  margin-bottom: 6rem;
  color: var(--white);
}

.mllr_stat_section p.excerpt {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 4rem;
}

.mllr_stat_section .stats {
  margin-bottom: 2rem;
}

.mllr_stat_section .row.numbers {gap: 4rem;}

.mllr_stat_section .stats .num {
  font-size: 5.2rem;
  font-weight: bold;
}

.mllr_stat_section .stat-image {
  width: 100%;
  height: 140px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.mllr_text_image {
  padding: 6rem;
}

.inside-image-slider {
  padding: 4rem 0;
}

.image-slider-swiper .gallery-image,
.image-slider-swiper .gallery-image img {
  border-radius: 1rem;
}

.committee-information span.title,
.inside-event-details span {
  font-weight: bold;
}

.inside-event-details p {
  margin:0;
}

.inside-event-details .button {
  display: block;
}

@media(min-width: 768px) {
  .mllr_product .product {
    display: flex;
    gap: 3.6rem;
    align-items: center;
  }
  .mllr_product .product .product-image {
    flex:1;
  }
  .mllr_product .product .product-content {
    flex:2;
  }
}

@media(max-width: 768px) {
  .product .product-image {
    margin-bottom: 2rem;
  }
  .logo-column img {
    margin-bottom: 2rem;
  }
  footer p.address {
    margin-top: 2rem;
  }
  button.mllr-accordion__header {
    padding: 1.7rem 2.2rem;
  }
  .text_image, .inside-text_images {
    flex-direction: column;
  }
  .collapsible.mllr-accordion .gallery,
  .updates-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .text_image-excerpt p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .mllr_text_image,
  .locations-scroller,
  .inside-text-image-slider,
  .inside-testimonials {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  ul#menu-social-menu-2 li {
    flex: unset;
  }
}

.mllr_step {
  text-align: center;
}

.mllr_step h2 {
  text-align: center;
  font-weight: bold;
}

.mllr_step.gray {
  background-color: var(--gray);
}

.mllr_step.white p.s-n, .mllr_step.gray p.s-n {
  color: var(--rust);
}

.mllr_step.red {
  background-color: var(--red);
}

.mllr_step.red h2,
.mllr_step.red p.s-n,
.mllr_step.red p.step-title,
.mllr_step.red .step-excerpt p {
  color: var(--background);
}

.inside-steps .step {
  display: flex;
  flex-direction: column;
  text-align: center;
}

p.s-n {
  font-size: 2.4rem;
  font-weight: bold;
}

.step-image {
  height: 194px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

p.step-title {
  font-size: 2.4rem;
  margin: var(--body) auto;
}

.mllr_step a.button {
  margin: 3rem auto;
}

.sponsor-slider-block {
  padding: 6rem 0;
}

.sponsor-slider-block p.headline {
  font-size: 4.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  line-height: normal;
  color: var(--green);
}
.sponsor-slider-block .swiper-slide {
  text-align: center;
  margin: auto;
}

.sponsor-slider-block .swiper-slide .sponsor-title {
  font-size: 2.4rem;
  font-weight: 500;
  color: var(--green);
}

.upcoming-event-block p.latest-title {
  font-size: 3.6rem;
  font-weight: bold;
}

.upcoming-event-block time {
  font-size: 1.8rem;
}

.upcoming-event-block .button {
  margin-top: 2rem;
}

.mllr_button-group.center .inside-button-group {
  justify-content: center;
}

.inside-button-group {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.inside-button-group a.button {
  margin:0;
}

.inside-button-group a.button.white {
  border: 1px solid var(--green);
}

.inside-sponsors-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem;
}

@media(min-width: 768px) {
  .mllr_step {
    padding: 7.5rem 2rem 3.5rem;
    margin-top: 6rem;
  }

  .inside-steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1440px;
    margin: auto;
    gap: 4rem;
  }
}

@media(max-width: 768px) {
  .mllr_step {
    padding: 4rem 0;
  }
  .inside-steps, .inside-products, .inside-button-group {
    padding: 2rem;
  }
  .step-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 6/4;
  }
}

.mllr_image_link {
  margin-top:2rem;
  margin-bottom: 2rem;
}

.inside-image_links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  align-items: center;
  align-content: center;
  gap: 3rem;
}

a.image-link {
  aspect-ratio: 6 / 4;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  color: var(--background);
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-weight: bold;
  text-align: center;
}

a.image-link:hover {
  color: var(--background);
}

a.image-link span {
  display: block;
  background: var(--rust);
  width: fit-content;
  padding: 0.3rem var(--body);
  border-radius: 0;
  margin: auto auto 0 0;
}

@media(max-width: 768px) {
  .inside-image_links {
    grid-template-columns: 1fr;
  }
}

/* Latest News */
.latest-news-container {
  background-color: var(--beige);
  padding: 4rem;
}
.upcoming-event-block .latest-news-container {
  background-color: var(--beige);
}
.inside-latest-news,
.inside-full-block,
.mllr_text_image .inside-text_images {
  max-width: 1440px;
  margin: auto;
}

@media(min-width: 1024px) and (max-width: 1600px) {
  .inside-latest-news,
  #site_nav,
  nav.breadcrumb,
  .main > h1,
  .inside-footer,
  .container.no-content,
  .inside-people,
  .single-product #main,
  .tax-product_cat #main,
  .inside-steps,
  .page-template-youtube-page .container,
  .page-template-updates-page .container,
  .page-template-events-page .container,
  .inside-full-block,
  .mllr_text_image .inside-text_images,
  .site-container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
  }
}

.latest-image {
  aspect-ratio: 6 / 4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: var(--body);
  background-color: rgba(0,0,0,0.15);
}

p.latest-title {
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: bold;
  margin-bottom:0;
  /* font-weight: bold; */
}

/* swiper */
.swiper-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.swiper-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.swiper-button-next, .swiper-button-prev {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: var(--font-icons);
  font-size: 2.4rem;
  color: var(--font-color);
  /* border: 1px solid;
  border-radius: 50%; */
  padding: 5px 9px;
  font-weight: 900;
}

.swiper-button-next:after {
  content: '\f061';
}

.swiper-button-prev:after {
  content: '\f060';
}

.upcoming-event-block,
.latest-news-block,
.mllr_stat_section,
.mllr_text_image_slide,
.mllr_text_image,
.sponsor-slider-block {
  max-width: 100% !important;
  overflow: hidden;
}

/* Base Styles */
/* NOTE ... html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/* html, body {
  height:100%;
} */
html {
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    font-family: var(--sans-serif);
    font-size: 1.5em;
    line-height: 1.6;
    font-weight: 400;
    color: var(--font-color);
    /* max-width: 1580px; */
    margin: auto;
    overflow-x: hidden;
    width: 100%;
}

/* Typography */
h1,h2,h3,h4,h5,h6 {
  line-height: 1.2;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 2rem;
  max-width: 830px !important;
}

body:not(.page-template) nav.breadcrumb {
  max-width: 830px !important;
}

h1 {
  font-size: var(--xxlg);
  line-height: 7.2rem;
  margin-bottom: 4rem;
}

.main > h1 {
  margin-top: 6rem;
}

.page-template-default h1 {
  text-align: center;
}

.page-template-default .mllr_page_block h1,
.mllr_page_block h1 {
  text-align: left;
}

h2, p.heading, p.headline, p.about-location {
    font-size: var(--xlg);
    line-height: 5.4rem;
    color: var(--black);
}

h2.wp-block-heading {
  margin-top: 6rem;
}

.testimonials-container h2,
.image-slider-container h2 {
  font-size: var(--lg);
}

h3 {
    font-size: var(--lg);
    line-height: 3.8rem;
}

h4 {
    font-size: var(--md);
}

p, li {
    font-size: var(--body);
    line-height: 2.2rem;
    margin-top: 0;
    max-width: 830px;
}

footer p {
  max-width: unset;
}

@media(max-width: 768px) {
  h1, h2 {
    line-height: normal;
    font-size: var(--lg);
    margin-bottom: 3rem;
  }
}

.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
  line-height: normal;
}

/* Links */

#breadcrumb {
  font-family: var(--sans-serif);
  font-size: var(--body);
  line-height: 2.8rem;
  /* text-transform: uppercase; */
  font-weight: normal;
  margin-bottom: 2rem;
  color: var(--black);
}
#breadcrumb a {
  color: var(--black);
}
span.breadcrumb_last {
  color: var(--rust);
}

.breadcrumb span span:not(:last-child) {
  display: inline-flex;
}
.breadcrumb span span:not(:last-child)::after {
  display: inline-block;
  content: '>';
  padding-left: 5px;
  margin-top: -1px;
}

a {
    color: var(--red);
}

.latest-post a {
  color: var(--blue);
}

.latest-news-block .latest-post a {
  color: var(--font-color);
}

a:hover {
    color: var(--red);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.latest-post a:hover {
  text-decoration: none;
}

.latest-post a:hover p.latest-title {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.upcoming-event-block a:hover {
  text-decoration: none;
}

.upcoming-event-block a:hover p.latest-title {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Buttons */
.product button,
.product a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    display: inline-flex;
    min-height: 44px;
    height: auto;
    padding: 0.65rem 3rem;
    text-align: center;
    font-size: var(--body);
    font-weight: bold;
    line-height: 1;
    /* letter-spacing: .1rem; */
    text-transform: unset;
    text-decoration: none;
    white-space: pre-wrap;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    background-color: transparent;
    align-items: center;
}

.page-template-events-page .latest-post .button {margin-top: 1rem;}

.woocommerce .button {
  background-color: var(--font-color) !important;
  color: var(--background) !important;
}

a.wc-block-cart__submit-button {
  border: 1px solid !important;
}

.button:hover,
.product a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
button.components-button:hover,
.woocommerce ul.products li.product .button:hover,
.button.wc-backward:hover,
a.button.wc-backward:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover {
  outline: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

p.button:hover {text-decoration: none;}

button.menu-close {
  color: var(--background);
  margin:0;
}

button.mllr-accordion__header:hover {
  text-decoration: none !important;
}

button.mllr-accordion__header:hover span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

button.menu-button {
  /* display: flex; */
  align-items: center;
  margin-bottom: 0;
}

button.menu-button span {
  display: block;
  text-transform: uppercase;
  color: var(--black);
}

button.menu-button:hover span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

button.menu-close {
  border: 1px solid;
  padding: 1.8rem;
}

button.menu-close {
  padding: 0.9rem 1.8rem;
}

.button.beige {
  background-color: var(--beige);
  color: var(--black);
}

.button.black {
  background-color: var(--font-color);
  color: var(--background);
}

button.beige, a.button.beige {
  background-color: var(--beige);
  color: var(--black);
}
button.blue, a.button.blue {
  background-color: var(--blue);
  color: var(--white);
}
button.blue-tint, a.button.blue-tint {
  background-color: var(--blue-tint);
  color: var(--black);
}
button.brown, a.button.brown {
  background-color: var(--brown);
  color: var(--white);
}
button.gold, a.button.gold {
  background-color: var(--gold);
  color: var(--black);
}
button.gold-tint, a.button.gold-tint {
  background-color: var(--gold-tint);
  color: var(--black);
}
button.green, a.button.green {
  background-color: var(--green);
  color: var(--white);
}
button.green-tint, a.button.green-tint {
  background-color: var(--green-tint);
  color: var(--black);
}
button.honey, a.button.honey, p.button.honey {
  background-color: var(--honey);
  color: var(--black);
}
button.rust, a.button.rust, p.button.rust {
  background-color: var(--rust);
  color: var(--white);
}
button.sage, a.button.sage, p.button.sage {
  background-color: var(--sage);
  color: var(--black);
}
button.white, a.button.white, p.button.white {
  background-color: var(--white);
  color: var(--black);
}
button.black, a.button.black, p.button.black {
  background-color: var(--black);
  color: var(--white);
}

.search-no-results form {
  display: flex;
  gap: 1rem;
}

.search-no-results form input[type="submit"] {
  margin-bottom: 0;
  height: 40px;
}

/* modal */
.modal {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  align-items: center;
  justify-content: center;
}
.modal[aria-hidden="false"] {
  display: flex;
}
.modal-content {
  background: #fff;
  padding: 2rem;
  border-radius: 4px;
  min-width: 300px;
}
.close-btn {
  float: right;
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}

@media(max-width: 768px) {
  .modal-content {
    height: 100%;
    overflow: scroll;
  }

  .modal-content .close-btn {
    float: none;
  }
}

/* Forms */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid var(--green);
    border-radius: 5px;
    box-shadow: none;
    box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid var(--green);
    outline: 0;
}

label,
legend {
    display: block;
    margin-bottom: .5rem;
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}

/* Lists */
ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

ol,
ul {
    padding-left: 0;
    margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}

li {
    margin-bottom: 2rem;
    margin-left: 20px;
    list-style-position: outside;
}

ul.wp-block-list li,
ol.wp-block-list li {
  margin-bottom:0;
  padding-left: 0;
}

/* Code */
code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}

/* Tables */
th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

/* Spacing */
button,
.button { margin-bottom: 1rem; }

input,textarea,select,fieldset { margin-bottom: 1rem; }

pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2rem; }

/* figure img {cursor: zoom-in;} */

/* Woocommerce */
.woocommerce div.product p.stock {
  display: none !important;
}

.wc-block-components-quantity-selector__button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Contact Form 7 */
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
}

/* Utilities */
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}

.wp-block-button__link {border-radius: 2px;}
.additional-content a {text-decoration:underline;}

.wp-block-image.alignright {padding-left: 2rem;}
.wp-block-image.alignleft {padding-right: 2rem;}

@media(max-width: 768px) {
  .wp-block-image .alignright,
  .wp-block-image .alignleft {
    float: none;
    margin: 2rem auto;
  }
}

/* Accessibility */

.screen-reader-label, .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.off_screen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: .5em;
    margin: .5em;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr { background-color: #333133; }

iframe, img, .wp-caption.aligncenter { max-width: 100%; }

.fa-phone {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Self Clearing */
.container:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
}

/* themes */
.theme-beige {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--beige);
    color: var(--black);
  }
  .menu-page-container .menu-section h2 {
    color: var(--beige);
  }
}
.theme-blue {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--blue);
    color: var(--white);
  }
  .menu-page-container .menu-section h2 {
    color: var(--blue);
  }
}
.theme-brown {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--brown);
    color: var(--white);
  }
  .menu-page-container .menu-section h2 {
    color: var(--brown);
  }
}
.theme-green {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--green);
    color: var(--white);
  }
  .menu-page-container .menu-section h2 {
    color: var(--green);
  }
}
.theme-honey {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--honey);
    color: var(--black);
  }
  .menu-page-container .menu-section h2 {
    color: var(--black);
  }
}
.theme-rust {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--rust);
    color: var(--white);
  }
  .menu-page-container .menu-section h2 {
    color: var(--rust);
  }
}
.theme-sage {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--sage);
    color: var(--black);
  }
  .menu-page-container .menu-section h2 {
    color: var(--sage);
  }
}
.theme-black {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--black);
    color: var(--white);
  }
  .menu-page-container .menu-section h2 {
    color: var(--black);
  }
}

.theme-white {
  .inside-nav, .inside-nav a, footer {
    background-color: var(--white);
    color: var(--black);
  }
  .menu-page-container .menu-section h2 {
    color: var(--black);
  }
}

@media ( min-width: 768px ) {
  .theme-green:not(.has-hero-block) ul.sub-menu.active,
  .theme-green:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--green);
    color: var(--background);
  }
  .theme-green:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--green);
    border: 5px solid var(--green);
  }
  .theme-beige:not(.has-hero-block) ul.sub-menu.active,
  .theme-beige:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--beige);
    color: var(--background);
  }
  .theme-beige:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--beige);
    border: 5px solid var(--beige);
  }
  .theme-blue:not(.has-hero-block) ul.sub-menu.active,
  .theme-blue:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--blue);
    color: var(--background);
  }
  .theme-blue:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--blue);
    border: 5px solid var(--blue);
  }
  .theme-brown:not(.has-hero-block) ul.sub-menu.active,
  .theme-brown:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--brown);
    color: var(--background);
  }
  .theme-brown:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--brown);
    border: 5px solid var(--brown);
  }
  .theme-honey:not(.has-hero-block) ul.sub-menu.active,
  .theme-honey:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--honey);
    color: var(--font-color);
  }
  .theme-honey:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--honey);
    border: 5px solid var(--honey);
  }
  .theme-rust:not(.has-hero-block) ul.sub-menu.active,
  .theme-rust:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--rust);
    color: var(--background);
  }
  .theme-rust:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--rust);
    border: 5px solid var(--rust);
  }
  .theme-sage:not(.has-hero-block) ul.sub-menu.active,
  .theme-sage:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--sage);
    color: var(--font-color);
  }
  .theme-sage:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--sage);
    border: 5px solid var(--sage);
  }
  .theme-black:not(.has-hero-block) ul.sub-menu.active,
  .theme-black:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--black);
    color: var(--background);
  }
  .theme-black:not(.has-hero-block) .main-nav-container .logo.w-bck {
    border-radius: 5px;
    background-color: var(--black);
    border: 5px solid var(--black);
  }
  .theme-white:not(.has-hero-block) ul.sub-menu.active,
  .theme-white:not(.has-hero-block) ul.sub-menu.active a {
    background-color: var(--white);
    color: var(--font-color);
  }
}

@media ( max-width: 768px ) {
  .theme-blue.has-hero-block.past-hero-block .outside-nav,
  .theme-blue .outside-nav {
    background-color: var(--blue);
    color: var(--white);
  }
  .theme-beige.has-hero-block.past-hero-block .outside-nav,
  .theme-beige .outside-nav {
    background-color: var(--beige);
    color: var(--black);
  }
  .theme-brown.has-hero-block.past-hero-block .outside-nav,
  .theme-brown .outside-nav {
    background-color: var(--brown);
    color: var(--white);
  }
  .theme-green.has-hero-block.past-hero-block .outside-nav,
  .theme-green .outside-nav {
    background-color: var(--green);
    color: var(--white);
  }
  .theme-honey.has-hero-block.past-hero-block .outside-nav,
  .theme-honey .outside-nav {
    background-color: var(--honey);
    color: var(--black);
  }
  .theme-rust.has-hero-block.past-hero-block .outside-nav,
  .theme-rust .outside-nav {
    background-color: var(--rust);
    color: var(--white);
  }
  .theme-sage.has-hero-block.past-hero-block .outside-nav,
  .theme-sage .outside-nav {
    background-color: var(--sage);
    color: var(--black);
  }
  .theme-black.has-hero-block.past-hero-block .outside-nav,
  .theme-black .outside-nav {
    background-color: var(--black);
    color: var(--white);
  }
  .theme-white.has-hero-block.past-hero-block .outside-nav,
  .theme-white .outside-nav {
    background-color: var(--white);
    color: var(--black);
  }

  .has-hero-block.past-hero-block button.menu-button[aria-expanded="false"] span,
  .has-hero-block.past-hero-block .mobile-hours,
  .has-hero-block.past-hero-block .mobile-hours p {
    color: inherit;
  }

  .theme-beige.has-hero-block.past-hero-block span.circles span.circle,
  .theme-honey.has-hero-block.past-hero-block span.circles span.circle,
  .theme-sage.has-hero-block.past-hero-block span.circles span.circle,
  .theme-white.has-hero-block.past-hero-block span.circles span.circle {
    background-color: var(--black);
  }

  .theme-blue.has-hero-block.past-hero-block span.circles span.circle,
  .theme-brown.has-hero-block.past-hero-block span.circles span.circle,
  .theme-green.has-hero-block.past-hero-block span.circles span.circle,
  .theme-rust.has-hero-block.past-hero-block span.circles span.circle,
  .theme-black.has-hero-block.past-hero-block span.circles span.circle {
    background-color: var(--white);
  }

  .theme-beige .inside-main-menu {
    background-color: var(--beige);
    color: var(--black);
  }
  .theme-blue .inside-main-menu {
    background-color: var(--blue);
    color: var(--white);
  }
  .theme-brown .inside-main-menu {
    background-color: var(--brown);
    color: var(--white);
  }
  .theme-green .inside-main-menu {
    background-color: var(--green);
    color: var(--white);
  }
  .theme-honey .inside-main-menu {
    background-color: var(--honey);
    color: var(--black);
  }
  .theme-rust .inside-main-menu {
    background-color: var(--rust);
    color: var(--white);
  }
  .theme-sage .inside-main-menu {
    background-color: var(--sage);
    color: var(--black);
  }
  .theme-black .inside-main-menu {
    background-color: var(--black);
    color: var(--white);
  }

  .theme-white .inside-main-menu {
    background-color: var(--white);
    color: var(--black);
  }
}

body.archive .container {
  max-width: 1260px;
  padding: 2rem;
}
@media (min-width: 1260px) {
  body.archive .container {
    margin-top: 3rem;
  }
}
@media(min-width: 700px) {
  .logo-column {
    width: 100%;
  }
  footer .company_information {
    margin-left: auto;
    margin-right: auto;
  }
}
}