@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: "Ashley Grottel Regular";
	src: url("../fonts/ashleygrotteltwo-regular.eot");
	src: url("../fonts/ashleygrotteltwo-regular.woff") format("woff"),
	url("../fonts/ashleygrotteltwo-regular.otf") format("opentype"),
	url("../fonts/ashleygrotteltwo-regular.svg#filename") format("svg");
}

@font-face {
	font-family: "Ashley Grottel Light";
	src: url("../fonts/ashleygrotteltwo-light.eot");
	src: url("../fonts/ashleygrotteltwo-light.woff") format("woff"),
	url("../fonts/ashleygrotteltwo-light.otf") format("opentype"),
	url("../fonts/ashleygrotteltwo-light.svg#filename") format("svg");
}

@font-face {
	font-family: "Ashley Grottel Medium";
	src: url("../fonts/ashleygrotteltwo-medium.eot");
	src: url("../fonts/ashleygrotteltwo-medium.woff") format("woff"),
	url("../fonts/ashleygrotteltwo-medium.otf") format("opentype"),
	url("../fonts/ashleygrotteltwo-medium.svg#filename") format("svg");
}

@font-face {
	font-family: "Ashley Grottel Bold";
	src: url("../fonts/ashleygrotteltwo-bold.eot");
	src: url("../fonts/ashleygrotteltwo-bold.woff") format("woff"),
	url("../fonts/ashleygrotteltwo-bold.otf") format("opentype"),
	url("../fonts/ashleygrotteltwo-bold.svg#filename") format("svg");
}

@font-face {
	font-family: "Ashley Grottel Extra Bold";
	src: url("../fonts/ashleygrotteltwo-extrabold.eot");
	src: url("../fonts/ashleygrotteltwo-extrabold.woff") format("woff"),
	url("../fonts/ashleygrotteltwo-extrabold.otf") format("opentype"),
	url("../fonts/ashleygrotteltwo-extrabold.svg#filename") format("svg");
}

body {
	font-family: "Ashley Grottel Light", sans-serif;
	color: #31302b;
}

html {
	font-size: 1rem;
	scroll-behavior: smooth;
}
	@media (min-width: 992px) {
		html {
			font-size: 1.2rem;
		}
	}

h1 {
	font-family: "Ashley Grottel Bold", sans-serif;
	font-size: 2.2rem;
}
	@media (min-width: 992px) {
		h1 {
			font-size: 4rem;
			line-height: 3.8rem;
		}
	}

h2 {
	font-family: "Ashley Grottel Bold", sans-serif;
	font-size: 1.8rem;
}
	@media (min-width: 992px) {
		h2 {
			font-size: 2.8rem;
		}
	}

a {
	color: #31302b !important;
}
a:hover {
	color: #0a7b3e !important;
}

.bg-primary {
	background-color: #f3f9f6 !important;
}

.navbar {
	background-color: transparent !important;
}

.navbar-brand {
	font-size: .8rem;
}

.navbar-brand img {
	max-height: 40px;
}

.navbar-nav {
	font-family: "Ashley Grottel Regular", sans-serif;
	font-size: 1.8rem;
	text-align: center;
}
	@media (min-width: 992px) {
		.navbar-nav {
			font-family: "Ashley Grottel Bold", sans-serif;
			font-size: .8rem;
		}
	}

.navbar-social {
	font-size: 1.4rem;
}

.btn-primary {
	background-color: #0a7b3e !important;
	color: #fff !important;
	border: none 0 !important;
	box-shadow: 0 0 0 4px rgba(10,123,62,.6) !important;
	font-family: "Ashley Grottel Bold", sans-serif;
}

.btn-primary:hover {
	background-color: #31302b !important;
	color: #fff !important;
	box-shadow: 0 0 0 4px rgba(49,48,43,1) !important;
}

.btn-secondary {
	background-color: #fff !important;
	color: #0a7b3e !important;
	border: none 0 !important;
	box-shadow: 0 0 0 4px rgba(255,255,255,.6) !important;
	font-family: "Ashley Grottel Bold", sans-serif;
}

.btn-secondary:hover {
	background-color: #31302b !important;
	color: #fff !important;
	box-shadow: 0 0 0 4px rgba(49,48,43,1) !important;
}

.badge {
	background-color: transparent !important;
	color: #0a7b3e !important;
	font-family: "Ashley Grottel Regular", sans-serif;
	font-size: 1rem;
}

.come-in {
	transform: translateY(250px);
	animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
	animation-duration: 0.4s;
}

.already-visible {
	transform: translateY(0);
	animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.bg-vision {
	background: #0a7b3e url("../images/vision-statement-mobile.jpg") no-repeat center center !important;
	background-size: cover !important;
	color: #fff !important;
}

	@media (min-width: 992px) {
		.bg-vision {
			background: #0a7b3e url("../images/vision-statement.jpg") no-repeat center center !important;
			background-size: cover !important;
			color: #fff !important;
		}
	}

.bg-vision .badge {
	color: #fff !important;
}

.bg-vision .lead {
	font-size: 2rem;
}

	@media (min-width: 992px) {
		.bg-vision .lead {
			font-size: 2.8rem;
		}
	}

.bg-vision .lead strong {
	text-transform: uppercase;
	background: rgba(255,255,255,.3);
	font-family: "Ashley Grottel Bold", sans-serif;
	padding: 0 6px;
}

	@media (min-width: 992px) {
		.bg-vision .lead strong {
			padding: 6px 12px 2px 12px;
		}
	}

.bg-vision img {
	max-width: 100px;
}

	@media (min-width: 992px) {
		.bg-vision img {
			max-width: 180px;
		}
	}

.bg-apply {
	background: #0a7b3e url("../images/wichita-jobs.jpg") no-repeat right center !important;
	background-size: cover !important;
	color: #fff !important;
}

.bg-apply .bonus {
	color: #fff !important;
	background-color: #31302b !important;
	font-family: "Ashley Grottel Light", sans-serif;
	font-size: .6rem;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
	bottom: 4px;
}

.bg-apply .lead {
	font-size: 1.2rem;
	font-family: "Ashley Grottel Bold", sans-serif;
}

	@media (min-width: 992px) {
		.bg-apply .lead {
			font-size: 1.6rem;
		}
	}

.text-secondary {
	color: #fff !important;
	font-family: "Ashley Grottel Regular", sans-serif;
	text-decoration: underline;
}
.text-secondary:hover {
	color: #31302b !important;
}

.row-slider {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.row-slider > .col-1, .row-slider > .col-2, .row-slider > .col-4, .row-slider > .col-8 {
  display: inline-block;
}

.row-slider .lead {
	font-size: 1.6rem;
	font-family: "Ashley Grottel Bold", sans-serif;
	line-height: 1.5rem;
}

.row-slider p {
	white-space: normal;
}

.btn:focus {
	box-shadow: none;
}

.img-icon {
	max-height: 62px;
}

.bi-caret-right-fill, .bi-caret-left-fill {
	font-size: .8rem;
}