/** Bootstrap Overrides **/
.btn {
  font-family: Open Sans;
  font-weight: 600;
  transition: 0.2s ease;
  border-radius: 30px;
  padding: 10px 32px;
}

.btn-group-sm>.btn, .btn-sm {
  padding: 8px 28px;
}

@media (max-width: 767px) {
  .btn-block-mobile {
    width: 100%;
  } 
}


/*** Colors ***/
.new-bg-primary {
  background-color: #005587;
}

/** Global Elements **/
a {
  transition: 0.2s ease;
  color: #112848;
}
a:hover {
  color: #112848;
}

p {
  line-height: 1.3;
}

header {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgb(0, 0, 0, 0.6);
}

#footer {
  padding: 3rem 1rem;
  background-color: #112848;
}

#footer .short-description p,
#footer .short-description p a {
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
}

#footer .short-description p a {
  text-decoration: underline;
}

#footer .nav-footer {
  display: flex;
  justify-content: center;
  padding: 0;
}

#footer .nav-footer li {
  list-style-type: none;
  padding: 0 20px 0 0.5rem;
  text-decoration: underline;
}

.nav-footer a {
  font-weight:400;
}

/** Global Components **/
body {
  font-family: "Open Sans", sans-serif;
}

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

.text-primary{
  color:#112848!important;
}

.hamburger {
  width: 2.5rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  background-color: #112848;
}
.hamburger-text {
  color: #112848;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
}
.new-btn {
  font-family: Open Sans;
  font-weight: 600;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 32px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  transition: 0.2s ease;
}

.new-btn.new-btn-primary {
  background-color: #005587;
  color: white;
}

.max-140 {
  max-width: 140px;
}

.max-130 {
  max-width: 130px;
}

@media (min-width:991px){
  .max-140 {
    max-width: 176px;
  }
  
  .max-130 {
    max-width: 176px;
  }
}

.new-btn.new-btn-primary:hover {
  background-color: #112848;
}

.btn.btn-primary {
  background-color: #005587;
}

.btn.btn-primary:hover {
  background-color: #112848;
}

.new-btn.new-btn-white-outline {
  border: 2px solid white;
  background-color: transparent;
  color: white;
}

.new-btn.new-btn-white-outline:hover {
  border: 2px solid #798595;
  background-color: #798595;
}

.bg-image {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: center;
}

.nav-item {
  font-size: 14px;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/** Page Content **/
.homepage-hero {
  padding: 150px 0;
}
.homepage-hero h1 {
  font-size: 55px;
}


h3 {
  color: #006693;
  font-family: "Open Sans", sans-serif;
  font-size: 33px;
  margin-bottom: 15px;
}

.contact-actions,
website-other-pages {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
}

.contact-actions li {
  display: inline;
  list-style-type: none;
  font-size: 15px;
}

.social-links {
  display: block;
  float: left;
  width: 27px;
  height: 26px;
  border: 2px solid #00b796;
  border-radius: 20px;
  margin-right: 18px;
}

.social-links i {
  padding: 3px 4px;
  font-size: 14px;
  color: #909090;
}

.website-other-pages li {
  display: inline;
  padding: 0 25px;
}

.website-other-pages li a {
  font-size: 15px;
  color: #333;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: bolder;
}

.btn-oval {
  border-radius: 1.5rem;
}

#KeebLogin {
  width: 9rem;
}

#KeebLogin i {
  margin-right: 8px;
}

#HeroTile {
  background: url(Images/heroImage.jpg);
  background-position: -50px 39%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 23rem;
}

.xs-text {
  font-size: 0.55rem;
}

.z-50{
  z-index: 50;
}

.max-screen-height{
  max-height: 100vh;
}

.nav-mobile-item,
.nav-mobile-link {
  padding: 1rem 0.5rem; 
  letter-spacing: 0.025em;
}

.nav-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
}

.auto-overflow-y{
  overflow-y: auto;
}

#HeroTile div {
  background-color: rgba(18, 40, 76, 0.8);
  overflow: hidden;
  height: 100%;
  z-index: 2;
  color: #fff;
}

#HeroTile div div {
  background-color: transparent;
}

.self-center-content {
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
  height: 50% !important;
}

.btn-blue {
  background-color: #005587;
  color: #fff;
  width: 14rem;
}

.btn-xs-blue {
  background-color: #005587;
  color: #fff;
  width: 8rem;
  margin-left: 25%;
}

.btn-yellow {
  background-color: #ffa400;
  color: #fff;
  width: 14rem;
}

.btn-red {
  background-color: #d50032;
  color: #fff;
  width: 14rem;
}

.btn-green {
  background-color: #00b796;
  color: #fff;
  width: 14rem;
}

.really-rounded {
  border-radius: 2.25rem !important;
}

.contact-text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  vertical-align: super;
  margin-right: 8px;
}

.school {
  background-color: #fff;
  width: 16rem;
  border-radius: 2.25rem !important;
  box-shadow: 1px 1px 1px 1px #a0a0a2;
  height: 16rem;
}

.school img {
  border-top-left-radius: 2.25rem !important;
  border-top-right-radius: 2.25rem !important;
  width: inherit;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.keeb-footer-text-links li {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin: 0 30px;
}

.keeb-footer-text-links li a {
  color: #fff;
  text-decoration: none;
}