/* Barový kvíz homepage: full-width colour and contrast for the feature sections. */
#funkcie.alignfull,
#udalosti.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  color: #f5f0e8;
  background-repeat: no-repeat !important;
}

#funkcie.alignfull {
  background-color: #101a27 !important;
  background-image:
    radial-gradient(ellipse at 12% 8%, rgba(58, 129, 147, .25), transparent 48%),
    linear-gradient(124deg, #101a27 0%, #142b3b 57%, #1b2e3c 100%) !important;
}

#udalosti.alignfull {
  background-color: #171a28 !important;
  background-image:
    radial-gradient(ellipse at 88% 16%, rgba(241, 135, 66, .2), transparent 42%),
    linear-gradient(120deg, #141a27 0%, #222331 58%, #302334 100%) !important;
}

#funkcie :is(h1, h2, h3, h4, h5, h6),
#udalosti :is(h1, h2, h3, h4, h5, h6) {
  color: #fffaf1 !important;
}

#funkcie :is(p, li),
#udalosti :is(p, li) {
  color: #e1e7ec !important;
}

#funkcie a:not(.wp-block-button__link),
#udalosti a:not(.wp-block-button__link) {
  color: #ffb478;
}

#funkcie a:focus-visible,
#udalosti a:focus-visible {
  outline: 2px solid #ffb478;
  outline-offset: 3px;
}
/* Keep feature copy readable even when block animation styles are delayed. */
#funkcie .wp-block-media-text__content,
#funkcie .wp-block-media-text__content .wp-block-group {
  opacity: 1 !important;
  filter: none !important;
}

#funkcie .wp-block-media-text__content .wp-block-heading {
  display: block !important;
  color: #fffaf1 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}

#funkcie .wp-block-media-text__content .wp-block-paragraph {
  color: #f1f3f5 !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}