/*
Theme Name: Denník
Author: Patrik Dubecký
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
GitHub Theme URI https://bitbucket.org/patrikdubeck/dennik
*/

html, body {
  height: 100%;
}

body {
  font-family: 'Arial', sans-serif;
}

.search-toggle {
  display: none;
}

body::before {
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  z-index: 999999;
  border-top: 6px #18497d solid;
  top: 0;
  left: 0;
}

.wp-pagenavi a, .wp-pagenavi .current {
  padding-left: 3px;
}

a {
  display: inline-block;
}

a:hover {
  text-decoration: none;
}

.show-xs {
	display: none;
}

.show-xs .video-thumb {
	max-width: 100%;
} 

.show-xs h3 a {
	color: black;
}
	
@media (max-width: 767px) {
	.show-xs {
		display: block;
	}
}

#sidebar_ads .widget-block .widget-title h2 {
    color: #136faa;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 0px;
	line-height: 0px;
}

a:focus, a:active {
  color: inherit;
  text-decoration: none;
}

p {
  color: #000;
  font-size: 15px;
  line-height: 23px;
}

.margin-top-banner {
  margin-top: 250px !important;
}

.video-thumb {
  max-width: 300px;
  width: 100%;
}

.font-weight-bold {
  font-weight: bold;
}

@media (min-width: 1200px) {
  .container {
    max-width: 980px;
  }
}

#fancybox-overlay {
  z-index: 99999999 !important;
}

#fancybox-wrap {
  z-index: 999999999 !important;
}

.banner-bordered {
  border: 1px #cecece solid;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.wp-caption {
  width: 100% !important;
}

.wp-caption-text {
  font-style: italic;
  color: #303030;
  font-size: 13px;
  line-height: 16px;
  margin-top: 2px;
  margin-bottom: 15px;
}

.banner .header-banner img {
  display: inline-block;
}

.banner .header-banner {
  margin-top: 10px;
}

.side-banner-up {
  margin-bottom: 25px;
}

.side-banner-down {
  margin-top: 25px;
  margin-bottom: 25px;
}

.side-banner-middle {
  margin-top: 3px;
  margin-bottom: 15px;
}

.single-banner {
  margin-top: 35px;
  margin-bottom: 15px;
}

.loop-banner {
  margin-bottom: 15px;
  margin-top: 15px;
}

.branding-ad {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.container {
  position: relative;
  z-index: 999;
  background: #fff;
  margin-top: 6px;
}

header {
  margin-bottom: 28px;
}

header .top-nav {
  margin-top: 18px;
  border-bottom: 1px #a8a8a8 solid;
  padding-bottom: 5px;
}

header .top-nav .contact-button a {
  color: #1f3148;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
  margin-top: 12px;
}

header .top-nav .calendar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}

header .top-nav .calendar span {
  color: #303030;
  font-size: 12px;
}

header .top-nav .search-form {
  position: relative;
}

header .top-nav .search-form input {
  border: 1px #d1d1d1 solid;
  color: #949494;
  font-style: italic;
  font-size: 12px;
  padding: 6px 50px 4px 10px;
  border-radius: 2px;
}

header .top-nav .search-form .search-button {
  position: absolute;
  top: 1px;
  right: 0;
  border: 0;
  border-left: 1px #d1d1d1 solid;
  background: transparent;
  outline: 0;
  padding: 7px 13px 6px;
  border-radius: 0 2px 2px 0;
}

header .top-nav .search-form .search-button::before {
  content: '';
  background: url('images/search.png') no-repeat center center;
  width: 14px;
  height: 14px;
  display: block;
}

header .header-logo {
  width: 100%;
  border-bottom: 2px #a8a8a8 solid;
  padding: 18px 0 18px;
}

header .header-logo-sub {
  width: 100%;
  border-bottom: 2px #a8a8a8 solid;
  padding: 18px 20px 18px 20px;
  position: relative;
}

header .header-logo-sub .page-title {
  float: right;
  margin: -2px 0 0;
  color: #000;
  font-size: 32px;
  font-weight: bold;
}

header .header-logo a img {
  display: inline-block;
  text-align: center;
}

header nav {
  border-bottom: 1px #a8a8a8 solid;
  padding-bottom: 5px;
}

header nav ul {
  margin: 0;
}

header nav ul li a {
  color: #1f3148;
  font-size: 14px;
}

header nav ul.list-inline>li {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 1px;
}

header nav ul.list-inline>li.current-cat a, header nav ul.list-inline>li.current-menu-item a, header nav ul.list-inline>li.current-post-parent a {
  font-weight: bold;
}

header nav ul.list-inline>li:hover a {
  font-weight: bold;
  color: #000;
}

.calendar-date {
  display: none;
}

.navbar-nav {
  margin: 0;
}

.navbar-header {
  background: #18497d;
  position: relative;
}

.navbar {
  min-height: 0;
  margin-bottom: 0px;
  border-bottom: 1px #a8a8a8 solid;
  border-radius: 1px;
}

.navbar-toggle {
  padding: 6px 10px 9px;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 5px;
  z-index: 9999999;
}

.navbar-toggle .icon-bar {
  background: #fff;
}

.nav>li {
  border-top: 1px #1a5089 solid;
}

.nav>li>a:focus, .nav>li>a:hover {
  /*background: #1a5089;*/
  background: transparent;
}

#main-menu {
  background: #18497d;
  border: 0;
}

#main-menu a {
  color: #fff;
}

#main-single {
  border-bottom: 1px #dbdbdb solid;
  padding-bottom: 11px;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 15px;
}

#main-single .foogallery-default.alignment-center {
  margin-bottom: 10px;
}

#main-single .post-data {
  font-size: 15px;
  display: block;
  margin-top: -18px;
  color: #303030;
  margin-bottom: 12px;
}

#main-single .post-data small {
  color: #7c7c7c;
}

body.page #main .posts .post:last-child, body.single #main .posts .post:last-child {
  border-bottom: 0;
}

.widget-block.banner .width::before, .single-banner.width::before {
  content: '';
  text-align: right;
  max-width: 480px;
  display: block;
  background: url('images/reklama.jpg') no-repeat right;
  height: 7px;
  margin-bottom: 5px;
}

.widget-block.banner .height::before {
  content: '';
  background: url('images/reklama.jpg') no-repeat right;
  text-align: right;
  max-width: 300px;
  display: block;
  height: 7px;
  margin-bottom: 5px;
}

#page .post-content img {
  max-width: 100%;
  height: auto;
}

#latest-post {
  margin-bottom: 25px;
}

#latest-post .latest-post {
  border-bottom: 1px #dbdbdb solid;
  padding-bottom: 11px;
}

#latest-post .latest-post h2, #main-single h2, #page-header h2 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 22px;
  width: 80%;
  line-height: 40px;
}

#latest-post .latest-post .post-thumbnail {
  width: 80%;
}

#latest-post .latest-post .post-content {
  margin-top: 20px;
  width: 80%;
}

#main .post {
  border-bottom: 1px #dbdbdb solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#main .post h3 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  margin-top: -5px;
  line-height: 20px;
}

#main .video h3, #main .photo h3 {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 20px;
  min-height: 60px;
}

#main .post .media {
  margin-top: 0;
}

#main .post .media .media-body p {
  margin-bottom: 0;
}

#main .video, #main .photo {
  margin-bottom: 10px;
  padding-right: 30px;
}

#sidebar .widget-block .widget-content .widget-post h3, #sidebar .widget-block .widget-content .widget-post h3 a, #sidebar_ads .widget-block .widget-content .widget-post h3, #sidebar_ads .widget-block .widget-content .widget-post h3 a {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    line-height: 18px;
}

#sidebar .videos .video-thumb {
  max-width: 300px;
  width: 100%;
}

#sidebar .videos a.video-link, #sidebar_ads .videos a.video-link, #main .video a.video-link {
  position: relative;
}

#sidebar .videos a.video-link::before, #sidebar_ads .videos a.video-link::before, #main .video a.video-link::before {
  content: '';
  /*background: url('images/play.png') no-repeat center center;*/
  width: 34px;
  height: 39px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sidebar .widget-block .widget-title h2, #main .title-red h2 {
  color: #136faa;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;
}

#sidebar .widget-block .widget-title h2::before, #main .title-red h2::before {
  content: '';
  display: inline-block;
  background: url('images/prefix.png') no-repeat center center;
  width: 6px;
  height: 10px;
  margin-right: 5px;
}

#sidebar .widget-block .widget-content .widget-post {
  margin-bottom: 13px;
  padding-bottom: 18px;
  border-bottom: 1px #dbdbdb solid;
}

#sidebar .widget-block .widget-content .widget-post h3 {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 0 0 15px;
}

.more-posts-link, .more-videos-link {
  color: #136faa;
  font-size: 14px;
}

.more-posts-link {
  float: right;
  margin-bottom: 15px;
}

.more-videos-link {
  width: 300px;
  text-align: right;
  margin-top: 10px;
}

.photogallery {
  background: #ededed;
  padding: 15px 20px 20px;
  box-sizing: border-box;
  margin: 5px 0 22px;
}

.photogallery .title-photogallery a {
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.photogallery .photos a {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 16.66%;
  padding: 0 2px;
}

.home .foogallery-default {
  height: 114px;
  overflow: hidden;
}

.foogallery-default.spacing-width-10 a, .foogallery-default.spacing-width-10.foogallery-link-none img {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 5px;
}

.foogallery-default.hover-effect-caption a {
  width: 16.66%;
}

.foogallery-default a img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

footer {
  margin-top: 28px;
}

footer .footer-container {
  border-top: 2px #b7cfe2 solid;
  padding-top: 7px;
}

footer .footer-container .copyright {
  margin-top: 7px;
}

footer .footer-container .copyright span {
  color: #000;
  font-size: 13px;
  line-height: 17px;
}

footer .footer-container .copyright ul.social {
  margin-top: 20px;
}

footer .footer-container .copyright ul.social li a {
  color: #fff;
  display: inline-block;
  width: 37px;
  height: 37px;
  vertical-align: middle;
  text-align: center;
  padding: 5px 0;
}

footer .footer-container .copyright ul.social .facebook {
  background: #3b5998;
  border-radius: 3px;
}

footer .footer-container .copyright ul.social .twitter {
  background: #44ccf6;
  border-radius: 3px;
}

footer .footer-container .other {
  margin-top: 7px;
}

footer .footer-container .other p {
  color: #000;
  font-size: 13px;
  line-height: 17px;
}

footer .footer-container .other ul.footer-menu {
  margin-left: 0;
  margin-top: 22px;
}

footer .footer-container .other ul.footer-menu li {
  vertical-align: middle;
  padding: 0;
}

footer .footer-container .other ul.footer-menu li a {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}

footer .footer-container .other ul.footer-menu li::after {
  content: '|';
  display: inline-block;
  vertical-align: 1px;
  padding: 0 12px;
}

footer .footer-container .other ul.footer-menu li:last-child::after {
  content: none;
}

footer .footer-container .other ul.footer-menu li a:hover {
  font-weight: bold;
}

.search-title h2 {
  font-family: 'Arial';
  color: #000;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 25px;
  border-bottom: 1px #a8a8a8 solid;
  padding-bottom: 18px;
}

/* Responsive */

@media (max-width: 991px) {
  .margin-top-banner {
    margin-top: 25px !important;
  }
}

@media (max-width: 768px) {

  header .header-logo-sub {
    padding: 18px 0;
  }

  .margin-top-banner {
    display: none;
  }

  header .header-logo-sub .page-title {
    float: none;
  }

  footer .footer-container .copyright span {
    display: none;
  }

  footer .footer-container .other p {
    display: none;
  }

  header .header-logo {
    padding: 10px 0;
  }

  #main .post h3 {
    font-size: 16px;
  }

  #main .post .media .media-body p {
    font-size: 14px;
    line-height: 18px;
  }

  header .top-nav .search-form, header .top-nav .contact-button {
    display: none;
  }

  header {
    margin-bottom: 20px;
  }

  header .top-nav .calendar {
    position: static;
    text-align: center;
    left: auto;
    transform: none;
    clear: both;
    margin-top: 0;
  }

  #latest-post .latest-post h2, #main-single h2, #page-header h2 {
    width: 100%;
    font-size: 20px;
    line-height: 34px;
  }

  #latest-post .latest-post h2 {
    margin-bottom: 10px;
  }

  #latest-post .latest-post .post-content {
    margin-top: 5px;
    display: none;
  }

  #latest-post {
    margin-bottom: 17px;
  }

  #latest-post .latest-post .post-thumbnail {
    width: 100%;
    text-align: center;
  }

  #latest-post .latest-post .post-content {
    width: 100%;
  }

  p {
    line-height: 20px;
  }

  footer .footer-container .footer-logo, footer .footer-container .copyright, footer .footer-container .other {
    padding: 0;
  }

  footer .footer-container .copyright {
    margin-top: 14px;
  }

  .custom-pagination {
    text-align: center;
    margin-bottom: 9px;
  }

  header .header-logo-sub .page-title {
    position: relative;
    left: auto;
    transform: none;
    text-align: center;
    margin: 20px 0 0;
  }

  header .header-logo-sub a {
    text-align: center;
    float: none !important;
    width: 100%;
  }

  header .header-logo-sub a img {
    display: inline-block;
  }

  .widget-block.banner .height {
    display: none;
  }

}

@media (min-width: 1200px) {
  .nav>li {
    border-top: 0;
  }
}

@media (max-width: 550px) {
  .photogallery .photos a {
    width: 33.33%;
    padding: 2px;
  }
}

@media (max-width: 783px) {
  .calendar-date {
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
  }

  header .top-nav .calendar {
    display: none;
  }

  header .top-nav {
    position: absolute;
    margin-top: 10px;
    z-index: 99999;
    background: rgba(32, 84, 161, 1);
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
  }

  header .top-nav .search-form {
    float: none !important;
  }

  header .top-nav .search-form input {
    border: 0;
    color: #fff;
    font-style: italic;
    font-size: 12px;
    padding: 20px 50px 20px 20px;
    border-radius: 1px;
    width: 100%;
    background: rgba(32, 84, 161, 1);
  }

  header .top-nav .search-form .search-button::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    color: #fff;
    font-size: 18px;
  }

  .search-toggle {
    background: none;
    border: 0;
    color: #fff;
    font-size: 19px;
    margin-left: 15px;
    color: #fff;
    display: block;
    float: left;
  }

  header .top-nav .search-form .search-button {
    position: absolute;
    top: 1px;
    right: 0;
    border: 0;
    background: transparent;
    outline: 0;
    padding: 19px 17px 19px;
    border-radius: 0 2px 2px 0;
  }

  header .top-nav .search-form input {
    border: 0;
    color: #949494;
    font-style: italic;
    font-size: 12px;
    padding: 20px 50px 20px 20px;
    border-radius: 1px;
    width: 100%;
    background: rgba(32, 84, 161, 1);
  }
}

@media (min-width: 768px) {
  .container {
    margin-top: 90px;
  }

  .nav>li {
    border-top: 0;
  }

  .navbar-nav>li {
      float: none;
      display: inline-block;
  }

  .navbar-nav {
      float: none;
  }

  .navbar-nav>li>a {
      padding: 0;
  }

  .navbar-nav>li>a:hover {
    background: none;
  }

}

#wpadminbar {
  z-index: 999999999 !important;
}

@media (max-width: 767px) {
  #main-single h2 {
    font-size: 29px;
    line-height: 31px;
  }

  #latest-post .latest-post h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .wp-caption-text {
    font-size: 12px;
  }
}

#sidebar .widget-block.problemy-obcanum .widget-content .widget-post {
  margin-bottom: 18px;
  padding-bottom: 15px;
  border-bottom: 1px #dbdbdb solid;
}

#sidebar .widget-block.problemy-obcanum .widget-content .widget-post h3 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

#sidebar .widget-block.problemy-obcanum .widget-content .widget-post p {
  margin: 0;
}

.left-top-title{
  font-size: 40px;
  margin: -10px 0;
  font-weight: bold;
  color: #18497d;
}