@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");

:root {
	--bs-font-sans-serif: "Inter", sans-serif;
	--bs-body-font-family: "Inter", sans-serif;
	--bs-heading-font-family: "Varela Round", sans-serif;
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--cui-border-color-translucent: rgba(8, 10, 12, 0);
	--app-scroll-offset: 15px;
}

body {
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	background-color: rgba(var(--cui-light-rgb), .45) !important;
}

html,
body,
.wrapper,
.body.flex-grow-1,
#page-content {
	overflow-anchor: none;
}

footer {
  background-color: var(--cui-body-bg);
}

label {
    font-weight: 600;
    color: var(--cui-secondary-color);
}
.dropdown-menu {
	border: none;
	border-radius: 0.85rem;
	box-shadow: var(--cui-box-shadow);
}

.popover {
	box-shadow: var(--cui-box-shadow);
}

.admin-stripe-popover {
	min-width: 15rem;
}

.admin-stripe-popover li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.2rem 0;
	border-top: 1px solid var(--cui-border-color-translucent);
}

.admin-stripe-popover li:first-child {
	border-top: 0;
}

.admin-stripe-popover code {
	overflow-wrap: anywhere;
	text-align: right;
}

.card {
	border: none;
	border-radius: 0.85rem;
	box-shadow: var(--cui-box-shadow-sm);
}

.card .card,
.card .card.shadow,
.card .card.shadow-sm,
.card .card.shadow-lg {
	box-shadow: none !important;
}

.card .card-body {
	padding: 1.5rem;
}

.app-header-mark {
	font-family: var(--bs-heading-font-family);
	font-weight: 700;
	min-width: 2rem;
	height: 2rem;
	font-size: 0.875rem;
	line-height: 1;
	padding: 0 0.35rem;
	flex-shrink: 0;
  	margin: 1.15rem 0;
}

.app-header-mark-sparkles {
	width: 0.75rem;
	height: 0.75rem;
	flex-shrink: 0;
}

.app-header-wordmark {
	color: var(--cui-primary);
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
}

.app-header-wordmark span {
	display: inline-block;
}

.app-header-wordmark span:nth-of-type(1) {
	color: var(--cui-teal);
}

.app-header-wordmark span:nth-of-type(2) {
	color: var(--cui-pink);
}

.app-header-wordmark span:nth-of-type(3) {
	color: var(--cui-warning);
}

.toast-body {
	color: white;
}

#page-content {
	scroll-margin-top: var(--app-scroll-offset);
}

.app-header-subpage {
	background-color: var(--cui-body-bg);
	border-top: 1px solid var(--cui-border-color);
	width: 100%;
	padding: 0.5rem 0;
}

.header,
.app-header-subpage,
#header-subpage-shell,
#header-subpage-content {
	overflow-anchor: none;
}

.app-header-subpage .breadcrumb {
	margin-bottom: 0;
}

.app-header-subpage .btn {
	white-space: nowrap;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bs-heading-font-family);
	font-weight: 600;
	line-height: 1.2;
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}

.h1,
h1,
.fs-1 {
	font-size: calc(1.375rem + 1.5vw);
}

.h2,
h2,
.fs-2 {
	font-size: calc(1.3rem + 0.6vw);
}

.h3,
h3,
.fs-3,
.lead {
	font-size: calc(1.25625rem + 0.075vw);
}

.h4,
h4,
.fs-4 {
	font-size: 1.15rem;
}

.h5,
h5,
.fs-5 {
	font-size: 1rem;
}

.h6,
h6,
.fs-6 {
	font-size: 0.925rem;
}

small,
.small {
	font-size: 0.875rem;
}

.lead {
	font-weight: 400;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
	font-family: var(--bs-heading-font-family);
	font-weight: 600;
	line-height: 1.2;
}

.display-1 {
	font-size: calc(1.625rem + 4.5vw);
}

.display-2 {
	font-size: calc(1.575rem + 3.9vw);
}

.display-3 {
	font-size: calc(1.525rem + 3.3vw);
}

.display-4 {
	font-size: calc(1.475rem + 2.7vw);
}

.display-5 {
	font-size: calc(1.425rem + 2.1vw);
}

.display-6 {
	font-size: calc(1.375rem + 1.5vw);
}

.iti {
	width: 100%;
}

.iti .iti__tel-input,
.iti input[type="tel"] {
	width: 100%;
}

.channel-discovery-card {
	overflow: hidden;
}

.channel-discovery-card-media {
	background: linear-gradient(135deg, var(--cui-primary), var(--cui-info));
}

.channel-discovery-card-overlay {
	background: linear-gradient(180deg, rgba(var(--cui-body-color-rgb), 0), rgba(var(--cui-body-color-rgb), 0.45));
}

@media (min-width: 1200px) {
	.h1,
	h1,
	.fs-1 {
		font-size: 2.5rem;
	}

	.h2,
	h2,
	.fs-2 {
		font-size: 1.75rem;
	}

	.h3,
	h3,
	.fs-3,
	.lead {
		font-size: 1.3125rem;
	}

	.display-1 {
		font-size: 5rem;
	}

	.display-2 {
		font-size: 4.5rem;
	}

	.display-3 {
		font-size: 4rem;
	}

	.display-4 {
		font-size: 3.5rem;
	}

	.display-5 {
		font-size: 3rem;
	}

	.display-6 {
		font-size: 2.5rem;
	}
}
.nav-underline .nav-link.active, .nav-underline .show>.nav-link, .nav-underline-border .nav-link.active, .nav-underline-border .show>.nav-link {
    font-weight: normal;
}
.btn-primary, .btn-info, .btn-success, .btn-danger, .btn-warning, .btn-secondary, .btn:hover {
    color: #fff !important;
}

.roadmap-workstream-summary {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}