/*Base styles*/
html {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    line-height: 1.4em;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}



body {
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    line-height: 1.4em;
    font-size: 1em;
    color: black;
    background-color: white;
    font-family: sans-serif;

}

/* make all images responsive */
 img {
        max-width: 100%;
        height: auto;
        display: block; /* Optional: Removes extra space below the image */
    }

    .image-border {
        border: 1px solid black;
    }

/*Fix white space overflow on small device*/
   html, body {
       overflow-x: hidden;
   }
p {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    line-height: 1.4em;
    font-size: 1em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

/*force pre tag to wrap, good for mobile display*/
pre {
       white-space: pre-wrap;
}

.header-top {
margin: 0;
  padding: .4rem 0 0 .6rem;
  width: 100%;
  background-color: #e7e5e5;
}


ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0e0d0d;
}

ul.menu li {
  float: left;
}

ul.menu li a {
  display: block;
  color: rgb(209, 206, 206);
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
ul.menu li a:hover {
  color: white;
}

.nav-link a,
.nav-link a:hover {
    color: white!important;
}

.navbar-light .navbar-nav .nav-link {
    color: white!important;
}

.navbar-nav li {
    padding-right: 1rem;
}

.navbar {
    margin-bottom: .5rem;
}

.card {
    border: none!important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(217, 222, 228) !important;
}

.btn-custom {
    text-decoration: underline;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 25%; 
    border-radius: 7px;
    background-color: rgb(217, 222, 228) !important;   
}