/* MAIN LEVEL ********************************** */
.navbar {
  background-color: #fd6d4e;
	color: #ccc;
  color: #fff;
}

/* change the brand and text color */
.navbar .navbar-brand,
.navbar .navbar-text {
  color: #ccc;
  color: #eee;
}

/* toplevel link & dropdown button text color */
.navbar .navbar-nav .nav-link a, .navbar .navbar-nav .nav-link {
  color: #eee;
	border-bottom: 2px solid transparent; /* toplevel */
}

/* toplevel link & dropdown button background color */
.navbar .navbar-nav .nav-link:hover{
  color: #fff;
	/* background:rgba(0,0,0,.2); */
	border-bottom: 2px solid white; /* toplevel:hover */
}

/* change the color of active or hovered links background color */
.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link {
  color: #fff;
	/* background:rgba(0,0,0,.2); */
}

@media screen and (max-width: 767px) {
  .navbar .nav-item.active .nav-link, .navbar .nav-item:hover .nav-link { 
    background:rgba(0,0,0,.2); 
  }
	.navbar .navbar-nav .nav-link a, .navbar .navbar-nav .nav-link {
		border-bottom: 2px solid transparent; /* mobile no border-bottom */
	}
	.navbar .navbar-nav .nav-link:hover{
		border-bottom: 2px solid transparent; /* mobile no border-bottom */
	}
}

/* DROPDOWN ************************************* */
.navbar .dropdown-menu {
  background-color: #fd6d4e;
}

.navbar .dropdown-item {
    color: #fff; /* if not a link */
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background-color: rgba(0,0,0,.2);
}

.navbar .dropdown-item a {
  color: white;
}

.navbar .dropdown-item a:hover,
.navbar .dropdown-item:focus {
  color: white;
}

@media screen and (max-width: 767px) { ul.navbar-nav { background: #fd6d4e; } }

/* auth pages */
.profile-container .card-header  {
	background: #fd6d4e;
	color: white;
}