*{
    font-family: "Source Sans Pro", "Roboto", Arial, sans-serif;    
    
  }
  .my-para-head {    
    font-size: 1.2rem;
    color: #339900;
    margin: 0px;
}
.bg-light{
    background-color: #339900 !important;  
    border-top:2px solid #92ff04;
    border-bottom:2px solid #92ff04;
    /*border-top:3px solid #205c02;
    border-bottom:3px solid #205c02;
    text-transform: uppercase; */
}
.nav-link{
    color:#d6f5c7;
    font-weight: inherit;    
    
}
.nav-item
{
    padding-left:10px;
    
}
.nav-link:hover{
    color:white;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: white;
}
.nav > li > .nav-link {
    color:#990033;
    padding:5px;
    border: 1px solid #CCC;
    margin:3px;
    background:#eee;
    display: block;    
}
.nav > li > .nss-nav-link {
    background:#03a9f4; 
    border: 1px solid #72c1e6;     
    color:white;
    font-weight:500;
}
.nav > li > .nss-nav-link:hover{
    color:#03a9f4;
}
.nav > li > .nav-link:hover{
    /*background: #d6f5c7;*/
    background: white;
}
.mybg{
    background-color: #eee;
    padding: 10px;
    padding-bottom: 5px;
    margin: -5px;
}
.mybg > h1 {        
    text-align:center;
    background-color: white;
    border:1px solid #dedede;
    padding:5px;
    font-size:160%;
    text-transform: uppercase;
    color:var(--bs-indigo);
}
.footer-text {
    color:var(--bs-teal);
}
.marquee {
    width: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #ccc;
  }
.carousel-heading{
    color:rgba(var(--bs-danger-rgb));
    background:#cddc39ad;
    text-transform: uppercase;
    padding:10px 0px;
}
.my-events-list ul li{
    list-style: none;
    border:1px solid #e4e3e3;
    border-left:6px solid #990033;
    padding:5px;
    margin-bottom: 5px;
    border-radius: 10%;
}
.my-events-list ul li a {
    color:inherit;
    text-decoration: none;
    padding-left:10px;
}
.my-events-list ul li a span{
    font-weight: bold;
}
.my-events-list ul li.odd{
    border-left:6px solid #390;
}