/* Opacity Shifts */
.opa-0 {
	opacity: 0.96!important;
}

/* Support Hover Opacity Shifts */
.opacity-0h5 {
	opacity: 0!important;
	transition: opacity .25s ease-in-out!important;
	-moz-transition: opacity .25s ease-in-out!important;
	-webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
	opacity:1!important;
}
/* End Opacity Shifts */

.navbar {
	min-height: 60px;
	flex-wrap: wrap;
	align-content: center;
	z-index: 100;
/*	box-shadow: 0 0 20px 6px rgba(255, 0, 214, 0.30); Add glow under navbar*/
/*	align-items: center; */
}

.navbar::after {
	content: "";
	background: linear-gradient(left, rgba(92, 7, 52, 1) 0%, rgba(134, 29, 84, 1) 12%, rgba(255, 93, 177, 1) 47%, rgba(83, 0, 30, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(92, 7, 52, 1) 0%, rgba(134, 29, 84, 1) 12%, rgba(255, 93, 177, 1) 47%, rgba(83, 0, 30, 1) 100%);
	background: -moz-linear-gradient(left, rgba(92, 7, 52, 1) 0%, rgba(134, 29, 84, 1) 12%, rgba(255, 93, 177, 1) 47%, rgba(83, 0, 30, 1) 100%);
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
}


/* Start fancy toggle icon */
.navbar-toggler span {
	 display: block;
	 background: #333 !important;
	 height: 3px;
	 width: 22px;
	 margin-top: 5px;
	 margin-bottom: 5px;
	 position: relative;
	 left: 0;
	 transition: all 0.35s ease-out;
	 transform-origin: center left;
	 -webkit-transition: all 0.35s ease-out;
	 -webkit-transform-origin: center left;
}

.navbar-toggler {
	border: none;
	background: transparent !important;
}

.navbar-toggler:hover {
	background: transparent !important;
}

.navbar-toggler:focus {
         outline: none !important;
         box-shadow: none;
}

btn:focus, a:focus {
         outline: none;
}

.navbar-toggler .icon-bar {
	width: 22px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

/* Animate X */
.navbar-toggler .top-bar {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggler .middle-bar {
	opacity: 0;
}

.navbar-toggler .bottom-bar {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Collapsed */
.navbar-toggler.collapsed .top-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

/* End fancy toggle icon */

/* close menu from outside click */
.close-navbar-toggler{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer;
}
.close-navbar-toggler.collapsed{
  z-index:-1;
}
/* End menu close */

.bg-dark {
	background-color: #0b0b0b !important;
}

.dropdown-menu {
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: .5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #888;
	text-align: center;
	background-color: #222;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}

.profile-menu {
	right: 0;
	text-align: center;
}

.dropdown-item {
	color: #5D8C18;
}

#imgdropdown {
	height: 40px;
}

.navbar-img {
	height: 25px;
}
