html {
	scroll-behavior: smooth;
}

body {
	color: #212121;
	font-family: 'Open Sans', sans-serif;
	font-optical-sizing: auto;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
	font-optical-sizing: auto;
}

.inter {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-variation-settings: 'opsz' 14;
}

.inter-tight {
	font-family: 'Inter Tight', sans-serif;
	font-style: normal;
}

.cerebral-line {
	border-top: 1px solid #cccccc;
	width: 90%;
}

.uppercase {
	text-transform: uppercase;
}

.x-logo {
	max-width: 430px;
}

@media (max-width: 640px) {
	.logo {
		margin: 0 auto;
	}
	.logo span {
		text-align: center;
		padding: 0 12px;
		margin-bottom: 11px;
	}
	.x-logo {
		max-width: 300px;
		margin: 0 auto;
	}
}

.text-default {
	font-size: 19px;
	line-height: 27.2px;
}

.text-basaltgrey {
	color: #999999;
}

.text-green-envy {
	color: #1ac13d;
}

.text-white {
	color: rgb(255 255 255);
}

.text-lead {
	color: #212121;
}

.text-hotlips {
	color: #d03729;
}

.bg-trapped-darkness {
	background-color: #0d1b2a;
}

.bg-mustard-seed {
	background-color: #c9a127;
}

.bg-black {
	background-color: #000000;
}

.bg-offblack {
	background-color: #313131;
}

.bg-dark-eclipse {
	--tw-bg-opacity: 1;
	background-color: #152b50;
}

.py-1-475 {
	padding-top: 0.475rem;
	padding-bottom: 0.475rem;
}

.py-2-642 {
	padding-top: 0.642rem;
	padding-bottom: 0.642rem;
}

.tracking-minus05 {
	letter-spacing: -0.5px;
}

.tracking-minus1 {
	letter-spacing: -1px;
}

.tracking-plus1 {
	letter-spacing: 1px;
}

.max-w-1180 {
	max-width: 1180px !important;
}

.max-w-1170 {
	max-width: 1170px !important;
}

.max-w-585 {
	max-width: 585px;
}

.max-w-208 {
	max-width: 208px;
}

.max-w-140 {
	max-width: 140px;
}

@media (max-width: 640px) {
	.mx-auto {
		width: 100% !important;
	}
}

/***************
*** SECTIONS ***
***************/

@media (min-width: 1024px) {
	.equal-columns > * {
		flex: 1;
	}
}

/* How To Go From Zero To 100+ */
#howtogofrom {
	background-color: rgb(240, 242, 245);
}

#howtogofrom .equal-columns > * {
	font-size: 18px;
}

#checkout-sub {
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
}

@media only screen and (max-width: 767px) {
	#howtogofrom {
		padding-inline: 2px !important;
	}
	#howtogofrom .equal-columns > * {
		font-size: 12px;
		display: block;
		line-height: 1.15;
		text-align: center;
		font-weight: 400;
	}
	#howtogofrom .equal-columns img {
		display: block;
		margin: 0 auto 6px !important;
		height: 20px;
	}
	#checkout-sub {
		flex-wrap: nowrap;
	}
	#howtogofrom h1 {
		font-size: 28px;
		line-height: 1.15;
	}
	#howtogofrom h2 {
		font-size: 18px;
		line-height: 1.35;
	}
	#howtogofrom .px-6 {
		padding-inline: 7px;
	}
}

/* Watch The Video */
#watchthevid {
	background-color: rgb(240, 242, 245) !important;
	padding-top: 0;
}

.poetic-yellow-box {
	background-color: #ffffd7;
	border: 3px dashed #e0e0c5;
	font-size: 1.2rem;
	line-height: 1.35;
	padding: 25px !important;
}

@media only screen and (max-width: 767px) {
	.poetic-yellow-box {
		margin-bottom: 12px !important;
	}
}

.black-24 {
	color: #000000;
	font-size: 24px;
	line-height: 1.15;
}

.communist-23 {
	color: #cc0000;
	font-size: 23px;
	line-height: 26px;
}

.lead-15 {
	color: #212121;
	font-size: 15px;
	line-height: 1.35;
}

.lead-17 {
	color: #212121;
	font-size: 17px;
	line-height: 24px;
}

.lead-20 {
	color: #212121;
	font-size: 20px;
	line-height: 1.15;
}

.lead-28 {
	color: #212121;
	font-size: 28px;
	line-height: 1.15;
}

@media only screen and (max-width: 767px) {
	.lead-28 {
		font-size: 22px;
	}
	.discount-1 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.px-6 {
		padding-inline: 0;
	}
}

#vidpromo {
	width: 47.5%;
}

@media only screen and (max-width: 767px) {
	#vidpromo {
		width: 100%;
		margin: 0 auto;
	}
	#vidpromo .px-6 {
		padding-inline: 2px !important;
	}
}

#join {
	overflow-x: hidden;
	overflow-y: visible;
	padding-bottom: 0;
	overflow: visible;
	width: 47.5%;
}

@media only screen and (max-width: 767px) {
	#join {
		width: 100%;
	}
}

#join .svg-inline--fa {
	height: 24px;
	vertical-align: top;
}

/* FOOTER */
footer {
	border-top-width: 1px;
	border-top-color: #666;
	border-top-style: dotted;
}

footer p {
	font-size: 15px;
	line-height: 27.2px;
}

@media only screen and (max-width: 767px) {
	footer ul {
		display: block !important;
		text-align: center;
	}
	footer ul li {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	section {
		padding-inline: 12px !important;
	}
	.mb-8 {
		margin-bottom: 15px;
	}
	.mb-12 {
		margin-bottom: 25px;
	}
	.pb-8 {
		padding-bottom: 15px;
	}
	.pb-12 {
		padding-bottom: 25px;
	}
	.pt-8 {
		padding-top: 15px;
	}
	.pt-12 {
		padding-top: 25px;
	}
}