@import "partials/bootstrap.css";
@import "partials/forms.css";
@import "partials/helpers.css";
@import "partials/parcels.css";
@import "partials/numeric-steps.css";
@import "partials/typography.css";

:root {
	--color-platinum: #CED6DB;
	--color-light-gray: #D9D9D9;
	--color-bright-gray: #EBECEF;
	--color-brightest-gray: #FAFAFA;
	--color-text-dark: #333333;
	--color-brand-blue: #457DA2;
	--color-brand-blue--s2: #3B6B8A;
	--color-brand-blue--s4: #315872;
	--color-brand-dark-blue: #133342;
	--color-brand-dark-blue--s1: #8fbacd;
	--color-brand-dark-blue--s2: #0b1f28;
	--color-brand-gray: #f3f3f3;
	/* legacy color */
	--color-legacy-blue: #3e7e9b;
	--color-legacy-blue--hover: #3a7590;
	--color-legacy-blue--darker: #32657c;
	--subtle-shadow: 0px 16px 12px -12px rgba(0, 0, 0, 0.10);
	--extra-subtle-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.10);

	--bs-border-color: var(--color-platinum);

	/* logo colors? */
	/*
	#457DA2
	#54491B
	#93932F
	#6F723D
	#DC7E36
	#FFF8DE
	*/
	/* dashboard colors? */
	/*
	#F1F7F8
	#457DA2
	#5C845F
	#133342
	#495f40
	*/
}

body {
	font-family: 'Chivo', sans-serif;
	background-image: url('../../images/krwqc-portal-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.btn .b-block::before {
	display: block;
}

.member-application-header {
	background: #fff;
	padding: 1rem 0;
}

@media (min-width: 768px) {
	.member-application-header {
		position: sticky;
		top: 0;
	}
}

.member-application-header .header-logo {
	width: 180px;
	max-width: 100%;
	height: auto;
}

.parcel-table .k-command-cell > .k-button + .k-button {
	margin: 0;
}