/*
  _____ _                            _   _                                                 _
 |  __ (_)                          | | (_)                                               (_)
 | |__) |  ___ _ __ ___   ___  _ __ | |_ _ _____ __   ___  ___ _   _ _ __ ___   __ ___   ___   ___ _   _
 |  ___/ |/ _ \ '_ ` _ \ / _ \| '_ \| __| |_  / '_ \ / _ \/ __| | | | '_ ` _ \ / _` \ \ / / | / _ \ | | |
 | |   | |  __/ | | | | | (_) | | | | |_| |/ /| |_) | (_) \__ \ |_| | | | | | | (_| |\ V /| ||  __/ |_| |
 |_|   |_|\___|_| |_| |_|\___/|_| |_|\__|_/___| .__/ \___/|___/\__,_|_| |_| |_|\__,_| \_/ |_(_)___|\__,_|
                                              | |
                                              |_|

(C) DANIEL SEBESTA 2022
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* basic css */

html,
body {
	overflow-x: hidden;
}

body {
	font-family: 'Montserrat', sans-serif !important;
	transition: all .3s;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color: #000;


}

header{
   background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://piemontizposumavi.eu/files/img/IMG_20220511_174559716_HDR.jpg') !important;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50% 42.5%;
}

header a {
	color: #dedede !important;
	border-bottom: 1px solid transparent !important;
}

header a:hover {
	text-decoration: none !important;
	color: #fff !important;
	border-color: #fff !important;
	transition: all ease-in-out 0.5s !important;
}

svg {
	box-sizing: content-box
}


/* scrollbar, selection */

::-moz-selection {
	background: rgba(146, 146, 146, 0.4);
}

 ::selection {
	background: rgba(146, 146, 146, 0.4);
}

 ::-webkit-scrollbar {
	width: 5px;
}

 ::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 1);
}

 ::-webkit-scrollbar-thumb {
	background-color: rgba(21, 21, 21, 1);
}

 ::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
	background-color: #222222;
}


/* zacatek stranky */

header .active {
	border-bottom: 1px solid #bebebe;
}

.cist-dale {
	color:#A1A1A4 !important;
}

.administrace {
	cursor:pointer;
}

.no-outline {
	outline: none !important;
	box-shadow: none !important
}



.obsah {
	font-size: 18px;
	padding: 50px 15px;
   padding-right:450px;
   padding-left:450px;
   width:100%;
   background:#fff;
}

.hlavicka {
	font-size: 18px;
	position: relative;
	color: #fff;

}

.hlavicka h1 {
	font-size: 40px;
	font-weight: 700
}

.hlavicka .uvnitr {
	z-index: 0;
	position: relative;
	max-width: 900px;
	padding: 100px 15px
}

.hlavicka * {
	filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, .3))
}

footer {
   background:#222222;

}
footer a {
   text-decoration:none !important;
   color: #dedede;
   border-bottom: 1px solid transparent !important;
}
footer a:hover {
   text-decoration: none !important;
	color: #fff !important;
	border-color: #fff !important;
	transition: all ease-in-out 0.5s !important;
}

/* twemoji */

img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}


/* animovane logo */

.animovane_logo {
	height: 250px;
	margin-top: -50px;
	padding-bottom: 20px;
	filter: invert(100%);
}

.animovane_logo_vertical {
	height: 350px;
	margin-top: -50px;
	max-width: 100%;
	padding-bottom: 20px;
	filter: invert(100%);
	display: none;
}

.navbar-light .navbar-toggler {
   color: #fff;
   border-color: #fff;
   background-color: #fff;
}


/* responsive */

@media only screen and (max-width: 1367px) {
   .obsah {
      padding: 50px 15px;
      padding-right: 15px;
      padding-left: 15px;
   }
}

@media only screen and (max-width: 960px) {
	.animovane_logo {
		display: none;
	}
	.animovane_logo_vertical {
		display: block;
	}
	.hlavicka {
		background-size:cover;
		background-position:left;
	}
}

.navbar{
   padding-top:10px;
   height:100%;
   padding:25px;
   background-color: rgb(0,0,0,0.3);
   backdrop-filter: blur(25px);
}
.nav-item{
   margin-left:5px;
   margin-right:5px;
}