/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
	padding-top: 20rem;
}

.main-foto {
	max-width: 200px;
}

.object-title {
	color: #FFF;
	font-size: 1.8rem;
	line-height: 2.1rem;
	padding: 0.8rem 0 1.3rem 1px;
	font-weight: bold;
	margin-left: -16px;
	margin-right: -16px;
	background: url("/img/qk/map_bg.jpg");
	background-color: #1c4a7a;
	background-size: 100%;
	border-top: 6px solid #FFF;
	border-radius: 0;
}

.jumbotron {
	padding: 9rem 1rem 0;
	margin-bottom: 0;
	background-color: #e9ecef;
	background-size: cover;
	border-radius: 0;
	position: fixed;
	left: 0;
	top: 56px;
	right: 0;
	z-index: 1000;
}

.jumbotron.kern {
	background: url("/img/qk/univerzum-kern-wide-2.jpg") center center no-repeat;
}

.props li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	background-color: #CCC;
	border-radius: 20px;
	font-size: 14px;
	padding: 2px 14px;
}

.props,
.photo-gallery {
	padding: 0;
}

.photo-gallery li {
	display: inline-block;
}

ul.photo-gallery li img {
	background-color: #999;
	border: 1px solid #666;
	width: 90px;
	height: 90px;
}

.bi::before {
	display: inline-block;
	content: "";
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}

.map-icon {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.map-icon img {
	width: 100px;
}

.portrait {
	float: right;
	width: 150px;
}