h3 {
	color: #111;
	text-shadow:  0px 0px 2px #1C1,0px 0px 4px #5F5,0px 0px 5px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 12px #FFF,0px 0px 15px #FFF;
	margin: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.rozbal {
	color: #111;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	display: inline;
	/*float: right;*/
	padding: 2px 15px 4px 15px;

}
.folder {
	color: #111;
	font-weight: 600;
	font-size: 18px;
	text-shadow: 0px 0px 1.7px #f00;
	cursor: pointer;
	display: inline-block;
	width: 185px;
	padding: 8px 0 8px 8px;
}
.rozbal {
	/*padding-top: 8px;
	padding-bottom: 8px;*/
}
.headfolder {
	
}
.head1folder:first-child {
	margin-top: 15px;
	border-top: 1px solid #ddd;
}
.head1folder {
	border-bottom: 1px solid #ddd;
}
.head1folder:last-child {
	/*border-bottom: 1px solid #ddd;*/
}
.headfolder:hover {
	background-color: #ccc;
}
.folder:hover {
	/*color: #00D;*/
	text-shadow: 0px 0px 1.7px #2cd;
	/*text-shadow: 0px 0px 2px #00D;*/
	/*background-color: #ccc;*/
}
.rozbal:hover {
	/*color: #00D;*/
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	/*background-color: #aaa;*/
	opacity: 0.5;
}
.xxx {
	height: calc(100vh - 60px); 
	max-height: calc(100vh - 60px); 
	max-width: 100%;
}
.nazov {
	white-space: nowrap;
}
.mena {
	padding-left: 25px;
	white-space: nowrap;
}
#pozadie {
	height: calc(100vh - 60px);
	width: calc(100% - 255px);
	/*overflow: hidden;*/
	float: right;
	/*background-image: url('//87.197.103.134/Svadba_24_07_2021/Svadobny den/Deniska&Kajko-452.jpg');
	background-size: cover;*/
	/*opacity: 0.5;*/
	margin-top: 5px;
}
.imgpozadie {
	max-height: 100%;
	max-width: 100%;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8), 0 0 20px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8), 0 0 20px 1px rgba(0, 0, 0, 0.7);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	display: block;
	margin: auto;
}
#gallery {
	height:auto; 
	width: 250px; 
	overflow: auto;
	max-height: calc(100vh - 60px);
}
#gallery a {
	/*display: block;*/
	/*background-color: #ccc;*/
}
.odkaz {
	padding: 5px 20px 5px 15px;
	display: inline-block;
	min-width: 100px;
}
.odkaz.video {
	display: block;
}
.bi-download {
	background: url(./img/download.svg) no-repeat;
	background-size: 20px 20px;
	/*content: "";*/
	/*cursor: pointer;*/
	margin-left: 8px;
}
.bi-chevron-down {
	background: url(./img/chevron-down.svg) no-repeat;
	/*background-size: 20px 20px;*/
	/*margin: 8px 8px 0 0;*/
	/*content: "";*/
	/*cursor: pointer;*/
	margin-left: 8px;
	background-size: 30px 24px;
}

.bi-chevron-up {
	background: url(./img/chevron-up.svg) no-repeat;
	/*background-size: 20px 20px;*/
	/*margin: 8px 8px 0 0;*/
	/*content: "";*/
	/*cursor: pointer;*/
	margin-left: 8px;
	background-size: 30px 24px;
}

.download {
	display: inline;
}
.download, .downloadimg {
	padding: 5px 10px;
}
.odkaz:hover, .download:hover {
	background-color: #ccc;
}
.suborimg {
	padding: 1px 0;
}
.medzera {
	padding-left:20px;
	display: inline;
}

.autolb {
	text-align: center;
	display: block; 
	top: -22px;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	opacity: 0.7;
	font-weight: 600;
}
.autolb:hover {
	opacity: 1;
}

/* Slideshow container */
.slideshow-container {
	//max-width: 100%;
	//max-height: 100%;
	//position: relative;
	//margin: auto;
}
/* Hide the images by default */
.mySlides {
	display: none;
	height: 100%;
	width: 100%;
}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
.lb-outerContainer,
.lb-image {
	border-radius: 20px !important;
}


@media (max-width: 768px) {
	#pozadie {
		float: left;
		height:auto; 
		width: auto; 
	}
	.folder, .rozbal {
		font-size: 25px;
	}
	.folder {
		width: calc(100% - 50px);
	}
	#gallery {
		width: auto;
		min-width: 250px;
		position: sticky;
		top: 40px;
	}
	#gallery a {
		font-size: 20px;
	}
	h3 {
		position: sticky;
		top: 8px;
		z-index: 2;
	}
	.mena {
	padding-left: 5px;
	}
	.dir a {
		font-size: 20px;
	}
	.autolb {
		top: -27px;
		font-size: 21px;
		margin-left: calc(100vw - 85vw);
	}
	.lb-number {
		font-size: 18px !important;
	}
}

/* Video */
.lightbox {
  .lb {
    &-outerContainer {
      video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        width: 100%;
        height: auto;
        opacity: 1;
        transition: opacity 300ms ease-in-out;
        border: none;
        outline: none;
        &:hover, &:focus {
          border: none;
          outline: none;
        }
      }
      &.animating {
        video {
          opacity: 0;
        }
      }
    }
    &-container {
      position: relative;
      .lb-image {
        border: none;
      }
    }
  }