/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@import './fonts/gilroy.css';

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
	list-style: none;
}

/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

/* Set core body defaults */
body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.4;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
body {
	background: #3C57EE;
	font-family: "Inter", sans-serif;
	font-size: 16px;
}
body.modalshowing {
	overflow: hidden;
}

#container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

#content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: "Gilroy", "Helvetica", "Verdana", san-serif;
}

.frame {
	max-width: 1200px;
	margin: 0 auto;
}

header nav {
	padding: 1.5em;
}
header nav .nav-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header nav ul {
	list-style-type: none;
	display: flex;
}
@media (max-width: 767px) {
	header nav ul {
		position: fixed;
		margin: 0px;
		right: -100%;
		top: 0px;
		background: rgba(24, 42, 135, 0.95);
		backdrop-filter: blur(4px);
		height: 100%;
		width: 100vw;
		transition: right 0.2s cubic-bezier(0.02, -0.02, 0, 1.25);
		flex-direction: column;
		z-index: 99;
		padding-top: 2em;
		gap: 1em;
	}
	header nav ul li {
		font-family: "Gilroy", "Helvetica", "Verdana", san-serif;
		font-size: 1.75em;
		font-weight: 450;
	}
	header nav ul li.joinbutton {
		font-size: 1.25rem;
		margin-top: 1em;
	}
}
@media (min-width: 767px) {
	header nav ul {
		width: 100vw;
		padding: 0;
	}
	header nav ul li {
		margin-left: 4.5em;
		font-size: 1.125em;
		color: #FFF;
		font-weight: 500;
	}
	header nav ul li.secondary {
		margin-left: auto;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	header nav ul li {
		margin-left: 3em;
	}
}
header nav ul a {
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 2px 0px rgba(37, 61, 178, 0);
	transition: text-shadow 0.2s;
}
header nav ul a:hover {
	text-shadow: 0 2px 14px rgb(37, 61, 178);
}
header nav ul a:active {
	opacity: 0.8;
}
header nav .hamburger {
	width: 31px;
	cursor: pointer;
}
header nav .hamburger .close {
	display: none;
}
header nav .hamburger .close svg {
	width: 23px;
}
header nav .hamburger .close svg path {
	fill: #FFF;
}
header nav .hamburger svg {
	width: 100%;
}
@media (min-width: 767px) {
	header nav .hamburger {
		display: none;
	}
}
header nav .logo svg {
	width: 80px;
	height: 56px;
}
@media (min-width: 767px) {
	header nav .logo svg {
		width: 95px;
		height: 66px;
	}
}

@media (max-width: 767px) {
	#container {
		transition: right 0.2s cubic-bezier(0.02, -0.02, 0, 1.25);
		right: 0px;
		position: relative;
	}
	body.menuopened #container {
		right: 78vw;
		position: fixed;
		top: 0px;
	}
	body.menuopened #container nav ul {
		right: -22vw;
		box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.16);
	}
	body.menuopened #container .hamburger .open {
		display: none !important;
	}
	body.menuopened #container .hamburger .close {
		display: block !important;
	}
}
footer {
	background: #2A2A2D;
	color: #A5A5A5;
	padding: 0 1.5rem 5rem;
	font-weight: 300;
}
footer a {
	color: #A5A5A5;
	text-decoration: none;
	cursor: pointer;
}
footer a:hover {
	color: #FFF;
}
footer .frame {
	display: flex;
	align-content: flex-start;
	padding: 5rem 0;
	gap: 9.5rem;
}
@media (max-width: 767px) {
	footer .frame {
		flex-direction: column;
		padding: 3rem 0 3rem;
		gap: 3.5rem;
	}
}
footer .logo {
	width: 128px;
	height: 89px;
}
@media (max-width: 767px) {
	footer .logo {
		margin: 0px auto;
	}
}
footer .logo svg {
	width: 100%;
}
footer .logo svg path {
	fill: #A5A5A5;
}
footer h4 {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 550;
	padding-bottom: 2.5rem;
}
@media (max-width: 767px) {
	footer h4 {
		padding-bottom: 1.5rem;
	}
}
footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer ul li {
	padding-bottom: 1rem;
}
@media (max-width: 767px) {
	footer ul li {
		padding-bottom: 0.5rem;
	}
}
footer .contact p {
	margin-top: 1.5rem;
}
@media (max-width: 767px) {
	footer .contact p {
		margin-top: 1rem;
	}
}
footer div.copyright {
	border-top: 1px solid #494949;
	display: flex;
	padding-top: 2.5rem;
	max-width: 1200px;
	margin: 0 auto;
	gap: 1.5rem;
	font-size: 0.875em;
	justify-content: flex-end;
}
@media (max-width: 767px) {
	footer div.copyright {
		flex-direction: column;
		align-items: center;
		padding-top: 2rem;
		gap: 1rem;
		font-weight: 300;
	}
}
footer div.copyright .text {
	margin-right: auto;
}
@media (max-width: 767px) {
	footer div.copyright .text {
		margin-right: revert;
	}
}




.masthead {
	padding: 2em 1.5em 0;
	color: #FFF;
	text-align: center;
}
@media (min-width: 767px) {
	.masthead {
		padding: 8em 1.5em 0;
	}
}
.masthead h1 {
	font-size: 2.5em;
	font-weight: 700;
}
@media (min-width: 767px) {
	.masthead h1 {
		font-size: 4em;
	}
}

.segment {
	padding: 1.5em;
}
.segment.white {
	background-color: #FFF;
}
.segment.blue {
	background-color: #3C57EE;
	color: #FFF;
}

input, select {
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	padding: 1.5rem 1.825rem;
	line-height: 1;
	width: 100%;
	font-weight: 300;
	appearance: none;
	height: 4.5rem;
}
@media (max-width: 767px) {
	input, select {
		padding: .5rem 1.5rem;
		font-size: .825rem;
		height: 3rem;
	}
}
select {
	/* appearance: none; */
}

section.seocopy {
	padding: 1.5rem 1.5rem 0;
	font-size: 1.125rem;
}
section.seocopy h2 {
	font-size: 3rem;
	font-weight: 500;
	margin-bottom: 1rem;
}
section.seocopy p {
	margin: 1rem 0;
	font-weight: 300;
}
section.seocopy a {
	color: #000;
	text-decoration: none;
}




.masthead.blog {
	padding: 5rem 1.5em 11rem;
	background: radial-gradient(closest-side, rgba(114, 154, 255, 0.85), rgba(114, 154, 255, 0));
	background-size: 700px 700px;
	background-repeat: no-repeat;
	background-position: center bottom -340px;
}
@media (max-width: 767px) {
	.masthead.blog {
		padding: 2rem 1.5em 8rem;
		background-position: center bottom -440px;
	}
}
.masthead.blog p {
	font-size: 1.375rem;
	margin-top: 2rem;
	font-weight: 250;
}
@media (max-width: 767px) {
	.masthead.blog p {
		font-size: 1.125rem;
	}
}

.masthead.blog.post {
	padding-bottom: 6rem;
}

.blog-nav {
	display: flex;
	max-width: 988px;
	margin: 0px auto;
	margin-top: -3.825rem;
	gap: 1rem;
	align-items: stretch;
}
@media (max-width: 767px) {
.blog-nav {
	margin-top: -3rem;
}
}

.blog-nav input[type='submit'] {
	display: none;
}
.blog-nav .search, .blog-nav .dropdown {
	flex: 1;
	border-radius: 16px;
	box-shadow: 0 22.857px 38.095px 0 rgba(0, 0, 0, 0.08);
}
.blog-nav .search {
	flex-basis: 30%;
}
@media (max-width: 767px) {
	.blog-nav .search {
		flex-basis: 0%;
	}
}
.blog-nav .dropdown {
	position: relative;
}
.blog-nav .dropdown::after {
		border-bottom: 2px solid #999;
		border-right: 2px solid #999;
		content: "";
		display: block;
		height: 14px;
		margin-top: -9px;
		pointer-events: none;
		position: absolute;
		right: 22px;
		top: 50%;
		transform-origin: 66% 66%;
		transform: rotate(45deg);
		transition: all 0.15s ease-in-out;
		width: 14px;
}

.segment.white.blog .frame {
	padding-top: 6rem;
	max-width: 996px;
	margin: 0 auto;
}
@media (max-width: 767px) {
.segment.white.blog .frame {
	padding-top: 2rem;
}
}

article {
	border-radius: 24px;
	background: #FFF;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.24), 0 8px 32px 0 rgba(0, 0, 0, 0.06);
	display: flex;
	overflow: hidden;
	margin-bottom: 2rem;
	align-items: center;
}

article .thumbnail {
	width: 384px;
	height: 384px;
	flex-shrink: 0;
	background: #f3f3f3;
}
article .thumbnail img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

article .body {
	padding: 2rem 4rem;
	h2 {
		font-size: 2rem;
		font-weight: 550;
		color: #000;
		a{
			color: #000;
		}
	}
	a {
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	article {
		flex-direction: column;
	}
	article .thumbnail {
		width: 100%;
		height: 300px;
	}
	article .body {
		padding: 2rem;
		h2 {
			font-size: 1.5rem;
		}
	}
}


.postmeta, .entry-meta {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 1.5rem;
	a {
		display: block;
		border-radius: 4px;
		background: #F0F2FF;
		padding: 4px 8px 4px 28px;
		font-size: .875rem;
		color: #3C57EE;
		text-transform: uppercase;
		text-decoration: none;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29871 4.36812L3.82738 3.89678M6.27271 12.7961L1.40738 7.93078C1.16071 7.68412 1.02071 7.35078 1.01605 7.00278L0.952713 2.01012C0.951364 1.92088 0.967945 1.83229 1.00147 1.74958C1.035 1.66687 1.08479 1.59174 1.1479 1.52864C1.211 1.46553 1.28614 1.41574 1.36884 1.38221C1.45155 1.34868 1.54015 1.3321 1.62938 1.33345L6.62205 1.39678C6.97064 1.40089 7.30377 1.54137 7.55005 1.78812L12.4154 6.65345C12.8647 7.10212 13.21 7.95945 12.698 8.47145L8.09138 13.0781C7.57871 13.5908 6.72138 13.2448 6.27271 12.7961Z' stroke='%233C57EE' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		background-position: 8px center;
		background-repeat: no-repeat;
	}
	.posted-on {
		display:block;
		padding-left: 28px;
		font-size: .875rem;
		color: #717171;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.3335 1.33337V4.00004M9.66683 1.33337V4.00004' stroke='%23717171' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6667 2.66675H2.33333C1.59695 2.66675 1 3.2637 1 4.00008V13.3334C1 14.0698 1.59695 14.6667 2.33333 14.6667H11.6667C12.403 14.6667 13 14.0698 13 13.3334V4.00008C13 3.2637 12.403 2.66675 11.6667 2.66675Z' stroke='%23717171' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 6.66675H13' stroke='%23717171' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: 8px center;
	}
}
.entry-meta {
	margin-bottom: 2rem;
}
@media (max-width: 767px) {
	.postmeta, .entry-meta {
		margin-top: 1rem;
		flex-direction: column;
		fap: .5rem;
		align-items: flex-start;
	}
}

.posts-navigation {
	text-align: center;
	padding: 2rem;
	a {
		color: #000;
		text-decoration: none;
	}
	.nav-links {
		display: flex;
		justify-content: center;
		gap: 2rem;
	}
}

.post-navigation {
	text-align: center;
	padding: 4rem 0 2rem;
	a {
		color: #a4a4a4;
		text-decoration: none;
	}
	.nav-links {
		display: flex;
		justify-content: center;
		gap: 8rem;
	}
}


/* For one child */
.post-navigation .nav-links:has(.item:only-child) {
		justify-content: center;
}

/* For two children */
.nav-links:has(.item:nth-child(2)) {
		justify-content: space-between;
}
.nav-previous {
	text-align: left;
}
.nav-next {
	text-align: right;
}
.nav-previous:only-child {
	text-align: center;
}

@media (max-width: 767px) {
	.post-navigation {
		.nav-links {
			flex-direction: column;
			gap: 1rem;
		}
		.nav-previous, .nav-next {
			text-align: center;
		}
	}
}

.segment.white.blog.post {
	.frame {
		padding-top: 0;
		padding-bottom: 4rem;
	}
	img {
		max-width: 100%;
		height: auto;
	}
}

.post-thumbnail {
text-align: center;
img {
	border-radius: 24px;
}
}
.entry-content {
	margin-top: 2rem;
	font-size: 1.125rem;
	h2, h3 {
		font-size: 2rem;
		font-weight: 400;
		margin: 1em 0;
		strong {
			font-weight: 450;
		}
	}
	p, ul {
		margin: 1rem 0;
		font-weight: 300;
		strong {
			font-weight: 500;
		}
	}
	a {
		color: #3C57EE;
	}
}


h1 {
	font-size: 3em;
	font-weight: 500;
	letter-spacing: -0.96px;
}
@media (max-width: 767px) {
	h1 {
		letter-spacing: -0.5px;
		font-size: 2.5em;
	}
}

.bluetag {
	border-radius: 8px;
	background: #F0F2FF;
	color: #3C57EE;
	text-transform: uppercase;
	display: inline-flex;
	padding: 0.5em 1rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.redbutton {
	font-size: 1.125em;
	border-radius: 8px;
	background: linear-gradient(102deg, #FF683E -36.59%, #E21938 50%, #F54D3C 60%, #E21938 80%);
	box-shadow: 0 8px 32px 0 rgba(226, 25, 56, 0.35);
	padding: 1em 2em;
	line-height: 1;
	font-weight: 600;
	transition: background 0.2s, box-shadow 0.3s, text-shadow 0.3s;
	transition-timing-function: linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
	background-size: 200%;
	text-shadow: 0 2px 0px rgba(37, 61, 178, 0);
	border: 0px none;
	outline: none;
	color: #FFF;
	cursor: pointer;
}
.redbutton.header {
	font-size: 1em;
	width: auto;
	box-shadow: 0 8px 32px 0 rgba(37, 61, 178, 0.48);
	padding: 1em 2.5em;
}
.redbutton.header:hover {
	box-shadow: 0 8px 20px 0 rgb(37, 61, 178);
	text-shadow: 0 2px 14px rgba(37, 61, 178, 0.4);
}
.redbutton:hover {
	text-decoration: none !important;
	background-position-x: 100%;
}
.redbutton:active {
	opacity: 1 !important;
	background-position-x: 0%;
	filter: brightness(0.95);
}
.redbutton:disabled {
	background: linear-gradient(102deg, #eaeaea -36.59%, #bebebe 50%, #b0b0b0 60%, #a6a6a6 80%);
	box-shadow: 0 8px 32px 0 rgba(198, 198, 198, 0.35);
}

input:disabled {
	pointer-events: none;
}

span.desktoponly {
	display: none;
}
@media (min-width: 767px) {
	span.desktoponly {
		display: inline;
	}
}

@media (min-width: 767px) {
	span.mobileonly {
		display: none;
	}
}

span.mobilebreak {
	display: block;
}
@media (min-width: 767px) {
	span.mobilebreak {
		display: inline;
	}
}

a[href^=tel] {
	color: inherit;
}

input[type=range] {
	-webkit-appearance: none;
}

@keyframes dropInOnLoad {
	0% {
		transform: translateY(-30px);
		opacity: 0.5;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes dropInOnLoadSlow {
	0% {
		transform: translateY(-80px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes dropInOnLoadFast {
	0% {
		transform: translateY(-150px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes dropInOnLoadSlowScaled {
	0% {
		transform: scale(0.55) translateY(-80px);
		opacity: 0;
	}
	100% {
		transform: scale(0.55) translateY(0);
		opacity: 1;
	}
}
@keyframes dropInOnLoadFastScaled {
	0% {
		transform: scale(0.55) translateY(-150px);
		opacity: 0;
	}
	100% {
		transform: scale(0.55) translateY(0);
		opacity: 1;
	}
}
@keyframes progress_in {
	5% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.95), #3c57ee 0deg);
	}
	10% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.9), #3c57ee 0deg);
	}
	15% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.85), #3c57ee 0deg);
	}
	20% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.8), #3c57ee 0deg);
	}
	25% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.75), #3c57ee 0deg);
	}
	30% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.7), #3c57ee 0deg);
	}
	35% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.65), #3c57ee 0deg);
	}
	40% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.6), #3c57ee 0deg);
	}
	45% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.55), #3c57ee 0deg);
	}
	50% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.5), #3c57ee 0deg);
	}
	55% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.45), #3c57ee 0deg);
	}
	60% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.4), #3c57ee 0deg);
	}
	65% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.35), #3c57ee 0deg);
	}
	70% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.3), #3c57ee 0deg);
	}
	75% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.25), #3c57ee 0deg);
	}
	80% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.2), #3c57ee 0deg);
	}
	85% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.15), #3c57ee 0deg);
	}
	90% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.1), #3c57ee 0deg);
	}
	95% {
		background: conic-gradient(#FF9414 calc(var(--progress) * 0.05), #3c57ee 0deg);
	}
	100% {
		background: conic-gradient(#3c57ee 0deg);
	}
}
@keyframes shake {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-5px);
	}
	50% {
		transform: translateX(5px);
	}
	75% {
		transform: translateX(-5px);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes growIn {
	0% {
		transform: scale(0.75) translateY(19px);
	}
	100% {
		transform: scale(1) translateY(0px);
	}
}