/* ===============================
   HUGE LOGO SECTION (KEY PART) logo in navBar drawn from features-report.html
================================ */
.navbar-brand-wrap2 {
  position: relative;
  height: 340px;        /* controls how much is visible ancho */
  overflow: hidden;     /* ✅ NO SCROLL */
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.navbar-brand-image2 {
  /* width: min(5040px, 300vw); BIG like example idea  1400px, 90vw
  max-width: 100%;
  transform: translateY(43%); "35% up  is the start and 46% is down" crops bottom */
  transform: translateY(43%);
  width: min(2400px, 140vw); /* adjusted size */
  max-width: none;
  transform: translateY(70%) scale(1.35); /* 👈 scale here */
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

@media (max-width: 768px) {
  .navbar-brand-wrap2 {
    height: 620px;
    padding: 120px 80px;
  }

  .navbar-brand-image2 {
    width: 450px;              /* 👈 mobile width */
    max-width: 70vw;            /* responsive safety */
    transform: translateY(35%) scale(1);
  }
}


/* ===============================
   HEADER BASE logo navBar logo 2  features-report.html
================================ */


#navbar-siteBrands {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

#navbar-logoLinks {
  display: block;
  width: auto;
  height: 80px; /* Adjust as needed to control logo size */
  margin-top: 10px; /* Adjust as needed to vertically center the logo */
  
}

/* Make navbar shorter nav */
/* #main-navbar .container {
  padding-top: 8px;
  padding-bottom: 8px;
} */

#navbar-logos {
  height: 100%;
  width: auto;
  max-height: 60px;

}

    /* hide the smaller/standard logos when the big logo is shown */
@media (max-width: 768px) {
  #navbar-siteBrands {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;             /* adjust height here */
    padding: 0;
    margin: 0;
  }

  #navbar-logoLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  #navbar-logos {
    height: 150px;       /* adjust size here */
    margin: 0;
    max-height: 250px;
    

  }
}


/* End of nav-BarLogo2.css */