/*
 * WordPress-specific additions. The three Webflow stylesheets are verbatim
 * copies of the export — everything the conversion needs on top lives here.
 */

/* Honeypot field for the custom form handlers */
.velvet-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Flavors-page tag filter (the export shipped the bar with no behavior) */
.col-flavor.is-filtered-out {
	display: none;
}

/* Real <button> submits styled like the export's fake anchor buttons */
button.main-btn {
	border: 0;
	cursor: pointer;
	font-family: inherit;
}

/* Legal / generic pages: the export shipped these with empty bodies, so this
   wrapper is new. It follows the site's type scale and palette. */
.section-legal {
	padding: 12rem 5rem 6rem;
	min-height: 60vh;
}
.container-legal {
	max-width: 50rem;
	margin: 0 auto;
}
.container-legal h1 {
	font-family: Code, sans-serif;
	color: var(--brown);
	font-size: 3rem;
	margin-bottom: 2rem;
}
.container-legal h2 {
	font-family: Code, sans-serif;
	color: var(--brown);
	font-size: 1.6rem;
	margin: 2rem 0 0.75rem;
}
.container-legal p,
.container-legal li {
	font-family: Br, sans-serif;
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 1rem;
}
.container-legal ul,
.container-legal ol {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}
.container-legal a {
	color: var(--brown);
}
@media screen and (max-width: 767px) {
	.section-legal {
		padding: 9rem 2rem 4rem;
	}
}

/* Keep the fluid root font-size in charge even with an admin bar */
html {
	margin-top: 0 !important;
}