/*
Theme Name: rhn_theme
Author: Rasmus Hultquist
Description: Awesome Home Made Theme
Version: 2.0
*/

/*
====================
NEW FRONT PAGE START
*/

header {
	background: blue;
	padding: 20px 0;
}

.col-lg-12.cm-header {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

	.nav_group:nth-child(1), .nav_group:nth-child(3) {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.nav_group:nth-child(2) {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.main-navigation ul {
		list-style-type: none;
		padding-left: 0;
		display: flex;
		justify-content: center;
	}

	nav {
		margin-top: 25px;
	}

	nav a {
		color: #fff !important;
	}

	.main-navigation nav .menu li {
		display: block;
		padding: 0 25px;
	}

	.main-navigation nav .menu li .sub-menu {
		width: 80%;
		position: absolute;
		display: none;
		padding: 50px;
		left: 11%;
		background: darkblue;
		border-radius: 6px;
		box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	}

	.main-navigation nav .menu li .sub-menu li .sub-menu {
		box-shadow: none;
	}

	.main-navigation nav .menu li:hover .sub-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		z-index: 1;
	}

	.main-navigation nav .menu li:hover .sub-menu li {
		flex: 0 0 25%;
		max-width: 25%;
		padding: 0 25px 0 0;
	}

	.main-navigation nav .menu li:hover .sub-menu li.nav_heading > a {
		font-size: 18px;
		display: block;
		border-bottom: 1px solid #fff;
	}

	.main-navigation nav .menu li:hover .sub-menu li.nav_heading > a:hover {
		text-decoration: none;
	}

	.main-navigation nav .menu li .sub-menu li .sub-menu {
		display: block;
		position: relative;
		padding: 10px;
		left: 0;
		padding-left: 0;
	}

	.main-navigation nav .menu li .sub-menu li .sub-menu li {
		width: 100%;
		max-width: 100%;
	}

	.main-navigation nav .menu li:hover .sub-menu li .sub-menu li a {
		font-size: inherit;
	}

	div.main-navigation.responsive nav {
		display: block;
	}

	header a.navMenuIcon {
		display: none;
	}

	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.flex {
		display: flex;
	}

	@media (max-width: 750px) {
		header a.navMenuIcon {
			display: block;
			position: absolute;
			right: 25px;
			top: 5px;
			color: black;
			padding: .8125em .875em .6875em;
			z-index: 1000;
		}

		div.bar1, div.bar2, div.bar3 {
			width: 45px;
			height: 4px;
			background-color: black;
			margin: 8px 0;
			transition: 0.2s;
		}

		.responsive .bar1 {
			-webkit-transform: rotate(-45deg) translate(-9px, 6px) !important;
			transform: rotate(-45deg) translate(-9px, 6px) !important;
		}

		.responsive .bar2 {
			opacity: 0 !important;
		}

		.responsive .bar3 {
			-webkit-transform: rotate(45deg) translate(-8px, -8px);
			transform: rotate(45deg) translate(-8px, -8px);
		}
		
		div.main-navigation nav {
			display: none;
		}
	}