/*
==========================================================
DIGITAL NATION INN
ENTERPRISE TOPBAR
Version : 2.0.0
==========================================================
*/


/* ==========================================================
   TOPBAR
========================================================== */

.dni-topbar{

	position:relative;

	width:100%;

	min-height:38px;

	background:

	linear-gradient(

		90deg,

		#06152d 0%,

		#082d63 45%,

		#10235a 75%,

		#240d45 100%

	);

	border-bottom:

		1px solid

		rgba(92,205,255,.14);

	color:#dcecff;

	font-size:13px;

	z-index:10000;

}


/* ==========================================================
   TOPBAR INNER
========================================================== */

.dni-topbar-inner{

	min-height:38px;

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:24px;

}


/* ==========================================================
   LEFT
========================================================== */

.dni-topbar-left{

	display:flex;

	align-items:center;

	gap:8px;

	white-space:nowrap;

	overflow:hidden;

}


.dni-topbar-brand{

	color:#ffffff;

	font-weight:700;

	letter-spacing:.25px;

}


.dni-topbar-message{

	color:#b9d8f5;

	font-weight:500;

}


.dni-topbar-separator{

	color:#45cfff;

	font-weight:700;

	opacity:.75;

}


/* ==========================================================
   STATUS
========================================================== */

.dni-topbar-status{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:8px;

	color:#bdeeff;

	font-size:12px;

	font-weight:600;

	white-space:nowrap;

}


.dni-status-dot{

	width:8px;

	height:8px;

	border-radius:50%;

	background:#38e58c;

	box-shadow:

		0 0 8px rgba(56,229,140,.85),

		0 0 16px rgba(56,229,140,.35);

	animation:dniTopbarPulse 2s infinite;

}


/* ==========================================================
   RIGHT
========================================================== */

.dni-topbar-right{

	display:flex;

	align-items:center;

	gap:12px;

	white-space:nowrap;

}


.dni-topbar-link{

	color:#cde5ff;

	text-decoration:none;

	font-weight:600;

	transition:

		color .25s ease,

		transform .25s ease;

}


.dni-topbar-link:hover{

	color:#55d9ff;

	transform:translateY(-1px);

}


.dni-topbar-login{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-height:28px;

	padding:

		4px

		13px;

	border-radius:50px;

	text-decoration:none;

	color:#ffffff;

	background:

		rgba(255,255,255,.07);

	border:

		1px solid

		rgba(255,255,255,.14);

	transition:

		background .25s ease,

		border-color .25s ease,

		transform .25s ease;

}


.dni-topbar-login:hover{

	background:

		rgba(0,191,255,.18);

	border-color:

		rgba(0,191,255,.42);

	transform:translateY(-1px);

}


/* ==========================================================
   DIVIDER
========================================================== */

.dni-topbar-divider{

	width:1px;

	height:15px;

	background:

		rgba(255,255,255,.16);

}


/* ==========================================================
   ANIMATION
========================================================== */

@keyframes dniTopbarPulse{

	0%{

		transform:scale(1);

		opacity:1;

	}

	50%{

		transform:scale(1.35);

		opacity:.55;

	}

	100%{

		transform:scale(1);

		opacity:1;

	}

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:991px){

	.dni-topbar-inner{

		padding-top:7px;

		padding-bottom:7px;

		gap:14px;

	}


	.dni-topbar-status{

		display:none;

	}


	.dni-topbar-left{

		max-width:65%;

	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

	.dni-topbar{

		min-height:34px;

		font-size:11px;

	}


	.dni-topbar-inner{

		min-height:34px;

		gap:10px;

	}


	.dni-topbar-left{

		max-width:100%;

	}


	.dni-topbar-brand{

		font-size:11px;

	}


	.dni-topbar-message{

		font-size:10px;

	}


	.dni-topbar-message:last-child,

	.dni-topbar-left .dni-topbar-separator:last-of-type{

		display:none;

	}


	.dni-topbar-right{

		gap:7px;

	}


	.dni-topbar-link{

		display:none;

	}


	.dni-topbar-divider{

		display:none;

	}


	.dni-topbar-login{

		min-height:25px;

		padding:

			3px

			10px;

		font-size:11px;

	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:480px){

	.dni-topbar-left{

		max-width:calc(100% - 55px);

	}


	.dni-topbar-message{

		display:none;

	}


	.dni-topbar-separator{

		display:none;

	}

}