/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 12 2025 | 07:04:37 */
/* Styl pro připnuté menu */
#main-menu.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #000000b2;
}

.hotspots-placeholder .hotspot-navigation,
.hotspots-placeholder .hotspot-description{
    display: flex !important;
    overflow: auto !important;
    position: unset !important;
}

.hotspots-placeholder .hotspot-description p {
    position: absolute;
    bottom: 124px;
	padding: 0 30px 0 0 !important;
}

.hotspots-placeholder .hotspot-description .button {
    background-color: #fff;
    border: 2px solid #bda588;
    color: #173e62;
    border-radius: 3px;
    padding: 6px 15px;
    text-transform: uppercase;
    font-family: Be Vietnam,Helvetica Neue,helvetica,arial,sans-serif;
    font-weight: 600;
	font-size: .733rem !important;
    letter-spacing: .1533rem;
    display: flex;
    position: absolute;
    bottom: 90px;
    font-size: 13px;
    height: auto;
}

.hotspots-placeholder .hotspot-description .button:hover {
    border: 2px solid #ac8d68;
	color: #000;
}

.hotspots-placeholder {
    padding: 0 30px 0 0 !important;
	background: transparent !important;
}

.hotspots-placeholder,
.hotspots-image-container {
	background: transparent !important;
}
.hotspot-navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.hotspot-nav-prev,
.hotspot-nav-next {
    background-color: #bda588;
    border: 1px solid #bda588;
	color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
	position: absolute;
	border-radius: 3px;
	width: 44px;
	height: 44px;
}

.hotspot-nav-prev {
    bottom: 0px;
    left: 0px;
}

.hotspot-nav-next {
    bottom: 0px;
    right: 20px;
}

.hotspot-title, .entry-content .hotspot-title {
    text-align: left !important;
}

.hotspot-nav-prev:hover,
.hotspot-nav-next:hover {
    background-color: #ac8d68;
    border: 1px solid #ac8d68;
}

.hotspots-image-container .hotspots-map-container {
    border-radius: 6px;
}

/* Styl pro rezervované pozemky */
.hotspot-default.rezervace {
    fill: #ffa500 !important;
    fill-opacity: 0.51 !important;
    stroke: #cc8400 !important;
    stroke-opacity: 0.8 !important;
}

/* Styl pro prodané pozemky */
.hotspot-default.prodano {
    fill: #d40000 !important;
    fill-opacity: 0.51 !important;
    stroke: #aa0000 !important;
    stroke-opacity: 0.8 !important;
}

.hotspot-default.prodano.hotspot-active,
.hotspot-default.rezervace.hotspot-active {
    fill-opacity: 0.71 !important;
    stroke-opacity: 1.01 !important;
}

.hotspot-content .volny {
	color: #44aa00;
}

.hotspot-content .rezervace,
.hotspot-content .rezervovano {
	color: #ffa500;
}

.hotspot-content .prodano {
	color: #d40000;
}

.hotspot-navigation {
	display: none !important;
}

textarea {
    max-height: 120px;
}

label {
    color: #fff;
    display: block;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 14px;
    font-size: 1.1rem;
}

.wpcf7 br {
    display: none !important;
}

.wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=password], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week] {
    margin-bottom: 15px  !important;
    padding: 0.3rem 1.467rem  !important;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-transform: none;
    font-size: 15px !important;
    margin: 0 !important;
	text-transform: none !important;
}


/* --- Vlastní styl pro checkboxy "pozemek" v Contact Form 7 --- */

/* 1. Nastavení kontejneru pro flexibilní layout (aby se čtverce hezky řadily) */
.wpcf7-form-control-wrap[data-name="checkbox-pozemek"] .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap; /* Umožní zalamování na další řádek */
  gap: 10px;       /* Mezera mezi jednotlivými čtverci */
}

/* 2. Skryjeme původní, ošklivý checkbox */
.wpcf7-form-control-wrap[data-name="checkbox-pozemek"] input[type="checkbox"] {
  display: none;
}

/* 3. Nastylování popisku (<span>), který bude sloužit jako naše tlačítko/čtverec */
.wpcf7-form-control-wrap[data-name="checkbox-pozemek"] .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* --- Barvy a vzhled v neaktivním stavu --- */
  background-color: #fff; /* Zde si nastavte vaši modrou barvu */
  color: #000;           /* Bílý text */
  border-radius: 6px;
  
  /* --- Velikost a tvar --- */
  width: 40px;
  height: 40px;
  box-sizing: border-box; /* Zajišťuje, že padding a border se započítají do celkové velikosti */
  
  /* --- Další vlastnosti --- */
  font-weight: bold;
  font-size: 16px;
  cursor: pointer; /* Změní kurzor na "ručičku" při najetí */
  transition: background-color 0.3s ease, border-color 0.3s ease; /* Plynulý přechod barvy */
}

/* 4. Změna stylu, když je checkbox zaškrtnutý (aktivní) */
/* Tento selektor vybere popisek (.wpcf7-list-item-label), který následuje hned po zaškrtnutém checkboxu (:checked) */
.wpcf7-form-control-wrap[data-name="checkbox-pozemek"] input[type="checkbox"]:checked + .wpcf7-list-item-label {
  background-color: #bda588; /* Zde si nastavte vaši hnědou barvu */
  color: #fff;            /* Text zůstává bílý pro dobrý kontrast */
}

/* Volitelné: Efekt při najetí myší (hover) pro lepší UX */
.wpcf7-form-control-wrap[data-name="checkbox-pozemek"] input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label:hover {
  background-color: #e6e6e6; /* Trochu tmavší modrá při najetí */
}

@media (max-width: 1440px) {
	#header-phone {
	  display: none;
	}
	
	#header-menu {
	  width:75%;
	}
	
	.elementor-nav-menu__align-center .elementor-nav-menu {
      margin-left: auto;
      margin-right: auto;
      text-align: revert;
    }
	
   .elementor-nav-menu__align-center .elementor-nav-menu {
      margin-right: 0 !important;
   }
}


@media (max-width: 1340px) {
	
  h2.hotspot-title { font-size: 40px; font-size: 2em; } 
	
  .layout-left .hotspots-placeholder {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 34% !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 34% !important;
    flex: 0 0 34% !important;
    max-width: 34% !important;
  }
}

@media (max-width: 1240px) {
  .hotspots-placeholder .hotspot-description p {
	  display: none !important;
	}
}

@media (max-width: 1200px) {
  body #menu-main-menu li a,
  body #menu-main-menu li span {
	  font-size: 14px !important;
	}
}


@media (max-width: 1120px) {
  body #menu-main-menu li a,
  body #menu-main-menu li span {
	  font-size: 13px !important;
	}
	
  body .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) {
 	 margin-right: 26px !important;
  }
	
}


@media (max-width: 1024px) {
	
  td, th {
    padding: 2px 6px !important;
  }
	
	.h2, .single-portfolio-summary-meta-title, h2 {
		font-size: 40px;
		font-size: 2em;
	}
	
	.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-menu-toggle .eicon,
	.elementor-menu-toggle .eicon{
		font-size: 30px !important;
	}
	
    #main-menu {
    padding: 15px !important;
}
	
}


@media (max-width: 940px) {
	.hotspots-placeholder .hotspot-description .button {
		bottom: 60px;
	}
}


@media (max-width: 900px) {
	.layout-left .hotspots-placeholder {
		-webkit-box-flex: 0 !important;
		-webkit-flex: 0 0 100% !important;
		-moz-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.layout-left .hotspots-placeholder {
		min-height: 300px;
		padding: 10px 0 0 0 !important;
	}
}



@media (max-width: 768px) {

	#header-menu {
	  width:48%;
	}	
	
	.elementor .elementor-background, .elementor .elementor-background-holder, .elementor .elementor-background-video-container {
		position: relative !important;
	}
	
	#box-obec {
		position: relative !important;
	}

   h2 br {
	  display: none !important;
	}

	.layout-left .hotspots-placeholder {
		min-height: 300px;
		padding: 10px 0 0 0 !important;
	}
	
	.hotspot-nav-next {
		bottom: 0px;
		right: 0px;
	}
	
}



@media (min-width: 769px) and (max-width: 1000px)  {
	
  #galerie {
    padding-top: 220px !important;
  }
}