/*
Theme Name: Hanácká mozeka web layout
Theme URI: http://noweb.org/
Author: Ondrej Kulaty
Author URI: http://rubick.cz/
Version: 1.0
*/

/*********************/
/*  TAGS
/*********************/

body {
  background: url('img/bg.jpg') top center no-repeat;
  font-family: 'Open Sans';
  color: #282009;
  min-height: 100%;
}
html {
  background: url('img/bgtile.jpg') top center repeat-y;
  height: 100%;
}
h1, h2, h3, h4, h5, h6, ul, ol, p, .nice-table {
  margin-bottom: 18px;
}   
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
  padding-top: 5px;
}
h3 {
  font-size: 1.2em;
}
h1, h2, h3 {
  font-weight: bold;
}
p,ul,ol {
  line-height: 160%;
}
a {
  color: #D00;
}
a:hover {
  color: #ff9090;
}
img {
  border: 7px solid #fff;
}
strong {
  font-weight: bold;
}   
ul {
  list-style-type: disc;
}
ul,ol {
  margin-left: 30px;
}

/*********************/
/*  MENU
/*********************/

#menu {
  padding-top: 147px;
  text-align: center;
  font-family: 'Didact Gothic';
  font-size: 1.1em;
  color: #fff;
  margin-bottom: 12px;
  margin-left: 0px;
  line-height: 100% !important;
}
#menu li {
  display: inline;
  position: relative;
  padding-right: 50px;
  padding-bottom: 15px;
  background: url('img/flower.png') no-repeat;
  background-position: right 5px;
}
#menu li a {
  color: #fff;
  text-decoration: none;
}
#menu li a:hover {
  text-decoration: underline;
}
#menu li.last {
  padding-right: 0px;
  background: none;
}
#menu li.current_page_item a {
  text-decoration: underline !important;
  color: #f6e372 !important;
}      
#menu li.current_page_item li a {
  text-decoration: none !important;
  color: #fff !important;
}    
#menu li.current_page_item li a:hover {
  text-decoration: underline !important;
}            
#menu ul {
    display: none;
    position: absolute;
    top: 34px;
    width: 120px;
    left: -55px;
    background: #000;
    z-index: 99999;
    opacity: 0.85;
    -moz-box-shadow: 0 0 5px #0000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
#menu ul li {
  background: none;
  display: block;
  margin-bottom: 5px;
  text-align: center;
  padding: 0px;
}
#menu ul.children ul.children {
  display:none !important;
}


/*********************/
/*  SIDEBAR
/*********************/

#sidebar {
  padding: 25px 0px 30px 0px;
  float: left;
  width: 239px;
}
.sidebar-box h3 {
  font-size: 1.1em;
  line-height: 280%;
  padding-left: 15px;
  font-weight: bold;
  height: 45px;
  margin-bottom: 5px;
  width: 239px;
  background: url('img/bgsidebar.png') left top no-repeat; 
}
.sidebar-box {
  font-size: 0.8em;
  margin-bottom: 30px;
  background: white;
  border-radius: 10px;
  padding-bottom: 5px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}
.round {
  border-radius: 10px;
}
.shadow {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}

/*********************/
/*  SIDEBAR - news
/*********************/

.sidebar-box ul {
  padding: 0px 5px;
}
.sidebar-box ul li {
  line-height: 170%;
}
.sidebar-box span.post-date {
  padding-left: 5px;
}

/*********************/
/*  SIDEBAR - events
/*********************/

.sidebar-box ol {
  padding: 0px 5px;
}
.sidebar-box ol li {
  line-height: 170%;
}
.sidebar-box p {
  padding: 0px 15px;
}
.sidebar-box h4.entry-title {
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 5px;
}
.sidebar-box div.duration {
  margin-bottom: 5px;
}
.sidebar-box p.tribe-events-widget-link {
  text-align: center;
}
.sidebar-box ol {
  list-style-type: disc;
}

/*********************/
/*  IDs
/*********************/

#content {
  padding: 30px 30px 5px 30px;
  font-size: 0.82em;
  float: left;
  width: 665px;
}
#wrapper {
  width: 1000px;
  margin: auto;
}
#footer {
  background: url('img/bgfooter.jpg') center left no-repeat;
  height: 63px;
  width: 100%;
  text-align: center;
}
#footer p {
  font-family: 'Didact Gothic';
  padding-top: 24px;
  margin-bottom: 0px;
  color: #fff;
}
#footer a {
  color: #fff;
}

/*********************/
/*  Classes
/*********************/

.cleaner {
  clear: both;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
  background: #ddd;
  padding: 10px;
  text-align: center;
}
/***************
/* Gallery tweaks
/*****************/
.gllr_image_block {
  margin-right: 10px;
}
.gllr_image_block p {
  border: 0px !important;
}
.gallery_detail_box h2 {
  font-size: 1.2em;
  margin-bottom: 5px;
}
.gallery_detail_box {
  width: 450px;
}
.pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pagination span, .pagination a {
  background: #fff;
  padding: 2px 5px;
  margin-right: 5px;
}
.pagination span.current {
  background: #FFEF82;
}

/* BG fix for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 

html {
    margin-left: 1px;
}

}

/* nice table */
.nice-table {
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
  width: 100%;
  font-size: 1.1em;
}
table.nice-table tr td, table.nice-table tr th {
  padding: 7px;
  vertical-align: middle;
}
.nice-table-event {
  text-align:left;
  font-weight: bold;
}
.nice-table-date {
  text-align:center;
  width: 80px;
}
.nice-table-track-no {
  text-align:right;
  width: 30px;
}
.nice-table-track-time {
  text-align:center;
  width: 80px;
}
.nice-table-track-sample {
  text-align:center;
  width: 100px;
}
.nice-table tr:nth-child(odd) {
  background: #FFEEEE;
}
.anouncement {
  background: #fff;
  padding: 10px;
}

/* video links */
a.video-link {
  height: 264px;
  display: block;
  position: relative;
  margin-bottom: 15px;
}
a.video-link img {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
a.video-link:hover img {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
img.video-link-helper {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
border:0px;
}
div.video-link-description {
  position: absolute;
  bottom: 7px;
  left: 7px;
  width: 631px;
  padding: 10px;
  background-color:rgba(0,0,0,0.7);
}
div.video-link-first-line {
  color: #FFF;
  font-size: 2.0em;
  font-weight: bold;
  margin-bottom: 5px;
}
div.video-link-second-line {
  color: #FFF;
  font-size: 1.1em;
}
div.video-link-play-icon, div.video-link-play-text {
  position: absolute;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  display: none;
}
div.video-link-play-icon {
  right: 110px;
  bottom: 32px;
}
div.video-link-play-text {
  right: 30px;
  bottom: 30px;
}
a.video-link:hover div.video-link-play-text, a.video-link:hover div.video-link-play-icon {
  display: block;
}
/* SOCIAL BUTTONS */
.social-buttons a {
  text-decoration: none;
}
.social-buttons img {
  border: 0px;
  margin: 0px 5px;
}
.social-buttons {
  text-align: center;
}
.rotate {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
}   

.rotate:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg); 
	-o-transform:rotate(360deg);
}
.tribe-events-cost, .tribe-events-venue-details, .tribe-events-list-event-description {
	display:none !important;
}
.tribe-events-event-meta, div.time-details {
	margin-bottom:0px !important;
}
h2.tribe-events-list-event-title {
	font-size: 130% !important;
}
.ui-tooltip {
  font-size: 80% !important;
}
abbr {
  text-decoration: none;
}