/*The Kupaa logo*/
.navbar-brand {
	margin: env(safe-area-inset-top) 0 0 env(safe-area-inset-left);
}

/*The little icon in mobile view*/
.navbar-toggler.navbar-togger-icon{
	color: #D8D8D8;
}

/*The link text in the header*/
.nav-item{
	margin-left: 30px;
	margin-right: 30px;
	border-width: 0px 0px 10px 0px;
	border-style: solid;
	border-color: rgba(76, 175, 80, 0);
	display: table-cell;
	vertical-align: bottom;
}

/*The link text in the header*/
.nav-item:hover {
	border-width: 0px 0px 10px 0px;
	border-style: solid;
	border-color: #DF185B;
}

/**/
.navbar{
	
}

/**/
.navigation{
	font-family: 'Montserrat';
	text-transform: uppercase;
	font-style: normal;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 20px;
	background: #1B1D2B;
}


/* Styling for the links - needs to be specific to override Bootstraps default styling */
.nav-link#header-item{
	color: white;
}

/* Header links when hovered on */
.nav-link#header-item:hover{
	color: #DF185B;
}


/* For small phone screens */
@media (max-width: 575px) {
	
	/*The link items in mobile view - remove the pink accent line under the links */
	.nav-item{
		border-width: 0px 0px 0px 0px;
		}

	.nav-item:hover{
		border-width: 0px 0px 0px 0px;
	}
}