@charset "UTF-8";

/* -------------------------------NAVBAR-------------------------------- */
.nav-link:hover {
	color: var(--black);
}

.nav-pills {
	--bs-nav-pills-link-active-bg: var(--lime);
}

.navbar-nav .nav-link.active {
	--bs-navbar-active-color: #000;
}

.navbar-toggler, .navbar-toggler.collapsed {
	border: 0px solid;
	color: var(--darkest-blue);
	transition: transform 0.2s ease, color 0.2s ease;
}

.navbar-toggler:hover, .navbar-toggler.collapsed:hover {
	border: 0px solid;
	color: var(--darkest-blue);
	transform: translateY(-3px) scale(1.1);
}

.navbar-toggler:focus {
	box-shadow: none;
}

#site-navbar {
	font-size: clamp(1rem, 1.2vw, 2rem);
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 1030;
	height: 75px;
}

#navbar-toggler-div {
	padding-right: 1rem;
}

.offcanvas {
	background-color: var(--darkest-blue);
}

@media ( max-width : 991px) {
	/* Normal text and links inside offcanvas */
	.offcanvas-body, .offcanvas-body a, .offcanvas-title {
		color: var(--gray) !important;
	}

	/* Hover state for links */
	.offcanvas-body a:hover, .offcanvas-title:hover {
		color: var(--white) !important;
	}
}

#offcanvasNavbar {
	height: 45vh; /* 70% of viewport height */
	width: 70vw;
	border-radius: 0 0 0 1rem;
}

.btn-close.custom-white {
	filter: invert(1) brightness(200%);
}

#img-logo, #img-logo-small-screen {
	background-size: contain;
	background-repeat: no-repeat;
	height: clamp(8px, 8vw, 50px);
	padding-left: 1rem;
}

#header-kash-portal-redirect-div {
	font-size: clamp(1rem, 1.2vw, 2rem);
}

/* Desktop (992px and up) */
@media ( min-width : 992px) {
	#img-logo, #img-logo-small-screen {
		padding-left: 3.2rem;
	}
}

#fo-navbar, #fo-navbar-small-screen {
	box-shadow: #cccccc 1px 1px 1px 0px;
}