.slides.animated .panel {
  transition-delay:1500ms;
}
/*
  Counted by formula 10 + (150 * x), where x equals to ae-x class.
So, 610ms equals to ae-4 class:
10 + (150 * 4) = 610
*/

/* Navigation bar bubble size */
.navigation li[data-title]:before{ right:unset; }

/* Hide prev arrow on first slide */
.slides.stage-1 .prevSlide { display: none !important; }

/* Hide next arrow on last slide */
.slides.lastSlide .nextSlide { display: none !important; }

.bottomcenter {
	position: absolute;
	bottom: 5%;
	width: 100%;
	text-align: center;
	
}

.crop {
	object-fit: cover;
	width: 50px;
	height: 50px;
}

.grayscale {
	background-color: color(srgb 1 1 1 / 0.696);
	background-image: url("../assets/img/background/cavendish-29.jpg");
	background-blend-mode: luminosity;
}

.textbackground {
  color: #fff;
  background: gray;
}

.textinside {
  width: 100%;
  margin: 0 auto;
}

.splide__slide img {
  width: 100%;
  height: auto;
}

.panel .sections .menu {
  white-space: nowrap;
  display: inline-block;
  padding: 20px 0px;
  font-size: 0;
  height: 50px;
}
.panel .sections .menu svg {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
.panel .sections .menu li {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  margin: 0 10px;
}
.panel .sections .menu li a {
  padding: 0 7px;
  opacity: 0.8;
}
.panel .sections .menu li a:hover {
  opacity: 1;
}
.panel .sections .menu.uppercase li {
  font-size: 12px;
  margin: 0 10px;
  letter-spacing: 0.125em;
  font-weight: 600 !important;
}
.panel .sections .menu.uppercase li svg {
  position: relative;
  top: 2px;
}


.fancybox__container {
  --fancybox-bg: rgba(26, 26, 26, 0.948);

/*   --fancybox-thumbs-width: 48px; */
/*   --fancybox-thumbs-ratio: 1; */

  --carousel-button-bg: rgb(91 78 76 / 74%);

  --carousel-button-svg-width: 50px;
  --carousel-button-svg-height: 50px;

  --carousel-button-svg-stroke-width: 2.5;
}
.fancybox__nav .carousel__button.is-prev {
  left: -10%;
}

.fancybox__nav .carousel__button.is-next {
  right: -5rem;
}

.fancybox__nav {
  color: #170724;

  --carousel-button-bg: color(srgb 0.693 0.693 0.693);
  --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
	0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;

  --carousel-button-svg-stroke-width: 2.5;
}

.carousel__button.is-close {
  top: 20px;
  right: 20%;
}

.fancybox__slide {
  padding: 8px 88px;
}

/* Thumbnails */
.fancybox__thumbs .carousel__slide {
  padding: 8px 8px 16px 8px;
  width: 96px;
  height: 64px;
}

.is-nav-selected::after {
  display: none;
}

.fancybox__thumb {
  border-radius: 5px;
  opacity: 0.4;
}

.fancybox__thumb:hover,
.is-nav-selected .fancybox__thumb {
  border-radius: 6px;
  opacity: 1;
}

.is-nav-selected .fancybox__thumb::after {
  display: none;
}