@font-face {
	font-family: "Freight Sans Pro Book";
	src: url(/css/fonts/FreightProBook/freigsanprobook-webfont.woff2) format('woff2'),
		url(/css/fonts/FreightProBook/freigsanprobook-webfont.woff) format('woff'),
		url(/css/fonts/FreightProBook/freigsanprobook-webfont.ttf) format('truetype');
}

@font-face {
	font-family: "Freight Sans Pro Medium";
	src: url(/css/fonts/FreightSansProMedium/freigsanpromed-webfont.woff2) format('woff2'),
		url(/css/fonts/FreightSansProMedium/freigsanpromed-webfont.woff) format('woff'),
		url(/css/fonts/FreightSansProMedium/freigsanpromed-webfont.ttf) format('truetype');
}

@font-face {
	font-family: "Freight Sans Compressed Pro Medium";
	src: url(/css/fonts/FreightSansCmpProMedium/freightsanscmppro-med-webfont.woff2) format('woff2'),
		url(/css/fonts/FreightSansCmpProMedium/freightsanscmppro-med-webfont.woff) format('woff'),
		url(/css/fonts/FreightSansCmpProMedium/freightsanscmppro-med-webfont.ttf) format('truetype');
}

@font-face {
	font-family: 'Minion Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/MinionPro/MinionPro-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Minion Pro Medium';
	font-style: normal;
	font-weight: normal;
	src: url('/css/fonts/MinionPro/MinionPro-Medium.woff') format('woff');
}

:root {
	--bs-primary-rgb: 0, 69, 125;
	--bs-body-bg-rgb: 250, 249, 246;
}

body {
	--bs-link-color: #0070B9;
	--bs-link-hover-color: #00457D;
	font-family: "Freight Sans Pro Book", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	background: #faf9f6; /* 30% linen composited */
}

p strong,
.fw-bold {
	font-family: "Freight Sans Pro Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

h1,
.h1 {
	font-family: "Minion Pro Medium", "Georgia", "Times New Roman", Times, serif;
	font-variant: small-caps;
}

h2,
.h2,
h3,
.h3 {
	font-family: "Freight Sans Pro Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-minion-regular {
	font-family: "Minion Pro Regular", "Georgia", "Times New Roman", Times, serif;
}

/* header variant */

header .header-ribbon {
	color: #fff;
	background-color: #002855; /* Hillsdale blue */
}

header .img-logo {
	height: 2rem;
}

.container-logo {
	max-width: 1360px;
}

/* buttons */

.btn {
	--bs-btn-color: #333;
	--bs-btn-bg: #cccccc;
	--bs-btn-hover-color: #333;
	--bs-btn-hover-bg: #b8b8b8;
	--bs-btn-active-color: #333;
	--bs-btn-active-bg: #b3b3b3;
	--bs-btn-active-border-color: #b3b3b3;
}

.btn:not(.btn-sm) {
	padding: .4375rem 1.5rem .3125rem;
	/* bottom padding less because font is not centered */
	font-family: "Freight Sans Compressed Pro Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	border-radius: .125rem;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #00457D;
	--bs-btn-border-color: #00457D;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0070B9;
	--bs-btn-hover-border-color: #0070B9;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #004175;
	--bs-btn-active-border-color: #004175;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #cccccc;
	--bs-btn-disabled-border-color: #cccccc;
}

.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c72334;
	--bs-btn-hover-border-color: #c72334;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bf2232;
	--bs-btn-active-border-color: #bf2232;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #cccccc;
	--bs-btn-disabled-border-color: #cccccc;
}

/* footer */

footer {
	color: #fff;
	background-color: #002855;
}

footer a:link,
footer a:visited,
footer a:active {
	color: #D7C59C;
	/* wheat */
}

footer a.nav-link {
	color: #fff;
}

footer a:hover,
footer a.nav-link:hover {
	color: #E8E3D2;
}

footer .img-logo {
	height: 4rem;
}

/* calculated widths at different sizes */

@media(min-width: 768px) {
	.w-md-75 {
		width: 75% !important;
	}
	
	.w-md-50 {
		width: 50% !important;
	}
	
	.vh-md-100 {
		height: 100vh !important;
	}
}

@media(min-width: 992px) {	
	.w-lg-50 {
		width: 50% !important;
	}
	
	.w-lg-75 {
		width: 75% !important;
	}
	
	.w-lg-85 {
		width: 85% !important;
	}
	
	.w-lg-100 {
		width: 100% !important;
	}
}

@media(min-width: 1200px) {	
	.w-xl-50 {
		width: 50% !important;
	}
}