body, html {height: 100%}
#all { background: #dedede;padding-bottom: 5%;}
h3 {font-size: 2em;font-variant:  all-petite-caps; letter-spacing: 0px; ;padding: 25px 0px 25px 0px;margin: 1px;}

.readmore .btn-secondary {padding: 0; margin: 0; border:0px;font-weight: bold}
.mod-articlesnews__item {background:#f9f9f9;  }
.mod-articlesnews__item  {  padding:10px;margin:5px 0px 5px 0px;display: inline-block;box-shadow: 1px 1px 3px 0 rgba(106, 106, 106, 0.2);width: 94%;}
.mod-articlesnews__item h4 a{ /*! text-decoration: none; */text-transform: uppercase;line-height: 1.5em;}
.list-published.label.label-warning {display: none}

div.com-content-category-blog__item p {margin:0px; padding:0px}
 .mod-articlesnews__item img {width:100px;float:left; margin: 10px 10px 2px 0px;border: 1px lightgrey solid;}

.sl1 {float:left;margin-right: 1%; padding-top: 5%;width: min-content;clear: both;max-width: 30%;display: block ruby;}
.sl2 { display:grid;}
div.card-header {font-size: 1.4em; ; font-weight: bolder;padding:5% 0px 0px 1%;font-family: pismo_logo;}
.levá > div > ul > li > div { font-weight: bold; list-style-type: none;font-variant: all-small-caps;} 
 .levá > div > ul > li { list-style-type: none;font-variant: all-petite-caps;} 
.levá > div  > ul  {padding: 1%;  }
.levá > div  > ul > li > ul  {padding: 0% 0% 2% 5%;} 
.levá > div > ul > li > div >a { font-weight: bold; list-style-type: none;font-variant: all-small-caps;} 

.levá {background: #f7f7f7;border: 1px solid #e6e6e6; width: 100%;clear: both;display: inline-grid;}

#top {background:white; width:100%; margin:0px;padding:0px; border-bottom: 2px solid #1dbc73;}
.facebook {width:40px; height: 40px;     background: url("/images/web/facebook_neaktiv.png") no-repeat; background-size: cover; float:right; margin-left:5px }
.facebook_ic {width:40px;      background: url("/images/web/facebook_neaktiv.png") no-repeat; background-size: cover;float:right;  height: 40px;}
.facebook:hover {width:40px; height: 40px;     background: url("/images/web/facebook.png") no-repeat; background-size: cover; float:right; margin-left:5px }
.facebook_ic:hover {width:40px; height: 40px;     background: url("/images/web/facebook_ic.png") no-repeat; background-size: cover;float:right;  }


.vyhledavani { float:left;padding-top: 0px;padding-left: 3px; ;} 
    
    
body{width:100%; margin:0px;padding:0px;height: 100%; font-family: pismo_r;}
.card fa {text-align: center}
 
  
.container {width:1200px; margin:0 auto;padding:7px 0px 0px 0px;}
.fotocontainer {float:right;margin: 10px;} 

#rychleodkazy a {text-decoration:none;color: white;}
 
 
/* patička */
#paticka {
  margin-top: auto;   /* vytlačí patičku dolů */
  clear: both;        /* jistota, kdyby něco bylo float */
}



/* Opraví "More about" – helper text pro screenreadery */
.visually-hidden:not(:focus):not(:active){
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


 

  







.menu-informacni-centrum {background-image: url(/images/web/tic.jpg);padding-left:30px;background-repeat: no-repeat;background-position: left 0px top 0px;background-size: contain;}

body, html {height: 100%}
#all { background: #dedede;padding-bottom: 5%;}
h3 {font-size: 2em;font-variant:  all-petite-caps; letter-spacing: 0px; ;padding: 25px 0px 25px 0px;margin: 1px;}

.readmore .btn-secondary {padding: 0; margin: 0; border:0px;font-weight: bold}
.mod-articlesnews__item {background:#f9f9f9;  }
.mod-articlesnews__item  {  padding:10px;margin:5px 0px 5px 0px;display: inline-block;box-shadow: 1px 1px 3px 0 rgba(106, 106, 106, 0.2);width: 94%;}
.mod-articlesnews__item h4 a{ /*! text-decoration: none; */text-transform: uppercase;line-height: 1.5em;}
.list-published.label.label-warning {display: none}

div.com-content-category-blog__item p {margin:0px; padding:0px}
 .mod-articlesnews__item img {width:100px;float:left; margin: 10px 10px 2px 0px;border: 1px lightgrey solid;}

.sl1 {float:left;margin-right: 1%; padding-top: 5%;width: min-content;clear: both;max-width: 30%;display: block ruby;}
.sl2 { display:grid;}
div.card-header {font-size: 1.4em; ; font-weight: bolder;padding:5% 0px 0px 1%;font-family: pismo_logo;}
.levá > div > ul > li > div { font-weight: bold; list-style-type: none;font-variant: all-small-caps;} 
 .levá > div > ul > li { list-style-type: none;font-variant: all-petite-caps;} 
.levá > div  > ul  {padding: 1%;  }
.levá > div  > ul > li > ul  {padding: 0% 0% 2% 5%;} 
.levá > div > ul > li > div >a { font-weight: bold; list-style-type: none;font-variant: all-small-caps;} 

.levá {background: #f7f7f7;border: 1px solid #e6e6e6; width: 100%;clear: both;display: inline-grid;}
.facebook {width:40px; height: 40px;     background: url("/images/web/facebook_neaktiv.png") no-repeat; background-size: cover; float:right; margin-left:5px; }
.facebook_ic {width:40px;      background: url("/images/web/facebook_neaktiv.png") no-repeat; background-size: cover;float:right;  height: 40px;}

.facebook:hover {width:40px; height: 40px;     background: url("/images/web/facebook.png") no-repeat; background-size: cover; float:right; margin-left:5px }
.facebook_ic:hover {width:40px; height: 40px;     background: url("/images/web/facebook_ic.png") no-repeat; background-size: cover;float:right;  }

.vyhledavani { float:left;padding-top: 0px;padding-left: 3px;/*! padding: 5px; */} 
    
    
body{width:100%; margin:0px;padding:0px;height: 100%; font-family: pismo_r;}
.card fa {text-align: center}
 
  
.fotocontainer {float:right;margin: 10px;} 

 #komponenty {  position: relative; z-index: 50;width: 100%;float: right; } 


 
 /***********  Desktop ***/

@media (min-width: 1200px) {
#uvodni_obrazek {background-image: url("/images/obec/slider/DSC_0706min3.jpg");      width: 100%;  /*! height: 100%; */  min-height:710px;background-size: cover;}

/*** Container ***/
.container {width:1200px; margin:0 auto;padding:7px 0px 0px 0px;}
.slider h1 {color:#1cba72; font-family:pismo_logo;padding-top: 5%;}

	
	
		.vyhledavani {  width: 20.5%;} 

/*** Menu ***/
	
.nav {	display: flex;}
 .menu{  width:63%; margin:0px;     height:50px;color:black;position: relative;z-index: 10000;float: left; }
.menu ul ul {box-shadow: 5px 5px 4px 5px rgba(0, 0, 0, 0.2); }
.mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10;}
.menu li{list-style-type: none;margin: auto;}
.menu li img{width:22px;}
.menu a:hover{color: black; font-weight: bold;}
.menu a:active{color: black; font-weight: bold;}
.menu ul li ul{display:none;    top:34px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #029242;padding: 6px;border-radius: 10px 10px 0px;}
.menu > ul > li{display: inline-block; margin-top: 6px; border-right: 2px solid #1cba72;  margin-right: 9px;}
.menu > ul > li > a{padding: 0px 5px 25px 0px;}
.menu > ul > li {}
.menu > ul > li > ul {z-index:5;    }
.menu > ul > li > ul > li{padding: 10px;  margin-top: 1px; border-radius: 10px 10px 0px;}
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
 .menu li li a {   position: relative;color:white}
.menu li li {border-bottom: 1px solid #1cba72;   position: relative;color:white;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;}

	
	
	
	
/*** Menu ***/
	 
 #muni{  width:6%;      padding:9px;color:black;position: relative;z-index: 10000;float: left; text-align: center;background: #1cba72;}
 

	/** Rychlé odkazy ***/

#overena-firma{/*! float: left; */margin: -7px;width: 113px;height: 113px;}
#rychleodkazy {background: #1cba72; position: relative;height: 50px;}
#rychleodkazy .custom{float: left; height: 113px; width:113px; text-align: center; z-index: 10; margin: -55px 0px 0px 0px;;padding: 10px;  border-radius: 50%;text-align: center;}
#rychleodkazy .custom p {margin-top: 35px}
#mod-custom112 {background-image: url("/images/_ikony/bg/ico_01.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom128 {background-image: url("/images/_ikony/bg/ico_02.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom129 {background-image: url("/images/_ikony/bg/ico_03.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom130{background-image: url("/images/_ikony/bg/ico_04.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}

#mod-custom132 {background-image: url("/images/_ikony/bg/ico_05.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom133 {background-image: url("/images/_ikony/bg/ico_06.png");background-size:60%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom136 { background-image: url("/images/_ikony/bg/ico_07.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom134 {background-image: url("/images/_ikony/bg/ico_08.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }

.ro { font-size: 1.2em; color: white; font-weight: bolder;   /*! line-height: 120px; */  text-align: center;font-variant-caps: all-petite-caps;} 
#mod-custom112 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom128 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom129 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom130 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom132 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom133 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom136 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom134 > a  {text-decoration-line: none; padding: 10px;}

.stalo_se,.aktuality_v_okoli,.aktuality_z_obce {width: 32%; float:left;  padding: 0px 1% 0px 0px;}

.soc_fb {width: 33%; float:left}
.mobilni_pruvodce{width: 33%; float:left}
div.ohlasy:nth-child(3) {width: 33%; float:left}

	.oceneni {width: 33%; float:left;}
div.instagram:nth-child(2){width: 33%; float:left;}
.partneri {  display: table-cell;}
	#mod-custom122 > a  > img {width: 105px;   margin: 0 auto; padding:7px; border: 0.1px solid #029242;margin: 0px 1px 10px 10px;}
 #mod-custom120 >  img {width: 119.8px;   margin: 0 auto; padding:10px; border: 1px solid #029242;}

}
  
 
















 /***********  Tablet ***/




@media (min-width: 900px) and (max-width: 1199px){
	#uvodni_obrazek {background-image: url("/images/obec/slider/DSC_0706min3.jpg");      width: 100%;  /*! height: 100%; */  min-height:710px;background-size: cover;}

	.slider h1 {color:#1cba72; font-family:pismo_logo;padding-top: 5%;}

	.container {width:900px; margin:0 auto;padding:7px 0px 0px 0px;}

		.vyhledavani {  /*! width: 21.5%; */} 

	.nav {	display: flex;}

.menu{  width:100%; margin:0px;     height:50px;color:black;position: relative;z-index: 10000;float: left; }
.menu ul ul {box-shadow: 5px 5px 4px 5px rgba(0, 0, 0, 0.2); }
.mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10;}
.menu li{list-style-type: none;margin: auto;}
.menu li img{width:22px;}
.menu a:hover{color: black; font-weight: bold;}
.menu a:active{color: black; font-weight: bold;}
.menu ul li ul{display:none;    top:34px;padding: 0px;}
.menu ul li ul ul{display:none;background: #02a9f0; left:100px;  height: auto;}
.menu ul li:hover > ul{display:block; position:absolute; float:none;background: #029242;padding: 6px;border-radius: 10px 10px 0px;}
.menu > ul > li{display: inline-block; margin-top: 6px; border-right: 2px solid #1cba72;  margin-right: 9px;}
.menu > ul > li > a{padding: 0px 5px 25px 0px;}
.menu > ul > li {}
.menu > ul > li > ul {z-index:5;    }
.menu > ul > li > ul > li{padding: 10px;  margin-top: 1px; border-radius: 10px 10px 0px;}
.menu > ul > li > ul > li > a{font-weight: 400;}
div.menu > ul  {padding-left:0px;}
div.menu > ul > li > a > img {margin:-5px 1px 1px 1px;}
 .menu li li a {   position: relative;color:white}
.menu li li {border-bottom: 1px solid #1cba72;   position: relative;color:white;padding: 10px;}
.menu li ul li:hover ul{   display:block;    position:absolute;    left:100%;     top:0;    width:max-content;}
.menu li ul li ul li{     white-space:nowrap;} 
   
  #muni{  width:11%;      padding:10px;color:black;position: relative;z-index: 10000;float: left; text-align: center;background: #1cba72;margin-bottom: 4px;}


  
	/** Rychlé odkazy ***/	
	
	#overena-firma{ ;width: 100px;height: 100px;  }
		#overena-firma img{ width: 130px;margin:10px; display:  }

#rychleodkazy {background: #1cba72; position: relative;height: 50px; }
#rychleodkazy .custom{float: left; height: 98px; width:100px; text-align: center; z-index: 10; margin: -29px 0px 0px 0px;;padding: 0px;  border-radius: 10%;text-align: center;}
#rychleodkazy .custom p {margin-top: 35px;}
#rychleodkazy #overena-firma img {width:88%;}
#mod-custom112 {background-image: url("/images/_ikony/bg/ico_01.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom128 {background-image: url("/images/_ikony/bg/ico_02.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom129 {background-image: url("/images/_ikony/bg/ico_03.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom130{background-image: url("/images/_ikony/bg/ico_04.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}

#mod-custom132 {background-image: url("/images/_ikony/bg/ico_05.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom133 {background-image: url("/images/_ikony/bg/ico_06.png");background-size:60%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom136 {background-image: url("/images/_ikony/bg/ico_07.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom134 {background-image: url("/images/_ikony/bg/ico_08.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }

.ro { font-size: 1em; color: white; font-weight: bolder;   /*! line-height: 120px; */  text-align: center;font-variant-caps: all-petite-caps;} 
#mod-custom112 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom128 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom129 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom130 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom132 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom133 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom136 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom134 > a  {text-decoration-line: none; padding: 10px;}

.stalo_se,.aktuality_v_okoli,.aktuality_z_obce {width: 32%; float:left;  padding: 0px 1% 0px 0px;}


.soc_fb {width: 33%; float:left}
.mobilni_pruvodce{width: 33%; float:left}
div.ohlasy:nth-child(3) {width: 33%; float:left}
.oceneni {width: 33%; float:left;}
div.instagram:nth-child(2){width: 33%; float:left;}
.partneri {width: 33%; float:left; margin: 0 auto}
#mod-custom122 > a  > img {width: 105px;   margin: 0 auto; padding:7px; border: 0.1px solid #029242;margin: 0px 1px 10px 10px;}
 #mod-custom120 >  img {width: 40%;   margin: 0 auto; padding:10px; border: 1px solid #029242;}


}

 


























@media  (max-width: 899px){
#uvodni_obrazek {background-image: url("/images/obec/slider/DSC_0706min3.jpg");      width: 100%;  /*! height: 100%; */  min-height:auto;background-size: cover;}
.slider h1 {color:#1cba72; font-family:pismo_logo;padding-top: 25%;}
 
	.container {width:100%; margin:0 auto;/*! padding:0px; */}
	
	.vyhledavani {  width:100%;position: relative;display: none;} 
	.vyhledavani label.visually-hidden {display: none}
	.socialni_site {  /*! width: 30%; *//*! position: absolute; */float: center;margin: 0 auto;} 
.nav {	display:  inline-block ;}
	
	.mainmenu {position:relative;z-index: 10000; ; width: 100%  }
	.menu{  width:100%; margin:0px;     height:100%;color:black;position: relative;z-index: 10000; background:#fff;  padding-bottom: 15px;}
 .mod-menu {background-color: none; width: 100%; height: 39px; position: relative; z-index: 10; }
 .mod-menu a { text-decoration-line: none;}
.menu li{font-weight: bold;}
.menu li li ul li a{ list-style-type: none font-weight: bold;color: #919191;}
.menu a:hover{color: grey; font-weight: bold;}
.menu a:active{color: grey; font-weight: bold;}
.menu ul li ul{   top:34px;padding: 0px;}
.menu ul li ul ul{ color: #e8e8e8;  height: auto;display: }
 .menu > ul > li{display: inline-block; margin-top: 6px;  margin-right: 9px;}
.menu > ul > li > a{padding: 0px 5px 25px 0px;}
.menu li li a {   position: relative;color:black}
.menu li { position: relative;padding: 10px;}
.menu li a{;color: #1cba72;}
button.mod-menu__toggle-sub:nth-child(1) > span:nth-child(1) {;color: #1cba72;font-weight: bold}
  
  #muni{      padding:10px;color:black;position: relative;z-index: 10000;float: left; text-align: center;background: #1cba72;margin-bottom: 4px;}

	
  
	/** Rychlé odkazy ***/	
	
	#overena-firma{ ;width: 100px;height: 100%;margin:0 auto;   }
		#overena-firma img{ width: 100px;margin:0 auto; display:  }

#rychleodkazy { padding: 1%; display: inline-table;width: 100%;}
#rychleodkazy .custom{float: left;  width:46.93%; text-align: center; z-index: 10; ;  border-radius: 8%;margin: 1%;min-height: 120px;}
#rychleodkazy .custom p {margin-top: 35px;}
#rychleodkazy #overena-firma img {width:88%;}
#mod-custom112 {background-image: url("/images/_ikony/bg/ico_01.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom128 {background-image: url("/images/_ikony/bg/ico_02.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom129 {background-image: url("/images/_ikony/bg/ico_03.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom130{background-image: url("/images/_ikony/bg/ico_04.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}

#mod-custom132 {background-image: url("/images/_ikony/bg/ico_05.png"); background-size:70%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom133 {background-image: url("/images/_ikony/bg/ico_06.png");background-size:60%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }
#mod-custom136 {background-image: url("/images/_ikony/bg/ico_07.png"); background-size:60%;background-repeat:no-repeat; background-position:center ; background-color: #1cba72;}
#mod-custom134 {background-image: url("/images/_ikony/bg/ico_08.png"); background-size:70%;background-repeat:no-repeat; background-position:center; background-color: #1cba72; }

.ro { font-size: 1em; color: white; font-weight: bolder;   /*! line-height: 120px; */  text-align: center;font-variant-caps: all-petite-caps;} 
#mod-custom112 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom128 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom129 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom130 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom132 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom133 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom136 > a  {text-decoration-line: none; padding: 10px;}
#mod-custom134 > a  {text-decoration-line: none; padding: 10px;}

	
	.stalo_se,.aktuality_v_okoli,.aktuality_z_obce {width: 100%%; float:left;  text-align:center;display: contents;}

	.soc_fb {width: 100%;  }
.mobilni_pruvodce{width: 100%; }
div.ohlasy:nth-child(3) {width: 100%; text-align: center; width: 90%;}
div.ohlasy:nth-child(3) a { color:black; }
.oceneni {width: 100%; text-align: center  ;display: contents;}
div.instagram:nth-child(2){width: 100%;text-align: center    ;}
.partneri {   text-align: center;  }
#mod-custom122 > a  > img {width: 100px;   margin: 0 auto; padding:7px; border: 0.1px solid #029242;margin: 0px 1px 10px 10px;}
 #mod-custom120 >  img {width: 44%; height:auto;  margin: 0 auto;   border: 1px solid #029242;margin: revert;}
/* ===============================
   HOTFIX: úzký sloupec na mobilu
   (vložit ÚPLNĚ na konec souboru)
================================ */
@media (max-width: 899px){

  html, body{
    width: 100% !important;
    overflow-x: hidden !important;
  }
   /* hlavní wrappery – ať se nerozpadnou do úzké šířky */
  #all,
  .container,
  #komponenty,
  .mainmenu,
  .menu,
  .levá,
  .com-content,
  .com-content-category-blog,
  .blog-items,
  .blog-item,
  .item-page,
  .mod-articlesnews{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    min-width: 0 !important;
  }

  /* tohle u tebe často dělá „shrink“ (width:min-content) */
  .sl1, .sl2{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* samotné položky článků – ne inline-block, ale blok přes celou šířku */
  .mod-articlesnews__item{
    width: 90% !important;
    display: block !important;
    margin: 10px 0 !important;
  }

  /* obrázky ať nesráží layout */
  .mod-articlesnews__item img{
    max-width: 100% !important;
    height: auto !important;
  }
}

}





















.menu-informacni-centrum {background-image: url(/images/web/tic.jpg);padding-left:30px;background-repeat: no-repeat;background-position: left 0px top 0px;background-size: contain;}

.slider {text-align: center;width: 100%; height:100%}
.slider .textslider {color:#fff; font-family:pismo_logo;font-size: 2em;}


.slider {  animation: jmeno-animace 2.5s linear;} 
@keyframes jmeno-animace {	from{		opacity: 0;	}
	to{}}

  
#aktuality {background: #fff;}
.stalo_se,.aktuality_v_okoli,.aktuality_z_obce,.h3{color: #000;}
.stalo_se  a{color: green; }
.aktuality_v_okoli a{color: green; }
.aktuality_z_obce a{color: green; }

 .stalo_se .newsflash-title{font-size: 1.12em;}

#fb_mobil_ohlas{background: #1cba72;}

.soc_fb,.mobilni_pruvodce,div.ohlasy:nth-child(3) h3{text-align: center}

#oceneni_akce_partneri {display: contents;}

.ocenění,.partneri,.instagram  h3 {color:black;}
.oceneni ,.partneri h3{text-align: center}


div.pg-category-box:nth-child(3) > div:nth-child(2) > div:nth-child(1) > a:nth-child(2){color: white}
div.pg-category-box:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(2){color: white}
div.pg-category-box:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(2){color: white}

#paticka  {background: #3C4548; padding: 10px;color: white;text-align: center;}
#paticka a {color: #19d47e;}    
 
.page-header{padding-top: 5%;  }  
.alert,#search-form,.com-content-category-blog{margin-top: 5%;}  
.slider {text-align: center;width: 100%; height:100%}
.slider .textslider {color:#fff; font-family:pismo_logo;font-size: 2em;}


.slider {  animation: jmeno-animace 2.5s linear;} 
@keyframes jmeno-animace {	from{		opacity: 0;	}
	to{}}
 
 
 
 #komponenty {  position: relative; z-index: 50;width: 100%;float: right; } 
 
.page-header{padding-top: 5%;  }  
.alert,#search-form,.com-content-category-blog{margin-top: 5%;}

/* =========================================================
   FIX v5: Mobile menu opens in full size (fullscreen drawer)
   - CSS-only (no HTML changes)
   - Submenus visible on mobile
   - Menu panel overlays content and is not clipped by parent containers
   Breakpoint aligns with your custom navbar-expand-md: 900px
   ========================================================= */

@media (max-width: 899.98px) {

  /* tune this if your top bar is taller/shorter */
  :root { --mobile-topbar: 56px; }

  /* Ensure menu area is above everything */
  .mainmenu,
  .mainmenu .menu,
  .mainmenu .menu nav.navbar {
    position: relative !important;
    z-index: 1000000 !important;
    overflow: visible !important;
  }

  /* If collapse is closed, keep it hidden (Bootstrap uses .show) */
  .mainmenu .menu nav.navbar .navbar-collapse.collapse:not(.show) { display: none !important; }
  .mainmenu .menu nav.navbar .navbar-collapse.collapse.show { display: block !important; }

  /* Fullscreen drawer panel (starts below top bar so hamburger remains clickable) */
  .mainmenu .menu nav.navbar .navbar-collapse {
    position: fixed !important;
    top: var(--mobile-topbar) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: calc(100vh - var(--mobile-topbar)) !important;
    max-height: none !important;

    z-index: 1000001 !important;

    background: rgba(255,255,255,.98) !important;
    border: 0 !important;
    border-top: 1px solid rgba(0,0,0,.10) !important;
    border-radius: 0 !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;

    margin: 0 !important;
    padding: .5rem 0 1rem 0 !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Prevent page scroll behind the opened menu (works in modern browsers) */
  html:has(.mainmenu .menu nav.navbar .navbar-collapse.show),
  body:has(.mainmenu .menu nav.navbar .navbar-collapse.show) {
    overflow: hidden !important;
  }

  /* Keep hamburger above the panel edge area */
  .mainmenu .menu nav.navbar .navbar-toggler {
    position: relative !important;
    z-index: 1000002 !important;
    border: 0 !important;
    padding: .45rem .6rem !important;
    border-radius: .6rem !important;
    background: rgba(0,0,0,.06) !important;
  }
  .mainmenu .menu nav.navbar .navbar-toggler:focus {
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.15) !important;
  }

  /* Remove bullets everywhere in menu */
  .mainmenu .menu nav.navbar ul.mod-menu,
  .mainmenu .menu nav.navbar ul.mod-menu__sub,
  .mainmenu .menu nav.navbar ul.mod-menu li,
  .mainmenu .menu nav.navbar ul.mod-menu__sub li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Main UL vertical stack */
  .mainmenu .menu nav.navbar ul#mod-menu1.mod-menu.nav,
  .mainmenu .menu nav.navbar ul.mod-menu.nav {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  /* Item rows + dividers */
  .mainmenu .menu nav.navbar ul.mod-menu > li.nav-item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
  }
  .mainmenu .menu nav.navbar ul.mod-menu > li.nav-item + li.nav-item {
    border-top: 1px solid rgba(0,0,0,.06) !important;
  }

  /* Top-level links */
  .mainmenu .menu nav.navbar ul.mod-menu > li.nav-item > a {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    padding: .9rem 1rem !important;

    color: rgba(0,0,0,.88) !important;
    font-weight: 650 !important;
    text-decoration: none !important;
  }
  .mainmenu .menu nav.navbar ul.mod-menu > li.nav-item > a img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
  }

  /* Section headers like "O obci" / "Aktuality" */
  .mainmenu .menu nav.navbar li.divider > span.mod-menu__separator {
    flex: 1 0 100% !important;
    display: block !important;
    padding: .8rem 1rem .35rem 1rem !important;

    font-size: .78rem !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: rgba(0,0,0,.55) !important;
  }

  /* Active */
  .mainmenu .menu nav.navbar li.current > a,
  .mainmenu .menu nav.navbar li.active > a {
    background: rgba(0,0,0,.05) !important;
  }

  /* Submenus: expanded and grouped */
  .mainmenu .menu nav.navbar ul.mod-menu__sub {
    position: static !important;
    display: block !important;

    width: 100% !important;
    flex: 1 0 100% !important;

    margin: 0 .75rem .85rem .75rem !important;
    padding: .35rem .25rem .55rem .75rem !important;

    background: rgba(0,0,0,.03) !important;
    border-left: 3px solid rgba(0,0,0,.10) !important;
    border-radius: .85rem !important;
  }

  .mainmenu .menu nav.navbar ul.mod-menu__sub a {
    display: block !important;
    padding: .6rem .75rem !important;

    color: rgba(0,0,0,.72) !important;
    font-weight: 550 !important;
    text-decoration: none !important;
    border-radius: .65rem !important;
  }
  .mainmenu .menu nav.navbar ul.mod-menu__sub a:hover,
  .mainmenu .menu nav.navbar ul.mod-menu__sub a:focus {
    background: rgba(0,0,0,.06) !important;
    outline: 0 !important;
  }

  /* Deeper nesting */
  .mainmenu .menu nav.navbar ul.mod-menu__sub ul.mod-menu__sub {
    margin: .4rem 0 0 0 !important;
    padding-left: .6rem !important;
    background: transparent !important;
    border-left: 2px solid rgba(0,0,0,.10) !important;
  }

  /* Hide chevron toggles on mobile (submenu expanded) */
  .mainmenu .menu nav.navbar button.mod-menu__toggle-sub {
    display: none !important;
  }

  /* Neutralize legacy hover dropdown rules */
  .mainmenu .menu nav.navbar .menu ul li ul,
  .mainmenu .menu nav.navbar .menu ul li ul ul {
    display: block !important;
    position: static !important;
  }
}

@media (min-width: 900px) {
  /* Desktop: keep keyboard-friendly open */
  .mainmenu .menu nav.navbar li:focus-within > ul.mod-menu__sub {
    display: block;
  }
}