/* definice proměnných */

:root {
	--cerna: #4d4d4d;
	--modra: #31b0d5;
	--zelena: #8cbf46;
	--hneda: #5b4d48;
}




/* styly pro html elementy */
html {
	position: relative;
	min-height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: var(--cerna);
}
body {
	margin-bottom: 125px;
	height: 100%;
	margin-top: 50px;
}
a {
	color: var(--cerna);
}
a:hover {
	color: #008ed5;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}




/* globální styly */
.nadpis {
	padding-bottom: 5px;
	color: var(--zelena);
	font-size: 72px;
	font-weight: 300;
}

.podnadpis {
	color: var(--zelena);
	font-size: 44px;
	font-weight: 300;
}
@media (max-width: 992px) {
	.nadpis {
		font-size: 36px;
	}
	.podnadpis {
		font-size: 22px;
	}
}
.sedive-pozadi {
	background-color: #f2f2f2;
}
















/* definice stylů pro formuláře */
.form-control:focus {
	border-color: #a1cb67;
	box-shadow: 0px 0px 0px 0.2rem rgba(161, 203, 103, 0.5);
}
.btn {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.1;
}
.btn-success,
.btn-outline-success {
	color: black;
	font-weight: 600;
	border-color: #a1cb67;
	background-color: #a1cb67;
}
@media (min-width: 992px) {
	.btn-success,
	.btn-outline-success {
		min-width: 250px;
	}
}
.btn-success:hover,
.btn-outline-success:hover {
	color: black;
	border-color: #a1cb67;
	background-color: #7bac38;
}
.btn-outline-success {
	border-color: #a1cb67;
	background-color: white;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #a1cb67;
	background-color: #a1cb67;
}
.custom-select {
	color: #fff;
	background-color: #796d69;
}
.custom-select:focus {
	box-shadow: 0 0 0 0.2rem rgba(161, 203, 103, 0.5);
}
select option:checked {
	background-color: #a1cb67 !important;
}
.input-group-text {
	color: var(--zelena);
	background-color: white;
}








/* definice stylů pro statické stránky */
.stranka a {
	font-weight: bold;
	text-decoration: underline;
}









/* definice stylů pro owl carousel */
#carousel img {
	object-fit: cover;
	object-position: 30% 70%;
}
#carousel .carousel-caption {
	line-height: 1;
	font-size: 36px;
	color: var(--cerna);
	bottom: 50px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) {
	#carousel .carousel-caption {
		font-size: 56px;
		font-weight: 600;
		margin-left: 100px;
		padding: 20px 50px;
		right: auto;
	}
}
.carousel-control-next,
.carousel-control-prev {
	opacity: 0.6;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 40px;
	height: 40px;
	border: 10px solid #7bac38;
	border-radius: 5px;
	background-color: #7bac38;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #7bac38 !important;
}
.owl-theme .owl-dots .owl-dot span {
	background-color: transparent !important;
	border:1px solid #a1cb67 !important;
}




/* definice stylů pro hlavičku */
header {
	background-color: var(--hneda);
}




/* definice stylů pro navigaci */
.navbar {
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-nav {
	min-height: 50px;
	line-height: 50px;
}
.navbar-nav .nav-link {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.bg-dark {
	background-color: var(--hneda) !important;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	font-weight: 400;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	background-color: #796d69;
}
.navbar-nav .dropdown {
	margin-left: 10px;
}
.navbar-nav .dropdown .nav-link {
	padding: 15px !important;
	min-height: 70%;
	line-height: 70%;
	background-color: #796d69;
	border-radius: 5px;
}
.navbar-nav .dropdown .dropdown-menu {
	min-height: 40px;
	line-height: 40px;
	padding: 0 !important;
}


@media (max-width: 992px) {
	.navbar-nav {
		padding-top: 10px;
		min-height: 20px;
		line-height: 20px;
	}
	.navbar-brand img {
		width: 90%;
	}
	.navbar-nav .dropdown {
		margin-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (min-width: 579px) {
	.scrolled .navbar-nav {
	}
}








/* definice stylů pro carousel */
.carousel {}





/* definice stylů pro card - nabídka */
.card-nabidka {
	height: 100%;
	overflow: hidden;
}
.card-nabidka img {
	transition: transform .2s;
}
.card-nabidka img:hover {
	transform: scale(1.2);
}
.card-nabidka .card-body {
	width: 100%;
	bottom:0;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	padding-top: 5px;
	padding-bottom: 5px;
}
a .card {
	color: var(--cerna);
}
a:hover .card {
	color: inherit;
}







/* definice stylů pro section */
#lokalita {
	color: white;
	background-image:
		linear-gradient(
			rgba(0, 0, 0, 0.3),
			rgba(0, 0, 0, 0.7)),
			url("img/vizualizace-lokality.jpg?ver=2");
}

#lokalita .nadpis {
	color: white;
}
.card-lokalita {
	border: none;
	background-color: transparent;
}
.card-lokalita .card-title {
	font-size: 36px;
}
@media (max-width: 992px) {
	.card-lokalita .card-title {
		font-size: 26px;
	}
}










/* definice stylů pro přehledovou tabulku */
.vyhledavac {
	max-height: 410px;
	object-fit: cover;
	object-position: 40% 60%;
}
#filtr {
	color: white;
	background-color: var(--hneda);
}
#tabulka table tbody a {
	color: inherit;
	display: block;
	padding: 12px;
	margin:0;
}
#tabulka table thead th {
	color: black;
	border-top: 0;
	border-bottom: 1px solid var(--hneda);
	border-left: 2px solid white;
	font-weight: 400;
	background-color: #cecac8;
	text-transform: uppercase;
	line-height: 105%;
	text-align: center;
	vertical-align: middle;
}
#tabulka table thead th small {
	text-transform: none;
}
#tabulka table thead th.active {
	background-color: #a1cb67;
}
#tabulka table thead th a {
	color: black;
}
#tabulka table tr:hover {
	background-color: #ddecc7;
}
#tabulka table a:hover {
	text-decoration: none;
}
#tabulka table tbody td {
	padding: 0;
	margin:0;
	border: 0;
	line-height: 1.2;
	border-left: 2px solid white;
	text-align: center;
	vertical-align: middle;
}
#tabulka table tr[style='color:#c9302c'] td:not(:last-child) {
	color: #a9a9a9;
}
#tabulka .poznamka {
	font-style: italic;
}










/* definice stylů pro detail bytu */
#detail .podnadpis {
	font-size: 36px;
}
#detail table tr td:first-child {
	width: 50%;
}
#detail table td,
#detail table th {
	border: 0;
	line-height: 1.1;
	padding-top: .8rem;
	padding-bottom: .8rem;
	border-right: 2px solid white;
}
#detail .cena {
	color: var(--zelena);
	font-size: 130%;
}
#detail .cena small {
	color: inherit;
}
#detail ul li {
	list-style-type: square;
}










/* definice stylů pro poptávkový formulář */









/* definice stylů pro modální okno */
.modal ol > li {
	padding-top: 20px;
}
.modal ol li ol li {
	padding-top: 10px;
}
.modal ol {
	counter-reset: item;
}
.modal li {
	display: block;
}
.modal ol li:before {
	font-weight: bold;
	content: counters(item, ".") ". ";
	counter-increment: item;
}





/* definice stylů pro patičku */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	line-height: 1.2;
	background-color: var(--hneda);
}
footer a {
	color: inherit;
}
@media (max-width: 579px) {
	footer {
		font-size: 80%;
	}
}





/* definice stylů pro eu-cookie */
.eu-cookies {
	text-align: center;
	position: fixed;
	left:0; bottom: -500px;
	width: 100%;
	color: white;
	background-color: black;
	z-index: 1000;
	padding: 5px;
	opacity: 0.8;
}
.eu-cookies button {
	background: #a1cb67 none repeat scroll 0 0;
	border: medium none;
	border-radius: 3px;
	color: var(--cerna);
	cursor: pointer;
	font-weight: 700;
	margin: 0 20px;
	padding: 4px 12px;
}
.eu-cookies a {
	color: #fff;
	font-weight:bold;
}
.eu-cookies a:hover {
	text-decoration: underline;
}






/* pozor anglická verze */
.anglicka-verze {
	color:yellow;
	width:100%;
	height:100px;
	font-size:80px;
	line-height:100px;
	font-weight:800;
	position:fixed;
	bottom:40px; left:0;
	z-index:999999 !important;
	background:red;
	text-align:center;
	opacity:0.3;
}





/* definice stylů pro cookiebot */
#CybotCookiebotDialog {
  padding: 15px !important;
  color: #4e4e4e !important;
}
.CookiebotWidget-open,
.CybotCookiebotDialogContentWrapper {
  transform: scale(1);
}
#CookiebotWidget svg {
  fill: #5b4d48 !important;
}
.CookiebotWidget-show-consent-details,
#CybotCookiebotDialog a {
  color: #5b4d48 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #5b4d48 !important;
}
#CybotCookiebotDialogTabContent input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #D6D6D6 !important;
}
#CookiebotWidget-btn-withdraw,
.CybotCookiebotDialogBodyButton {
  border-color: #5b4d48 !important;
}
#CookiebotWidget-btn-change,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  border-color: #5b4d48 !important;
  background-color: #5b4d48 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-bottom-color: #5b4d48 !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #5b4d48 !important;
}