/* FOOTER AT BOTTOM TEMP FIX --------------------------------------------------- */
footer {
	margin-top: auto;
}
#hh-birdseed {
	/* margin-top: calc(var(--gap) * 2); */
}

/* GENERAL -------------------------------------------------- */
.Link.LinkHeavy:hover {
	text-decoration: none;
}

/* HEADER --------------------------------------------------- */
#hh-header > ul + ul > li > a {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.5em;
    align-items: end;
    grid-template-rows: 1fr;
}
#hh-top-nav a {
	transition: 0.25s cubic-bezier(.24,1,.8,1);
	}

/* TOP NAVIGATION ------------------------------------------- */
#hh-top-nav ul + ul > li:first-child {
    color: var(--hh-red);
    font-family: 'hhagendabold';
}
#hh-top-nav ul+ul li+li:before {
    content: none !important;
}
body > nav#menu:target + a[href="#"], body.nav > nav#menu + a[href="#"] {
	transition: opacity .25s ease-in-out, transform 0s ease-in-out 0s;
	transform: translateX(0);
	opacity: 1;
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
@media (max-width: 767px) {
	ul#hh-header-ul-b {
		display: none !important;
	}
	#hh-header {
		grid-template-columns: auto auto !important;
	}
}

/* COMPONENT NAVIGATION ------------------------------------------- */
.Grid.FeaturedCategories.TextOnly {
	display: flex !important;
	flex-wrap: wrap;
	gap: calc(var(--gap) / 1.5) !important;
}
.Grid.FeaturedCategories.TextOnly > a {
	font-size: 1em;
	padding: calc(var(--gap) / 2.5) var(--gap);
	border-radius: 6px;
	transition: background 0.3s ease-in-out;
}
.Grid.FeaturedCategories.TextOnly > *:hover,
.Grid.FeaturedCategories.TextOnly > a > *:hover {
	background: var(--hh-grey);
	text-decoration: none !important;
}

/* SWATCHES ------------------------------------------- */
.swatches-8-column {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: var(--gap);
	width: 100%;
}
.swatches-8-column .CtaHeading,
.swatches-4-column .CtaHeading {
	padding: 0;
	grid-column: 1/-1;
}
/* .swatches-8-column .CtaHeading {
	padding: 0;
	grid-column: 1/9;
} */
section > div {
	display: grid;
	/* grid-template-rows: 1fr auto; */
	gap: 0;
}
section > div > figure {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.swatches-8-column > div > figure,
/* .swatches-4-column > section > div > figure, */
.swatches-4-column > div > figure {
	padding-bottom: 100%;
	box-shadow: 0 0 0 1px #0001 inset, 0 1rem 2rem -1rem #eee;
}
section > div > aside {
	padding: calc(var(--gap) / 2);
    display: flex;
	flex-direction: column;
	align-items: center;
    gap: calc(var(--gap) / 4);
}
section > div > aside > p {
	padding: 0 !important;
    text-align: center !important;
}
.Swatch {
	background: none;
}
.swatches-4-column {
	display: grid;
	/* grid-template-columns: repeat(2, 1fr); */
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap);
	/* flex-basis: 49%;
	flex-grow: 1; */
	width: calc(50% - (var(--gap) / 2));
}
.swatches-4-column > section {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap);
}
.swatches-4-column > section .CtaHeading {
	padding: 0;
	grid-column: 1/5;
}

@media (max-width: 1500px) {
	.swatches-8-column {
		grid-template-columns: repeat(4, 1fr);
	}
	.swatches-8-column .CtaHeading {
		grid-column: 1/5;
	}
	.swatches-4-column {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: var(--gap);
		width: 100%;
	}
}
@media (max-width: 767px) {
	.swatches-8-column {
		grid-template-columns: repeat(2, 1fr);
	}
	.CtaHeading {
		grid-column: 1/3 !important;
	}
	.swatches-4-column {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* TYPOGRAPHY ------------------------------------------- */
hgroup + h5,
hgroup + h6,
hgroup + p {
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 600px) {
	.CtaHeading {
		grid-template-columns: 1fr auto !important;
	}
}

/* BUTTONS ------------------------------------------- */