html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}



.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* =========================================================================
   VORTEX ELITE SOLUTIONS — BASE SITE STYLES
   site.css
   Minimal reset + spacing so page content clears the fixed floating
   header. Extend this file for the rest of the site design system.
   ========================================================================= */

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background:#1F2937;
  color:#FFFFFF;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;}

/* Reserve space for the floating fixed header (top margin + max height)
   so page content never starts underneath it. Adjust to match the
   actual height of your first section if it needs a full-bleed hero. */
#mainContent{
  padding-top:calc(95px + 25px + 1.5rem);
}

@media (max-width:992px){
  #mainContent{padding-top:calc(95px + 20px + 1rem);}
}
@media (max-width:560px){
  #mainContent{padding-top:calc(95px + 14px + 1rem);}
}

/* Visible keyboard focus ring across the site */
a:focus-visible,
button:focus-visible{
  outline:2px solid #D4A017;
  outline-offset:3px;
  border-radius:4px;
}