* {margin: 0; padding: 0; outline: 0;}

body {
  font-size: 1em;
  font-family: 'Roboto', sans-serif;
}

.bg-owngreen,
#myTab a.active,
.carousel-indicators [data-bs-target].active {
  background-color: rgb(90, 153, 25);
}

.text-owngreen {
	color: rgb(110, 167, 50);
}

.bg-owngrey {
  background-color: #d9d9d9;
}

.bg-owngreydark,
.carousel-indicators [data-bs-target] {
	background-color: rgb(154,152,152);
}

.koseni {
  transform: skewX(-17deg);
  border-radius: 0px;
}

.odkosit {
transform: skewX(18deg);
}

.fs-6 {
  font-size: 3.2em !important;
}

/*.cinka-ilustrace {
  background-image: url('../images/cinka-kosena.svg');
  background-repeat: no-repeat;
  background-position: bottom center;
} */

.prostrkatone {
  letter-spacing: 1px;
}

.bg-black	{
	background-color: #000000;
}

#myTab .nav-link {
	border-color: white;
}

#myTab .nav-link:hover,
.room .btn:hover {
	background-color: rgb(90, 153, 25); 
}

#myTab .nav-link.active {
	border-color: rgb(90, 153, 25);
}

.btn.bg-owngreen:hover,
 .btntlacitko:hover{
	background-color: rgb(78, 129, 26);
}

nav.bg-black,
nav {
	transition: background 1s;
}

.posilka {
background-image: url('../images/posilka.webp');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

h3.prostrkatone:after {
  content: url("../images/cinka.svg");
  display: block;
  margin: 10px auto;
  
}

h3.text-white.prostrkatone:after {
  content: url("../images/cinka-zelena.svg");
  display: block;
  margin: 10px auto;
}

a.icona:hover path {
  fill: white !important;
  transition: all 0.5s;
}

a.icona path {
	transition: all 0.5s;
  }

.container  {
    width: 98%;
    max-width: 1400px;
} 

.room {
	background-image: url('../images/bali-uvodni-foto.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	min-height: 90vh;
}
.odpoved,
.odpoved p {
	font-size: 1em !important;
	color: white;
}



.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
	color: rgb(90, 153, 25);
}

p a,
.kontaktico {
	color: rgb(110, 167, 50);
	text-decoration: none;
	transition: all 0.5s;
}

.form-control {
	background: #d9d9d9;
	color: #333;
	font-size: 1.2em;
}

textarea {
	min-height: 200px !important;
}

p a:hover {
	color: rgb(110, 167, 50);
	text-decoration: underline;
	transition: all 0.5s;
}

.navbar-dark .navbar-toggler {
  color: rgb(110, 167, 50);
  border-color: rgb(90, 153, 25);
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@media only screen and (max-width: 400px)  {
	
}

@media only screen and (max-width: 600px)  {
	.header {
		background-color: #000000;
	}
	
}

@media all and (min-width: 600px)  {
.posun {
	margin-top: -3em;
}

}

@media all and (max-width: 900px) and (min-width: 768px)  {

}


@media only screen and (max-width:990px)  {
	.navbar {
		background-color: rgba(0,0,0,0.5);
	}
	.navbar-dark .navbar-nav .nav-item {
		text-align: center;
	}
	.navbar-dark .navbar-nav .nav-item:hover {
		background-color: rgb(90, 153, 25);
	}
	.navbar-dark .navbar-nav .nav-link:hover {
		color: white;
	}
	.dovyska {
		min-height: 310px;
	}
}

@media all and (min-width: 990px)  {
	.navbar-dark .navbar-nav .nav-link	{
		padding: 0.5em 1em;
	}
	.dovyska {
		min-height: 200px;
	}

}