:root {
	--display-font-family: Lora;
	--body-font-family: PT Sans;

	--font-size: 16px

	--logo-padding: 20px;
	--logo-height: 100px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 252 247 245;
	--header-border-color: 245 245 245;

	--brand-color: 243 163 143;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 106 133 46;

	--action-color: 243 163 143;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 248 229 170;
	--announcement-bar-text-color: 0 0 0;
	--announcement-bar-link-color: 106 133 46;

	--main-navigation-bg-color: 252 247 245;
	--main-navigation-link-color: 61 61 61;
	--main-navigation-link-color-hover: 32 32 32;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 61 61 61;

	--order-status-bg-color: 252 247 245;
	--order-status-color: 155 155 155;

	--store-menu-bg_color: 252 247 245;
	--store-menu-color: transparent;

	--footer-bg-color: 252 247 245;
	--footer-color: 0 0 0;
	--footer-link-color: 106 133 46;
}

/*Custom Styles*/
/* Hide store menu */

.storeIndex__sideBarList {display: none;}

/* Edit "Protocols" to say "Our Merry Standards" */        
        
.productPage__protocolsHeading {
    visibility: hidden;
    position: relative;
}

.productPage__protocolsHeading:after {
    visibility: visible;
    float: left;
    margin-top: -15px;
    padding: 0 0 10px 0;
    top: 0;
    left: 0;
    content: "Our Merry Standards";
}

/* Edit location pages to be formatted better */

.locationPage__header {
    display: grid;
    gap: 15px;
    max-width:750px;
}

.locationPage__address {
    font-size: 20px;
    font-family: Lora;
    font-weight: 500;
}

.h4 {
    font-size: 20px;
    font-family: Lora;
    font-weight: 500;
}

.tw-prose {
    max-width:700px;
    margin: 0 auto;
}

/* Fix mobile nav issue caused by FontAwesome inclusion */

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

.mobileNav {
  display: flex;
  justify-content: center;   /* center all items horizontally */
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  gap: 2rem;                 /* space between each button */
  text-align: center;
}

.mobileNav li {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* stack icon over text */
.mobileNav a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none;
  color: inherit;
  font-size: 0.9rem;
  line-height: 1.2;
}

/* adjust icon spacing + size */
.mobileNav i.fa,
.mobileNav i.fas,
.mobileNav i.far,
.mobileNav i.fab {
  display: block !important;
  margin-bottom: 0.9rem;   /* 🔹 incr*/
}

}