/* The sidebar menu */

.sidenav {
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
}

/* The navigation menu links */
.sidenav a {
  padding: 20px 0px 20px 0px;
  text-decoration: none;
  font-size: 25px;
  color: #f8f8f8;
  display: block;
}

.sidenav a.active {
  background-color: #ff530e; /* Aerospace Orange */
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  background-color: #023550; /* Prussian Blue */
}

.navbar-dark {
  /* background-color: #012436; */
  background-color: rgba(1, 36, 54, 0.8)
}

.nav-link {
  text-align: center;
  color: white; /* White icons */
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #ff530e;
  border-bottom: 2px solid #ff530e;
}

.material-symbols-outlined {
  font-size: 40px; /* Increased icon size */
}

/* Style page content */
.main {
  color: #f8f8f8;
}

.Cover {
  border:solid 1px #000; 
  padding:0px;
}

body {
  background-color: #012436; /* Prussian Blue */
}

ul.breadcrumb {
  list-style: none;
  background-color: #023550;
  border-radius: 0px;
  border-bottom: 1px solid #fff;
}

.shaded-background {
  position: absolute;
  background-color: #012436;
  opacity: 0.7;
  top: 40%;
  bottom: 40%;
  left: 0%;
  right: 0%;
}

.card-img-overlay a {
  position: absolute;
  color: #f8f8f8;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.card-img-overlay h3 {
  margin-top: 0px;
  margin: 0px -20% 0px -20%;
}

.card-img-overlay p {
  margin: 0px -20% 0px -20%;
}

.Heading_Text {
  padding-top: 20%;
}

.Heading_Text h2 {
  font-size: 20px;
}

.thumbnail {
  margin: 0;
  border: 0;
  padding: 0;
}

.hero-section {
  background-image: url('https://mdbcdn.b-cdn.net/img/new/slides/088.webp');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  text-align: center;
  padding: 30% 0%;
}

.label {
  padding: 0.5rem;
  margin-right:0.2rem;
  font-size: 1em;
}

.cover-title, .modal-title {
  font-size: 1.5em;
}

.card-title {
  font-size: 1em;
}

.tab-title { 
  font-size: 1.5em; 
  margin-top: 2%;
}

.form-control { 
  background-color: #012436;
  color: #C9C9C9;
}

.form-control:focus {
  background-color: #012436;
  color: white;
}

/* X-small devices (less than 576px) */
@media (max-width: 576px) {
  div.big-screen {
    display: none;
  }
  .sidenav a {
    font-size: 25px;
  }
  .sidenav {
    width: 0px;
  }
  .main {
    /*margin-left: 80px;*/ /* Same as the width of the sidebar */
    margin-left: 0px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  div.big-screen {
    display: none;
  }
  .sidenav {
    width: 0px;
  }
  .main {
    margin-left: 0px; /* Same as the width of the sidebar */
  }
}

/* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991px) {
  div.big-screen {
    display: none;
  }
  .sidenav {
    width: 0px;
  }
  .main {
    margin-left: 0px;
  }
  .Heading_Text h2{
    font-size: 35px;
  }

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1999px) {
  div.small-screen {
    display: none;
  }
  .sidenav {
    width: 230px;
  }
  .main {
    margin-left: 230px;
  }
  .Heading_Text h2{
    font-size: 35px;
  }  
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  div.small-screen {
    display: none;
  } 
  .sidenav {
    width: 230px;
  }
  .main {
    margin-left: 230px;
  }
  .Heading_Text h2{
    font-size: 35px;
  }
}