html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: px;
}




/* change the background color */
.navbar-custom {
    background-color: rgba(23, 44, 108,0.9);
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}










.container .dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: var(--gray-dark);
  border-color: #fff;
}


.container .dropdown .dropdown-item a:active
{
  color: #fff;
  background-color: rgba(0, 0, 0,0.6);
  border-color: #fff;
}


.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: var(--purple); }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }



.content { margin-left: 5px; margin-right: 5px;}

footer {
position: fixed;
bottom: 0;
width: 100%;
color: #fff;
height: 55px;
background-color: rgba(70, 130, 180,0.8);
border-top: 1px solid rgba(70, 130, 180,0.8);
-webkit-box-shadow: 10px 1px 10px rgba(70, 130, 180,0.8);
box-shadow: 10px 1px 10px rgba(70, 130, 180,0.8);
}




footer {
  color: white;
}

footer h3 {
  margin-bottom: 30px;
}


footer a {
color: rgba(255,102,0, 1);
}

footer .footer-above {
  padding-top: 30px;
  background-color: rgba(0, 0, 0,0.3);

}

footer .footer-col{
  color: white;
  text-align: left;
  font-size: 16px;
}




footer .footer-below {
  padding: 25px 0;
  background-color: rgba(255,102,0, 1);
  font-size: 16px;
}