body.page-template-page-galerija{
	#galerija-slider{
		margin-top:3rem;
		img{
			width:100%;
			height:auto;
			display:block;
		}
		.gallerija-slide{
			padding:0 2rem;
		}
		.img-wrap{
			position:relative;
			display:block;
			.icon{
				display:block;
				position:absolute;
				top:50%;
				left:50%;
				transform:translate(-50%, -50%);
				border-radius:999px;
				width: 3.75rem;
				height: 3.75rem;
				background:#EDEDEB;
				text-align:center;
			}
			.icon-video{
				svg{
					width: 1.5rem;
					height: 1.5rem;
					margin-top:1.1rem;
					margin-left:0.3rem;
				}
			}
			.icon-360{
				svg{
					width: 2.78469rem;
					margin-top:1.3rem;
				}
			}
			
		}
		.title{
			font-size: 1.375rem;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			text-transform: uppercase;
			padding-top:3rem;
			svg{
				float:right;
				height:1rem;
			}
		}
	}
}

.img-wrap{

	img{
		aspect-ratio: 8/6;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
.large{
	.img-wrap{
		img{
			aspect-ratio: 8/8;
			height: clamp(331px , 26.8vw, 514px);
		}
	}
}
.small{
	.img-wrap{
		img{
			height: clamp(248px ,20vw, 386px);
		}
	}
}

.fancybox__carousel {
	.has-iframe {
		padding: 0;

		.fancybox__content {
			height: 100%;
			width: 100%;
			padding:0;
		}
	}
}
.has-iframe .fancybox__content{

}

#galerija-slider{
	opacity:0;
	transition: opacity 0.3s ease;
	&.slider-initialized{
		opacity:1;
	}
	cursor: default;
	a{
		cursor: pointer;
	}
}


#galerija-slider > .slider-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	display: flex;
	box-sizing: content-box;

	.slider-slide {
		flex-shrink: 0;
		width: 30vw;
		height: 100%;
		position: relative;
		transition-property: transform;
		display: block;

		@media (max-width: 991px) {
			width: 80vw;
		}
	}
}