@charset "utf-8";
/* CSS Document */

header
{
	padding:5px 0px;
	margin-bottom:10px;
}

.site-logo-container
{
	padding:10px 0px;
}
/*@media only screen and (max-width:400px) {
	.site-logo-container
	{
		padding:10px 0px;
		border: 1px solid #333;
	}
}*/
@media only screen and (min-width:400px) and (max-width:767px) {
	.site-logo-container
	{
		padding:10px 0px;
		/*border: 5px solid #333;*/
		text-align:center;
	}
}

.id-site-logo
{
	border-top:4px solid #8fc509;
}
@media only screen and (max-device-width:400px) {
	.id-site-logo
	{
		border-top:4px solid #8fc509;
		width:260px;
		display:block;	
		margin:auto;
	}
}
	.site-nav-container
	{
		padding:5px 0px;
	}

	.id-nav-container
	{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}	
@media only screen and (max-width:992px){
	.id-nav-container
	{
		flex-direction: column;
	}
}	


/* // Multi Level Menu // */
.nav-bg-id
{
	/*background-color:rgba(35, 131, 180, 0.5);*/
	background-color:#0c288f;
	border-radius:5px;
}
.nav-link
{
	padding:0px;
	margin:0px;
	color:#fff;
}
a:hover.nav-link
{
	color:#cdeeff;
	background-color:#0c288f;
	border-radius:5px;
}
.navbar-toggler-icon
{
	color:#333333;
	border:5px solid #333;
	border-radius:5px;
	background-color:#003333;
}

	@media (min-width: 992px){
		.dropdown-menu .dropdown-toggle:after{
			border-top: .3em solid transparent;
		    border-right: 0;
		    border-bottom: .3em solid transparent;
		    border-left: .3em solid;
		}

		.dropdown-menu .dropdown-menu{
			margin-left:0; margin-right: 0;
		}

		.dropdown-menu li{
			position: relative;
		}
		.nav-item .submenu{ 
			display: none;
			position: absolute;
			left:100%; top:-7px;
		}
		.nav-item .submenu-left{ 
			right:100%; left:auto;
		}

		.dropdown-menu > li:hover{ background-color: #f1f1f1 }
		.dropdown-menu > li:hover > .submenu{
			display: block;
		}
	}

/* // Multi Level Menu // */


/* Contact Container */
.th-nav-contact
{
	color:#0c288f;
	text-align:right;
	font-size:22px;
}

