/*
Theme Name: sunbeam
Theme URI: http://wordpress.org/themes/
Author: sunbeam
Author URI: http://www.sunbeaminfo.in
Description: This theme was created with Pinegrow Web Editor.
Version: 1.0
*/

/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/

/*-------------------------------------------------------------
10.1 - Main Navigation-*/

.primary-navigation-wrap {
	background: #303030;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	position: relative;
	float: right;
	margin-top: 42px;
	padding: 0;
	color: #e97719;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu li {
	float: left;
}

.main-navigation-menu a {
	display: block;
	margin: 0;
	padding-left: 19px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight:normal;
	font-family:'Muli', 'Noto Sans','Open Sans', Arial, Helvetica, sans-serif;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: .32em 0 0 0;
	vertical-align: top;
	text-decoration: inherit;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #2196c0;
	text-decoration: none;
}

.main-navigation-menu a:hover
{
	color: #5e5e5e;
}
.main-navigation-menu ul li{
	border-bottom: 1px dashed #dbdbdb;
	background:#FFF;
	}

.main-navigation-menu ul {
	position: absolute;
	z-index: 99999;
	display: none;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #dbdbdb;
	border-bottom: 1px dashed #dbdbdb;
	color: #237204;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu ul li{
	position: relative;
	float: none;
	margin: 0;
}

.main-navigation-menu ul a {
	padding: 0.62em 0.62em;
	min-width: 250px;
	min-width: 16rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-size: 16px;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.3em 0 0 0.3em;
    content: '\f431'; 
	vertical-align: top;
	text-decoration: inherit;
	font-size: 16px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu li ul ul {
	top: 1px;
	left: 100%;
	border-top: none;
}

.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a {
	background: rgba(255,255,255,0.075);
}

.main-navigation-menu .sub-menu a {
		border-bottom: none;
		color:#333333;
		background:#FFF;
	}
.main-navigation-menu .sub-menu ul li a {
		border-bottom: none;
		color: #777777;
		background:#FFF;
	}

.main-navigation-menu .sub-menu a:hover
{
	color: #85c226;
}

@media only screen and (max-width: 768px) {
	.site-content {
		display: block;
	}

	.content-area {
		width: 100%;
	}

	.sidebar {
		width: 100%;
		border-top: 1px solid #ddd;
	}

	.header-main {
		padding-top: 1.5em;
	}

	.site-branding {
		float: none;
		margin: 0;
		text-align: center;
	}

	.header-widgets {
		display: block;
		text-align: center;
	}

	.header-widget {
		display: inline-block;
		float: none;
		margin: 1em 0 0;
		max-width: 100%;
		vertical-align: top;

	}

	.header-widget .search-form {
		max-width: 300px;
	}

	.page-title,
	.entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.post-wrapper .type-post .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	
	.post-layout-one-column .post-wrapper .type-post .entry-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}


	.post-layout-three-columns .post-wrapper .post-column {
		width: 50%;
	}

	
	.main-navigation-menu li {
		position: static;
		float: none;
	}

	.main-navigation-menu ul {
		position: static;
		top: auto;
		left: auto;
		display: block;
	}

	.main-navigation-menu ul a {
		float: none;
		width: auto;
	}

	.main-navigation-menu li ul ul {
		top: auto;
		left: auto;
		margin: 0;
	}

	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}


	.main-navigation-toggle {
		display: inline-block;
        margin-top: 32px;
		padding: 0;
		background: none;
		color: #086599;
		border: none;
		float: right;
	}

	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		background: none;
		border:none;
	}

	.main-navigation-toggle:hover,
	.main-navigation-toggle:active {
		color: #979797;
		cursor: pointer;
 		border:none;
	}

	.main-navigation-toggle:before {
		display: inline-block;
		margin: 0;
		content: '\f419';
		vertical-align: top;
		text-decoration: inherit;
		font-size: 24px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border:none;
	}

	
	.main-navigation-menu {
		display: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 1px solid #fff;
	}

	.main-navigation-menu li {
		margin: 0;
	}

	.main-navigation-menu a {
		display: block;
		clear: left;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu li:last-child a {
		border-bottom: none;		
	}

	.main-navigation-menu ul {
		width: 100%;
		border: none;
	}

	.main-navigation-menu ul li a {
		display: block;
		width: 100%;
		border-top: 0px;
        border-bottom: 1px dashed #bbb!important;
	}

	.main-navigation-menu ul li ul a {
		padding-left: 4em;
	}

	.main-navigation-menu ul li ul li ul a {
		padding-left: 5em;
	}

	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 6em;
	}

	.main-navigation-menu ul li:last-child a {
		border-bottom: 0px solid rgba(255,255,255,0.1);
	}

	
	.main-navigation-menu .submenu-dropdown-toggle {
		display: block;
		float: right;
		margin: 0;
		padding: 8px 0;
		background: none;
		color: #086599;
		position:absolute;
		right:0;
	}

	.main-navigation-menu .submenu-dropdown-toggle:hover {
		color: #979797;
		cursor: pointer;
	}

	.main-navigation-menu .submenu-dropdown-toggle:before {
		content: '\f431';
		vertical-align: middle;
		text-decoration: inherit;
		font-size: 32px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}

	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.65em 0;
	}

	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
	}

	
	.widget-magazine-posts .large-post .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.widget-magazine-posts .medium-post .entry-title,
	.widget-magazine-posts .small-post .entry-title {
		font-size: 18px;
		font-size: 1.125rem;
	}

	
	.site-footer .site-info {
		float: none;
		text-align: center;
	}
}

@media only screen and (max-width: 768px) {
.main-navigation-menu {margin: 0px!important;}

}
@media only screen and (max-width: 640px) {
.main-navigation-toggle {
		display: inline-block;
        margin-top: -60px;
		padding: 0;
		background: none;
		color: #086599;
		border: none;
	}
}
--------------------------------------------------------------*/


/*-----------------Site Navigation--------------

#site-navigation {
	float: right;
}

#site-navigation .menu-toggle {
	display: none;
}

#site-navigation ul {
	margin: 0;
	list-style: none;
}

#site-navigation ul li {
	float: left;
	padding: 23px 30px 23px 0;
	position: relative;
}

#site-navigation ul li a {
	font-size: 14px;
}

#site-navigation ul li:hover > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current_page_item > a {
	color: #30afb8;
}

#site-navigation ul li:last-child {
	padding-right: 0;
}

#site-navigation ul.sub-menu,
.menu ul li ul.children {
	background-color: #fff;
	min-width: 200px;
	padding: 0;
	position: absolute;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
	right: 50%;
	top: 90%;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#site-navigation ul li ul li {
	padding: 10px;
	text-align: left;
	width: 100%;
}

#site-navigation ul.sub-menu li:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#site-navigation ul.sub-menu li:hover > a {
	color: #30afb8;
}

#site-navigation li:hover ul.sub-menu,
#site-navigation ul li.focus > ul.sub-menu,
.menu ul li:hover > ul.children {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

#site-navigation ul li a {
	color: #4c5867;
}

#site-navigation .sub-menu li.menu-item-has-children ul,
.menu ul li ul li ul.children {
	left: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#site-navigation .sub-menu li.menu-item-has-children ul li:hover > a {
	color: #30afb8;
}

#site-navigation .sub-menu li.menu-item-has-children ul li a {
	color: #4c5867;
}

#site-navigation ul li ul.sub-menu li.menu-item-has-children:hover > ul,
#site-navigation ul li ul.sub-menu li.menu-item-has-children.focus > ul,
.menu ul li ul li:hover > ul.children {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.sub-toggle {
	color: #333333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#site-navigation ul li.menu-item-has-children:hover > .sub-toggle {
	color: #30afb8;
}

#site-navigation ul li ul.sub-menu li.menu-item-has-children .sub-toggle {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.transparent.header-sticky #masthead-sticky-wrapper.is-sticky #site-navigation ul li.current-flash-item a,
#site-navigation ul li.current-flash-item a {
	color: #30AFB8;
}

.header-bottom {
	background: #fff;
}

#site-navigation ul li.menu-item-has-children .sub-toggle .fa {
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
 }
.animate-icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}