/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
.bt-red-text {
    color: #b51111;
}

.bt-yellow-text {
    color: #ffdd6e;
}
.bt-yellow-background {
    background-color: #ffdd6e !important;
}

.bt-max-width-400 {
    max-width: 400px;
}

.bt-max-width-300 {
    max-width: 300px;
}

.bt-max-height-500 {
    max-height: 500px !important;
}
.bt-min-height-500 {
    min-height: 500px !important;
}

.bt-font-family {
    font-family: "Bebas Neue", Montserrat;
}

/*
 * Headings alone use the display font (Bebas Neue) -- see bt-brand.css.
 * Blanket-applying it to body text, buttons, and inputs (the previous
 * version of this rule set) made paragraphs, table cells, and form
 * fields hard to read, since Bebas Neue is a tall condensed caps-only
 * display face, not a body font.
 */

.bt-border-color-yellow {
    border-color: #ffdd6e !important;
}

/* 1. The main container for the video area */
.video-wrapper {
  /* Remove fixed height constraints from the wrapper */
  /* max-height: 550px; <-- REMOVED or MODIFIED */
  
  position: relative; /* CRUCIAL for the inner video to be absolutely positioned */
  width: 100%; /* Take up full width */
  overflow: hidden; /* Keep this for clean edges */
  margin: 0 auto;

  margin-bottom: 0 !important;
  
  /* --- ASPECT RATIO BOX HACK --- */
  /* This creates the *height* based on the width to maintain a 16:9 ratio. 
    100 / 16 * 9 = 56.25% */
  padding-top: 40%; /* Use 75% for 4:3 ratio, 56.25% for 16:9, etc. */
  /* ----------------------------- */
  
  /* Optional: Reintroduce max-height if you absolutely need it, but be careful.
    A max-width on the video-wrapper is usually safer. */
  max-width: 980px; /* Example to prevent it from getting too wide */
}

/* 2. The video element inside the wrapper */
.responsive-video {
  /* CRUCIAL: Absolute positioning forces the video to fill the 
    *aspect-ratio-driven* height of the wrapper. */
  position: absolute;
  top: 0;
  left: 0;
  
  /* Fills the relative parent completely (100% of the calculated aspect ratio box) */
  width: 100%; 
  height: 100%; 
}