/* Topbar CSS */

#topbar
{
	background-color: #00b3e6;	
}

/* - */

.topbar-element
{
	justify-content: center;
	display: grid;
}

@media( min-width:768px )
{
	.topbar-element
	{
		/* - justify-content: start; */
	}
}

@media( min-width:992px )
{
	.topbar-element
	{
		justify-content: start;
	}
}

/* - */

.topbar-gap
{
	margin-right: 8px;
}

/* - */

.topbar-item
{	
	align-self: center;
	line-height: 50px;
	padding: 0 16px;
	margin: 0;	
	text-align: center;

	
	justify-self: center;
}

@media( min-width:768px )
{
	.topbar-item
	{
		border-top: none;
	}
}

@media( min-width:768px )
{
	.topbar-item
	{
		grid-row: 1;
		
	}
}

.topbar-item:first-of-type
{
	border-top: none;		
}

@media( min-width:768px )
{
	.topbar-item:first-of-type
	{
			
	}
}

.topbar-item *, .topbar-item
{
	color: #fff!important;
	text-decoration: none;
}

/* - */



/* - */

#topbar-socials
{
	display: grid;
	
	justify-content: center;
	padding: 16px 0;
	height: 32px;
}

.topbar-social:last-of-type
{
	border: none;
}

/* - */

@media( min-width:768px )
{
	#topbar-socials
	{
		grid-row: 1;
		padding: 0;
		height: auto;
		justify-content: start;
	}
		
	.topbar-social:last-of-type
	{
		border: none;
		
	}
}




.topbar-social
{
	grid-row: 1;
	
	align-content: center;
	display: grid;
	padding: 0 16px;
	color: #fff;
}

/* - */


/* - */