/*

INNEHÅLL:

1: HELP NAVIGATION
2: PRIMARY NAVIGATION
3: SUB NAVIGATION
4: SCROLL TOP
5: TOGGLE NAVIGATIONS
6: MEDIA QUERIES

*/

/* ----  1: HELP NAVIGATION  ---- */

#help-nav {
	float: right;
}

.help-nav {
	font-size: 0.8em;
	margin: 0;
	padding: 38px 0 0 0;
	list-style-type: none;
}

.help-nav li {
	display: inline-block;
	margin-left: 25px;
	float:left;
	text-align: center;
}

.help-nav li a {
	color: #888;
	border: none;
	display: block;
}

.help-nav li a:hover {
	color: #d45d47;
}

.help-nav li a i {
	display: block;
	font-size: 1.8em;
	padding-bottom: 12px;
}

/* ----  2: PRIMARY NAVIGATION  ---- */

.nav-bar {
	width: 100%;
	height: 60px;
	background: #d45d47;
	font-size: 0.85em;
	z-index: 10;
	position: relative;
}

.nav-bar.fixed {
	position: fixed;
	top: 0;
	bottom: auto;
	z-index: 40000;
}

@media (min-width: 767px) {

	body.logged-in .nav-bar.fixed {
		top: 32px;
	}

}

#primary-navigation {
	width: 100%;
	text-align: center;
}

#primary-navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#primary-navigation li {
	display: inline-block;
	margin: 0 -2px;
}

#primary-navigation li a {
	border: none;
	color: #fff;
	text-transform: uppercase;
	padding: 21px 16px 0;
	height: 60px;
	display: block;
	font-size: 1.0875em;
	font-family: 'ralewaysemibold', sans-serif;
}

#primary-navigation li a:hover {
	background: #d86e5a;
}


/* ----  3: SUB NAVIGATION ---- */

#sub-navigation {
	font-size: 0.875em;
}

#sub-navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sub-navigation li {
	position: relative;
	padding: 6px 0 7px 45px;
	border-top: 1px solid #ededed;
}

#sub-navigation li a {
	border: none;
	color: #777;
}

#sub-navigation li a:hover {
	color: #666;
}

#sub-navigation li:before {
	font-family: 'FontAwesome';
	content: '\f105';
	color: #999;
	font-size: 0.8em;
	position: absolute;
	left: 30px;
	top: 5px;
}

#sub-navigation li.active:before,
#sub-navigation li.active > a {
	color: #d45d47;
}

#sub-navigation li.active > a:hover {
	color: #d86e5a;
	border-color: #d86e5a;
}

#sub-navigation ul ul{
	display:none;
}
#sub-navigation .active{
	display:block;
}
#sub-navigation .activeParent{
	display:block;
}

#sub-navigation ul li ul {
	padding-top: 10px;
}

#sub-navigation ul li ul li {
	border: none;
	padding-left: 25px;
}

#sub-navigation li ul li:before {
	left: 10px;
}


/* ----  4: SCROLL TOP  ---- */

.scroll-top,
.scroll-top:hover {
	display: block;
	width: 50px;
	height: 50px;
	background: #d3d3d3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		 	border-radius: 4px;
	position: fixed;
	bottom: 60px;
	right: 60px;
	border: none;
	padding: 18px 0 0 0;
	text-align: center;
	cursor: pointer;
	border: none;
	z-index: 10000;
}

/* ----  5: TOGGLE HELP NAV & MENU  ---- */

.toggle-help-nav,
.toggle-menu,
.toggle-sub-navigation {
	display: none;
	text-transform: uppercase;
	cursor: pointer;
}

.toggle-help-nav,
.toggle-help-nav:hover {
	height: 35px;
	color: #666;
	font-weight: 600;
	font-size: 0.8em;
	border: none;
	padding: 0;
}

.toggle-help-nav:hover {
	color: #333;
}

.toggle-menu,
.toggle-menu:hover {
	height: 60px;
	width: 50%;
	color: #fff;
	font-weight: 500;
	font-size: 1.4em;
	border: none;
	padding: 19px 0 0 15px;
	background: #d45d47;
}

.toggle-menu:hover {
	background: #d86e5a;
}

.toggle-sub-navigation,
.toggle-sub-navigation:hover {
	height: 40px;
	color: #fff;
	font-weight: 500;
	font-size: 0.9em;
	border: none;
	padding: 13px 0 0 15px;
	background: #d45d47;
	-webkit-transition: all 0s ease-in-out;
	   -moz-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
}

.toggle-help-nav .fa,
.toggle-sub-navigation .fa,
.toggle-menu .fa {
	margin-right: 5px;
}

/* ----  6: MEDIA QUERIES  ---- */


/* ----  1199 ---- */
@media (max-width: 1220px) {

	#primary-navigation li a {
		padding: 22px 10px 0;
		font-size: 1em;
	}

}


/* ----  1070  ---- */
#menu-item-1{display:none !important;}
@media (max-width: 1070px) {


	#primary-navigation {
		background: #d45d47;
		width: 100%;
		border-top: 1px solid #bb503c;
		position: relative;
		z-index: 1000;
	}

	#primary-navigation ul {
		width: 100%;
	}

	#primary-navigation li {
		padding: 0;
		width: 25%;
		display: block;
		float: left;
		text-align: left;
		margin: 0;
		background: #d45d47;
		border-bottom: 1px solid #bb503c;
		border-right: 1px solid #bb503c;
	}

	#primary-navigation li a {
		padding: 23px 25px 0;
	}
	
	#menu-item-1{
		display:block !important;
	}

}

/* ----  991 ---- */
@media (max-width: 991px) {
	#primary-navigation li {
		padding: 0;
		width: 50%;
		display: block;
		float: left;
		background: #d45d47;
	}

	#primary-navigation li:nth-child(even) {
		border-right: none;
	}

	.help-nav {
		font-size: 0.75em;
	}

	.help-nav li {
		margin-left: 20px;
	}

	.help-nav li a i {
		font-size: 1.6em;
	}

}

/* ----  768 - iPad  ---- */
@media (max-width: 768px) {

}

/* ----  767 - Below iPad ---- */
@media (max-width: 767px) {

	.nav-bar {
		height: auto;
	}

	.toggle-menu,
	.toggle-menu:hover {
		padding-top: 10px;
		height: 40px;
		background: #d45d47;
	}

	#primary-navigation li {
		padding: 0;
		width: 100%;
		display: block;
		float: none;
	}

	#primary-navigation li a {
		height: 44px;
		padding-top: 13px;
	}

	.toggle-help-nav {
		position: absolute;
		top: 11px;
		left: 15px;
		z-index: 30000;
		display: block;
	}

	#help-nav {
		width: 100%;
		float: none;
		padding-top: 35px;
	}

	.help-nav {
		width: 100%;
		font-size: 0.875em;
		padding: 0;
	}

	.help-nav li {
		display: block;
		width: 50%;
		margin: 0;
		padding: 14px 0 12px;
		text-align: left;
		border-bottom: 1px solid #ededed;
	}

	.help-nav li a {
		color: #666;
	}

	.help-nav li a:hover {
		padding: 0;
	}

	.help-nav li a i {
		display: inline-block;
		font-size: 1em;
		width: 25px;
		margin: 0;
		padding: 0;
		color: #666;
	}


	.scroll-top,
	.scroll-top:hover {
		width: 100%;
		height: 25px;
		background: #44697d;
		color: #fff;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
			 	border-radius: 0px;
		bottom: 0;
		right: 0;
		border: none;
		padding: 5px 0 0 0;
		opacity: 0.8;
	}

	.toggle-sub-navigation {
		display: block;
	}

}

@media (max-width: 767px) and (orientation : landscape) {
	#primary-navigation li {
		padding: 0;
		width: 50%;
		display: block;
		float: left;
		text-align: left;
		margin: 0;
		background: #d45d47;
		border-bottom: 1px solid #bb503c;
		border-right: 1px solid #bb503c;
	}
}