@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'KoHo';
	src: url("../fonts/KoHo-Regular.eot") format('eot'),
		url("../fonts/KoHo-Regular.woff") format('woff'),
		url("../fonts/KoHo-Regular.woff2") format('woff2'),
		url("../fonts/KoHo-Regular.ttf") format('ttf'),
		url("../fonts/KoHo-Regular.svg") format('svg');
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Bellota';
	src: url("../fonts/Bellota-Regular.eot") format('eot'),
		url("../fonts/Bellota-Regular.woff") format('woff'),
		url("../fonts/Bellota-Regular.woff2") format('woff2'),
		url("../fonts/Bellota-Regular.ttf") format('ttf'),
		url("../fonts/Bellota-Regular.svg") format('svg');
	font-weight: 300;
	font-style: normal;
	}
html {
	height: 100%;
	color: black;
	}
body {
	height: 100%;
	margin: 0;
	font-family: KoHo;
	text-align: justify;
	}
:root { --sidebar-w: 350px;}
#welcome {
	background-image: url("../img/welcome.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
}
main {
	font-family: KoHo;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Bellota;
	font-weight: 900;
	position: relative;
	left: -7px;
	text-align: left !important;
}

.rspv {
	font-weight: 700;
}
#program li {
	padding: 10px 0px 10px 0px;
	list-style-type: "♥  ";
	text-align: left;
}

/* Desktop layout: */
@media (min-width: 768px) {
	body {
		display: flex;
		align-items: stretch;
		}
	#sidebar {
		width: var(--sidebar-w);
		flex: 0 0 var(--sidebar-w);
		height: 100vh;
		position: sticky;
		top: 0;
		overflow: auto;
		}
	main {
		flex: 1 1 auto;
		min-width: 0;  /* important */
		font-size: 22px;
		}
	main h1 {
		margin-top: 40px;
		margin-bottom: 80px;
		font-size: 45px;
		text-align: left !important;
		}
	main p {
		font-weight: 400;
		text-align: justify;
		}
	#program li {
		list-style-type: "♥  ";
		}
	}
/* Desktop layout END */

#sidebar nav { max-height: calc(100vh - 220px); overflow: auto; }

.logo {
	min-height: 160px;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	}
.obsah {
	min-height: 60vh;
	color:#084db3; /* BARVA OBSAHU */	
	}
.obsah a {
	color: darkgreen;
	text-decoration: underline;
	}
.obsah a:hover {
	color: black;
	text-decoration: none;
}
.menu-act {
	background-color: #74B94C;
	color: white;
	}
#contact {
	border: none;
	column-gap: 0px;
}
.heart {
	padding-left: 10px;
	padding-right: 10px;
}