/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
	font-family: 'Oswald';
  font-optical-sizing: auto;
font-size: 13px;}
* {
	font-family: 'Oswald';
}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width: 960px; margin: 20px auto;}

.table>:not(caption)>*>* {
    padding: 0rem 0rem !important;
}

/* Amenity style */
#tabulka_harmonogram_new2 {font-size: smaller;}
#tabulka_harmonogram_new2 input {font-size: smaller;}
.lib-horizontal {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      position: absolute;
      z-index: 10;
}
.lib-block {
	-webkit-box-shadow: 10px 10px 50px -24px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 50px -24px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 50px -24px rgba(0,0,0,0.75);
	
    }
.lib-horizontal label, .lib-horizontal input, .lib-horizontal .form-control, .lib-horizontal div {
	font-size: small;
}
    .lib-block {
      display: flex;
      flex-direction: column;
		background-color: #ffffff;
    }

    .lib-item {
      cursor: pointer;
      padding: 8px 12px;
      font-weight: bold;
      background-color: #f5f5f5;
      border-radius: 6px;
      transition: background-color 0.2s;
      white-space: nowrap;
		font-size: small;
    }

    .lib-item:hover {
      background-color: #e0e0e0;
    }

    .lib-info {
      overflow: hidden;
      max-height: 0;
      opacity: 0;
      transition: all 0.3s ease;
      pointer-events: none;
		width: 200px;
    }

    .lib-info.show-horizontal,
    .lib-info.show-vertical {
      max-height: 2000px;
      opacity: 1;
      pointer-events: auto;
		width: 500px;
    }

    .lib-info.show-horizontal {
      padding-top: 2px;
      animation: fadeInRight 0.3s ease-in-out;
    }

    .lib-info.show-vertical {
      margin-top: 5px;
      margin-left: 10px;
      border-left: 2px solid #ccc;
      padding-left: 10px;
		max-width: 95%;
    }
.am-left {
	float: left;
}
.am-right {
	float: right;
}
    .lib-section {
      display: flex;
      flex-direction: column;
	  background-color: #ffffff;
    }
.lib-input {
	background-color: #e0e0e0;
}
    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translateX(-15px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
.form-select {
	font-size: 100%;
}
/* barvy pro stavy */
.red {background-color: #FCC6BB !important;}
.yellow {background-color: #FAF88F !important;}
.green {background-color: #BDFCBB !important;}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw

@media screen and (min-width: 480px) {

} */