:root { 
    --the-seasons-autumn-theme01: #fdeee3; /* Beige backgrounds */
    --the-seasons-autumn-theme02: #b42e18; /* Red titles, CTAs */
    --the-seasons-autumn-theme03: #828383; /* Grey Copy */
    --the-seasons-autumn-theme04: #e3e5e4; /* Light Grey background */
    --the-seasons-autumn-theme05: #b1a678; /* Gold CTA */
  
   	--the-seasons-autumn-dark: #000000;
	--the-seasons-autumn-light: #FFFFFF;
}

/* Shared ----------- */
html { scroll-behavior: smooth; }

.the-seasons-autumn .fc-header__title span { display: block; }
.the-seasons-autumn .fc-divider { display: none; }
.the-seasons-autumn .flavour-profile__group { width: 100%; }
.the-seasons-autumn .flavour-profile { flex-wrap: wrap; }
.the-seasons-autumn .content-boxes__title { display: none; }

/* Backgrounds */
.the-seasons-autumn__panel-470003,
.the-seasons-autumn__panel-470008,
.the-seasons-autumn__panel-470004,
.the-seasons-autumn__panel-470005 { background-color: var(--the-seasons-autumn-theme01); }

/* Product Panels */
.the-seasons-autumn .fc-product {
    max-width: 440px;
    margin: 0 auto;
}
.the-seasons-autumn .fc-header__title,
.the-seasons-autumn .fc-product__price { 
  color: var(--the-seasons-autumn-theme02); 
  padding-bottom: 0; 
}
.the-seasons-autumn .fc-product__meta,
.the-seasons-autumn .fc-product__priceperunit { color: var(--the-seasons-autumn-theme03); }
.the-seasons-autumn .flavour-profile__title { color: var(--the-seasons-autumn-dark); }

.the-seasons-autumn .cta-button { 
  background-color: var(--the-seasons-autumn-theme02); 
  border: 1px solid var(--the-seasons-autumn-theme02); 
  color: var(--the-seasons-autumn-light); 
}
.the-seasons-autumn .cta-button:hover { 
  background-color: transparent; 
  color: var(--the-seasons-autumn-theme02); 
}

/* Panel 1 - Intro */
.the-seasons-autumn__panel-470001 .fc-content img { max-width: 300px; margin: 0 auto; }
.the-seasons-autumn__panel-470001 .fc-header__title { font-size: 15px; padding-bottom: 20px; }
.the-seasons-autumn__panel-470001 .fc-layout__content { max-width: 820px; }
.the-seasons-autumn__panel-470001 .fc-content__copy { color: var(--the-seasons-autumn-dark);  }
@media(max-width: 1024px){
  .the-seasons-autumn__panel-470001 { padding-bottom: 0; }
}
/* Panel 2 (desktop) and 7 (mobile/tablet) - Content box locations */
.the-seasons-autumn__panel-470002 { display: none; }
@media(max-width: 1024px){
  .the-seasons-autumn__panel-470007 { padding-top: 0; }
}
.the-seasons-autumn__panel-470007 .content-boxes__box { padding: 0; }
.the-seasons-autumn__panel-470007 .content-boxes { grid-gap: 0;}
@media(min-width:1024px){
	.the-seasons-autumn__panel-470002 { display: grid; }
	.the-seasons-autumn__panel-470007 { display: none; }
}

/* Content Box Colours and Hovers */
/* All Grayscale, coloured on hover */
/*
.the-seasons-autumn__panel-470002 .content-boxes__box .content-boxes__image,
.the-seasons-autumn__panel-470007 .content-boxes__box .content-boxes__image { 
  filter: grayscale(1);
  transition: .2s all linear;
}
.the-seasons-autumn__panel-470002 .content-boxes__box .content-boxes__image:hover,
.the-seasons-autumn__panel-470007 .content-boxes__box .content-boxes__image:hover{ 
  filter: grayscale(0);
  transition: .2s all linear;
}
.the-seasons-autumn__panel-470002 .content-boxes__box:nth-of-type(2) .content-boxes__image,
.the-seasons-autumn__panel-470007 .content-boxes__box:nth-of-type(2) .content-boxes__image { 
  filter: grayscale(0);
  transition: .2s all linear;
}
*/

/* Panel 3 */
.the-seasons-autumn__panel-470003 { }

/* Panel 4 */
.the-seasons-autumn__panel-470004 { }

/* Panel 5 */
.the-seasons-autumn__panel-470005 { }

/* Panel 6 */
.the-seasons-autumn__panel-470006 { background-color: var(--the-seasons-autumn-theme04); padding: 60px 0 20px; }
.the-seasons-autumn__panel-470006 .fc-header__title { color: var(--the-seasons-autumn-theme03); }

.the-seasons-autumn__panel-470006 .cta-button { 
  background-color: var(--the-seasons-autumn-theme05); 
  border: 1px solid var(--the-seasons-autumn-theme05); 
  color: var(--the-seasons-autumn-light); 
}
.the-seasons-autumn__panel-470006 .cta-button:hover { 
  background-color: transparent; 
  color: var(--the-seasons-autumn-theme05); 
}