/* Information strip above the existing fixed school header. */
.upozorneni {
  position: relative;
  clear: both;
  box-sizing: border-box;
  min-height: 60px;
  padding: 19px 64px 19px 24px;
  background: #00468c;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.upozorneni[hidden] { display: none; }
.upozorneni .region-upozorneni { max-width: 1275px; margin: 0 auto; }
.upozorneni .block { float: none; width: auto; margin: 0; padding: 0; }
.upozorneni .field--name-body p { margin: 0; padding: 0; }
.upozorneni .block + .block { margin-top: 8px; }
.upozorneni .field--name-body a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.upozorneni .field--name-body a:hover { text-decoration: none; }
.upozorneni__close {
  position: absolute;
  top: 50%;
  right: 12px;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}
.upozorneni[data-notice-ready] .upozorneni__close { display: grid; place-items: center; }
.upozorneni__close::before, .upozorneni__close::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
}
.upozorneni__close::after { transform: rotate(-45deg); }
.upozorneni__close:hover { background: rgba(255, 255, 255, .12); }
.upozorneni__close:focus-visible, .upozorneni a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* Keep the original header sizes and scrolling behavior; add only the strip height. */
.layout-container.has-upozorneni { padding-top: calc(142px + var(--spst-notice-height, 60px)); }
.layout-container.has-upozorneni > header { height: calc(142px + var(--spst-notice-height, 60px)); }
body.body-scrolled .layout-container.has-upozorneni { padding-top: calc(80px + var(--spst-notice-height, 60px)); }
body.body-scrolled .layout-container.has-upozorneni > header { height: calc(80px + var(--spst-notice-height, 60px)); }
@media (min-width: 601px) {
  .has-upozorneni #floatbar { top: calc(266px + var(--spst-notice-height, 60px)); }
  body.page-node-type-page .has-upozorneni #floatbar,
  body.page-node-type-article .has-upozorneni #floatbar,
  body.page-node-type-obor .has-upozorneni #floatbar,
  body.page-node-type-page.page-node-48 .has-upozorneni #floatbar { top: calc(216px + var(--spst-notice-height, 60px)); }
  body.page-404 .has-upozorneni #floatbar { top: calc(236px + var(--spst-notice-height, 60px)); }
  body.fixed-float-menu .has-upozorneni #floatbar .region-floatbar { top: calc(110px + var(--spst-notice-height, 60px)); }
  body.fixed-float-menu.user-logged-in .has-upozorneni #floatbar .region-floatbar { top: calc(170px + var(--spst-notice-height, 60px)); }
  body.fixed-float-menu.page-node-type-page.page-node-48 .has-upozorneni #floatbar .region-floatbar { top: calc(208px + var(--spst-notice-height, 60px)); }
  body.fixed-kontakty-menu .has-upozorneni #block-kontakty,
  body.fixed-kontakty-menu .has-upozorneni #block-hledanikontaktu { transform: translateY(var(--spst-notice-height, 60px)); }
}
@media (max-width: 1023px) {
  body.mobile-menu-visible .has-upozorneni #block-hlavninavigace { top: calc(115px + var(--spst-notice-height, 60px)); height: calc(100vh - 115px - var(--spst-notice-height, 60px)); }
  body.mobile-menu-visible.body-scrolled .has-upozorneni #block-hlavninavigace { height: calc(100vh - 79px - var(--spst-notice-height, 60px)); }
}
@media (max-width: 600px) {
  .upozorneni { padding: 14px 56px 14px 16px; font-size: 14px; line-height: 20px; }
  .upozorneni__close { right: 6px; }
  .layout-container.has-upozorneni,
  body.body-scrolled .layout-container.has-upozorneni { padding-top: calc(105px + var(--spst-notice-height, 60px)) !important; }
  .layout-container.has-upozorneni > header,
  body.body-scrolled .layout-container.has-upozorneni > header { height: calc(70px + var(--spst-notice-height, 60px)); }
  body.mobile-menu-visible .has-upozorneni #block-hlavninavigace,
  body.mobile-menu-visible.body-scrolled .has-upozorneni #block-hlavninavigace { top: calc(70px + var(--spst-notice-height, 60px)); height: calc(100vh - 105px - var(--spst-notice-height, 60px)); }
  body.helper-menu-weg.mobile-menu-visible .has-upozorneni #block-hlavninavigace { height: calc(100vh - 70px - var(--spst-notice-height, 60px)); }
}