/* -------------------- All Pages -------------------- */

body { 
  font-family: 'Lato', sans-serif;
  color: #343333;
  padding-top: 70px; /* Adjust for navbar height */
  /*min-width: 320px;  set the minimum page width before scrolling */
  /*padding-bottom: 248px; /* Adjust this value to match the height of your footer */
  min-height: 100vh;  /* Pushes the footer to the bottom of the page - including the main attribute below */
  display: flex; 
  flex-direction: column;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:focus, a:active{
  text-decoration: underline;
}

.container-contrain {
  max-width: 1920px; /* A screen size of 1920px minus margins of 18px*/
}

/* -------------------- Navbar -------------------- */

.navbar { 
  background-color: #ffffff;
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10;
}

.navbar .container-contrain {
  background-color: #ffffff;
  min-height: 70px;
}

.navbar-brand span,
.nav-link {
  font-size: 1.5rem !important;
}

@media (max-width: 1212px) {
  .navbar-brand span,
  .nav-link {
    font-size: 1.2rem !important;
  }
}

.navbar-brand, .nav-link, .nav-icon {
  color: #343333 !important;
}

.nav-icon {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.nav-link.active {
  text-decoration: underline;
}

.burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70px; /* Match the navbar height */
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px; height: 3px;
  margin: 2px 0;
  border-radius: 3px;
  background-color: #343333;
  -webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
       -o-transition: all 0.4s linear;
          transition: all 0.4s linear;
}

.burger.active > .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 6.5px);transform: rotate(-45deg) translate(-3px, 6.5px);}
.burger.active > .bar2 {opacity: 0;}
.burger.active > .bar3 {-webkit-transform: rotate(45deg) translate(-3px, -6.5px); transform: rotate(45deg) translate(-3px, -6.5px);}

@media (max-width: 992px) { /* Remove menu item padding when in collapsed */
   .nav-link {
    padding-left: 0;
    margin-left: 0;
  }
}

.navbar-background {
  display: none;
  position: absolute; /* Keep it positioned over the content */
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh; /* Adjust as needed */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); /* Dark fading to transparent */
  pointer-events: none; /* Allows interactions with elements below */
  z-index: 5; /* Ensures it doesn’t interfere with the navbar */
}

/* -------------------- Footer -------------------- */

.footer {
  width: 100%;
  color: #999999;
  background-color: #f1f1f1;
  overflow: hidden;
}