body {
	background-color: #ebebeb;
}

h1 {
	font-size: 1.8rem;
}

h2 {
	font-size: 1.4rem;
}

.overflow-hidden {
	overflow: hidden;
}

#page-wrap{
	background: url(/img/2056ww.jpg) 50% 100% fixed;
	background-size: 100% auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
}

.card {
	border-radius: unset;
	border: 1px solid transparent;
	background-color: transparent;
}
.text-muted {
	color: #ccc !important;
}

/** pozadí prvků */
.text-background {
	background-color: white;
	padding: 2px;
}
.block-background {
	background-color: white;
}
.block-background.clear {
	background-color: transparent !important;
}

/** barvy u todo, new a delete */
.card-todo.block-background {
	background-color:deepskyblue !important;
}
.card-todo img {
	outline: 2px solid deepskyblue;
	outline-offset: -10px;
}

.card-delete.block-background {
	background-color:orangered !important;
}
.card-delete img {
	outline: 2px solid orangered;
	outline-offset: -10px;
}

.card-new.block-background  {
	background-color:lawnGreen !important;
}
.card-new img {
	outline: 2px solid lawnGreen;
	outline-offset: -10px;
}

img.card-delete {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
img.card-delete:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.photo-thumbnail.simple {
	border: none !important;
	min-width: 14rem;
}

.photo-thumbnail .card-footer {
	z-index: 100;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.photo-thumbnail img {
	z-index: 200;
	position: relative;
}
.photo-thumbnail.simple .card-footer {
	top: 0;
}

.photo-thumbnail:hover .card-footer {
	z-index: 300;
}

.photo-thumbnail:hover .thumb img {
	filter: blur(4px) contrast(80%);
	-webkit-filter: blur(4px) contrast(80%);
}

input[type=text], input[type=password], select, textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

.container-tf {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.tag-thumbnail:hover a,
.gallery-thumbnail:hover a{
	text-decoration: underline;
}

.iterator {
	display: none;
}

.card-deck2 .gallery-thumbnail,
.card-deck2 .photo-thumbnail,
.card-deck2 .tag-thumbnail {
	border: 1px solid transparent;
}

.card-deck2 .gallery-thumbnail,
.card-deck2 .tag-thumbnail {
	width: 100%;
}

.card-deck2 .photo-thumbnail {
	width: 100%;
	position: relative;
}

@media (min-width: 400px) {
	.card-deck2 .tag-thumbnail {
		width: 48%;
	}
}

@media (min-width: 550px) {
	.card-deck2 .gallery-thumbnail {
		width: 48%;
	}
}

@media (min-width: 600px) {
	.card-deck2 .tag-thumbnail {
		width: 32%;
	}
}

@media (min-width: 700px) {
	.card-deck2 .photo-thumbnail {
		width: 50%;
	}
}
@media (min-width: 750px) {
	.card-deck2 .tag-thumbnail {
		width: 24%;
	}
	.card-deck2 .gallery-thumbnail {
		width: 32%;
	}
	.card-deck2 .gallery-thumbnail.iterator3 {
		display: block;
	}
}

@media (min-width: 1000px) {
	.card-deck2 .photo-thumbnail {
		width: 33.33%;
	}
	.card-deck2 .tag-thumbnail {
		width: 16%;
	}
	.card-deck2 .gallery-thumbnail {
		width: 24%;
	}
	.card-deck2 .gallery-thumbnail.iterator3 {
		display: none;
	}
	.card-deck2 .gallery-thumbnail.iterator4 {
		display: block;
	}
}
@media (min-width: 1400px) {
	.card-deck2 .photo-thumbnail {
		width: 25%;
	}
	.card-deck2 .gallery-thumbnail {
		width: 19%;
	}
	.card-deck2.homepage .gallery-thumbnail {
		width: 24%;
	}
}


.card-deck2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}