body {
    background: #fcfaf6;
  }
  
  
  
  .fixed-height-box {
    height: 100%; /* 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;
    /* background-color: rgb(129, 179, 222); */
  }

  .section2 {
    background-color: bisque;
  }
  .section3 {
    /* background-color: rgb(90, 78, 63); */
  }

  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;
    }


div.content ul {
  display: inline-flex;
  flex-direction: column;
}

div.content ul li {
  text-align: left;
}

.button {
            display: block;
            margin: auto;
}

.button:hover {
    background-color: #3a499c;
    color:#FA7C91 ;
}

.imgcenter {
  display: block;
  margin: auto;
  vertical-align: middle;
}

img {
    display: block;
    max-width: 100%;

    overflow-clip-margin: content-box;
    overflow: clip;
}

.hero-photo-col {
    width: 300px;
    height: 100%;
    display: bloc;
    border: 5px red;
    object-fit: none;
    position: relative;
    overflow: hidden;
    cover: none;
}

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

.imgprodcare {
  width: 100%;
  height: 100px;
}


/* 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;
      }