@charset "UTF-8";
/**
 * Stylov├Ż p┼Öedpis pro menu a v├Żpisy kurz┼»
 *
 * @package Lernio
 * @subpackage Lernio WordPress Theme
 * @author Michal Kone─Źn├Ż <michal@michalkonecny.com>
 */
/* navigation menu */
.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: URL("../images/lernio-logo.png") no-repeat #fafafa;
  margin-bottom: 0; }

.top-bar ul {
  margin-bottom: 0;
  list-style: none; }

.top-bar .row {
  max-width: none; }

.top-bar form,
.top-bar input {
  margin-bottom: 0; }

.top-bar input {
  height: auto;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem; }

.top-bar .button {
  padding-top: .45rem;
  padding-bottom: .35rem;
  margin-bottom: 0;
  font-size: 0.75rem; }

.top-bar .title-area {
  position: relative;
  margin: 0; }

.top-bar .name {
  height: 45px;
  margin: 0;
  font-size: 16px; }

.top-bar .name h1 {
  line-height: 45px;
  font-size: 1.0625rem;
  margin: 0; }

.top-bar .name h1 a, .top-bar .name h1 span {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0; }

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0; }

.top-bar .toggle-topbar a {
  color: black;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 15px;
  height: 45px;
  line-height: 45px; }

.top-bar .toggle-topbar.menu-icon {
  right: 15px;
  top: 50%;
  margin-top: -16px;
  padding-left: 40px; }

.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0;
  padding-right: 25px;
  color: black;
  position: relative; }

.top-bar .toggle-topbar.menu-icon a::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 16px;
  top: 0;
  height: 0;
  -webkit-box-shadow: 1px 10px 1px 1px black, 1px 16px 1px 1px black, 1px 22px 1px 1px black;
  box-shadow: 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black; }

.top-bar.expanded {
  height: auto;
  background: transparent; }

.top-bar.expanded .title-area {
  background: #fafafa; }

.top-bar.expanded .toggle-topbar a {
  color: #888888; }

.top-bar.expanded .toggle-topbar a::after {
  -webkit-box-shadow: 1px 10px 1px 1px #888888, 1px 16px 1px 1px #888888, 1px 22px 1px 1px #888888;
  box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out; }

.top-bar-section ul {
  width: 100%;
  height: auto;
  display: block;
  background: #fafafa;
  font-size: 16px;
  margin: 0; }

.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%; }

.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: black;
  padding: 12px 0 12px 0;
  padding-left: 15px;
  font-family: "Open Sans Condensed", "Geneva CE", lucida, sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
  background: #fafafa; }

.top-bar-section ul li > a.button {
  background: #008cba;
  font-size: 1.25rem;
  padding-right: 15px;
  padding-left: 15px; }

.top-bar-section ul li > a.button:hover {
  background: #006688; }

.top-bar-section ul li > a.button.secondary {
  background: #e7e7e7; }

.top-bar-section ul li > a.button.secondary:hover {
  background: #cecece; }

.top-bar-section ul li > a.button.success {
  background: #43ac6a; }

.top-bar-section ul li > a.button.success:hover {
  background: #358854; }

.top-bar-section ul li > a.button.alert {
  background: #f04124; }

.top-bar-section ul li > a.button.alert:hover {
  background: #d42b0f; }

.top-bar-section ul li:hover:not(.has-form) > a {
  background: #e6e6e6;
  color: black; }

.top-bar-section ul li.active > a {
  background: #008cba;
  color: black; }

.top-bar-section ul li.active > a:hover {
  background: #0078a0;
  color: black; }

.top-bar-section .has-form {
  padding: 15px; }

.top-bar-section .has-dropdown {
  position: relative; }

.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 15px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0; }

.top-bar-section .has-dropdown.moved {
  position: static; }

.top-bar-section .has-dropdown.moved > .dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%; }

.top-bar-section .has-dropdown.moved > a:after {
  display: none; }

.top-bar-section .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  display: block;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.top-bar-section .dropdown li {
  width: 100%;
  height: auto; }

.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 15px; }

.top-bar-section .dropdown li a.parent-link {
  font-weight: normal; }

.top-bar-section .dropdown li.title h5 {
  margin-bottom: 0; }

.top-bar-section .dropdown li.title h5 a {
  color: black;
  line-height: 22.5px;
  display: block; }

.top-bar-section .dropdown li.has-form {
  padding: 8px 15px; }

.top-bar-section .dropdown li .button {
  top: auto; }

.top-bar-section .dropdown label {
  padding: 8px 15px 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777777;
  font-weight: bold;
  font-size: 0.625rem; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    *zoom: 1;
    overflow: visible; }

  .top-bar:before, .top-bar:after {
    content: " ";
    display: table; }

  .top-bar:after {
    clear: both; }

  .top-bar .toggle-topbar {
    display: none; }

  .top-bar .title-area {
    float: left; }

  .top-bar .name h1 a {
    width: auto; }

  .top-bar input,
  .top-bar .button {
    font-size: 0.875rem;
    position: relative;
    top: 7px; }

  .top-bar.expanded {
    background: #fafafa; }

  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }

  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline; }

  .top-bar-section ul li {
    float: left; }

  .top-bar-section ul li .js-generated {
    display: none; }

  .top-bar-section li.hover > a:not(.button) {
    background: #e6e6e6;
    color: black; }

  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 15px;
    line-height: 45px;
    background: #fafafa; }

  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #e6e6e6; }

  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 15px;
    line-height: 45px;
    color: black;
    background: #008cba; }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #0078a0; }

  .top-bar-section .has-dropdown > a {
    padding-right: 35px !important; }

  .top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 22.5px; }

  .top-bar-section .has-dropdown.moved {
    position: relative; }

  .top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }

  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2; }

  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%; }

  .top-bar-section .dropdown li a {
    color: black;
    line-height: 1;
    white-space: nowrap;
    padding: 12px 15px;
    background: #fafafa; }

  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #fafafa; }

  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0; }

  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #4e4e4e;
    clear: none;
    height: 45px;
    width: 0; }

  .top-bar-section .has-form {
    background: #fafafa;
    padding: 0 15px;
    height: 45px; }

  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0; }

  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%; }

  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0; }

  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background: #e6e6e6;
    color: black; }

  .no-js .top-bar-section ul li:active > a {
    background: #008cba;
    color: black; }

  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }
.blockmenu.homepage {
  margin-top: 1rem; }

.blockmenu a {
  display: block;
  font-weight: 600; }

.courses .course {
  padding: 0;
  background-color: #f6f6f6;
  border-color: #e6e6e6;
  max-width: 250px; }

.courses .course:hover {
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
  box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
  background-color: #e6e6e6; }

.homepage .panel {
  padding: 0; }

section#content .homepage a {
  font-weight: 700;
  display: block;
  padding: 0.85rem;
  font-size: 1.3rem;
  font-family: "Open Sans Condensed", "Geneva CE", lucida, sans-serif;
  color: #333; }

section#content .homepage a:hover {
  color: #000 !important; }

.homepage a .excerpt,
.homepage a:hover .excerpt {
  font-size: 0.875rem;
  color: black;
  font-family: "Open Sans", "Geneva CE", lucida, sans-serif;
  font-weight: normal; }

.homepage .category-title {
  font-weight: 600;
  display: block;
  height: 120px; }

@media only screen and (max-width: 40em) {
  .homepage .category-title {
    height: auto; } }
.course a {
  font-weight: normal;
  font-size: 0.875rem;
  display: block;
  padding: 0.85rem; }

.course a:hover {
  text-decoration: none; }

.course a .excerpt,
.course a:hover .excerpt {
  color: black;
  text-decoration: none; }

.course .course-title {
  font-weight: 600;
  display: block;
  height: 4.5rem; }

.course .course-th {
  overflow: hidden;
  display: block;
  height: 7rem;
  position: relative;
  margin-bottom: 0.5rem;
  z-index: 0; }

.course-th {
  border: solid 4px white;
  max-width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.course-th.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.course-th img {
  min-height: 100%;
  min-width: 100%; }

.blockmenu .excerpt {
  display: block;
  position: relative; }

.excerpt div.sp_rating.average-course-review {
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 10; }

.category-menu *[class*="category-01"] {
  border: solid 1px #D5A6BD;
  background-color: #F5E9EF; }

.category-menu *[class*="category-01"]:hover {
  border: solid 1px #D5A6BD;
  background-color: #D5A6BD; }

.homepage.category-menu *[class*="category-01"] {
  background: URL("../images/moda.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-01"]:hover {
  background: URL("../images/moda.jpg") 0px -203px no-repeat; }

.category-menu *[class*="category-02"] {
  border: solid 1px #B6D7A8;
  background-color: #EDF5EA; }

.category-menu *[class*="category-02"]:hover {
  border: solid 1px #B6D7A8;
  background-color: #B6D7A8; }

.homepage.category-menu *[class*="category-02"] {
  background: URL("../images/remesla.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-02"]:hover {
  background: URL("../images/remesla.jpg") 0px -203px no-repeat; }

.category-menu *[class*="category-03"] {
  border: solid 1px #EA9999;
  background-color: #FAE6E6; }

.category-menu *[class*="category-03"]:hover {
  border: solid 1px #EA9999;
  background-color: #EA9999; }

.homepage.category-menu *[class*="category-03"] {
  background: URL("../images/hudba.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-03"]:hover {
  background: URL("../images/hudba.jpg") 0px -203px no-repeat; }

.category-menu *[class*="category-04"] {
  border: solid 1px #9FC5F8;
  background-color: #E7F1FE; }

.category-menu *[class*="category-04"]:hover {
  border: solid 1px #9FC5F8;
  background-color: #9FC5F8; }

.homepage.category-menu *[class*="category-04"] {
  background: URL("../images/zdravi.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-04"]:hover {
  background: URL("../images/zdravi.jpg") 0px -203px no-repeat; }

.category-menu *[class*="category-05"] {
  border: solid 1px #FFE599;
  background-color: #FFF9E6; }

.category-menu *[class*="category-05"]:hover {
  border: solid 1px #FFE599;
  background-color: #FFE599; }

.homepage.category-menu *[class*="category-05"] {
  background: URL("../images/vareni.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-05"]:hover {
  background: URL("../images/vareni.jpg") 0px -203px no-repeat; }

.category-menu *[class*="category-06"] {
  border: solid 1px #B4A7D6;
  background-color: #EDE9F5; }

.category-menu *[class*="category-06"]:hover {
  border: solid 1px #B4A7D6;
  background-color: #B4A7D6; }

.homepage.category-menu *[class*="category-06"] {
  background: URL("../images/ostatni.jpg") 0px 0px no-repeat; }

.homepage.category-menu *[class*="category-06"]:hover {
  background: URL("../images/ostatni.jpg") 0px -203px no-repeat; }

.homepage.category-menu .panel {
  max-width: 305px; }

/* menu kategori├ş katalogu */
ul.category-menu {
  list-style-type: none;
  margin: 0px;
  padding: 0 0.535rem; }

ul.category-menu li {
  display: inline-block;
  margin: 0;
  padding: 0 0.4rem 0.8rem 0.4rem; }

ul.category-menu li a {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.1rem 0.4rem; }

/* odkazy v panelov├Żch menu */
section#content .panel a:hover {
  color: #008cba;
  text-decoration: none; }

/*# sourceMappingURL=menu.css.map */