body {
	padding-top: 92px;
}

.header-static {
	/*background-color: rgb(255 255 255 / 98%) !important;*/
}

.header-navbar {
	padding-left: 0;
	padding-right: 0;
}

.header-navbar .navbar-brand img {
	height: 50px;
	width: auto;
	margin-right: 2rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.header-navbar .navbar-nav .nav-link {
	font-size: 1.125rem;
	font-weight: 500;
	padding-left: 1rem;
	padding-right: 1rem;
}

.header-search-input {
	transition: all 0.2s ease;
	border: 2px solid #673de6;
	height: calc(1.5em + 1rem + 4px);
	padding: .5rem .75rem;
}

/*
.header-search-input:active,
.header-search-input:focus {
	width: 100% !important;
	transition: all 0.2s ease;
}
*/

@media (max-width: 767.98px) {

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

	body {
		padding-top: 66px;
	}

	.header-navbar .navbar-brand img {
		height: 45px;
		width: auto;
		margin: 0;
	}

	.header-navbar .navbar-nav {
		padding-top: 1rem;
	}

	.header-navbar .navbar-toggler svg {
		width: 32px;
		height: 32px;
		color: #2f1c6a;
	}

	.header-navbar .navbar-nav .nav-link {
		color: #fff;
	}

	.header-navbar .form--search .btn {
		background-color: #fff !important;
		font-weight: 600;
		border-width: 2px;
	}

	.header-search-input {
		border: 2px solid #ffc107;
	}

	.offcanvas-collapse {
		position: fixed;
		top: 66px;
		/* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #673de6;
		opacity: 0.95;
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}

	.offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}