/* GLOBAL STYLES */
body {
  background-color: #eee;
}

body {
    font-size: var(--font-lg);
    font-family: sans-serif
}


p {
font-size: 1rem;
line-height: 1.4rem;
}

li{ line-height: 1.5; padding-bottom:1rem;}
.my-2 {margin-top:2rem; margin-bottom: 2rem;}
.py-1 {padding-top:1rem; padding-bottom: 1rem;}


/* MENU */
.vertical-menu {
  /* width: 200px; */
  background-color: whitesmoke;
  padding: 0;
}

.vertical-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vertical-menu li {
  border-bottom: 1px solid #444;
  padding-bottom:0;
}

.vertical-menu a {
  display: block;
  padding: 5px 16px;
  text-decoration: none;
  color: navy;
}

.vertical-menu a:hover {
  background-color: navy;
  color:white;
}
 
code {
    font-size: 1rem;
}

.breadcrumb {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 10px 16px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.breadcrumb a {
  color: #0275d8;
  text-decoration: none;
  margin: 0 5px;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb span {
  color: #555;
  margin: 0 5px;
}

.white {color:white;}
.whiteBG {background-color:white;}
.lgFont {font-size:clamp(2rem, 4vw, 3rem);}

/* Divider styling */
.footer-divider {
    border: none;
    border-top: 1px solid transparent; /* Thin horizontal line */
    margin: 20px 0; /* Spacing above and below the line */
}
/* Copyright styling */
.footer-copyright {
    text-align: center;
    margin-top: 20px;
    font-size: 0.875rem;
    display:block;
    margin: 0 auto;
    line-height:1.3rem;
    padding-top:1px; padding-bottom: 1px;
}

.highlight {
  color: white; 
  background-color: rgba(0, 0, 0, 0.4); 
  padding: 0.5em; 
  margin-top:0;
}