html, body
{
	overflow-x:hidden; /* Prevent scroll on narrow devices */
}

body
{
	padding-top:0px;
}

@media (max-width:991.98px)
{
	.offcanvas-collapse
	{
		position:fixed;
		top:0px; /* Height of navbar */
		bottom:0;
		left:100%;
		width:100%;
		padding-right:1rem;
		padding-left:1rem;
		overflow-y:auto;
		visibility:hidden;
		background-color:#006eb0;
		transition-timing-function:ease-in-out;
		transition-duration:.3s;
		transition-property:left, visibility;
		z-index:100000;
		padding-top:15px;
	}
	
	#headerNav.offcanvas-collapse
	{
		background-color:#333333;
	}
	
	.offcanvas-collapse.open
	{
		left:0;
		visibility:visible;
	}
}

@media (max-width: 768px)
{
	.main-header.inner .navbar-light .offcanvas-collapse .navbar-nav .nav-link
	{
		color:#fff;
	}
	
	.main-header.inner .navbar-light .offcanvas-collapse .navbar-nav .nav-link:hover, .main-header.inner .navbar-light .offcanvas-collapse .navbar-nav .nav-link:focus, .main-header.inner .navbar-light .offcanvas-collapse .navbar-nav .nav-link.active
	{
		color:#006eb0;
	}
}

.nav-scroller
{
	position:relative;
	z-index:2;
	height:2.75rem;
	overflow-y:hidden;
}

.nav-scroller .nav
{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	padding-bottom:1rem;
	margin-top:-1px;
	overflow-x:auto;
	color:rgba(255, 255, 255, .75);
	text-align:center;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
}

.nav-underline .nav-link
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:.875rem;
	color:#fff;
}

.nav-underline .nav-link:hover
{
	color:#fff;
}

.nav-underline .active
{
	font-weight:500;
	color:#fff;
}

.text-white-50
{
	color:rgba(255, 255, 255, .5);
}

.bg-purple
{
	background-color:#6f42c1;
}

.lh-100
{
	line-height:1;
}

.lh-125
{
	line-height:1.25;
}

.lh-150
{
	line-height:1.5;
}