/* Public Styles */
.nav-masthead .nav-link {
	color: var(--bs-body-color);
	border-bottom: 0.25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
	border-bottom-color: #5dbd7d;
}

.nav-masthead .nav-link + .nav-link {
	margin-left: 1rem;
}

.nav-masthead .active {
	color: var(--bs-body-color);
	border-bottom-color: #5dbd7d;
}

@media (max-width: 767px) {
	#topnav {
		width: 280px;
	}
	.min-vh-100-mobile {
		min-height: 100vh !important;
	}
	.flex-column-mobile {
		flex-direction: column !important;
	}
}

.header-logo {
	width: 120px;
	margin: 10px 0;
}

.footer-logo {
	width: 100px;
}

#validationForm {
	max-width: 600px;
}

#validationButton {
	min-width: 120px;
}

#jumbotron #emailToValidate:focus {
	box-shadow: none;
}

@keyframes rotateBackground {
	from {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	to {
		background-position: 0% 0%;
	}
}
.colorful-text {
	background-image: url(/static/media/background/colorful.jpg);
	background-repeat: no-repeat;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	animation: rotateBackground 3s linear infinite;
}

.colorful-bg {
	background-image: url(/static/media/background/colorful.jpg);
	background-repeat: no-repeat;
	animation: rotateBackground 10s linear infinite;
	color: #fff;
}

#demo-results h2,
#demo-results p {
	color: #fff;
}

#demoResultsTable > div {
	padding: 20px 0;
}

#demoResultsTable th {
	font-weight: 500;
}
#demoResultsTable th {
	font-weight: 500;
}
#demoResultsTable td {
	font-weight: 400;
}

/* Make both sections the same height */
#demo-results .table-responsive {
	max-height: 660px;
	overflow-y: scroll;
}
/* Make it as long as the table */
#demoAPIResponse code {
	height: 660px;
	overflow-y: auto;
}

.feature-icon-small {
	width: 3rem;
	height: 3rem;
}

#demoResultsTable .placeholder {
	min-width: 120px;
}