#woodsmith-global-nav-wrapper, #woodsmith-global-nav-wrapper * {
	box-sizing: border-box;
}
#woodsmith-global-nav-wrapper {
	--wrapper-min-height: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	width: 100%;
	max-width: none;
	min-height: var(--wrapper-min-height);
	border-bottom: 1px solid #99A1AF;
	padding: 0px 10px;
	background-color: white;
	margin: 0 auto;
	font-size: 15px;
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
}
nav#woodsmith-global-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	--orange: #b64927;
	--red: #dc2626;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	color: #6a7282;
}
#woodsmith-global-nav-left {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	min-height: var(--wrapper-min-height);
}
a#woodsmith-global-nav-logo-link {
	display: inline-block;
	text-decoration: none;
}
img#woodsmith-global-nav-logo {
	--width: 116px;
	width: var(--width);
	object-fit: contain;
}
details#woodsmith-global-nav-links-container {
	display: inline-block;
	min-height: var(--wrapper-min-height);
	padding: 0px 20px 0px 4px;
	--animation-time: .1s;
}
details#woodsmith-global-nav-links-container > summary {
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	min-height: var(--wrapper-min-height);
	list-style-type: none;
	background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.22007 8.22C5.3607 8.07955 5.55132 8.00066 5.75007 8.00066C5.94882 8.00066 6.13945 8.07955 6.28007 8.22L10.0001 11.94L13.7201 8.22C13.7887 8.14631 13.8715 8.08721 13.9635 8.04622C14.0555 8.00523 14.1548 7.98319 14.2556 7.98141C14.3563 7.97963 14.4563 7.99816 14.5497 8.03588C14.6431 8.0736 14.7279 8.12974 14.7991 8.20096C14.8703 8.27218 14.9265 8.35701 14.9642 8.4504C15.0019 8.54379 15.0204 8.64382 15.0187 8.74452C15.0169 8.84523 14.9948 8.94454 14.9539 9.03654C14.9129 9.12854 14.8538 9.21134 14.7801 9.28L10.5301 13.53C10.3894 13.6705 10.1988 13.7493 10.0001 13.7493C9.80132 13.7493 9.6107 13.6705 9.47007 13.53L5.22007 9.28C5.07962 9.13938 5.00073 8.94875 5.00073 8.75C5.00073 8.55125 5.07962 8.36063 5.22007 8.22Z' fill='black'/></svg>");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 20px;
	transform: rotate(0deg);
	font-weight: bold;
	font-size: 28px;
	transition: transform var(--animation-time);
	cursor: pointer;
}
details#woodsmith-global-nav-links-container[open] > summary {
	transform: rotate(0deg);
	font-size: 24px;
	padding-bottom: 10px;
}
details#woodsmith-global-nav-links-container[open] summary ~ * {
  animation: sweep var(--animation-time) ease-in-out;
}
@keyframes sweep {
	0% {
		opacity: 0; 
		transform: translateY(-10px);
	}
	100% {
		opacity: 1; 
		transform: translateY(0);
	}
}
#woodsmith-global-nav-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	min-height: var(--wrapper-min-height);
	background-color: white;
}
a.woodsmith-global-nav-link {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0px;
	padding: 0px 10px;
	text-transform: capitalize;
	color: gray;
	min-height: var(--wrapper-min-height);
}
a.woodsmith-global-nav-link:hover {
	color: #364153;
	text-decoration: none;
}
a.woodsmith-global-nav-link.active {
	--active-border-thickness: 3px;
	border-bottom: var(--active-border-thickness) solid #99A1AF;
	padding-top: var(--active-border-thickness);
}
#woodsmith-global-nav-account-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	min-height: var(--wrapper-min-height);
}
a.woodsmith-global-nav-button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
	margin: 5px 10px;
	padding: 5px 10px;
	border: 1px solid gray;
	box-shadow: 0px 0px 1px gray;
	border-radius: 6px;
	text-transform: capitalize;
	background-color: white;
	color: gray;
	height: 30px;
}
a.woodsmith-global-nav-button:hover {
	text-decoration: none; 
	opacity: 0.85;
}
a.woodsmith-global-nav-button.is-authenticated {
	
}
a.woodsmith-global-nav-button.not-authenticated {
	
}
a#woodsmith-global-nav-account-button {
	
}
a#woodsmith-global-nav-register-button {
	color: white;
	background-color: var(--red);
	border: none;
}
a#woodsmith-global-nav-login-button {
	border-color: #D1D5DC;
}

@media (max-width: 945px) {
	details#woodsmith-global-nav-links-container > summary {
		display: list-item;
	}
	#woodsmith-global-nav-links {
		position: absolute;
		z-index: 1;
		top: calc(var(--wrapper-min-height) - 5px);
		left: 20px;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		border-radius: 5px;
		border: 1px solid lightgray;
		box-shadow: 0px 41.78px 33.42px 0px #0000000D, 0px 100px 80px 0px #00000012;
		min-width: 250px;
		padding: 5px 0px;
	}
	a.woodsmith-global-nav-link {
		min-height: 0px;
		padding: 5px 10px;
		margin: 0px;
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}
	a.woodsmith-global-nav-link.active {
		border-bottom: none;
	}
	a.woodsmith-global-nav-link:hover {
		background-color: gray;
		color: white;
	}
}

#gate-overlay {
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10000000;

	&.show { display: block; }
}

#gate-wrap {
	--color-txt: #333333;
	--color-bkg: #f8f3eb;
	--color-btn: #b64927;
	--color-btn-txt: #ffffff;
	--z-index: 10000001;

	align-content: center;
	background-color: var(--color-bkg);
	bottom: -50vh;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 500;
	min-height: 33vh;
	left: 0;
	line-height: 1.25;
	padding: 2rem 1rem;
	position: fixed;
	transition: bottom 0.25s ease-out;
	width: 100%;
	z-index: var(--z-index);

	* { margin: 0; user-select: none; }

	&.show { bottom: 0; }

	a {
		color: var(--color-txt);
		text-decoration: underline;

		&:hover, &:visited {
			text-decoration: underline;
		}
	}

	button, a button {
		background-color: var(--color-btn);
		border-radius: 10px;
		border-style: none;
		color: var(--color-btn-txt);
		font-size: 1.25rem;
		font-weight: bold;
		padding: .75rem .75rem;
		margin: 1rem auto;
		text-decoration: none;
		&:hover, &:visited {
			text-decoration: none;
		}
	}
	
	h1 {
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}

	.gate-content {
		text-align: center;
		margin: auto;
		max-width: 66vw;
	}
}

#wsm-unlimited-plans {
	border: 1px solid black;
	display: none;
	margin-top: 1rem;
	&.show { display: block; }

	button { padding: 10px 30px; }

	fieldset > div { padding: 16px; }
	fieldset > div > div {
		align-items: center;
		display: flex;
		justify-content: space-around; }
	
	fieldset legend {
		background-color: var(--light-purple);
		color: white;
		text-align: center;
		width: 100%;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
		font-size: max(12px, min(16px, 1rem));
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}
}

#wsm-unlimited-shop {
	display: none;
	&.show { display: block; }
}