/*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%;
}

body {
  margin-bottom: 60px;
}*/

/* Splash Screen Styles */
.splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #1a1a1a; /* A dark fallback color */
    z-index: 1050; /* Higher than a standard bootstrap modal */
    opacity: 1;
    transition: opacity 1.5s ease-out; /* Controls the fade-out speed */
}

.splash-image {
    width: 100%;
    height: 100%;
    /* IMPORTANT: Update this path if you used a different name or location */
    background-image: url('../images/splash-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.loading-message {
    position: absolute;
    bottom: 50px;
    color: #ffffff;
    font-size: 1.2em;
    font-family: sans-serif;
    text-shadow: 2px 2px 4px #000; /* Add shadow to make text more readable */
}

/* This class will be added by JavaScript to hide the splash screen */
.splash-screen.hidden {
    opacity: 0;
    pointer-events: none; /* Disables mouse interaction with the hidden screen */
}