/** <editor-fold desc="Font Declarations"> **/

/* space-grotesk-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/space-grotesk-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* space-grotesk-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/space-grotesk-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* space-grotesk-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/space-grotesk-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** </editor-fold> **/

/** <editor-fold desc="Color Palettes and Variables"> **/

:root {
	/* Base background color in RGB format */
	--rgb-background: 16, 25, 34;
	/* Slightly lighter background for header and other elements */
	--rgb-background-dim: 31, 41, 55;
	/* Even stronger background for contrast */
	--rgb-background-dark: 46, 55, 76;
	/* Base foreground color in RGB format */
	--rgb-foreground: 255, 255, 255;
	/* Slightly dimmer foreground for less emphasis */
	--rgb-foreground-dim: 209, 213, 219;
	/* Even darker foreground for low emphasis text */
	--rgb-foreground-dark: 156, 163, 175;
	/* Highlight color in RGB format */
	--rgb-highlight: 139, 92, 246;
	--font-family-base: 'Space Grotesk', sans-serif; /* Base font family */
}

:root {
	--color-background: rgb(var(--rgb-background));
	--color-text: rgb(var(--rgb-foreground));
	--color-highlight: rgb(var(--rgb-highlight));
	--color-dim: rgb(var(--rgb-foreground-dim));
	--color-dark: rgb(var(--rgb-foreground-dark));
}

/** </editor-fold> **/

/** <editor-fold desc="Global / General Styles"> **/

html, body {
	background-color: var(--color-background);
	color: var(--color-text);
	font-family: var(--font-family-base);
	margin: 0;
}

a {
	color: var(--color-text);
	text-decoration: underline;
}
a:hover {
	color: var(--color-highlight);
}

h1 {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
	text-align: center;
}

h2 {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 700;
	border-left: 4px solid var(--color-highlight);
	padding-left: 1rem;
}
h3 {
	margin-top: 0.75rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 700;
	border-bottom: 1px solid var(--color-highlight);
	padding-bottom: 0.5rem;
}

.site-container {
	width: calc(100vw - 2rem);
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}

a.button,
input[type="submit"] {
	background-color: var(--color-highlight);
	color: var(--color-text);
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 1.25rem;
	display: inline-block;
	box-shadow: 0 2px 3px 0 rgba(208, 208, 208, 0.26);
	text-decoration: none;
}
a.button.active,
input[type="submit"].active {
	background-color: var(--color-text);
	color: var(--color-highlight);
}
a.button:hover,
input[type="submit"]:hover {
	background-color: rgb(124, 58, 237);
	color: var(--color-text);
	text-decoration: none;
}
a.button i {
	margin-right: 0.75em;
}
a .inline-icon {
	margin-left: 0.5em;
	font-size: 0.7em;
	opacity: 0.6;
}

/**
 * Transition effects
 */
a {
	transition: color 0.3s ease, background-color 0.3s ease;
}

/** </editor-fold> **/


/** <editor-fold desc="Site Header"> **/

.site-header {
	backdrop-filter: blur(5px);
	background-color: rgba(var(--rgb-background), .8);
	border-bottom-color: rgba(var(--rgb-background-dim), .5);
	border-bottom-width: 1px;
	top: 0;
	position: sticky;
	z-index: 10;
	margin-bottom: 5rem;
}
.site-header .site-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 4rem;
}
.site-header .site-logo,
.site-header .site-nav,
.site-header .site-search {
	gap: 1rem;
	align-items: center;
	display: flex;
}
.site-header .site-logo {
	flex: 5;
}
.site-header .site-logo a {
	font-weight: 700;
	font-size: 1.25rem;
	text-decoration: none;
	color: var(--color-text);
}

.site-header .site-nav {
	flex: 1;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.site-header .site-nav a {
	color: var(--color-dim);
	text-decoration: none;
}
.site-header .site-nav a:hover {
	color: var(--color-highlight);
}
.menu {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu > li {
	margin: 0 1rem;
	overflow: hidden;
}
#menu-toggle {
	display: none;
}
.menu-button-container {
	display: flex;
	height: 100%;
	width: 30px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.menu-button,
.menu-button::before,
.menu-button::after {
	display: block;
	background-color: var(--color-dim);
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
}
.menu-button::before {
	content: '';
	margin-top: -8px;
}
.menu-button::after {
	content: '';
	margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
	margin-top: 0;
	transform: rotate(405deg);
}
#menu-toggle:checked + .menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
	margin-top: 0;
	transform: rotate(-405deg);
}
.menu-button-container {
	display: flex;
}
.menu {
	position: absolute;
	top: 0;
	margin-top: 50px;
	left: 0;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
}
#menu-toggle ~ .menu li {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#menu-toggle:checked ~ .menu li {
	border: 1px solid #333;
	height: 2.5em;
	padding: 0.5em;
	transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu > li {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
	color: white;
	background-color: #222;
}
.menu > li:not(:last-child) {
	border-bottom: 1px solid #444;
}
.menu li a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-content: center;
	align-self: center;
	padding: 0.75rem 0;
}
.menu li a.active {
	color: var(--color-highlight);
}

.site-header .site-search {
	flex: 1;
}

/** </editor-fold> **/

/** <editor-fold desc="Blocks"> **/

.blocks-2, .blocks-3, .blocks-4, .blocks-5, .blocks-6 {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.blocks-2 .block,
.blocks-3 .block,
.blocks-4 .block,
.blocks-5 .block,
.blocks-6 .block {
	flex: 1 100%;
}
.blocks-2 .block img,
.blocks-3 .block img,
.blocks-4 .block img,
.blocks-5 .block img,
.blocks-6 .block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/** </editor-fold> **/

/** <editor-fold desc="Site Footer"> **/

.site-footer {
	background-color: rgba(var(--rgb-background-dim), 1);
	color: var(--color-dark);
	padding: 2rem 0;
	margin-top: 4rem;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.5em;
}
.site-footer ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0 2rem;
	display: flex;
	gap: 1rem;
	justify-content: center;
}
.site-footer a {
	color: var(--color-dark);
	text-decoration: none;
}
.site-footer a:hover {
	color: var(--color-highlight);
}
.site-footer .social-links {
	font-size: 1.75rem;
	gap: 2rem;
}

/** </editor-fold> **/

/** <editor-fold desc="Page Grids"> **/

.has-sidebar .site-container {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

/** </editor-fold> **/

/** <editor-fold desc="Homepage Content"> **/

.posts-home .post-image {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 0.5rem;
}
.posts-home .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.posts-home .post-excerpt {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--color-dark);
	font-weight: 400;
}
.posts-home .block:hover img {
	transform: scale(1.1);
}
.posts-home .block:hover a {
	color: var(--color-highlight);
}
.posts-home a {
	text-decoration: none;
}

.page-pages-home .ml-embedded {
	padding-top: 3rem;
	border-top: 1px solid var(--color-dark);
	margin-top: 3rem;
}
.page-pages-home .ml-form-embedWrapper {
	box-shadow: 0 0 1rem var(--color-highlight);
}

/** </editor-fold> **/


/** <editor-fold desc="Post Content"> **/

.page-posts-single main {
	margin-top: 2rem;
}

.page-posts-single .post-breadcrumb {
	font-size: 0.875rem;
	line-height: 1.25rem;
	margin-bottom: 1rem;
	display: flex;
	gap: 0.5rem;
	align-items: center;
}
.page-posts-single .post-breadcrumb a {
	color: var(--color-dark);
}
.page-posts-single .post-breadcrumb a:hover {
	color: var(--color-highlight);
}
.page-posts-single .post-meta {
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--color-dark);
	margin-bottom: 1rem;
}
.page-posts-single .post-meta a {
	color: var(--color-dark);
}
.page-posts-single .post-meta a:hover {
	color: var(--color-highlight);
}

.page-posts-single article .post-image {
	overflow: hidden;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
	aspect-ratio: 16 / 9;
}
.page-posts-single article .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-posts-single article .post-content p {
	line-height: 1.75rem;
	font-size: 1rem;
}
.page-posts-single article .post-content table {
	width: 100%;
}
.page-posts-single article .post-content td {
	padding: 0.15em 0.5em;
}
.page-posts-single article .post-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 1rem;
	max-height: 75vh;
	margin: 1.5rem auto;
}
.page-posts-single article .post-content li {
	line-height: 1.75em;
}
.page-posts-single blockquote {
	border-left: 1em #737373 solid;
	background-color: #242424;
	padding: 0.5em 0.5em 1em;
	position: relative;
}
.page-posts-single .post-sidebar h2 {
	font-size: 1.5rem;
	border-left: 0 none;
	padding-left: 0;
	margin-top: 2.5rem;
}
.page-posts-single .post-sidebar h3 {
	border-bottom: 0 none;
}
.page-posts-single .post-sidebar .author-embed {
	text-align: center;
	border-bottom: 1px solid rgb(var(--rgb-background-dark));
	margin-bottom: 1rem;
}
.page-posts-single .post-sidebar .author-image {
	width: 8rem;
	height: 8rem;
	border-radius: 100%;
	object-fit: cover;
}
.page-posts-single .post-sidebar .author-title {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700;
	margin-top: 0.5rem;
	text-decoration: none;
}
.page-posts-single .post-sidebar .author-tagline {
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--color-dark);
	margin-top: 0.25rem;
}
.page-posts-single .post-sidebar .author-profiles {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 0.5rem;
	padding: 0;
	font-size: 1.5rem;
}

.page-posts-single .post-sidebar .post-cta {
	text-align: center;
	border-bottom: 1px solid rgb(var(--rgb-background-dark));
	margin-bottom: 1rem;
}

.page-posts-single .post-sidebar .post-review {
	border-bottom: 1px solid rgb(var(--rgb-background-dark));
	margin-bottom: 1rem;
}
.page-posts-single .post-sidebar .review-ratings {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.page-posts-single .post-sidebar .rating-label {
	text-align: right;
}
.page-posts-single .post-sidebar .review-icon-solid {
	color: var(--color-highlight);
}
.page-posts-single .post-sidebar .review-icon-empty {
	color: rgb(var(--rgb-background-dark));
}
.page-posts-single .post-sidebar .review-price-notice {
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--color-dark);
	margin-top: 0.5rem;
}

.page-posts-single .post-sidebar .post-tags ul {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.page-posts-single .post-sidebar .related-product {
	display: grid;
	gap: 1rem;
	grid-template-columns: 5rem minmax(0, 1fr);
	margin-bottom: 1.5rem;
}
.page-posts-single .post-sidebar .related-product:hover a {
	color: var(--color-highlight);
}
.page-posts-single .post-sidebar .related-product .product-image {
	overflow: hidden;
	border-radius: .5rem;
	aspect-ratio: 1 / 1;
}
.page-posts-single .post-sidebar .related-product img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-posts-single .post-sidebar .related-product .product-title {
	margin: 0;
	font-size: 1rem;
}
.page-posts-single .post-sidebar .related-product .product-title a {
	text-decoration: none;
}

.page-posts-single .sponsor-sidebar .post-image {
	overflow: hidden;
	border-radius: .5rem;
	aspect-ratio: 1 / 1;
}
.page-posts-single .sponsor-sidebar .post-image a {
	display: block;
}

.page-posts-single .sponsor-sidebar .post-image video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-posts-single .sponsor-sidebar .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-posts-single .sponsor-sidebar .post-image .inline-icon {
	display: none;
}

/** </editor-fold> **/


/** <editor-fold desc="Post listing"> **/

.page-posts-listing .posts-tags {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.page-posts-listing .post {
	margin-bottom: 3rem;
}
.page-posts-listing .post-image {
	overflow: hidden;
	border-radius: 1rem;
	aspect-ratio: 16 / 9;
	grid-area: img;
}
.page-posts-listing .post-content {
	grid-area: content;
}
.page-posts-listing .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.page-posts-listing .post-title {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}
.page-posts-listing .post-title a {
	text-decoration: none;
}
.page-posts-listing .post:hover a {
	color: var(--color-highlight);
}
.page-posts-listing .post-excerpt {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--color-dark);
	font-weight: 400;
}
.page-posts-listing .posts-pagination {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 4rem;
}
.page-posts-listing .posts-pagination a.button {
	border-radius: 2em;
	font-size: 0.875rem;
}

/** </editor-fold> **/



/** <editor-fold desc="Posts Sidebar (related/recent/etc)"> **/

.posts-sidebar .post {
	display: grid;
	gap: 1rem;
	grid-template-columns: 5rem minmax(0, 1fr);
	margin-bottom: 1.5rem;
}
.posts-sidebar .post:hover .post-title a {
	color: var(--color-highlight);
}
.posts-sidebar .post-image {
	overflow: hidden;
	border-radius: .5rem;
	aspect-ratio: 1 / 1;
}
.posts-sidebar .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.posts-sidebar .post-title {
	margin: 0;
	font-size: 1rem;
}
.posts-sidebar .post-title a {
	text-decoration: none;
}
.posts-sidebar .post-date {
	font-size: 0.875rem;
	line-height: 1rem;
	color: var(--color-dark);
	margin: 0;
}

/** </editor-fold> **/

/** <editor-fold desc="About Us"> **/
.page-pages-about .author-embed {
	text-align: center;
}
.page-pages-about .author-embed .author-image {
	max-width: 17rem;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	box-shadow: 0 0 1rem var(--color-highlight);
	border: 1px solid var(--color-highlight);
	margin-bottom: 2rem;
}
.page-pages-about .author-embed .author-title {
	text-decoration: none;
	font-size: 1.25rem;
}
.page-pages-about .author-embed .author-tagline {
	color: var(--color-dark);
	font-size: 0.875rem;
}
.page-pages-about .author-embed ul {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1rem;
	padding: 0;
	font-size: 1.5rem;
}
/** </editor-fold> **/


/** <editor-fold desc="Author Details Page"> **/

.page-authors-single .author-container {
	display: flex;
	gap: 3rem;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--color-dark);
}
.page-authors-single .author-sidebar {
	flex: 1 100%;
	text-align: center;
}
.page-authors-single .author-content {
	flex: 1 100%;
}
.page-authors-single .author-image {
	width: 20rem;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	box-shadow: 0 0 1rem var(--color-highlight);
	border: 1px solid var(--color-highlight);
}
.page-authors-single h1 {
	margin-top: 0;
}
.page-authors-single .author-tagline {
	text-align: center;
	color: var(--color-dark);
	font-size: 0.875rem;
}
.page-authors-single .author-profiles {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 1rem;
	padding: 0;
	font-size: 1.5rem;
}

/** </editor-fold> **/

/** <editor-fold desc="Search Widget"> **/

.search-group {
	position: relative;
	margin: 0 auto;
	width: 50%;
}
.search-group input {
	padding: 1rem 2rem;
	border-radius: 0.75rem;
	width: 100%;
	border: 1px solid var(--color-highlight);
	box-shadow: 0 2px 3px 0 var(--color-highlight);
}
.search-group i {
	position: absolute;
	right: 1rem;
	color: var(--color-background);
	font-size: 2rem;
	cursor: pointer;
	top: calc(50% - 1rem);
}

/** </editor-fold> **/


/** <editor-fold desc="Contact Form"> **/

cms-form {
	position: relative;
}
cms-form label {
	display: block;
	margin: 1rem 0 0.25rem;
}
cms-form input[type="text"],
cms-form input[type="email"],
cms-form input[type="password"],
cms-form textarea {
	width: calc(100% - 1em);
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 0.25em;
}
cms-form textarea {
	height: 5rem;
}
cms-form input[type="submit"] {
	/*background-color: var(--color-accent1);
	color: white;
	border: none;
	padding: 0.5em 1em;
	border-radius: 0.25em;*/
	margin-top: 2rem;
	cursor: pointer;
}
cms-form .required-note {
	font-size: 0.75rem;
	color: #fd4545;
}
cms-form input.error,
cms-form textarea.error {
	border-color: #fd4545;
	background-color: #ffdbdb;
}
cms-form .error-message {
	color: #a20202;
	transition: transform 0.5s ease;
	transform: scaleY(1);
	transform-origin: top;
	padding-top: 0.5em;
}
cms-form .error-message.hidden {
	transform: scaleY(0);
}

/** </editor-fold> **/



@media (min-width: 640px) {
	.site-container {
		max-width: 640px;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		width: calc(640px - 3rem);
	}
}

@media (min-width: 768px) {
	.site-container {
		max-width: 768px;
		width: calc(768px - 3rem);
	}
	.menu-button-container {
		display: none;
	}
	.menu {
		position: relative;
		flex-direction: row;
		margin-top: 0;
	}
	.menu > li {
		background-color: transparent;
		width: auto;
		border: none;
		color: inherit;
	}
	#menu-toggle ~ .menu li {
		height: auto;
		border: none;
		padding: 0;
		margin: 0 1rem;
		transition: none;
	}

	.site-header .site-logo {
		flex: 1;
		order: 1;
	}
	.site-header .site-nav {
		order: 2;
	}
	.site-header .site-search {
		order: 3;
		justify-content: flex-end;
	}

	.blocks-2 .block,
	.blocks-3 .block,
	.blocks-4 .block,
	.blocks-5 .block,
	.blocks-6 .block {
		flex: 1 calc(50% - 2rem);
	}

	.page-posts-listing .post {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: 1fr 2fr;
		grid-template-areas: "img content";
		margin-bottom: 4rem;
	}
	.page-posts-listing .post-title {
		margin-top: 0;
	}
	.page-posts-listing .post-excerpt {
		margin-bottom: 0;
	}
	.page-authors-single .author-image {
		width: 12rem;
	}
	.page-authors-single .author-sidebar {
		flex: 1 calc(25% - 4rem);
	}
	.page-authors-single .author-content {
		flex: 3 calc(75% - 4rem);
	}
	.footer-content {
		display: flex;
		justify-content: space-between;
	}
}

@media (min-width: 1024px) {
	.site-container {
		max-width: 1024px;
		padding-left: 2rem;
		padding-right: 2rem;
		width: calc(1024px - 4rem);
	}

	.site-header .site-nav {
		flex: 2;
	}

	.blocks-3 .block,
	.blocks-5 .block,
	.blocks-6 .block {
		flex: 1 calc(33% - 2rem);
	}

	.has-sidebar .site-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.has-sidebar .site-container article {
		grid-column: span 2 / span 2;
	}
	.has-sidebar .site-container aside {
		grid-column: span 1 / span 1;
	}
	.page-authors-single .author-image {
		width: 15rem;
	}
}

@media (min-width: 1280px) {
	.site-container {
		max-width: 1280px;
		width: calc(1280px - 4rem);
	}

	.site-header .site-nav {
		margin-right: 3rem;
	}

	.blocks-4 .block {
		flex: 1 calc(25% - 2rem);
	}
	.blocks-5 .block {
		flex: 1 calc(20% - 2rem);
	}
	.blocks-6 .block {
		flex: 1 calc(16% - 2rem);
	}
}

@media (min-width: 1536px) {
	.site-container {
		max-width: 1536px;
		width: calc(1536px - 4rem);
	}

	.site-header .site-nav {
		margin-right: 17rem;
	}
}