@font-face {
	font-family: "Connective";
	src: url("../assets/fonts/Inter/Inter_Main.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	color-scheme: light;
}

p, li, h1, h2, h3, h4, h5, h6, strong {
	color: #404654;
}

html {
	scroll-behavior: smooth;
	background-color: #F5F5F5;
	color-scheme: light;
}

h2 {
	font-family: "Connective";
	font-weight: 700;
	font-size: 2rem;
}

h3 {
	font-family: "Connective";
	font-weight: 600;
	font-size: 1.25rem;
}

h2.section-heads {
	margin-bottom: 1rem;
	line-height: 2.25rem;
	color: #404654;
}

p.section-subs {
	font-family: "Connective";
	font-weight: 300;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	color: #404654;
}

body, .navbar {
	background-color: #F5F5F5;
}

.container.hero-container {
	max-width: 800px;
}

.title {
	font-family: "Connective";
	font-weight: 900;
	font-size: 3rem;
	color: #2e333d;
}

.title.is-4 {
	font-weight: 600;
}

.title.title-hero {
	margin-bottom: 1rem !important;
}

.subtitle {
	font-family: "Connective";
	font-weight: 200;
	font-size: 1.5rem;
	color: #404654;

}

.is-main-cta {
	background-color: #90D5FF;
	border: 2px solid transparent;
}

.is-secondary-cta {
	background-color: #64e3a1;
	border: 2px solid transparent;
}


a.button:hover, .is-main-cta:hover {
	border: 2px solid #000 !important;
}

.hero-body {
	padding-bottom: 3rem !important;
}

.navbar.scrolled {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.tag {
	font-weight: 600;
}

.tag.secondary {
	background-color: #64e3a1;
	color: #000;
}

section {
  scroll-margin-top: 75px;
}

.card {
	background-color: #f7f7f7;
}

.footer-logo {
	width: 200px;
}

.footer {
	padding-bottom: 3rem;
}

hr {
	background-color: #dfdfdf;
}

.package-hr {
	margin-top: .75rem;
	margin-bottom: .75rem;
}

ul.package-list {
	list-style: none;
	margin-inline-start: .5rem;
}

.subtitle.is-6 {
	font-weight: 300;
}

.fa-check {
	color: #90D5FF;
}

.container-padding {
	padding-left: 4.5rem;
	padding-right: 4.5rem;
}

.case-study-content-padding {
	padding: 6rem 3rem 6rem 3rem;
}

input, textarea, .input, .textarea {
		background-color: #FFFFFF;
		border-color: #D6D9D0;
		color: #2e333d;
	}

	.input::placeholder, .textarea::placeholder {
		color: #7D7D7D;
	}

	.card {
		background-color: #F7F7F7;
		box-shadow: 0 8px 16px -2px rgba(9, 10, 12, 0.10);
	}

	.is-main-cta {
		background-color: #90D5FF;
		color: #2e333d;
	}

  .is-secondary-cta {
    background-color: #64e3a1;
    color: #2e333d;
  }

  .footer {
  	background-color: #F9FAFB;
  }

  .content {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #2e333d;
  }
}

.content {
	overflow-wrap: break-word;
}

.content p:not(.title) {
	font-size: 1.15rem;
}

.navbar-item strong {
	color: #000;
}

nav.scrolled .navbar-item:hover {
	background-color: #FFF;
}

.not-shown {
	display: none;
}

.shown {
	display: block;
}

@media (max-width: 768px) {

	.mobile-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.mobile-hero-padding {
		padding-top: 6rem;
	}

	.case-study-content-padding {
		padding: 3rem .5rem 3rem .5rem;
	}

	.title {
		font-size: 2rem;
	}

	.navbar-end, .navbar-menu {
		background-color: #fff;
	}

	.navbar-item {
		color: #404654;
	}

	input, textarea, .input, .textarea {
		background-color: #FFFFFF;
		border-color: #D6D9D0;
		color: #2e333d;
	}

	.input::placeholder, .textarea::placeholder {
		color: #7D7D7D;
	}

	.card {
		background-color: #F7F7F7;
		box-shadow: 0 8px 16px -2px rgba(9, 10, 12, 0.10);
	}

	.is-main-cta {
		background-color: #90D5FF;
		color: #2e333d;
	}

  .is-secondary-cta {
    background-color: #64e3a1;
    color: #2e333d;
  }

  .footer {
  	background-color: #F9FAFB;
  }

  .content {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #2e333d;
  }
}

.level-left {
	flex-direction: row;
}

}