/* Navbar Styles */
.navbar {
  background-color: #f2a900 !important; /* background color: white */
  color: white !important;
  font-family: Arial, sans-serif; /* font family */
  text-align: center !important;
}

.navbar-brand,
.nav-link {
  text-align: center !important;
  color: #212529;
}

.navbar-brand:hover,
.nav-link:hover {
  color: #f2a900 !important; /* font color on-hover of Navbar*/
}

.form-control {
  border-color: #00a3e0 !important; /* border color for search input */
}

.btn-outline-success {
  color: #ffffff !important; /* font color for search button */
  border-color: #ffffff !important; /* border color for search button */
}

.btn-outline-success:hover {
  background-color: #f2a900 !important; /* background color on-hover for search button */
  color: #ffffff !important; /* font color on hover for search button */
  border-color: #ffffff !important;
}

/*Card Styles*/
.courses-container {
  max-width: 1600px !important;
  margin: 0 auto;
}

/* Button Styles* */
.btn {
  background-color: #72726e !important;
  text-color: #000000 !important;
  border-color: #ffffff !important;
}

.btn:hover {
  background-color: #f2a900 !important;
  color: white !important; /* Change text color to white for contrast */
  border-color: #ffffff !important;
}

/* Select Term Styles*/
.dropdown-item:focus {
  background-color: #f2a900 !important;
  color: white !important;
}

/* Uni logo */
.uni_logo {
  width: 30%;
  height: 100%;
}

/*aurora title*/
.home_title {
  margin-top: 30px;
}

/* styles for larger screens */
@media only screen and (min-width: 1024px) {
  /* Department Fall Image */
  .footer_fall {
    background-image: url("https://images.unsplash.com/photo-1508255139162-e1f7b7288ab7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    opacity: 0.8;
  }

  /* Final Grades Fall Image */
  .footer_fallFinalGrade {
    background-image: url("https://images.unsplash.com/photo-1508255139162-e1f7b7288ab7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    opacity: 0.8;
  }

  /* Department Winter Image */
  .footer_winter {
    background-image: url("https://images.unsplash.com/photo-1487424439918-bc6b5bef0380?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1633&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    opacity: 0.8;
  }

  /* Final Grades Winter Image */
  .footer_winterFinalGrade {
    background-image: url("https://images.unsplash.com/photo-1487424439918-bc6b5bef0380?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1633&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    opacity: 0.8;
  }

  /* Aurora Home Image */
  .footer_home {
    background-image: url("https://images.unsplash.com/photo-1550198452-860e60435b58?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    opacity: 0.9;
  }

  /* Register home image */
  .footer_register {
    background-image: url("https://images.unsplash.com/photo-1457276587196-a9d53d84c58b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: fixed;
    bottom: -50px;
    left: 0;
    right: 0;
    height: 200px;
    opacity: 0.9;
  }
}

@media only screen and (min-height: 700px) and (max-width: 1023px) {
  /* CSS code for medium-sized screens */
  .footer_fall,
  .footer_winterFinalGrade,
  .footer_winter,
  .footer_winterFinalGrade,
  .footer_home,
  .footer_register {
    height: 250px;
  }
}

@media only screen and (max-height: 700px) {
  /* CSS code for smaller screens */
  .footer_fall,
  .footer_winterFinalGrade,
  .footer_winter,
  .footer_winterFinalGrade,
  .footer_home,
  .footer_register {
    height: 50px;
  }
}