.card-img-tag {
    object-fit: cover;
    height: 200px;
}

.card-text.small {
	height: 100px;
	overflow: hidden;
}

#tag-head h1 {
	margin-bottom: 4px;
}

.btn.btn-sm.favorite {
    line-height: 1;
	font-size: 2em;
    line-height: 1em;
    padding: 0em 0.2em 0.2em 0.2em;
}

.navbar-brand {
	margin: -1em 0 -1em 0;
}

.navbar-brand > img{
	height: 80px;
}

.navbar h1{
	margin: 0em 1em 0.5em 1em;
    font-size: 1.5em;
}

@media screen and (max-width: 768px) {
	.navbar-brand {
		margin: -1em 0em 0.4em 0em;
	}

	.navbar-brand > img{
		width: 100%;
		height: auto;
	}
}


#tags .card {
	height: 100px !important;
    overflow: hidden;
}

#tags .card .col-md-5 {
	flex: 0 0 auto !important;
	width: 150px !important;
}

#tags .card .col-md-7 {
	flex: 0 0 auto !important;
	width: calc(100% - 151px) !important;
}

.vh-50 {
	height: 50vh !important;
}

.vh-80 {
	height: 80vh !important;
}

.carousel-item {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center 20%;
}

#fs-wrapper {
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background-color: rgb(0 0 0 / 80%);
	
	display: none;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(20px);
}


#fs-wrapper,
#fs-wrapper *{
	transition: all 0.3s linear;
}

#fs-canvas {
    max-height: 100%;
    max-width: 100%;
	
	cursor: pointer;
	
	box-shadow: 0px 50px 50px 15px rgb(0 0 0 / 73%);
}

.chat-start {
	font-size: 7em;
	cursor: pointer;
}

.fs-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    z-index: 9999;
    overflow: hidden;
}

.fs-bg {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}


.card  > a {
	text-align: center;
}

.card {
	-webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#carouselExampleAutoplaying .carousel-inner .carousel-caption > p{
	max-height: 10.3em;
    overflow: hidden;
}

.card.image-card {
	align-items: center;
	position: relative;
}

.card.image-card img.card-img-top {
	width: 100%;
	height: auto;
    cursor: pointer;
    box-shadow: 0px 22px 50px 5px #e794bb;
}

#gallery.with-play-hints .card.image-card .card-image-wrapp {
	position: relative;
	width: 100%;
	height: auto;
    display: inline-block;
}

#gallery.with-play-hints .card.image-card .card-image-wrapp::after {
	content: '🔍';
    position: absolute;
    font-size: 4em;
    touch-action: none;
    pointer-events: none;
    bottom: 0.1em;
    right: 0.4em;
}

@media (min-width: 768px) {
	#gallery.with-play-hints .card.image-card .card-image-wrapp {
		width: fit-content;
		height: fit-content;
	}
	.card.image-card img.card-img-top {
		margin-top: 2em;
		border-radius: 1.5em;
		max-height: calc(90vh - 20px);
		max-width: 96%;
		width: auto;
        height: auto;
	}
}

@media (max-width: 1000px) {
    .container, .container-md, .container-sm {
        max-width: 99% !important;
    }
}