body {
	background-color: #f8f9fa;
}

/*NAVBAR */
.custom-nav-btn {
	font-size: 1.0rem;
	/* Change size here */
	font-weight: 500;
	color: #f8f9fa;
	/* Inactive text color (gf) */
	background-color: #28a745;
	/* Inactive background color (bg) */
	border-radius: 10px;
	padding: 8px 16px;
	margin: 0 4px;
	transition: all 0.3s ease;
	opacity: 0.65;
}

/* Hover color for text (gf) and background (bg) */
.custom-nav-btn:hover {
	color: #343a40;
	/* Hover text color (gf) */
	background-color: #007bff;
	/* Hover background color (bg) */
}

/* Active color for text (gf) and background (bg) */
.custom-nav-btn.active,
.custom-nav-btn:active {
	color: #f8f9fa !important;
	/* Active text color (gf) */
	background-color: #28a745 !important;
	/* Active background color (bg) */
	opacity: 1.0;
}


/* IMAGE HEADING FONT */
#image_font {
	background-color: #f8f9fa;
	color: #dc3545;
	opacity: 0.5;
}