body {
  font-family: sans-serif;
  font-size: 1.2rem;
  background-color: #222222;
}

/*NavBar*/

.bg-light {
  background-color: #353535 !important;
}

.navbar-light .navbar-brand {
  color: #ffffff;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: #ffffffe6;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #ffffff;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgb(6 198 164 / 40%) !important;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px; 
  padding-bottom: 0px; 
  z-index: 1;
}


.navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #adadadb3;
}

.dropdown-item {

  color: #fff;

  background-color: #353535;

}

.dropdown-menu {
  color: #fff;
  background-color: #353535;
  border: 0px solid rgb(159 159 159 / 25%);
  border-left: 2px solid rgb(159 159 159 / 25%);
  border-right: 2px solid rgb(159 159 159 / 25%);
  border-bottom: 2px solid rgb(159 159 159 / 25%);
  border-radius: .25rem

}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #454545;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #454545;
}


.p, .maintext{
  color: #fff;
}

.NavLogo {
	width: 4rem;
	height: 5rem;
	fill: currentColor;  
}

/* Live Stream video player */

.live{
  width: 80vw;
  height: 60vh;
}