@import 'native-c2c.css';

/* Showcase base styles - A.I First */
.navbar {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}
.navbar strong {
	padding-left: 5px;
}
.navbar-toggler:focus {
	box-shadow: initial;
}
/*Profile */
#login-drop {
	cursor: pointer;
}
#login-form, #logout-form {
	width: 250px;
}
@media (max-width: 279px) {
	#login-form, #logout-form {
		--bs-position: start;
		right: auto;
		left: 0;
	}
}
#navbarMenu .nav-item:hover, #logout-form > .row:hover, #logout-form > div:first-child, #login-h-div {
	background-color: rgb(0 0 0 / 5%);
}
#authed-user {
	font-weight: bolder;
}
#logout-btn {
	background: none;
	border: none;
	text-align: inherit;
}
.bi-box-arrow-in-left {
	margin-bottom: 1px;
}
/*End Profile*/
#banner-text {
	background: rgb(250 250 250 / 35%);
	border-radius: 5px;
}
#top-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}
/*X-Small*/
@media (max-width: 575.98px) {}
/*Small*/
@media (min-width: 576px) {
	.featurette-heading { font-size: 50px; }
}
/*Medium*/
@media (min-width: 768px) {
	h1 { font-size: calc(1.375rem + 1.7vw); }
	.featurette-heading { font-size: 37px; margin-top: 1.5rem; }
}
/*Large*/
@media (min-width: 992px)){
	h1 { font-size: calc(1.375rem + 1.5vw); }
	.featurette-heading { font-size: 50px; margin-top: 4rem; }
}
@media (min-width: 1100px) {
	h1 { font-size: calc(1.375rem + 1.3vw); }
}
/*X-large*/
@media (min-width: 1200px) {
	.featurette-heading { margin-top: 6rem; }
}
/*XX-large*/
@media (min-width: 1400px) {
	.featurette-heading { margin-top: 8rem; }
}