.fixed-height-box {
    height: 100px; /* Fixed height */
    width: 100px;
    margin-left: 50px;
    background-color: rgba(132, 132, 233, 0.936);
    overflow: auto;  /*. Optional: add scroll if content exceeds */
  }

  .woodlogo {
    width: 250px;
  }
  .section {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  nav.navbar a.active {
    background-color: hsl(0deg, 0%, 98%);
    color: #FA7C91;
}

  /* Change burger icon color */
  .navbar-burger span {
    background-color: black !important; /* Change to your desired color */
  }
  .navbar-item {
  color: rgb(18, 3, 62);
  }
  .navbar-background {
    color: rgb(90, 53, 7);
  }
.left{
  background-color: rgba(241, 241, 246, 0.936);  
}


/* Change hover background for navbar items */
.navbar-item:hover {
  background-color: #b0b0c2 !important; /* Example: Yellow */
  color: #000 !important; /* Optional: change text color too */
}
.navbar-item.is-active {
      background-color: #e7e7f6 !important;
      color: #000 !important;
      font-weight: bold;
    }

.gallery-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 4px;
    cursor: pointer;
    transition: transform 0.2s ease;

}


/* Lightbox overlay */
    .gallery-image {
      cursor: pointer;
      transition: transform 0.2s ease;
    }

    .gallery-image:hover {
      transform: scale(1.05);
    }


/* Lightbox overlay */
    .lightbox {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.783);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .lightbox img {
      max-width: 70%;
      max-height: 50%;
      width: auto;
      height: auto;
      border: 2px solid white;
      border-radius: 4px;
    }

    .lightbox.is-active {
      display: flex;
    }

    .lightbox-close {
      position: absolute;
      top: 1rem;
      right: 1.5rem;
      font-size: 2rem;
      color: white;
      cursor: pointer;
    }

    .lightbox-content {
      text-align: center;
    }

     .lightbox-caption {
        background-color: rgb(127, 133, 143);
        color: white;
        margin-top: 1rem;
        font-size: 1.2rem;
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
      }