body , html{
    background-color:#000000;
    color: #939393;
    font-family: 'Encode Sans Condensed', sans-serif;
}

a {
    color: #939393 !important; 
}


.uvod-on-homepage #head > a > img {
    max-height: 6em!important;
}

.uvod-on-homepage #head , .uvod-on-homepage .pod-head-bg {  
    /* display: none; */
}


#above {
    background: #000;
}

#head{
text-align:center;
}

#head-sekce > .container .row{
flex-direction: column;
text-align:center;
}

body.scrolled #head {
    display:none;
}





#menu{
    width: auto;
    text-align: center;
    font-family: 'Encode Sans Condensed', sans-serif;
}

.ismobile-no #menu > nav {
    margin-left: 7em;   /* kompenzuje to přepínání LANG vpravo => aby menu (bez přepínačů LANG) bylo na středu  */
}


.submenu-cascade.root {
    font-size: 1.2em;
}


.submenu-cascade ul li:hover {
    background: #dddddd17;
}

/* SIPKA INDIKUJICI, ZE JSOU DALSI UROVNE */
.submenu-cascade > ul > li.more>a:after {
    color: #ffffff40;
}


#menu.MenuMode_standard {
    justify-content: center!important;
    margin: 0 0 1em;
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.more:hover::after {
    background:#333333f2;
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li > a {
    text-transform:uppercase;    
    font-weight: 300;
    font-size: 1.3em;    
    margin: 0em 0.25em 0.5em;
    padding: 0.1em 0em;
    color: #939393;
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent > a, #menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current > a {
    font-weight: 600;
}

#menu.MenuMode_standard li:hover > .submenu-cascade {
background-color:#333333f2;
}

#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, #menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    color: inherit !important;
    font-weight: 500;
}

#menu.MenuMode_standard #langs {
    border-left: 1px solid #eeeeee6e;
	margin-left:10px;
	padding-left:10px;
	margin-top:4px;
}


.bf{
display:block;
opacity:0.2;
background-size:cover;
background-position:center;
z-index:1;
}

footer{
z-index:2;
}

/*.lang-box{
position: fixed;
top: 0;
}*/

#langs > li {
padding:0;
}

#langs a.active {
background:#333;
}

.hamburger-menu ul {
    background-color: #333;
}

#button-hamburger.activate {    
    border: 1px #939393a1 solid;
    color: #939393  /*odkaz*/; 
}

#button-hamburger.activate:hover, #button-hamburger.activate.active {
    background: #333;
    color: #939393;
}

#button-hamburger.activate:hover::before, #button-hamburger.activate.active::before {
    color: #939393;
}


.vypis:not(.vypis_form) a {
    background: none;
}

.vypis:not(.vypis_form) a span.nazev {
    font-size: 1.3em;
}

#zpet-stranka-link {
    display: none;
    /* font-size: 1em; */
    /* display: flex;  justify-content: center; */
}

footer{
padding:1em 0 3em 0;
background-color:#000;
}

#fn{
display:block;
text-align:center;
padding:0.5em 0 1em 0;
}

#fn{
border-bottom:1px solid #333;
}

#fn nav > div > span{
display:inline-block;
padding:5px;
}

.footer-socials {
    display: flex;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-socials a {
    display: block;
    padding: 0.5em;
}

.footer-socials a img {
    width: 3em;
    height: auto;
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.uvod-on-homepage #main {
    background-color: inherit;
}


#main > .focuspoint{
height:auto!important;
}

#main > .focuspoint > img{
display:none;
}

#main > .focuspoint-box:after {
display:none;
}


.person-box{
text-align:center;
}

.person-box img {
    width:77%;
}

.person-box .vypis-contact-name {
    margin-top:1em;
    font-size: 1.3em;
}

.person-box .vypis-contact-role {
    
}

.person-box .vypis-contact-obsah {
    margin-top: 1em;
}



/*============================================*/
/*----- 3. DROBECKOVA-2 NAVIGACE (START) -----*/
/*============================================*/

#bc {/*position:absolute;*/bottom:0;left:0;width:100%;font-size:0.9em;}
#bc a{
    text-overflow: ellipsis;
    overflow:hidden;
    max-width:12em;
    white-space: nowrap;
    }
/*#bc .container {background:rgba(255, 255, 255, 0.87);}*/
#bc #bread {
  font-size: 1em;
  font-weight: 400;
  color: inherit;
  padding: 0.5em 0em;
  text-align:center;
}
#bc #bread.hide-last-item > a:last-child {
    display: none;
} 
#bc #bread a {color:rgba(0, 0, 0, 0.8);text-decoration:none;}
#bc #bread a:hover {border-bottom:1px transparent solid; text-decoration: underline; }
#bc #zalozky {font-size: 1.2em;;padding-top:3px;font-weight:100;text-align: center; width:80%; margin:0 auto;	}
#bc .zalozka {
    transition: background .4s;
    /*background: linear-gradient(to bottom,rgba(205, 205, 205, 0.6) 80%, rgba(160, 160, 160, 0.9) 100%);*/
	background-color:#252525bf;
    margin:0 2px 0 0;
    color:#000;
    display:inline-block;
    padding:.4em .4em;
    text-decoration:none;
  }
  

#bc #zpet{
color:#000!important;
display:none!important;
}

/*
#bc .zalozka:hover,.f #bc .zalozka:focus,.f #bc .zalozka:active {
color:#000!important;background:linear-gradient(to bottom,rgba(255,255,255,.94) 0%,rgba(255,255,255,.96) 100%);
}
*/
  
#bc .zalozka.current {
    font-weight: 600;
} 

#bc #zpet {transition: background .2s ; padding:.4em 1em;margin-right:2px;text-decoration:none;display:inline-block;color:#07617d;font-weight: 600}
#bc #zpet::before {content:"";/*border:1px #fff solid;border-width:1px 0px 0 1px;*/display:inline-block;width:8px;height:8px;transform:rotate(45deg);position:relative;left:0px;top:0px;}

#bc #zpet:hover {background:#fff;color:#333}
#bc #zpet:hover::before {border-color: #333/*text*/;}
 
@media screen and (max-width:991px) {
	#bc{
	font-size:0.8em;
	}
}

@media screen and (max-width:600px) {
    #bc{position:absolute;}
    #bc .zalozka {display:none;}
    #bc .zalozka.current {display:inline-block;}
   
}
/*----- DROBECKOVA-2 NAVIGACE (END) -----*/


/*============================================*/
/*=========== 12. BARVY MENU ==========*/
/*============================================*/

/*#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, #menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    color: #a87703 !important;
}

#button-hamburger.activate {
    border: 1px #a87703 solid;
    color: #a87703;
}

#button-hamburger.activate:hover, #button-hamburger.activate.active {
    background: #a87703;
    color: #fff;
    border-color: transparent;
}*/






.vypis a:hover span.inner::after, .vypis a:focus span.inner::after {
    color: #939393;
}



/* ========================= ZÁPLATY - dořešit pak systémově  ============================================*/

.hamburger-menu {
    font-size: 19px;
}
/* asi by v hladinách nemělo být v pixelech  */ 


.hamburger-menu ul ul {     /* */
    background-color: transparent;
}

@media (max-width: 576px) {
    .container, .container-sm {
        /* max-width: 540px; */
        max-width: 90%;
    }
}


/* k šipkám listování mezi sourozeneckými články .. pro tmavý web vypnuté světlé pozadí   */
#listing .mini.box .fp-listing {
    background-color: transparent !important;
}


.breadcrumb-basic-row span:last-child {
    /* display: none; */
}

.breadcrumb-basic-row {
    display: none;
}

span.breadcrumb-item:last-child {
    /* display: none; */
}


#above-clanek {
    text-align: center;
}

.zaahlavi-after-focus {
    height: 1em;
}



/* pro stránku DEATH MASS Tour 2026 (id 511) vypnutí hlavičky a patičky  */
.body_clanek_511 #head-sekce { display: none;}
.body_clanek_511 #above { display: none;}
.body_clanek_511 #start { display: none;}
.body_clanek_511 .pod-head-bg { display: none;}
.body_clanek_511 .zaahlavi-after-focus { height: 3em; }

.body_clanek_511 #zpet-stranka-link { display: none ; }

.body_clanek_511 footer { padding: 0.2em 0; background: #0000008f;}
.body_clanek_511 .footer-socials { display: none; }
.body_clanek_511 .footer-links div:nth-child(1) { display: none; }
.body_clanek_511 .footer-links div:nth-child(2) { color: transparent; font-size: 0.1em; opacity: 0.7;  margin: 0 auto;}
.body_clanek_511 .footer-links a {  font-size: 10em; }


/*---- Opravy jediného obrázku v galerii ---*/
.single-gallery-photo .gallery-bs-box img {
    width:auto;
    max-width:100%;
}
@media screen and (min-width:768px) {

    .fotogalerie-vlevo .single-gallery-photo .gallery-bs-box{
        text-align:right;
    }
}

/* pro singl img v galerii  */ 
.single-gallery-photo.fotogalerie a.foto:hover img {
    border: 2px solid transparent;
}