@charset "utf-8";
/* CSS Document Custom Menu - v2 */
/* 28 AUG added 20px marging to bottzom of menu*/

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link , .navbar-dark .navbar-brand {
   color: #000000; /* changes the Text color ---------------------------*/
}
.navbar-nav button{
		margin-right: 15px;
}
.nav {
    background-color: #ffffff!important; /* changes the Bar bg  ==============    Added Border---------------------------*/
    margin: 0px;
    padding: 0px;
	width:100%;
	border-bottom:1px solid;
  border-bottom-width: thin;

}
.navbar-brand, .navbar-nav{
	font-size: 16px;
    font-size: 1.6rem;
	color: #333333;		/* changes the Line Color ---------------------------*/
	}
.dropdown-item a{	
	color: #242526;		/* changes the Dropdown item Color ---------------------------*/
	}
.dropdown-menu{
	padding: 0px;
	margin: 0px;
	}
#main_nav .navbar-nav .nav-item .dropdown-menu > .dropdown-item{
	background-color: #eee; /* eee changes the no idea Color ---------------------------*/
	border: #ffffff solid 1px; /* 242526 changes the no idea Color ---------------------------*/
	border-width: 1px 0 0 0;
	border-color: rgba(0, 0, 0, 0.1);

	}
	#main_nav .navbar-nav .dropdown-menu > .dropdown-item:hover{
		background-color: #fff; /*  changes the dropdown submenu hover Color  /* added bottom border here */

	}
	#main_nav .navbar-nav .nav-item .dropdown-menu > .dropdown-item a, #main_nav .navbar-nav > .nav-item a, .custom-menu .navbar-nav > .nav-item a{
		padding: 1em;  											/* added bottom border here */
	/* background-color:#FFFFFF;
 border-bottom:1px solid;
  border-bottom-width: thin; */
	}
	
	
#main_nav .navbar-nav > .nav-item, .custom-menu .navbar-nav > .nav-item{	
	border: 0 solid;
    border-width: 0 1px 0 0;
	}
#main_nav .navbar-nav > .nav-item:hover, .custom-menu .navbar-nav > .nav-item:hover{	
	background-color: #cccccc !important; /* 007bff changes the main hover Color ---------------------------*/
	
	}
.navbar-dark .navbar-nav .nav-link{
		
		padding: 15px;
}
	.dropdown-item{
		   padding: 1em;
	}
	
	/* ============ Customizing the hamburger color ============ */
	/* ============ Customizing the hamburger color ============ */
	.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
	.navbar-dark .navbar-toggler {
    border: 1px solid #000000;

}
	.navbar-toggler:hover {
		background-color: #ffffff!important;

}
		/* ============ Customizing the H1 and p color ============================================================ */
	/* ============ Customizing the H1 and p color ============================================================ */
	/* ============ Customizing the H1 and p color ============================================================ */

	h1, h2, h3, h4, h5 {
		color: black;
		text-decoration: none;
	}
	
	.bsc-text-block h2 {
    border-bottom: 0px dotted;
    border-bottom: 0.0rem dotted;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
}
	.bsc-text-block p {
		color: black;
	}
	
	.bsc-text-block ol, .bsc-text-block ul {
		color: black;
	}
	
		.bsc-imageContentCallout p {
		color: black;
	}

.custom-menu {
	margin-bottom: 20px;
		}
	
	
			/* ============ Customizing breadcrumb ============================================================ */
			/* ============ Customizing breadcrumb ============================================================ */
			/* ============ Customizing breadcrumb ============================================================ */
	
	.bread  {
		font-family: SST-Roman, sans-serif;
		color: #000000;	
	}
	
	.bread a {
		font-family: SST-Roman, sans-serif;
		color: #000000;
		text-decoration: none;	
	}
	
	.bread a:hover {
		color: black;
		font-family: SST-Roman, sans-serif;
		text-decoration: underline;
	}

			/* ============ Customizing bottom border ============ */
#borderdiv {
  width:100%;
  height: auto;
  background-color:#FFFFFF;
  border-bottom:10px solid;
  border-bottom-width: thin;
}

.custom-menu {
	margin-bottom: 25px;
		}
	
/* ============ desktop view ============ */
@media all and (max-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #ffffff }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
	#main_nav .navbar-nav > .nav-item, .custom-menu .navbar-nav > .nav-item{	
	border: 0 solid;
    border-width: 0 0 1px 0;
    }
	.nav ul.navbar-nav{
		width:100%;
	}
.nav button{
	top: 10px;
    right: 0;
    position: absolute;
    margin-right: 10px;
}
	.custom-menu .container{
		width:100%;
		max-width: 100%;
	}
}	
/* ============ Custom width - ========================   adjust starting of the custom menu ============ */
/* ============ Custom width - ========================   adjust starting of the custom menu ============ */
/* ============ Custom width - ========================   adjust starting of the custom menu ============ */
	    @media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    width: max-content;
        }

.w-100 {

width: 100% !important;

}}
	
/* ============ small devices ============ */
@media (max-width: 991px) {
.custom-menu {
    background-color: #003c72 !important;
    height: auto;
    padding: 0px;
}
.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
	.bread  {
		padding-top: 10px;
		padding-left: 15px;
		color: black;
	
	}
	
}

	
/* ============ small devices .end// ============ */