@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Noto Sans", sans-serif;
}

#main {
  background-color: #020816;
  padding-top: 0;
}

/* Header
====================================================================== */
.header {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
}

.navbar {
  max-width: 1400px;
  margin: auto;
}

.navbar__brand-logo-img {
  max-width: unset;
  max-height: 1.25rem;
}

@media (min-width: 1200px) {
  .navbar__brand-logo-img {
    max-width: unset;
    max-height: 2rem;
  }
}

.navbar__menu-link {
  font-size: large;
  font-weight: 500;
}

#menu-item-444792 > .navbar__menu-link {
  background-image: url("/obrazek/3/cz-flag-png/");
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}

#menu-item-444791 > .navbar__menu-link {
  background-image: url("/obrazek/3/uk-flag-png/");
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
  .navbar__menu {
    background-color: #020816;
  }
}

/* Motiv
====================================================================== */
body:not(#index) .motive {
  display: none;
}

.motive {
  height: 60rem;
}

.motive-title {
  font-size: 60px;
}

@media (min-width: 992px) {
  .motive-title {
    font-size: 120px;
  }
}

/* Heading
====================================================================== */
h2, .h2 {
  font-size: 2rem;
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 3.5rem;
  }
}

/* Sections
====================================================================== */
.container--article .col-text, .container--article .section--header, .container--article .section--text, .container--article .section-blank, .container--article .section-title, .container--article .section-header, .container--article .section-cta {
  max-width: unset;
}

/* Footer
====================================================================== */
.footer {
  padding-top: 0;
}

.footer li {
  font-size: 20px;
  line-height: 1.6;
  color: white;
}

/* Counters section (animated numbers)
====================================================================== */
.section-counter .counter {
  color: white;
}

.section-counter .counter-plus::after {
  content: ' +';
  position: relative;
  right: 0;
}

/* Utils
====================================================================== */
.text-shadow {
  text-shadow: 1px 1px 2px black;
}