/* File created by Momentus Capital as part of new logo updates, January 2026 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--mc-brand: #ffc000;
	--mc-brand-rgb: 255, 192, 0;
	--gray-000: #f8f9fa;
	--gray-100: #f2f2f2;
	--gray-200: #d0d0d0;
	--gray-brand: #6d6e71;
	--gray-brand-rgb: 109, 110, 113;
	--gray-400: #464646;
	--gray-500: #212529;
	--white: #fff;
	--black: #000;
	--fs-xs: .84375rem;
	--fs-sm: clamp(.875rem, .7262rem + .5602vw, 1rem);
	--fs-page: clamp(1.03125rem, .8824rem + .5602vw, 1.15625rem);
	--fs-md: clamp(1.2625rem, 1.1137rem + .5602vw, 1.3875rem);
	--fs-lg: clamp(1.54rem, 1.3912rem + .5602vw, 1.665rem);
	--fs-xl: clamp(1.87313rem, 1.7243rem + .5602vw, 1.99813rem);
	--fs-xxl: clamp(2.2725rem, 2.1237rem + .5602vw, 2.3975rem);
	--fs-giant: clamp(2rem, .9561rem + 3.93vw, 2.87688rem);
	--mc-spacer-0: 0;
	--mc-spacer-xs: clamp(.5rem, .4821rem + .0893vi, .5625rem);
	--mc-spacer-sm: clamp(1rem, .9643rem + .1786vi, 1.125rem);
	--mc-spacer-page: clamp(1.03125rem, .8824rem + .5602vw, 1.15625rem);
	--mc-spacer-md: clamp(1.5rem, 1.4464rem + .2679vi, 1.6875rem);
	--mc-spacer-lg: clamp(2rem, 1.9286rem + .3571vi, 2.25rem);
	--mc-spacer-xl: clamp(2.5rem, 2.4107rem + .4464vi, 2.8125rem);
	--mc-spacer-xxl: clamp(3.5rem, 3.375rem + .625vi, 3.9375rem);
	--mc-spacer-giant: clamp(4rem, 3.8571rem + .7143vi, 4.5rem);
	--mc-spacer-jumbo: clamp(6rem, 5.7857rem + 1.0714vi, 6.75rem);
	--mc-spacer-super: clamp(8rem, 7.7143rem + 1.4286vi, 9rem);
	--form-control-color: var(--mc-brand);
	--form-input-bkg-color: rgba(var(--gray-brand-rgb), .025);
	--form-border-color: rgba(var(--gray-brand-rgb), .2);
	--form-fieldset-color: var(--gray-brand);
	--form-success: #038f0d;
	--form-error: #bf2020;
	--form-icon-radio-hover-bkg-color: var(--mc-brand);
	--form-icon-radio-hover-color: var(--black);
}

html {
	font-size: 16px;
}

body {
	background-color: var(--gray-000);
	font-family: "Montserrat", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: normal;
	color: var(--gray-500);
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li {
	font-family: "Montserrat", sans-serif !important;
}

/* Structure */
.navbar {
	background-color: var(--mc-brand);
	border-color: var(--mc-brand);
	color: var(--black);
}

.navbar a {
	color: var(--black) !important;
	font-weight: bold;
}

.navbar-text{
	color: #000 !important;
}

.panel {
	border-radius: 8px;
	box-shadow: 0 0 6px 1px #4565b21c;
	border: none;
}

.panel-info>.panel-heading {
	padding: 0.75rem 1rem;
	background-color: var(--gray-brand);
	color: var(--white);
	font-size: var(--fs-page);
	font-weight: 550;
	border-bottom: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Buttons */
.btn,
.btn-default {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: .65em 1.65em !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 9999px;
	outline: none !important;
	transition: all .2s ease;
	text-transform: inherit;
	font-size: var(--fs-sm);
	line-height: var(--lh-sm);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: 1rem;
	color: var(--white);
	background-color: var(--black);
	border-color: var(--black);

	&:hover,
	&:active,
	&:focus,
	&:focus-visible {
		color: var(--black) !important;
		background-color: var(--mc-brand) !important;
		border-color: var(--mc-brand) !important;
		box-shadow: none !important;
	}

	&[value='Log in'] {
		margin-top: 0.5rem;
	}

}

/* Forms */
form {
	accent-color: var(--form-control-color);

	p,
	label,
	div {
		line-height: 1.25rem;
	}

	sup {
		font-size: var(--fs-sm);
		color: var(--form-control-color);
		top: -.25em;
	}

	p,
	h2,
	h3,
	h4 {
		margin-block: 1rem;
	}

	hr {
		margin-bottom: 1.5rem;
	}
}

/* .form-group {
	display: flex;
	align-items: center;
	row-gap: var(--mc-spacer-xs);
} */

label {
	font-size: var(--fs-sm);
	font-weight: 600;
	margin: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="date"],
input[type="number"],
select,
textarea {
	
	color: var(--gray-400) !important;
	background-color: var(--form-input-bkg-color) !important;
	background-clip: padding-box !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--form-border-color) !important;
	border-radius: 4px !important;
	outline: 2px solid transparent !important;
	transition: outline .15s ease-in-out;
	box-shadow: none !important;

	&:active,
	&:focus,
	&:focus-visible {
		outline: 2px solid var(--mc-brand);
		outline-offset: -2px;
	}

	&::placeholder {
		color: var(--gray-brand) !important;
	}
}

select {
	appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.936 13.6145L17.8858 8.66479L19.3 10.079L12.936 16.443L6.57212 10.079L7.98633 8.66479L12.936 13.6145Z' fill='%23878787'/%3E%3C/svg%3E%0A") !important;
	background-repeat: no-repeat !important;
	background-position: calc(100% - .5rem) center !important;
}


/* Home */
.jumbotron {
	color: inherit;
	background-color: var(--gray-000);
	padding-bottom: 1.5rem;
}

.jumbotron img {
	min-width: 35%;
}

.jumbotron h2 {
	margin-block: 3rem 1.25rem;
	font-weight: 600;
	font-size: var(--fs-xxl);
}

.card-header.bg-primary.text-white {
	color: var(--black) !important;
}

/* Page titles: Forgot PW, Create Account */
.body-content>.row>h2,
.body-content>.row>h3 {
	margin-top: 3rem;
}

/* Upload Screen */
#Upload {
	margin-top: 3rem;
	max-width: 600px;

	h3 {
		line-height: 1.5;
	}

	img {
		max-width: 320px;
		margin-block: 1.5rem;
	}

	.form-group {
		display: block;
		margin-bottom: 1.75rem;
	}

	label {
		margin-bottom: 0.5em;
	}

	input {
		background-color: var(--white);
	}

	.form-control-feedback {
		top: 16px !important;
		font-size: 0.65rem;
		color: var(--form-error);
	}

	.upload-drop-zone {
		text-align: start;
		border-radius: 8px;
		padding: 1rem;
	}

}

.section-nav-buttons {
	display: flex;
	align-items: start;
	justify-content: start;
	margin-block: 0 2rem;

	.btn.pull-right {
		margin: 0;
		padding: .75em 1.65em !important;
		font-size: var(--fs-page);
		line-height: var(--lh-page);
		color: var(--black) !important;
		background-color: var(--mc-brand) !important;
		border-color: var(--mc-brand) !important;
		width: auto;

		&:hover,
		&:active,
		&:focus,
		&:focus-visible {
			color: var(--white) !important;
			background-color: var(--black) !important;
			border-color: var(--black) !important;
		}
	}
}