/* CSS Document */

.navbar {
  border-bottom: 3px solid #20368E;
}

#intro-text {
  height: 790px;
  width: 650px;
  text-align: center;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#CDE8F7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: 'Kumbh Sans', sans-serif;
}


.nav-link {
    color:#20368D  !important;
}

.nav-link:hover {
    color:#FF793D  !important;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


#banner {
    position: relative;
}


h1, h2, h3, h4, h5, h6, p, li {
    font-family: 'Kumbh Sans', sans-serif;
    color: #243291;
}

a {
    font-family: 'Kumbh Sans', sans-serif;
    color: #FF793D;
}

a:hover {
    color:#20368D;
    text-decoration: none;
}

.fa-arrow-circle-up{
    color:darkorange;
}

.fa-arrow-circle-up:hover{
    color:#243291;
}


.btn-outline-warning:hover {
    color: #243291 !important;
    background-color: white !important;
}

/**************modal login form ******************/

#popUpWindow{
  background: #243291; 
}

.btn-primary:hover {
    background-color: #243291 !important;
}

.btn{
    background-color: none;
    color: #20368e;
    border-color: #20368e;
    border-width: 2px;
    
}

.btn:hover{
    background-color: #20368e;
    color: white;
    border-color: #20368e;
}

label {
    font-family: 'Kumbh Sans', sans-serif;
    color: #243291;
}

.login-clean form .form-control {

  background:#f7f9fc;

  border:none;

  border-bottom:1px solid white;

  border-radius:0;

  box-shadow:none;

  outline:none;

  color:inherit;

  text-indent:8px;

  height:42px;

}

.login-clean form {

  max-width:400px;

  width:90%;

  margin:0 auto;

  background-color:#ffffff;

  padding:40px;

  border-radius:4px;

}

#popUpWindow {
    padding-top: 100px;
}

.fa-user-circle {
    color: #FF793D;
}