:root {
	--kh-brand-teal: #0b7c9e;
	--kh-brand-teal-dark: #086480;
	--kh-brand-green: #3cb01a;
	--kh-brand-pink: #e5478c;
	--kh-brand-gold: #f0c51a;
	--kh-brand-ink: #191919;
	--kh-font-heading: "Poppins", sans-serif;
	--kh-font-body: "Montserrat", sans-serif;
}

html,
body,
.elementor,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.wpr-nav-menu,
.wpr-nav-menu a,
.wpr-mobile-nav-menu,
.wpr-mobile-nav-menu a,
.kh-shell,
.kh-app,
.kh-app p,
.kh-app li,
.kh-app label,
.kh-app input,
.kh-app select,
.kh-app textarea,
.wpcf7,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7-submit {
	font-family: var(--kh-font-body) !important;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.page-title,
.site-title,
.kh-app h2,
.kh-app h3 {
	font-family: var(--kh-font-heading) !important;
	font-weight: 700 !important;
}

.elementor-button,
.elementor-button-text,
a.elementor-button,
.elementor-button-link,
.wpr-button,
.wpr-button-text,
.kh-button,
.kh-button-secondary,
.kh-auth-btn,
.kh-auth-nav button,
.wpcf7-submit,
input[type="submit"] {
	font-family: var(--kh-font-body) !important;
	font-weight: 400 !important;
}

.elementor-element-000d9b2 .wpr-logo-image,
.elementor-element-000d9b2 .wpr-logo-image img {
	max-width: 240px;
	height: auto;
}

.kh-logo-on-light {
	display: none !important;
	max-width: 240px;
	height: auto;
}

.elementor-sticky--effects .kh-logo-on-dark {
	display: none !important;
}

.elementor-sticky--effects .kh-logo-on-light {
	display: inline-block !important;
	max-width: 240px;
	height: auto;
}

body.elementor-page:not(.kh-solid-header) .elementor-253 {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

body.elementor-page:not(.kh-solid-header) .elementor-253 > .e-con {
	background: transparent !important;
}

body.kh-solid-header .elementor-253 {
	position: relative;
	width: 100%;
	z-index: 100;
}

body.kh-solid-header .elementor-253 > .e-con {
	background: #0b1f28 !important;
}

.elementor-253 .wpr-logo,
.elementor-253 .wpr-logo-image {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.elementor[data-elementor-type="wp-page"] > .e-con.e-parent:first-child .elementor-heading-title {
	text-align: center;
}

body.kh-solid-header .kh-logo-on-light {
	display: none !important;
}

body.kh-solid-header .kh-logo-on-dark {
	display: inline !important;
}

body.kh-solid-header .main-container {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 960px;
	padding: 24px 24px 64px;
	width: 100%;
}

body.kh-solid-header .post-header {
	margin: 0 auto 20px;
	max-width: 840px;
	text-align: center;
	width: 100%;
}

body.kh-solid-header .page-title {
	margin: 0 auto;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-align: center;
	word-break: break-word;
}

.kh-app > h2:first-child {
	text-align: center;
}

.kh-site-header.e-con,
.kh-site-header {
	align-items: center !important;
	flex-wrap: nowrap !important;
}

.kh-auth-nav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.kh-auth-nav .kh-logout {
	display: inline;
	margin: 0;
}

.kh-auth-btn,
.kh-auth-nav .kh-auth-btn {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	padding: 10px 16px;
	text-decoration: none;
}

.kh-auth-btn-ghost {
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
}

.kh-auth-btn-ghost:hover,
.kh-auth-btn-ghost:focus {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.kh-auth-btn-solid,
.kh-auth-nav button.kh-auth-btn-solid {
	background: #0b7c9e;
	border: 1px solid #0b7c9e;
	color: #ffffff;
	cursor: pointer;
	font: inherit;
}

.kh-auth-btn-solid:hover,
.kh-auth-nav button.kh-auth-btn-solid:hover {
	background: #086480;
	border-color: #086480;
	color: #ffffff;
}

.kh-site-footer a {
	color: #d7eef4;
}

.kh-site-footer a:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.elementor-element-000d9b2 .wpr-logo-image,
	.elementor-element-000d9b2 .wpr-logo-image img,
	.kh-logo-on-light {
		max-width: 168px;
	}

	.kh-auth-nav {
		justify-content: flex-start;
	}
}
