/** SITE NAV BARS CLASSES **/

.kcj_navbar_top_a, .kcj_navbar_top_a:link, .kcj_navbar_top_a:active, .kcj_navbar_top_a:visited, .kcj_navbar_top_a:hover  {
	text-decoration:none;
	color:white;
}

.kcj_navbar_top_a:hover {
	border-bottom:white 3px solid;
	padding-bottom:0;
	color:white;
}

.kcj_navbar_top_active_a {
	border-bottom:white 3px solid;
	padding-bottom:0;
	color:white;
	font-weight:500;
}


.kcj_navbar_top_submenu_active_a, .kcj_navbar_top_submenu_active_a:hover, .kcj_navbar_top_submenu_active_a:link, .kcj_navbar_top_submenu_active_a:active, .kcj_navbar_top_submenu_active_a:visited  {
	color:white;
	border-bottom:white 3px solid;
	padding-bottom:0;
	font-weight:500;
}

.dropdown-toggle::after {
  display:none;
}

.kcj_dropdown_menu {
	border:none;
	margin-left:-18px;
}

.navbar-custom {
  background-color:var(--al-matisse);
	min-height:100px;
}

/* change the brand and text color */
.navbar-custom .navbar-nav .nav-link .kcj_navbar_top_a{
    font-weight: bold;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color:white;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color:white;
    font-weight: bold;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color:white;
}

.navbar-brand{
  margin-right: 0px;
}

.navbar-custom .navbar-toggler {
	margin-top: 20px;
	margin-bottom:25px;
	border:white thin solid;
	margin-right:25px;
	z-index:1000;
}

.mobile_nav_holder {
	text-align: right;
}

.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(59, 178, 247, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-custom .dropdown-menu {
	background-color:var(--al-matisse);
}

.navbar-custom .dropdown-item:focus, .navbar-custom .dropdown-item:hover {
    background-color: var(--al-matisse);
}

.navbar-logos-holder{
  text-align: center;
}

.al-logo{
  display: inline-block;
  padding-right: 62px;
}

.by-text-nav{
  display: inline-block;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 70px;
  border-left: white 1px solid;
}

@media screen and (max-width: 800px) {
	.navbar-custom .navbar-toggler {
		margin-top: 0px;
	}

	.by-text-nav{
		padding-left: 0px !important;
		padding-bottom: 0px;
		margin-right: 0px !important;
		border-left: none !important;
		width: 100%;
	}

	.al-logo{
		padding-right: 0px;
	}
}