/* Bootstrap 4 Mega Dropdown Menu Navbar  ***  https://codepen.io/JacobLett/pen/jaaQYG */
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
	margin-bottom:1rem;
}
/**/
.dropdown-toggle {
    white-space: normal;
}
.navbar .dropdown-menu {
	border:none;
	background-color:var(--my-color10) !important;
}
.nav-item {
	width:auto;
	max-width:230px;
}
.navbar-dark .navbar-nav .nav-link,
.nav-sub .nav-link {
	color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-item,
.nav-sub .nav-item {
	border-bottom: 1px solid var(--my-color10);
	border-top: 1px solid var(--my-color10);
}
.navbar-dark .navbar-nav .nav-item:hover, .navbar-dark .navbar-nav .nav-item.active,
.nav-sub .nav-item:hover, .nav-sub .nav-item.active {
	background:#ffffff;
}
.navbar-dark .navbar-nav .nav-item:hover .nav-link, .navbar-dark .navbar-nav .nav-item.active .nav-link,
.nav-sub .nav-item:hover .nav-link, .nav-sub .nav-item.active .nav-link {
	color: var(--my-color10);
}

.navbar-dark .navbar-nav .dropdown-menu .nav-item .nav-link {
	color: rgba(255, 255, 255, 1);
	
}

.navbar-dark .navbar-nav .dropdown-menu .nav-item:hover .nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-item.active .nav-link {
	color: var(--my-color10);
}
.nav-link i {
	margin-right: 5px;
	margin-left:-12px;
	font-size:0.75rem;
	font-weight:900;
	vertical-align: 1px;
}

/* sub navigation ********************************************************************************** */
.nav-sub {
	background:var(--my-color10);
		padding-top:1rem;
		padding-bottom:1rem;
}
.nav-sub .nav-item {
	width:auto;
	max-width:100%;
	padding-left:.5rem;
	border-left: 1px solid var(--my-color10);
	border-right: 1px solid var(--my-color10);
}


/* breakpoint and up - mega dropdown styles ******************************************************** */
@media screen and (min-width: 992px) {
  
	/* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar {
		padding-top:0px;
		padding-bottom:0px;
	}

	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		padding:.5rem .5rem;
		margin:0 1px;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {position:static;}

	.navbar .dropdown-menu {
		width:100%;
		left:0;
		right:0;
		/*  height of nav-item  */
		top:90%;
		display:block;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s linear;
		border-radius:0;
	}

	/* shows the dropdown menu on hover */
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		display:block;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.3s linear;
	}

	.navbar .dropdown-menu {
		border-bottom: 1px solid rgba(255,255,255,1);
		background-color: #fff;
	}

}
@media screen and (min-width: 1279px) {
	.navbar .container {
		max-width:1280px;
		}
	}
@media screen and (min-width: 1279px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.0rem;
		padding-left: 1.0rem;
	}
}
/* navi main styles + top-bar - START +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.dropdown-toggle::after {
	font-family: 'FontAwesome5';
	display: inline-block;
	margin-left: 0.5rem;
	vertical-align: -0.125rem;
	content: '\f107';
	border: 0;
	
}
@media (min-width: 1200px) {
	.navbar-brand {
		padding-top:.5rem;
		padding-bottom:.5rem;
		margin-left:6.5rem;
		margin-right:3rem;
		}
	}
.navbar-brand .figure, .navbar-brand .figure-img 
	{margin-bottom:0;}
.img-logo {
	height:60px;
	}
@media screen and (min-width: 1279px) {
	.img-logo {
		height:90px;
		}
	}
.top-bar {
	font-size:.875rem;
	}
.top-bar .fa-phone-alt, .top-bar .fa-envelope {
	margin-right:.5rem;}

.button_youtube {
	width:33px;
	height:33px;
	background:transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin:5px 0;
	border: 1px solid #cccccc;
}
.button_youtube:hover {
	background:#ff0000;
	color:#ffffff;;
	border: 1px solid #ff0000;
	}
.button_youtube .fa {
	position:relative;
	top:5px;
	left:11px;
}


/* navi main styles + top-bar- END +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */