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

	--font-size: 16px

	--logo-padding: 9px;
	--logo-height: 103px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 250 250 240;
	--header-border-color: 250 250 240;

	--brand-color: 200 90 50;
	--brand-color-inverted: 250 250 239;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 102 102 51;

	--action-color: 200 90 50;
	--action-color-inverted: 252 251 248;

	--announcement-bar-bg-color: 102 102 51;
	--announcement-bar-text-color: 250 250 239;
	--announcement-bar-link-color: 244 196 48;

	--main-navigation-bg-color: 250 250 239;
	--main-navigation-link-color: 0 0 0;
	--main-navigation-link-color-hover: 19 53 36;
	--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: 45 45 45;

	--order-status-bg-color: 241 241 228;
	--order-status-color: 164 163 163;

	--store-menu-bg_color: transparent;
	--store-menu-color: 19 53 36;

	--footer-bg-color: 102 102 51;
	--footer-color: 250 250 239;
	--footer-link-color: 250 250 239;
}

/*Custom Styles*/
/* HERE INITIALLY NOT USING 
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

body, body * {
  font-family: "Poppins", Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
button, .btn, .button,
.navbar a, .nav a, header a,
.product-title, .product-name {
  font-weight: 700 !important;
}

/*

/* MAKING FONTS LOOK THE WAY WE WANT THEM */

h1,
.textWidget h1 {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-size: 3.5rem;
  line-height: 1.1;
  margin-bottom: 0.7em;
}

@media (max-width: 767px) {
  h1,
  .textWidget h1 {
    font-size: 2.5rem;
  }
}

/* FOR COLLECTION HEADERS */

/* Collection banner */
.textBanner__heading.textBanner__heading.textBanner__heading {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-size: 3.5rem;
  line-height: 1.1;
  margin-bottom: 0.2em;
  font-weight: 600;
}

.textBanner p.textBanner__subheading:empty {
  display: none;
}

.textBanner h3 {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-size: 2.2rem;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0.4em;
}

.textBanner h3 + p {
  margin-top: 0;
}

@media (min-width: 768px) {
  .textBanner.textBanner {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .textBanner__heading.textBanner__heading.textBanner__heading {
    font-size: 2.25rem;
    font-weight: 600;
  }
}

/* MORE TEXT FORMATTING */

.bannerWidget__heading.bannerWidget__heading.bannerWidget__heading {
  font-family: "Lora", Georgia, "Times New Roman", serif;
}

@media (max-width: 767px) {
  .bannerWidget__heading.bannerWidget__heading.bannerWidget__heading {
    font-size: 2.75rem;
  }
}

h2,
.textWidget h2 {
  font-family: "PT Sans", Verdana, Tahoma, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transform: scaleY(1.06);
  transform-origin: center;
  line-height: 1.05;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}

@media (max-width: 767px) {
  h2,
  .textWidget h2 {
    font-size: 1.75rem;
  }
}

h3,
.textWidget h3 {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-size: 1.7rem;
  line-height: 1.15;
  margin-top: 0.6em;
  margin-bottom: 0.35em;
}

@media (max-width: 767px) {
  h3,
  .textWidget h3,
  .textBanner h3 {
    font-size: 1.6rem;
  }
}

h4,
.textWidget h4 {
  font-family: "PT Sans", Verdana, Tahoma, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 0.6em;
  margin-bottom: 0.35em;
}

/* CHANGE BACKGROUND OF STORE TO BE BEIGE */

body {
  background-color: #fafaf0;
}

/* MORE PADDING AROUND PHOTOS AND IN BETWEEN WORDS IN GRID */

.photoGridWidget__listCaption {
    padding: 1em;
}

/* MAKE WORDS ON PHOTO GRID  STAND OUT MORE */

.photoGridWidget__caption.photoGridWidget__caption,
.photoGridWidget__subcaption.photoGridWidget__subcaption {
  text-shadow:
    0 1px 3px rgba(0, 0, 0, 1),
    0 0 12px rgba(0, 0, 0, 0.95),
    0 0 30px rgba(0, 0, 0, 0.8);
}

/*CHANGE COLLECTION HEADER BACKGROUND COLOR ON MOBILE */

.textBanner.textBanner {
  background-color: #fafaf0;
}

/* FORMAT LOCATION PAGES */

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

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

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