html {
	scroll-padding-top: 56px;
}
.tabs ul {
  flex-wrap: wrap;
  max-width: 100%;
}
.column {
/*   padding: 0.5rem; */
}
html {
	scroll-padding-top: 61px;
}
/* p[id],div[id],article[id],section[id] { */
/*     padding-top: 61px; */
/*     margin-top: -61px; */
/*     -webkit-background-clip: content-box; */
/*     background-clip: content-box; */
/* } */
.hero a:hover {
  color: white;
  text-decoration: underline;
}
.card-header {
  box-shadow: 0 0px;
}

.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.spoiler { 
  color: black; 
  background-color:black;
}

.spoiler:active { 
  background-color:white; 
}
input:invalid,
input:focus:invalid,
input:hover:invalid,
textarea:invalid,
textarea:focus:invalid,
textarea:hover:invalid,
select:invalid,
select:focus:invalid,
select:hover:invalid {
	border-color: red;
}
input:required:invalid,
input:required:focus:invalid,
input:required:hover:invalid,
textarea:required:invalid,
textarea:required:focus:invalid,
textarea:required:hover:invalid,
select:required:invalid,
select:required:focus:invalid,
select:required:hover:invalid {
	border-color: pink;
}
.required {
	border: 1px solid red;
}
label.required {
	border-width: 0;
}
label.required::after {
	content: "*";
    color: red;
}
.listing.minimized-thumbnail figure.image {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	border-radius: 3px;
}
article.p p {
  text-indent: 5ex;
  text-align: justify;
  line-height: 1.85;
}
.tabs.is-boxed(:not(.is-togge)) li.is-active a {
    background-color: rgba(255,255,255,0.85);
}
.tabs.is-top li a {
  border-radius: 0 0 10px 10px !important;
}
.is-64x64 img.image {
  height: 64px !important;
}
.is-32x32 img.image {
  height: 32px !important;
}
.is-128x128 img.image {
  height: 128px !important;
}
.listing .card {
  height: 100%;
}
article h2.title {
  color: inherit;
}
#navbar-site {
  z-index: 5;
}
.navbar .navbar-link {
  background-color: white;
}
.navbar .navbar-dropdown {
  background-color: white;
}
.ui-menu-item {
  background-color: hsl(204, 86%, 53%);
}
.ui-menu-item.odd {
  background-color: white;
}
.ui-menu-item .ui-state-active {
  color: black;
}
.ui-menu-item .list_item_container {
  padding: 0px;
  min-width: 300px;
}
.ui-menu-item .label {
  margin-left: 58px;
}
.ui-menu-item .label h3 {
  color: white;
}
.ui-menu-item.odd .label h3 {
  color: hsl(204, 86%, 53%);
}
.ui-menu-item .ui-image {
  width:50px;
  height: 50px;
  float: left;
}
.ui-autocomplete-loading {
  bacgkround-size: 20px 20px;
  background: white url("/nimona/ui-anim_basic_16x16.gif") center center no-repeat;
}
.ui-autocomplete {
  max-height: 75vh;
  overflow-y: auto;
  max-width: 100vw;
  min-width: 300px;
  background-color: dimgray;
  /* autocomplete scrollbar pre FF */
  scrollbar-color: #888 white; /* prva hodnota jazdec, druha hodnota pozadie */
  scrollbar-width: thin; /* neda sa zadat sirka v px, em, a pod. */

}
.ui-autocomplete:hover {
  scrollbar-color: #555;
  scrollbar-width: thin;
}
.ui-autocomplete a.ui-menu-item-wrapper {
  display: block;
  height: 80px;
  border-width: 0;
}
.ui-autocomplete a.ui-menu-item-wrapper.ui-state-active {
  background-color: hsl(217, 81%, 35%);
  -webkit-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
  margin: 0;
}
.ui-autocomplete .label h3 {
  white-space: nowrap;
}
.ui-autocomplete a.ui-menu-item-wrapper.ui-state-active .label h3 {
  color: white;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
.ui-autocomplete hr {
  display: none;
}
/* scrollbar pre Webkit - chrome, safari */
/* sirka */
.ui-autocomplete::-webkit-scrollbar {
  width: 8px;
}
/* pozadie scrollbaru */
::-webkit-scrollbar-track {
  background: white; 
}
 
/* jazdec */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #888; 
}

/* hover na jazdcovi */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#name-list {
  width: 300px;
}
.has-text-centered figure.image img {
  margin: 1em auto 0;
}
hr.hr {
  background-color: lightgray;
}
article hr.hr {
  margin: 0.75rem 0;
}
.navbar-reading_progress {
  width: 100%;
  height: 4px;
  border-width: 0;
  display: none;
  color: black;
  bottom: -4px;
  position: absolute;
}
figure.full {
  margin-left: calc(-1 * ((100vw / 2 ) - (100% / 2 ))) !important;
  margin-right: calc(-1 * ((100vw / 2 ) - (100% / 2 ))) !important;
}
figure.full img {
  max-width: 100vw;
  height: auto;
  width: 100vw;
}
.navbar-reading_progress[value] {
  display: block;
}
iframe {
  border: none;
}
.bordered_ad_light img {
  border: 1px solid lightgray;
}
.is_overflow_x_scroll {
  overflow-x: scroll;
}
.tabs li a.is-disabled {
  pointer-events: none;
  cursor: none;
  color: gray;
}
.hero a:hover {
  text-decoration: none;
}
.hero a:hover span:not(.icon) {
  text-decoration: underline;
}

/* Galerie pre Fera */
.gallery figure {
  display: table
}

.gallery figcaption {
  display: table-caption;
  caption-side: bottom;
}

.gallery.horizontal.size-s img {
  height: 200px;
}

.gallery.horizontal.size-m img {
  height: 400px;
}

@media screen and (max-width: 768px) {
  .gallery.horizontal.size-s img {
/*    height: 150px;*/
  }

  .gallery.horizontal.size-m img {
/*    height: 300px;*/
  }
}

@media screen and (max-width: 600px) {
  .ui-autocomplete {
    left: 0 !important;
  }
}
@media screen and ( max-width: 1023px) {
  .navbar-reading_progress {
    top: 56px;
  }
}