/* species page gallery */
@media (max-width: 768px) {
  .gallery-container {
    width: 100%;  
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 769px) {
  .gallery-container {
    width: 100%; 
    max-width: 50%; 
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
  }
}

.gallery-slide {
  display:none;
}

.prevBtn, .nextBtn {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
/*  margin-top: -22px;*/
  margin-top:-1rem;
  padding: 1rem;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.3s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: rgba(109,151,115,0.7);
}


.nextBtn {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prevBtn:hover, .nextBtn:hover {
  background-color: rgba(0,0,0,0.4);
  color:white;
}

.dot {
  height: 10px;
  width: 10px;
  margin: 0 1px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

.scaled-image {
  object-fit:cover; 
  width: 100%; 
  height: 100%;
}

.tabs li.is-active a  {
  color:#B46617;
}

.tabs li a:hover {
  color: #6D9773;
}
/* end of species page */


/* buttons */
.button.button-primary {
    background-color: #6D9773;
    /*#527853;*/
    border-color: #6D9773;
    color: white;
}

.button.button-primary:hover {
    background-color: #0C3B2E;
    /*#527853;*/
    border-color: #0C3B2E;
    color: white;
}

.button-link {
    color: #AA5656;
}

.button.button-search {
    background-color: #6D9773;
    border-color: #6D9773;
    color: white;
}

.button.button-search:hover {
    background-color: #B46617;
    /*#527853;*/
    border-color: #B46617;
    color: white;
}
/* progress bar */
/* .bar-progress::-webkit-progress-bar {
    background-color: #527853;
} */
.bar-progress {
    background-image: linear-gradient(to right, #527853 30%, #ededed 30%) !important;
}

.bar-progress::-webkit-progress-value {
    background-color: #527853;
}

.bar-progress::-moz-progress-bar {
    background-color: #527853;
}

.bar-progress::-ms-fill {
    background-color: #527853;
}


/* nav bar */
/* .navbar .orchidNav .navbar-dropdown .navbar-link .navbar-item:hover {
    background-color: #527853 !important;   
    color: #ffffff !important; 
} */

/* .navbar .navbar-menu .navbar-dropdown .navbar-item:hover,
.navbar .navbar-menu .navbar-dropdown a.navbar-item:hover {
    background-color: #527853 !important;
    color: white !important;
} */


#myaccount-dropdown-content .navbar-link:hover,
#myaccount-dropdown-content:hover > .navbar-link,
#myaccount-link:hover {
    background-color: #0C3B2E !important;
    color: white !important;
}

#myaccount-dropdown-content .navbar-link:hover h3,
#myaccount-link:hover h3 {
    color: white !important;
}

.navbar-dropdown .navbar-item:hover {
    background-color: #527853 !important;
    color: white !important;
}


/* .navbar-item a.navbar-link {
    /* color: #363636;  */

/* } */

.navbar-link:not(.is-arrowless)::after {
    /* border-color: #363636; */
    border-color: white;
}


/* links */
.custom-link {
    color: #B46617;
    /*#B99B6B;*/
}

.custom-link:hover {
    color: #6D9773;
    /*#527853;*/
}

.link-white {
    color: white;
}

/* pagination */
.pagination-link.is-active {
    background-color: #0C3B2E;
    color: #fff;
}

.pagination-link:hover {
    cursor: pointer;
}

/* cards */
.card-equal-height {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.is-bottom-right {
  position: absolute !important;
  bottom: 0.75rem;
  right: 0.75rem;
}