/* Zde vložte své vlastní CSS*/
html {background-color: #222;}
.current_page_item a {color:#ffd521 }
.top-bar .site-branding {text-align:left; padding:20px 15px}
.main-navigation a {    font-size: 16px;}
.category-3 .content-area {width:100%} /*Full-width pro aktuality*/
.single-post .content-area {width:100%} /*Full-width pro aktuality*/
.single-post .byline {display:none}
.single-post .entry-footer > span {display:none !important}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a {color:#7d7d7d}
.footer-branding1 {color:#C8C8C8}
/*HOMEPAGE*/
/*.home .site-header {display:block} /*zobrazit header pro homepage*/
.home #content {display:none} /*skryt obsah na homepage*/
.home footer {display:none} /*skryt paticku na homepage*/
body.home {background-color:#222} /*seda barva homepage*/
.home .top-bar {opacity:1}
.home #sidebar-footer {display:none}
.home .welcome-info {margin-top:12%}
/*Konec HOMEPAGE*/


/**/

/*odsazeni hlavniho obsahoveho ramce*/
.content-area .site-main article {padding:0px}
.content-area .site-main .entry-header {padding:0 30px 0 30px}
.content-area .site-main .entry-content {padding:0 30px 0 30px}
.single-post .content-area .site-main .entry-header {padding-top:1em}
.category-3 .content-area .site-main .entry-header {padding-left:0px}
/**/
.home div {}
.home .menu {display:block !important}
.home .welcome-desc {text-shadow: 0 0 9px #000, 0 0 2px #000;}

.home #undefined-sticky-wrapper {text-align:right; width:100%}
.home #undefined-sticky-wrapper div.top-bar {background-color:#222222cf;}
.home #undefined-sticky-wrapper .top-bar {
      -webkit-animation-name: example1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: example1;
    animation-duration: 1s;
  
 }

.popup-link {color:white !important;     text-transform: uppercase; float: right;    position: fixed !important;    bottom: 50px;    right: 3em;    background: black;    padding: 15px !important;}
.popup-link:hover  {background: #4a4a4a}

/* The animation code */
/* Standard syntax */

@keyframes example1 {
    from {opacity:0;}
    to {opacity:1;}
}


@media  only  screen  and  (min-width:  768px)  { 
 #sidebar-footer .container .sidebar-column {width:50%} /*footer-a a footer-b pres fullwidth*/ 
}

@media  only  screen  and  (min-width:  1025px)  { 
.home #undefined-sticky-wrapper {margin-top: -17%;}
  .top-bar .container .site-branding {width:35%}
  .top-bar .container .main-navigation {width:65%}

}

@media  only  screen  and  (min-width:  992px) and (max-width:1024px )  { 
  .top-bar .container .site-branding {width:30%}
  .top-bar .container .main-navigation {width:70%}
  .main-navigation a {    font-size: 14px;}

}

@media  only  screen  and  (min-width:  992px)  { 
  #sidebar-footer .popup-link {display:none}
}

@media  only  screen  and  (max-width:  991px)  { 
  #menu-hlavni-meu .popup-link {display:none}
}

@media  only  screen  and  (max-width:  547px)  { 
  .top-bar .container .site-branding {max-width:85%}
}

@media only screen and (min-width: 1199px) {
.has-banner, .has-banner::after {    max-height: 1200px;}
}