.font-lexend {
    font-family: 'Lexend Tera', sans-serif;
}

.font-commissioner {
    font-family: 'Commissioner', sans-serif;
}

.bg-is-black {
     background-color: #0a0a0a;
     color: white;
}

.bg-is-black:hover {
  background-color: #0a0a0a !important;
  color: white;
}

.is-underlined-on-hover:hover {
    text-decoration: underline;
}

.rogatka-footer-item {
    background-color: #0a0a0a;
    color: white !important;
    text-transform: uppercase;
}

.rogatka-footer-item:hover {
    background-color: #0a0a0a;
    color: white !important;
    text-transform: uppercase;
}

.rogatka-footer ul li {
    list-style-type: none;
    text-align: center;
    padding: 5px;
}

.rogatka-footer ul li:hover {
    list-style-type: none;
    text-align: center;
    padding: 5px;
}

.bold-on-hover:hover {
    text-shadow: -.25px -.25px 0 white, 
    .25px .25px white;
}

.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
  background-color: #0a0a0a !important;
  color: white;
}

a.navbar-item:focus {
  color: white;
}

a.navbar-item:hover {
  color: white;
}

.bottom-aligned {
    vertical-align: bottom
}

.is-vertically-centered {
    display: flex;
    flex-wrap: wrap;
    align-content: center; /* used this for multiple child */
    align-items: center; /* if an only child */
    height: auto;
  }

  .home-page-banner {
    position: absolute;
    top: 25%;
    width: 70%;
  }
    
  .home-page-blackboard {
    position: absolute;
    width: 40%;
    top: 70%;
    left: 10%;
  }

.is-full-width {
    width: 100%;
}

.homepage-background {
    background-image: url("/static/images/tytulowy.7e1ea4860c04.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-position: right top;
    background-size: auto 1300px; 
    height: 1300px;
}

.homepage-background-mobile {
    background-image: url("/static/images/tytulowy.7e1ea4860c04.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-position: right top;
}

.enlarge-on-hover:hover {
  transform: scale(1.1);
}

.has-text-white a, .has-text-white a:hover, .has-text-white a:active, .has-text-white a:visited { color: white; }

.navbar-item a, .navbar-item a:hover, .navbar-item a:active, .navbar-item a:visited { color: white; }


@media screen and (max-width: 2687px) {
    container.is-ultrawide .navbar:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 2688px;
    }
  }

@media screen and (min-width: 2688px) {
    .container .navbar:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 2688px;
    }
  }


.high-contrast {  
  background-color: #0a0a0a !important;
  color: yellow !important;
}

.high-contrast body {
  color: yellow !important;
}

.high-contrast .content {
  color: yellow !important;
}

.high-contrast .navbar-item {
  color: yellow !important;
}

.high-contrast .rogatka-footer {
  color: yellow !important;
}

.high-contrast .rogatka-footer-item {
  color: yellow !important;
}

.high-contrast a, .high-contrast a:hover, .high-contrast a:active, .high-contrast a:visited {
  background-color: #0a0a0a !important;
  color: yellow !important;
}

.high-contrast .has-text-white {
  color: yellow !important;
}

.high-contrast .has-background-black {
  color: yellow !important;
}

.high-contrast .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.high-contrast .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.high-contrast .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
  color: yellow !important;
}

.high-contrast .homepage-background {
  background-color: white !important;
}

.high-contrast .navbar-link:not(.is-arrowless)::after {
  border-color: yellow !important;
}

path {
   fill: white; 
}

.high-contrast path {
  fill: yellow; 
}

.responsive-object {
  position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}