/* USP Overrides */

/* Changing the color of the navbar and footer to black */
.navbar,
.dropdown-menu,
.dropdown,
.navbar-nav,
.layout-navbar,
#navbar > .navbar-nav > li:hover > a, .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-collapse.collapse ul.nav.navbar-nav li.active,

footer {
    background: black !important;
    background-color: black !important;
    color: white !important;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}


h1 {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 56px;
    color: black;
    line-height: 1.5em;
}

h2 {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 36px;
    color: black;
    line-height: 1.5em;
}

h3 {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 26px;
    color: black;
    line-height: 1.5em;
}


/* h4 used for left navigation */
h4 {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 20px;
    color: black !important; 
    line-height: 1.5em;
}

body {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 18px;
    color: black;
    text-decoration: none;
    line-height:1.5em;
}

p {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    text-decoration: none;
    line-height:1.5em;
}

p.caption {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
}

/* 12/13/24 small used for Theme captions */
small {
    font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 18px;
    color: black;
    text-decoration: none;
    line-height:1.2;
}

/* Styling for blue underline heading or paragraph links */
a.link {
  text-decoration: none !important;
  border-bottom: 2px solid #2060DB;
}

a.link:link {
    color: black;
    border-bottom: 2px solid #2060DB; /* Remove default underline */
}

a.link:visited {
  color:black;
  text-decoration: none;
  border-bottom: 2px solid #2060DB;
}

a.link:hover {
  font-style: italic;
  border-bottom: 2px solid #2060DB; !important; /* Add a custom underline */
}

a.link:active {
  text-decoration: none;
  border-bottom: 2px solid #2060DB;
}

/* Styling for left navigation links */
a.left-nav {
  text-decoration: none !important;
  border-bottom: 2px solid #2060DB;
}

a.left-nav:link {
    color: black;
    border-bottom: 2px solid #2060DB; /* Remove default underline */
}

a.left-nav:visited {
  color:black;
  text-decoration: none;
  border-bottom: 2px solid #2060DB;
}

a.left-nav:hover {
  font-style: italic;
  border-bottom: 2px solid #2060DB; !important; /* Add a custom underline */
}

a.left-nav:active {
  text-decoration: none;
  border-bottom: 2px solid #2060DB;
}

th, td {
  padding: 15px;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 400px) {
  table, thead, tbody, th, td, tr {
    display: block; /* Stacks the table elements */
  }
}

/* Navbar */
#navbar.navbar-collapse.collapse ul.nav.navbar-nav li.active {
  color: hsl(0, 0%, 100%) !important;
  font-color: black !important;
}

/* Hover state for items in navbar */
#navbar .row ul.menu > li a {
  color: hsl(0, 0%, 100%) !important;
  font-color: black;
}

/* Custom button styling */

.button {
  border: 0.5px solid black;
  border-radius: 0px;
  color: white;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; !important
  font-size: 18px; !important
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white;
  color: black;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  border: 0.5px solid #000000;
}

.button1:hover {
  background-color: #000000;
  color: white;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.wrap-image {
    float: left; /* Allows text to wrap around the image */
    margin: 0 15px 15px 0; /* Adds space around the image */
    max-width: 100%; /* Ensures the image is responsive */
    height: auto; /* Maintains aspect ratio */
}

/* Image formating for Icons */
.wrap-image {
    float: left; /* Allows text to wrap around the image */
    margin: 0 15px 15px 0; /* Adds space around the image */
    max-width: 100%; /* Ensures the image is responsive */
    height: auto; /* Maintains aspect ratio */