/* Color */
.dark-wood {
  color: #8b6508;
}
.primary-wood {
  color: #e99c05;
}
.secondary-wood {
  color: #f4ae00;
}
.tertiary-wood {
  color: #f8bf33;
}
.light-wood {
  color: #f8ce19;
}
.lighter-wood {
  color: #ffdc02;
}
.pink {
  color: #e16b6b;
}
.bg-brown-pink {
  background-color: #fedfcc;
}
/* TEXT BLINK */
@keyframes blinkColor {
  0% {
    color: red; /* Start with red */
  }
  50% {
    color: rgb(160, 160, 160); /* Change to grey at the halfway point */
  }
  100% {
    color: red; /* Return to red */
  }
}
/* end of color */

/* Util */
.fs-7 {
  font-size: 0.9rem;
}
.w-23 {
  width: 23%;
}

.text-subtitle {
  font-size: 0.8rem;
  font-weight: 300;
}

.blink-text {
  animation: blinkColor 1s infinite;
}
/* End of util */

/* COMPONENTS */
.wood-btn {
  color: #e16b6b;
  border-color: #e16b6b;
  background-color: transparent;
}

.wood-btn:hover {
  color: #ffffff;
  background-color: #e16b6b;
  border-color: #e16b6b;
}

.wood-btn-solid {
  color: #fff;
  border-color: #e16b6b;
  background-color: #e16b6b;
}

.wood-btn-solid:hover {
  color: #e16b6b;
  background-color: #fff;
  border-color: #e16b6b;
}

.wood-btn.active,
.wood-btn:active {
  color: #ffffff;
  background-color: #e16b6b;
  border-color: #e16b6b;
}

.form-control:focus,
.btn:focus {
  box-shadow: 0 0 0 0.125rem #e16b6b;
}

.card {
  width: 100%;
  max-width: 550px;
  border: 0;
}

.card img {
  display: flex;
}

.card a {
  color: #8b6508;
}

.card a:hover {
  color: #e16b6b;
}

.table {
  border-color: #e16b6b;
  width: 100%;
}

.table tr td {
  background-color: #fedfcc;
}

.sidebar {
  border-left: 1px solid #fedfcc;
  min-width: 35%;
}

@media (max-width: 768px) {
  .sidebar {
    border-left: none;
  }
}

.sidebar .card {
  max-width: 375px;
}

.sidebar .card h5 {
  font-size: 0.9rem;
}

.sidebar .card p {
  font-size: 0.7rem;
}

.carousel .carousel-item img {
  max-height: 450px;
  object-fit: cover;
  object-position: 0 75%;
}
/* END OF COMPONENTS */

body {
  background-image: url("../images/main-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  background-attachment: fixed;
  padding-bottom: 2em;
}

a {
  text-decoration: none;
}

.main {
  background-color: white;
}

/* HEADER */
.header nav {
  background-color: #e16b6b;
  line-height: 2.5;
}

.header nav ul li:hover .nav-link {
  background-color: #c24141;
  color: rgb(228, 228, 228) !important;
}

.header .logo-container {
  background-color: transparent;
}
.header .logo-container img {
  max-height: 200px;
  max-width: 100%;
}
/* END OF HEADER */

/* FOOTER */
.footer .footer-copyright {
  background-color: #8b6508;
  color: rgb(228, 228, 228);
}

.footer .footer-content {
  background-color: #fedfcc;
}

.footer .footer-content .footer-content-item {
  flex: 1;
}

.footer .footer-content a:hover {
  color: #e16b6b;
}
/* END OF FOOTER */

/* HOMEPAGE */
#home-section-2 {
  background-color: #fedfcc;
  width: 102%;
  margin-left: -1%;
}

#page-title-section {
  background-color: #8b6508;
}
/* END OF HOMEPAGE */

/* TREATMENTS */
.treatment-cards {
  background-color: #fedfcc;
}
/* END OF TREATMENTS */

/* GALLERY */
.gallery-item {
  cursor: pointer;
  overflow: hidden;
  max-width: 400px;
}

.gallery-item img {
  transition: transform 0.3s ease;
  max-height: 150px;
  object-fit: cover;
  width: 100%;
}

.gallery-item:hover img {
  transform: scale(1.05); /* Slight zoom effect */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Dark overlay */
  opacity: 0;
  transition: opacity 1s ease; /* Fade-in effect */
}

.gallery-item:hover .overlay {
  opacity: 1;
}

.overlay h5 {
  opacity: 0;
  transition: opacity 0.25s ease 0.25s; /* Fade-in delay for text */
}

.gallery-item:hover .overlay h5 {
  opacity: 1;
}
/* END OF GALLERY */