.gallery-section {
  width: 100%;
  direction: ltr;
  overflow: hidden;
}

.gallery-div {
  width: 100%;
}

.gallery-holder {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.gallery-show {
	width: 100%;
	height: 100%;
	max-height: 740px;
}

.gallery-counter {
	padding: 4px 8px;
	margin-top: 12px;
	color: rgb(0 0 0 / 52%);
	font-size: 0.7em;
	font-weight: 700;
}

.dark-theme .gallery-counter {
	color: rgb(255 255 255 / 52%);
}

.gallery-img {
	width: 100%;
	display: flex;
	height: 100%;
	align-items: center;
	overflow: hidden;
}

@keyframes gallery-img-anime {
  from {
    opacity: 0;
  }
}

.gallery-img img {
	max-height: 640px;
	max-width: 90%;
	animation: gallery-img-anime 0.5s;
	display: none;
	margin: 0 auto;
	border-radius: 8px;
}

.gallery-img img:first-child {
	display: block;
}

.dark-theme .gallery-img img {
	background: var(--main-bg-light);
}

.gallery-thumb {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.gallery-thumb img {
	height: 100%;
	opacity: 0.6;
	cursor: pointer;
	transition: all 0.3s;
	margin: 0 8px;
	border-radius: 8px;
	height: 64px;
}

.dark-theme .gallery-thumb img {
	background: var(--main-bg-light);
}

@media screen and (max-width: 1160px) {
	
	.gallery-thumb img {
		margin: 4px 8px;
	}
	
}

.gallery-thumb img:hover {
  opacity: 1;
}


@media screen and (max-width: 600px) {
	
	.gallery-thumb img:not(:focus) {  /* Fix for swipe on mobile */
		opacity: 0.6;
	}
	
}


.active-thumb {
  opacity: 1 !important;
}