/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@600;700&display=swap');

body{
    margin: 0;
    padding: 0;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}

/*.navbar-nav .nav-item .nav-link.active {
  
}*/

.nav-link {
  position: relative; /* Establish positioning context for the pseudo-element */
  text-decoration: none; /* Remove default underline */
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0; /* Start with no width */
  height: 2px; /* Underline thickness */
  background-color: white; /* Underline color */
  transition: width 0.3s ease-in-out; /* Smooth transition for width */
}

.nav-link:hover::after {
  width: 100%; /* Expand to full width on hover */
}

/*.navbar-nav .nav-item .nav-link:hover {
  background-color: blue;
}*/

.navbar a{
  color: white !important;
}

.custom-navbar-shadow {
  box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.5);
}

.parallax1 {
  background-image: url('marvin-meyer-SYTO3xs06fU-unsplash.jpg');
  background-attachment: fixed;  
  background-size: cover;
  background-position: center;
  min-height: 20vh;
  display: flex;
  align-items: flex-start;   /* start at top */
  justify-content: center;
  padding: 20vh 0 10vh;  /* push content down about 60% */
}

.parallax1 .row {
  flex: 0 0 100%;   /* don’t shrink, take full width */
  max-width: 1140px; /* optional, keeps it at Bootstrap’s container width */
}

.parallax1 h4, .parallax p{
    color: white;
}

footer {
    color: #fff;
    padding: 3rem 0 0 0;
  }

.custom-footer-shadow {
  box-shadow: 0px -5px 8px -6px rgba(0, 0, 0, 0.5);
}

.social-icons a {
  font-size: 1.25rem;
}