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

main {
	font-size: 1.125rem;
}

.req {
	color: red !important;
	font-weight: 900 !important;
}

.main-body-content {
	padding-bottom: 2em;
	margin-bottom: 4em;
}

.hero-section {
  background: url('../images/montana-photo.png') no-repeat center center fixed;
  background-size: cover;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.hero-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6); /* semi-transparent white */
  z-index: 1;
}

.hero-section > *:not(.overlay) {
  position: relative;
  z-index: 2;
}

div.title {
	background-color: rgba(255, 255, 255, 0.8) !important;
	position: relative;
	z-index: 2;
	margin-bottom: 4em !important;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

header {
	background-color: #e5e6e0 !important;
}


.nav-link {
   font-size: .95em !important;
   font-weight: 600 !important;
   color: #2E2E2E !important;
/*   margin: 0 2px; */
}

a.nav-link.active {
   color: #FFF !important;
   background-color: #0A6309 !important;
}
/*
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    padding-left: 8px;
}
*/

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active, 
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover {
   background-color: #0A6309 !important;
   color: #FFF !important;
   padding-left: 8px;
}

/* Add Transition to make color change on hover smooth */
.navbar .navbar-nav .nav-link {
/*   padding: 1em 0.7em; */
   transition: all 0.5s;
   margin-right: 2px;
   margin-bottom: 2px;
}
/* END OF NAVBAR CSS */

.navbar-collapse {
   padding: 10px !important;
}

@media (max-width: 1199.9px) {
   .navbar-collapse {
      background-color: #FFF !important;
      border: 1px solid #E5E6E0;
      margin-top: 10px;
   }
}

.navbar {
    background-color: #E5E6E0;
}

@media (max-width: 282.9px) {
  .top-view {
   margin-top: 100px !important;
   }
}

@media (min-width: 283px) {
  .top-view {
   margin-top: 90px !important;
   }
}

@media (min-width: 336px) {
  .top-view {
   margin-top: 70px !important;
   }
}

@media (min-width: 350px) {
  .top-view {
   margin-top: 40px !important;
   }
}

@media (min-width: 518px) {
  .top-view {
   margin-top: 10px !important;
   }
}


@media (max-width: 768px) {
   .fixed-top {
      position: absolute;
   }
}

.mr-1 {
	margin-right: 10px;
}

/* Custom H2 style */
h2.h2-homepage {
  font-size: 2em;
  color: #0A6309;
  text-align: center;
}

/* Responsive H2 scaling */
@media (max-width: 991.98px) {
  h2.h2-homepage {
    font-size: 1.75em;
  }
}

@media (max-width: 575.98px) {
  h2.h2-homepage {
    font-size: 1.25em;
  }
}

.form-control, .form-select {
	border-width: 2px !important;
	border-color: #BEBEBE !important;
}

.image-wrapper {
  position: relative;
}
.logo-left,
.logo-right {
  position: relative;
  bottom: 30px;
  height: auto;
  max-width: 100%;
}

.logo-left {
  left: 30px;
  width: 375px;
  min-width: 200px;
}

.logo-right {
  right: 30px;
  width: 125px;
  min-width: 50px;
}

/* Responsive scaling under 992px */
@media (max-width: 991.98px) {
  .logo-left {
    width: 30vw; /* 30% of viewport width */
  }

  .logo-right {
    width: 10vw; /* 10% of viewport width */
  }
}

footer.container {
	margin-top: 1em;
}