@charset "UTF-8";
:root {
  --main-padding: 1rem;
}
@media only screen and (min-width: 1360px) {
  :root {
    --main-padding: 1.5rem;
  }
}

/* Only display content to screen readers
   See: http://a11yproject.com/posts/how-to-hide-content
*/
/* Use in conjunction with .sr-only to only display content when it’s focused.

   Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1

   Credit: HTML5 Boilerplate
*/
/*
Blanka.css: Seting basic document typography
============================================

- document minimal paddings
- block elements with bottom margins only
- same left margins for ul/ol, dd, blockquote

*/
/*
Document minimal paddings
*/
body {
  padding: 1.5rem;
}

/*
Block elements with bottom margins only
---------------------------------------
*/
p, ul, ol, dl, table,
blockquote, pre, figure,
hr {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

/*
Same left margins for ul/ol, dd, blockquote
-------------------------------------------
*/
ul,
ol,
dd {
  padding-left: 1.75rem;
}

dd {
  margin-left: 0;
}

/*
Blockquote
----------
*/
blockquote {
  border: 0;
  padding-left: 1.75rem;
  margin-left: 0;
  font-style: italic;
}

/*
Figure/Figcaption
-----------------
*/
figure {
  margin: 0;
}

figure > table,
figure > img,
figure > picture {
  margin-bottom: 0;
}

/*
Etc.
----
*/
fieldset {
  border: 0;
}

legend {
  padding: 0 0.5rem;
}

hr {
  border-style: solid;
  opacity: 0.25;
}

body {
  background-color: #82e1e1;
  color: hsl(345, 6%, 13%);
  font-family: "Trebuchet MS", sans-serif;
}

a {
  color: hsl(35, 98%, 52%);
}

.flt-nolist {
  list-style: none;
  padding-left: 0;
}

.flt-img-fluid {
  width: 100%;
  height: auto;
}

.flt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.flt-heading {
  color: hsl(35, 98%, 52%);
  text-transform: lowercase;
}

.flt-danger {
  color: hsl(351, 60%, 46%);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 4rem;
  background-image: url("/sprava/addons/feathers/filtr/img/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

body {
  padding: 0;
  margin: 0;
}
body > hr {
  display: none;
}

main {
  padding: var(--main-padding, 1.5rem);
  scroll-padding-top: 6rem;
  min-height: 80vh;
}

.flt-icon--colon {
  width: auto;
  height: 1.1ex;
}
.flt-heading .flt-icon--colon {
  color: hsl(35, 98%, 52%);
}
.flt-box-heading .flt-icon--colon {
  color: var(--box-heading-svg-color);
}
.flt-box-note .flt-icon--colon {
  color: var(--box-note-svg-color);
}
footer .flt-icon--colon {
  color: hsl(345, 6%, 13%);
}

.flt-header {
  position: sticky;
  top: -1px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.5rem 1.5rem;
  background-color: hsl(0, 100%, 100%);
}
.flt-header.is-stuck {
  border-bottom: 1px solid hsl(0, 100%, 100%);
}

.flt-header-nav {
  margin: auto;
  flex: 1;
  display: flex;
  max-width: 1660px;
  padding-right: 1em;
}
.is-stuck .flt-header-nav {
  transform: translateY(1px);
}

.flt-navigation,
.flt-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 0;
}

.flt-navigation {
  flex: 1;
}

.flt-navigation-item {
  margin-right: 0.25rem;
}
@media only screen and (min-width: 680px) {
  .flt-navigation-item:first-child {
    display: none;
  }
  .is-stuck .flt-navigation-item:first-child {
    display: block;
  }
}

.flt-navigation-link {
  color: #000;
  font-style: italic;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: lowercase;
}
.flt-navigation-link:hover, .flt-navigation-link:focus, .flt-is-active .flt-navigation-link {
  color: hsl(35, 98%, 52%);
}
.flt-is-active .flt-navigation-link {
  font-weight: 400;
}

.flt-navigation-link--logo {
  font-size: 0;
}

.flt-socials {
  gap: 10px 1rem;
}
.flt-socials svg {
  width: 1.5rem;
  height: 1.5rem;
}

.flt-logo {
  width: 64px;
}

footer {
  padding: 1.5rem;
  border-top: 1px dotted hsl(330, 1%, 56%);
  margin: auto;
}
footer p {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: hsl(0, 100%, 100%);
  border-radius: 1rem;
  color: hsl(35, 98%, 52%);
}

.flt-box-badge {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  background-color: hsl(180, 71%, 53%);
  border-radius: 50%;
  border: 0.4em solid hsl(180, 71%, 53%);
  color: hsl(345, 6%, 13%);
  font-size: 0.75rem;
  font-weight: 700;
  font-style: italic;
  text-align: center;
}
.flt-box-badge span {
  display: block;
  max-width: 80%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  font-size: 1em;
}

.flt-box-badge--soldout {
  background-color: hsl(345, 6%, 13%);
  border-color: hsl(345, 6%, 13%);
  color: hsl(180, 71%, 53%);
}

.flt-list {
  padding-left: 0.6rem;
}
summary > .flt-list {
  padding-left: 0;
}
.flt-list li {
  list-style-image: url("/sprava/addons/feathers/filtr/img/dvojtecka-primary.svg");
}
.flt-box-list-item--highlight .flt-list li {
  list-style-image: url("/sprava/addons/feathers/filtr/img/dvojtecka-white.svg");
}
.flt-list li:has(ul) {
  list-style: none;
}
.flt-list ul {
  padding-left: 0;
  margin-bottom: 0;
}

.flt-list-item-content {
  display: flow-root;
}
.flt-list-item-content > * {
  display: inline;
}
.flt-list-item-content h4 {
  font-weight: 400;
}
.flt-list-item-content p {
  margin: 0;
}
.flt-list-item-content a {
  color: inherit;
  position: relative;
  z-index: 1;
}

@supports selector(:has) {
  .flt-box-list-item:has(details[open]),
  .flt-box-list-item:has(details[open]) .flt-box-link,
  .flt-box-list-item:has(details[open]) .flt-box-image {
    overflow: visible;
  }
  .flt-box-list-item:has(details[open]) .flt-box-link {
    height: auto;
  }
}
.flt-box-list-item.flt-is-open,
.flt-box-list-item.flt-is-open .flt-box-link,
.flt-box-list-item.flt-is-open .flt-box-image {
  overflow: visible;
}
.flt-box-list-item.flt-is-open .flt-box-link {
  height: auto;
}
.flt-box-list-item summary {
  cursor: pointer;
}
.flt-box-list-item summary::marker {
  content: "";
}
.flt-box-list-item summary::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.flt-box-list-item summary:has(+ .flt-box-note) {
  margin-bottom: var(--box-heading-mb);
}

@media only screen and (min-width: 680px) {
  .flt-box-image {
    flex: 1;
    width: 100%;
    overflow: hidden;
  }
}

.flt-box-img {
  object-fit: cover;
  aspect-ratio: 1/1;
}
.flt-box-image--2-1 .flt-box-img {
  aspect-ratio: 2/1;
}
.flt-box-image--5-1 .flt-box-img {
  aspect-ratio: 5/1;
}
.flt-box-image--5-3 .flt-box-img {
  aspect-ratio: 5/3;
}
.flt-box-image--5-4 .flt-box-img {
  aspect-ratio: 5/4;
}
.flt-box-image--5-45 .flt-box-img {
  aspect-ratio: 5/4.5;
}

.flt-box-image--personne {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 5/3;
}

.flt-img--supressed {
  filter: grayscale(0.9);
  opacity: 0.6;
}

@media only screen and (min-width: 680px) {
  .flt-box-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
    max-width: calc(1400px + 8rem);
    padding-bottom: 2rem;
    margin: auto;
    margin-bottom: 2rem;
  }
}

.flt-box-list-item {
  position: relative;
  border-radius: 1rem;
  margin-bottom: var(--box-mb);
  overflow: hidden;
}
@media only screen and (min-width: 680px) {
  .flt-box-list-item.flt-box-list-item--box {
    aspect-ratio: 1/1;
  }
  .flt-box-list-item.flt-box-list-item--strip {
    aspect-ratio: 1/2;
  }
}

.flt-box-list-item--separator {
  display: flex;
  background-image: url("/sprava/addons/feathers/filtr/img/separator.jpg");
  background-size: cover;
  font-size: inherit;
}

.flt-box-list-item--slogan {
  display: none;
}
@media only screen and (min-width: 680px) {
  .flt-box-list-item--slogan {
    display: block;
  }
}

.flt-box-container {
  display: block;
  padding: var(--box-p);
  background-color: var(--box-bg);
  border-radius: 1rem;
}
.flt-box-list-item--separator .flt-box-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 1;
}

.flt-box-link {
  height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 680px) {
  .flt-box-link {
    transition: 300ms;
  }
}
@media only screen and (min-width: 680px) {
  .flt-box-link:hover, .flt-box-link:focus {
    box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.2);
  }
}

.flt-box-text {
  flex: 1;
  margin-top: 0.25rem;
}

.flt-box-heading {
  margin-top: 0.25em;
  margin-right: 0.25em;
  margin-bottom: var(--box-heading-mb);
  color: var(--box-heading-color);
  font-size: 1.25rem;
  text-align: var(--box-heading-align);
  text-transform: lowercase;
}
.flt-box-heading > span {
  display: block;
}

.flt-box-heading--bg {
  padding: var(--box-heading-padding-y) var(--box-heading-padding-x);
  margin-top: 0;
  margin-right: 0;
  background: var(--box-heading-bg);
}

.flt-box-note {
  display: var(--box-note-display, initial);
  color: var(--box-note-color);
  font-size: 0.88rem;
  font-style: italic;
}
.flt-box-note.flt-list {
  font-style: normal;
}

.flt-box-list-item--box {
  --font-size-reduction: 2vw;
}

.flt-box-list-item--strip {
  --font-size-reduction: 3vw;
}
@media only screen and (min-width: 450px) {
  .flt-box-list-item--strip {
    --font-size-reduction: 2vw;
  }
}
@media only screen and (min-width: 700px) {
  .flt-box-list-item--strip {
    --font-size-reduction: 1vw;
  }
}

.flt-box-list-item {
  --box-bg: hsl(0, 100%, 100%);
  --box-p: 0.75rem;
  --box-mb: 1.5rem;
  --box-heading-padding-x: 0;
  --box-heading-padding-y: 0.15rem;
  --box-heading-bg: transparent;
  --box-heading-mb: 0.5rem;
  --box-heading-color: hsl(345, 6%, 13%);
  --box-heading-align: left;
  --box-heading-svg-color: hsl(35, 98%, 52%);
  --box-note-svg-color: hsl(345, 6%, 13%);
  --box-subheading-display: inline-block;
  --box-note-display: inline-block;
  --box-note-color: hsl(330, 1%, 56%);
}
@media only screen and (min-width: 680px) {
  .flt-box-list-item {
    --box-p: 1rem;
    --box-mb: 0;
    --box-heading-padding-x: 0.5rem;
    --box-heading-mb: 1rem;
    --box-heading-color: hsl(35, 98%, 52%);
    --box-heading-svg-color: inherit;
    --box-note-svg-color: hsl(35, 98%, 52%);
    --box-note-color: hsl(345, 6%, 13%);
  }
}
.flt-box-list-item.flt-box-list-item--strip {
  --box-subheading-display: block;
  --box-note-display: block;
}
.flt-box-list-item.flt-box-list-item--separator {
  --box-bg: hsla(345, 6%, 13%, 0.85);
  --box-heading-color: hsl(0, 100%, 100%);
  --box-heading-align: right;
  --box-heading-mb: 0;
}
.flt-box-list-item.flt-box-list-item--highlight {
  --box-note-color: hsl(345, 6%, 13%);
}

@media only screen and (min-width: 680px) {
  .flt-box-heading--bg {
    --box-heading-bg: hsl(35, 98%, 52%);
    --box-heading-color: hsl(0, 100%, 100%);
    --box-heading-align: right;
  }
}

.flt-box-list-item--highlight {
  --box-bg: hsl(180, 71%, 53%);
}

.flt-articles {
  margin: 0 calc(-1 * var(--main-padding));
}

.flt-article {
  padding: 0 var(--main-padding) 1rem;
  border-bottom: 1px solid hsl(345, 6%, 13%);
}
@media only screen and (min-width: 680px) {
  .flt-article {
    display: grid;
  }
}

.flt-article-header {
  margin-bottom: 1rem;
}

.lg-actions .lg-next::before {
  content: ">";
}
.lg-actions .lg-prev::after {
  content: "<";
}

.lg-toolbar .lg-close::after {
  content: "×";
  font-size: 2em;
}

.flt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.flt-song_lyrics {
  white-space: pre-wrap;
}

audio {
  display: block;
  width: 100%;
  margin-block: var(--box-p);
}

.perch-debug {
  display: none;
}
.perch-debug.shown {
  display: table;
}

.flt-travaille {
  opacity: 0.5;
  margin-top: 3em;
}
.flt-travaille:hover {
  opacity: 1;
}

.flt-pracovni_podcarou {
  border-style: dashed;
}

.flt-hidden {
  display: none;
}

/*# sourceMappingURL=styles.min.css.map */