/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

#paypal-button-container {
  margin: 40px auto;
  max-width: 400px;
}

@media only screen and (max-width: 1024px) {
  #ultra-navbar, .navbar-brand {
    background-color: #000;
  }
}

.navbar-item .ultra-logo {
  max-height: 4.5rem;
  border-radius: 50px;
}

.hero-ultra-background {
  background-image: url("/assets/hero2-61bd7e26.jpeg");
  background-position: center;
  background-size: cover;
}

.do-not-wait {
  position: relative;
}

.do-not-wait__parallax {
  background-image: url("/assets/saber-0b02584d.webp");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -20;
}

.do-not-wait .block-cover {
  opacity: .4;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -10;
  background-color: #000;
}

.button.custom-ghost {
  border: 2px solid #fff;
  border-radius: 0;
  background-color: transparent;
}