/* {{{ Fonty */

@font-face{
  font-family: 'Bebas';
  src: url('/resources/fonts/BebasNeue-Regular.ttf');
}

@font-face{
  font-family: 'FiraSans-Regular';
  src: url('/resources/fonts/FiraSans-Regular.ttf');
}

/* }}} */

/* background-image: url('/resources/images/pozadie-3.png'); background-repeat: repeat; background-size: 100% auto; */

/* {{{ Farby, obrazky, rozmery, ...  */
body { font-family: 'FiraSans-Regular'; font-size: 11pt; font-weight: 400; color: #000000; margin: 0 8px; padding: 0; border: 0; }
body { background-color: #FFFFFF; background-attachment: fixed; background: white}

a.heading { margin: 0 -8px; }
a.heading>img { min-width: 860px; }
@media (max-width: 370px) { a.heading.heading { justify-content: flex-start; } a.heading>img { position: relative; left: -245px; } }

ul.menu { font-size: 2em; width: 60%; margin: 0 auto; padding: 0; gap: 0 1ex; text-transform: uppercase; }
@media (max-width: 860px) { ul.menu { width: 100%; max-width: 516px; } }
ul.menu>li { margin-top: 2px; margin-bottom: 2px; }
ul.menu>li>a { font-family: 'Bebas', sans-serif; color: #990000; text-decoration: none;  }

/*
img.menu-logo.menu-logo-wide { width: 18.77em; margin: 1.7em 0 -3em 4.5em; }
img.menu-logo.menu-logo-narrow { width: 6em; margin: 1em 0 0.5em 0; }
img.menu-deco { height: 5.5em; margin: 0 5.5em -1em 1em; }
*/

ul.langswitch { width: 60%; margin: 10px auto 0; padding: 0; }
@media (max-width: 860px) { ul.langswitch { width: 100%; max-width: 516px; } }
ul.langswitch>li { margin-left: 8px; }
ul.langswitch>li img { display: block; padding: 0; /* height: 16px; */ }

li.login>form { border: solid black 1px; padding: 5px; background-color: white; }
li.login>.login-icon { font-size: 15px; position: relative; top: 1px; }

div.cookie-info { border-top: solid black 1px; background: white; padding: 2px; }

h1 { font-size: 24px; font-weight: 500; }
h2 { font-size: 19px; font-weight: 600; color: #990000; margin-top: 1em; margin-bottom: 1em; }
h2.highlight { font-size: 22px; font-weight: 900; color: #f7e98d; }
h3 { font-size: 15px; font-weight: bold;  margin-bottom: -0.5em;}
div.subh { font-size: 15px; font-weight: 500; margin-top: -1em; margin-bottom: 1em; }
h1,h2,div.subh { text-align: center; }

div.content { margin-top: 0em; padding-top: 3em; padding-bottom: 3em; }
div.content>* { width: 60%; }
@media (max-width: 860px) { div.content>* { width: 100%; max-width: 516px; } }

div.columns { gap: 0 50px; }
div.column { flex-basis: 29em; min-width: 5em; }
div.column>* { width: 100%; }

/* div.img-container { margin: 8px 0 0 0; padding: 0; border: solid #FFFFFF 8px; border-radius: 4px; max-width: 516px; } */
div.embed-container { margin: 16px 0 8px 0; padding: 0; max-width: 516px; }
div.img-container { margin: 16px 0 8px 0; padding: 0; max-width: 516px; }
div.img-container.img-container-small { max-width: 300px;}
div.img-container.img-container-round { border-radius: 50%/50%; overflow: hidden; }

p { text-align: justify; }

a { color: #CC0000; text-decoration: underline; }

.clickable { text-decoration: underline; cursor: pointer; }

div.fblink { text-align: right; margin-top: 3em; }
div.fblink img { width: 48px; }
li.fblink img { height: 16px; }

div.iglink { text-align: right; margin-top: 3em; }
div.iglink img { width: 48px; }
li.iglink img { height: 16px; }

.contact-form-row { margin: 4px 0; }
.contact-form-row>:nth-child(1) { width: 7em; }
.contact-form-row>:nth-child(2) { min-width: 7em; }
.contact-form-row>textarea { height: 7em; }
[data-input-error=error] { border: solid red 1px; background-color: #fcc; }  /* Kontaktny formular */

.list{ padding: 0; }
.list>*{ transition: opacity 500ms, visibility 0ms 500ms; opacity: 0%; visibility: hidden; z-index: -1000; }
.list>[data-list-item-state=current]{ transition: opacity 500ms, visibility 0ms; opacity: 100%; visibility: visible; z-index: 0; }
.next{ min-width: 4em; }
.next>svg{ height: 1em; }

.references blockquote { margin: 0; text-align: justify; font-weight: 600;}
.references blockquote::before { content: '„'; display: inline; }
.references blockquote::after { content: '“'; display: inline; }
body.lang_en .references blockquote::before { content: '“';  }
body.lang_en .references blockquote::after { content: '”'; }
.references .sign { align-self: flex-end; font-style: italic; }

.motivation>li { font-size: 15px; font-weight: bold;  margin-bottom: -0.5em; }

.fancy.fancy { width: auto; align-self: center; margin: 0 30px; text-align: center; position: relative; animation: 4181ms lrb alternate infinite ease-in-out, 2584ms udb alternate infinite ease-in-out; }
.fancy a { font-size: 1.2em; }
.fancy p { text-align: center; }
@keyframes udb { from { translate: 0 -20px; } to { translate: 0 20px; } }
@keyframes lrb { from { left: -30px; } to { left: 30px; } }
.fancy:hover { animation-play-state: paused; }

/* }}} */

/* {{{ Geometria a layout */
[data-flip-flop=on]>.flip-flop-off { display: none ! important; }
[data-flip-flop=off]>.flip-flop-on { display: none ! important; }

body { text-size-adjust: none; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

a.heading { display: flex; flex-flow: row nowrap; justify-content: center; overflow: hidden; position: relative; }

ul.menu { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; }
@media (max-width: 200px) { div.menu { flex-flow: row wrap; } }
/* div.menu { background: url('/resources/images/deco.png') no-repeat right top; } */
ul.menu>li { display: inline-block; flex: 0 1 auto; }

/*
h1.intro-heading { display: none; }
img.menu-logo { align-self: flex-start; flex: 0 1 auto; }
img.menu-logo-narrow { display: none; }
img.menu-logo-wide { display: inline-block; }
@media (max-width: 930px) {
  img.menu-logo-narrow { display: inline-block; }
  h1.intro-heading {display: block; }
  img.menu-logo-wide { display: none; }
}
@media (max-width: 1150px) { img.menu-deco { display: none; } }
*/

ul.langswitch { display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; border: 0; padding: 0; position: relative; }
ul.langswitch>li { border: 0; padding: 0; display: inline; }

li.login>form { position: absolute; right: 0; display: flex; flex-flow: column nowrap; align-items: flex-end; }
li.login>.login-icon { cursor: pointer; }

div.cookie-info { position: fixed; left: 0; right: 0; bottom: 0; width: auto; }
div.cookie-info>form.cookie-confirm { display: inline; }

div.content { overflow-x: hidden; overflow-y: hidden; display: flex; flex-flow: column nowrap; align-items: center; }
div.content>* { box-sizing: border-box; }

div.columns.columns { display: flex; flex-flow: row wrap; justify-content: center; /* width: 100%; max-width: 100%; */ }
div.column { flex-grow: 1; flex-shrink: 1; }

div.column { overflow-x: hidden; overflow-y: hidden; display: flex; flex-flow: column nowrap; align-items: center; }
div.column>* { box-sizing: border-box; }

div.img-container>* { width: 100%; display: block; }

.contact-form>* { display: none; }
.contact-form[data-mode=ready]>.contact-form-ready { display: block; }
.contact-form[data-mode=working]>.contact-form-working { display: block; }
.contact-form[data-mode=done]>.contact-form-done { display: block; }

.contact-form-row{ display: flex; flex-flow: row wrap; }
.contact-form-row>:nth-child(1) { flex: 0 1 auto; }
.contact-form-row>:nth-child(2) { flex: 1 1 auto; box-sizing: border-box; }
.contact-form-row>*>label { display: block; }

.list{ display: grid; grid-template-columns: 1fr; }
.list>*{ grid-row-start: 1; grid-column-start: 1; }
.list>*{ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }

.references{ display: flex; flex-flow: row nowrap; align-items: stretch; }
@media (max-width: 240px) { .references{ flex-flow: column nowrap; } }
.references>.next{ flex: 0 0 auto; }
.references>.list{ flex: 1 1 auto; }
.references>.next{ display: flex; justify-content: center; align-items: center; }
/* }}} */

/* {{{ FB bordel */
#fb-root { display: none; }
/* }}} */

/* {{{ Spinner pri odoslani formulara */
div.spinner { position: relative; height: 300px; }
div.spinner::after { content: '\2699'; position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; display: flex; align-items: center; justify-content: center; font-size: 200px; color: #f7f093; }
div.spinner::after {
/*
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear; */
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/*
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
*/
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
/* }}} */

/* {{{ Nesemanticke veci */
/*
div.center { display: flex; flex-direction: column; align-items: center; }
p.center { text-align: center; }
p.justify { text-align: justify; }
*/
/* }}} */