/* @preserve Copyright (c) 2024, UX Experts LLC, All Rights Reserved */
/* @preserve Seriously, All Rights Reserved. Proprietary and confidential. You may not use, copy, print, modify, appropriate, distribute, inspect, trace, decompile, analyze, scan, disclose, or reverse engineer this code, and doing so is expressly prohibited by the Terms of Use. */
/* modern colors: https://anthonyhobday.com/sideprojects/saferules/ */
/* dark theme: https://medium.com/@haxzie/dark-and-light-theme-switcher-using-css-variables-and-pure-javascript-zocada-dd0059d72fa2 */

/* use variables for fonts, colors, sizes */
:root {
  --fontFamily: "Roboto", "Segoe UI", "Open Sans", "Tahoma", "Verdana",
    "Helvetica", "Arial";
  --colorLink: #3d71ed;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontFamily);
  user-select: none; /* Prevent text selection */
}

body,
html {
  height: 100%;
  line-height: 1.3;
  font-size: 16px;
}

a {
  color: var(--colorLink);
  text-decoration: none;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("./assets/fasterhorse.jpg");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 16px;
}

.w3-xlarge {
  font-size: 20px !important;
}

.modal-parent {
  position: relative;
  width: inherit;
  height: inherit;
}

.modal-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: black; /* white; */
  background-color: #ddd;
  font-size: 24px;
  padding: auto;
  z-index: 1;
}
/* #000066; */