/* Topbar CSS */

#topbar
{
	background-color: #F5F5F5;
}

/* - */

.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;
	border-top: 1px solid #ddd;	
		jstify-self: center;
}

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

@media( min-width:768px )
{
	.topbar-item
	{
		grid-row: 1;
		border-right: 1px solid #ddd;
	}
}

.topbar-item:first-of-type
{
	border-top: none;		
}
media( min-width:768px )
{
	.topbar-item:first-of-type
	{
		border-left: 1px solid #ddd;		
	}
}.topbar-item *, .topbar-item
{
	color: #999!important;
	text-decoration: none;
}

/* - */



/* - */

#topbar-socials
{
	display: grid;
	
	justif-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;
	}
		
	.topbasocial:last-of-type
	{
		border: none;
		border-right: 1px solid #ddd;
	}
}




.topbar-social
{
	grid-row: 1;
	border-right: 1px solid #ddd;
	align-content: center;
	display: grid;
	padding: 0 16px;
	color: #8c8c8c;
}

/* - */


/* - */

@media (max-width: 768px) {
    .topbar-item a[href^="mailto"], /* Target the email link */
    #topbar-socials {              /* Target the social media links */
        display: none !important;
    }
}

@media (max-width: 768px) {
    .topbar-item a[href^="mailto"] {
        display: none !important;
    }
    #topbar-socials {
        display: none !important;
    }
    .topbar-item:first-of-type {
        border-top: none; /* Ensure no border is left */
    }
    .topbar-item:nth-of-type(2) {
        border-top: none; /* Remove the border for the email */
    }
}