/* Navbar semi-transparent background */
#navbar {
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.7) 70%,
      rgba(0, 0, 0, 0.3) 90%,
      rgba(0, 0, 0, 0) 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding-bottom: 20px !important;
}

/* Name styling and transitions */
#name {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.name-text {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0;
}

.navbar-brand {
  transition: opacity 0.6s ease !important;
  opacity: 0 !important;
  pointer-events: none;
}

.navbar-brand.visible {
  opacity: 1 !important;
  pointer-events: auto;
}

/* Force navbar menu button to always be white, even in dark mode */
.navbar .navbar-menu .btn-line,
.navbar .navbar-menu .btn-line::before,
.navbar .navbar-menu .btn-line::after {
  color-scheme: light !important;
}

.portfolio-grid .card {
  background-color: transparent;
  border: none;
}

.thursd-carousel-wrapper,
.hermes-carousel-wrapper,
.rahim-carousel-wrapper,
.radisson-carousel-wrapper,
.surreal-carousel-wrapper,
.chic-carousel-wrapper,
.catrangiu-carousel-wrapper,
.ana-carousel-wrapper,
.lenscapades-carousel-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.thursd-carousel-wrapper .carousel-inner,
.thursd-carousel-wrapper .carousel-item,
.hermes-carousel-wrapper .carousel-inner,
.hermes-carousel-wrapper .carousel-item,
.rahim-carousel-wrapper .carousel-inner,
.rahim-carousel-wrapper .carousel-item,
.radisson-carousel-wrapper .carousel-inner,
.radisson-carousel-wrapper .carousel-item,
.surreal-carousel-wrapper .carousel-inner,
.surreal-carousel-wrapper .carousel-item,
.chic-carousel-wrapper .carousel-inner,
.chic-carousel-wrapper .carousel-item,
.catrangiu-carousel-wrapper .carousel-inner,
.catrangiu-carousel-wrapper .carousel-item,
.ana-carousel-wrapper .carousel-inner,
.ana-carousel-wrapper .carousel-item,
.lenscapades-carousel-wrapper .carousel-inner,
.lenscapades-carousel-wrapper .carousel-item {
  aspect-ratio: 3 / 4;
}

.thursd-carousel-wrapper .carousel-item img,
.hermes-carousel-wrapper .carousel-item img,
.rahim-carousel-wrapper .carousel-item img,
.radisson-carousel-wrapper .carousel-item img,
.surreal-carousel-wrapper .carousel-item img,
.chic-carousel-wrapper .carousel-item img,
.catrangiu-carousel-wrapper .carousel-item img,
.ana-carousel-wrapper .carousel-item img,
.lenscapades-carousel-wrapper .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.thursd-carousel-wrapper .item-content,
.hermes-carousel-wrapper .item-content,
.rahim-carousel-wrapper .item-content,
.radisson-carousel-wrapper .item-content,
.surreal-carousel-wrapper .item-content,
.chic-carousel-wrapper .item-content,
.catrangiu-carousel-wrapper .item-content,
.ana-carousel-wrapper .item-content,
.lenscapades-carousel-wrapper .item-content {
  pointer-events: none;
}

.thursd-carousel-wrapper .carousel-control-prev,
.thursd-carousel-wrapper .carousel-control-next,
.hermes-carousel-wrapper .carousel-control-prev,
.hermes-carousel-wrapper .carousel-control-next,
.rahim-carousel-wrapper .carousel-control-prev,
.rahim-carousel-wrapper .carousel-control-next,
.radisson-carousel-wrapper .carousel-control-prev,
.radisson-carousel-wrapper .carousel-control-next,
.surreal-carousel-wrapper .carousel-control-prev,
.surreal-carousel-wrapper .carousel-control-next,
.chic-carousel-wrapper .carousel-control-prev,
.chic-carousel-wrapper .carousel-control-next,
.catrangiu-carousel-wrapper .carousel-control-prev,
.catrangiu-carousel-wrapper .carousel-control-next,
.ana-carousel-wrapper .carousel-control-prev,
.ana-carousel-wrapper .carousel-control-next,
.lenscapades-carousel-wrapper .carousel-control-prev,
.lenscapades-carousel-wrapper .carousel-control-next {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.thursd-carousel-wrapper .carousel-control-prev:hover,
.thursd-carousel-wrapper .carousel-control-next:hover,
.hermes-carousel-wrapper .carousel-control-prev:hover,
.hermes-carousel-wrapper .carousel-control-next:hover,
.rahim-carousel-wrapper .carousel-control-prev:hover,
.rahim-carousel-wrapper .carousel-control-next:hover,
.radisson-carousel-wrapper .carousel-control-prev:hover,
.radisson-carousel-wrapper .carousel-control-next:hover,
.surreal-carousel-wrapper .carousel-control-prev:hover,
.surreal-carousel-wrapper .carousel-control-next:hover,
.chic-carousel-wrapper .carousel-control-prev:hover,
.chic-carousel-wrapper .carousel-control-next:hover,
.catrangiu-carousel-wrapper .carousel-control-prev:hover,
.catrangiu-carousel-wrapper .carousel-control-next:hover,
.ana-carousel-wrapper .carousel-control-prev:hover,
.ana-carousel-wrapper .carousel-control-next:hover,
.lenscapades-carousel-wrapper .carousel-control-prev:hover,
.lenscapades-carousel-wrapper .carousel-control-next:hover {
  opacity: 1;
}