/*
Theme Name: Edification Hub
Theme URI: https://wenthemes.com/item/wordpress-themes/edification-hub/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Edification Hub is a child theme of our most popular free education WordPress theme "Education Hub". This theme is a clean and modern Education WordPress Theme with simplistic but unique look and feel. It is very simple and easy to use for all types of educational institutions like college, university, institute, school, and different other education-based websites. This theme will be suitable even for the Corporate and blog websites. This theme is responsive, cross-browser compatible and translation ready. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=edification-hub
Template: education-hub
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edification-hub
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, education, footer-widgets, blog, custom-logo, editor-style, custom-header, rtl-language-support
*/

/* Enable Simple Breadcrumb by default */

#quick-contact > ul {
	text-align: left;
}

#masthead,
#page #masthead {
	padding: 21px 0;
}

#site-identity {
	margin-top: 0;
}

.site-header {
	min-height: auto;
}

.site-description {
	font-size: 13px;
}

.main-nav-search {
	padding: 10px 20px 20px;
}

.main-nav-search .search-form {
	max-width: 100%;
}

#main-nav,
.menu-toggle i {
	border: none;
}

.menu-toggle,
.menu-toggle i {
	font-size: 18px;
	line-height: 1.3;
}

.menu-toggle i {
	font-size: 18px;
	padding: 0;
	margin-top: -2px;
	margin-right: 0;
	width: 15px;
}

.main-navigation ul li a {
	font-weight: 600;
	padding: 10px 20px;
	border-right: none;
}

.menu-toggle {
	margin: 0;
	padding: 9px 10px;
}

.site-header .container,
.site-branding,
#main-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.site-header .container,
.site-branding {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.site-header .container,
#main-nav {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.site-header .container {
	position: relative;
}

.site-branding {
	/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
	margin-right: auto;
	max-width: 100%;
	min-width: 0;
	text-align: left;
	width: auto;
	overflow: hidden;
}

#main-nav {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: auto;
}

.main-navigation {
	display: inline-block;
	float: left;
}

.search-toggle,
.search-toggle-close {
	background: transparent;
	padding: 10px 15px;
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle-close:hover,
.search-toggle-close:focus {
	border-radius: 0;
}

.search-form input.search-field,
.woocommerce-product-search .search-field,
.search-form .search-submit,
.woocommerce-product-search button,
#main-slider .cycle-prev::after,
#main-slider .cycle-next::after {
	border-radius: 0;
}

.main-navigation ul ul {
	box-shadow: none;
}

.main-navigation ul ul a {
	border-bottom: none;
}

.main-navigation ul li:first-child > a {
	border-left: none;
}

.scrollup {
	padding: 6px 7px 9px 8px;
}

/* Featured Slider */
#main-slider .cycle-caption {
	border-radius: 0;
	border-right: 0;
	padding: 21px;
}

/* Archive */
.entry-header .entry-meta {
	padding: 0;
}

.archive #content .hentry,
.blog #content .hentry {
	margin-bottom: 25px;
}

.wrap-menu-content {
	top: 65px;
	left: auto;
	right: 0;
}

.menu-label,
.primary-search-wrapper {
	display: none;
}

/* Font Awesome */
#site-navigation.toggled-on .fa-bars:before {
	content: "\f00d";
}

@media screen and (min-width: 568px) {
	.menu-label {
		display: inline-block;
		margin-left: 5px;
	}
}

@media screen and (min-width: 768px) {
	#tophead {
		padding-top: 5px;
		padding-bottom: 15px;
	}

	.top-news {
		float: right;
		border-left: none;
	}

	#quick-contact {
		padding-top: 0;
		margin-top: 10px;
	}

	.quick-links {
		margin: 10px auto 0;
		text-align: center;
		width: 100%;
	}

	.quick-links a.links-btn {
		float: none;
		margin: 0 auto;
		width: 50%;
	}

	.quick-links > ul {
		width: 50%;
		right: 25%;
		top: 100%;
	}

	.header-social-wrapper {
		margin-top: 10px;
		max-width: 100%;
		width: 100%;
	}

	.header-social-wrapper .education_hub_widget_social {
		width: 100%;
		text-align: center;
	}

	.education_hub_widget_social li {
		display: inline-block;
		float: none;
	}

	.site-branding {
		display: block;
		margin: 0 auto;
	}

	#main-nav {
		margin-top: 15px;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.main-nav-search {
		display: none;
	}

	.main-navigation ul li li.menu-item-has-children > a::after,
	.main-navigation ul li li.page_item_has_children > a::after {
	    content: "\f104";
	}

	.main-navigation ul ul {
		top: 100%;
		left: auto;
		right: 0;
	}

	.main-navigation ul ul ul {
	    left: auto;
	    right: 100%;
	}

	.primary-search-wrapper {
		display: inline-block;
		float: left;
	}

	.main-nav-container {
		position: relative;
	}

	.search-box-wrap {
		padding: 20px;
		position: absolute;
		right: 0;
		top: 100%;
		width: 360px;
		z-index: 999;
	}

	.search-box-wrap .search-form input.search-field {
		padding-right: 90px;
	}

	.primary-search-wrapper .search-toggle {
		display: block;
	}

	.primary-search-wrapper .search-toggle,
	.primary-search-wrapper .search-toggle-close {
		width: 44px
	}

	.primary-search-wrapper .search-box-wrap,
	.primary-search-wrapper .search-toggle-close,
	.primary-search-wrapper.toggled-on .search-toggle {
	    display: none;
	}

	.primary-search-wrapper.toggled-on .search-box-wrap,
	.primary-search-wrapper.toggled-on .search-toggle-close {
	    display: block;
	}
}

@media screen and (min-width: 1024px) {
	#tophead {
		padding: 5px 0;
	}

	.top-news {
		border-left: 1px solid;
		float: left;
	}

	#quick-contact {
		margin-top: 8px;
	}

	.quick-links,
	.header-social-wrapper {
		margin: 0;
		width: auto;
	}

	.quick-links a.links-btn {
		width: 135px;
		margin: 3px 0;
	}

	.quick-links > ul {
		width: 220px;
		right: 0;
		text-align: left;
	}

	.education_hub_widget_social li {
		float: left;
	}
}

@media screen and (min-width: 1112px) {
	#masthead,
	#page #masthead {
		padding: 21px 0;
	}

	.site-branding {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-left: 0;
	}

	#main-nav {
		margin-top: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: auto;
	}
}

@media screen and (min-width: 1200px) {
	#masthead,
	#page #masthead {
		padding: 28px 0;
	}
}

@media screen and (min-width: 1440px) {
	#masthead,
	#page #masthead {
		padding: 35px 0;
	}
}

/* Colors */
#main-nav,
.menu-toggle {
	background-color: transparent;
}

.site-header {
	border-bottom: 1px solid #f4f4f4;
}

a:hover,
a:focus {
	color: #ffab1f;
}

.search-toggle,
.search-toggle-close,
.menu-toggle {
	color: #444;
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle-close:hover,
.search-toggle-close:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.main-navigation ul,
.main-navigation ul ul,
.main-nav-search,
.search-box-wrap {
	background-color: #f4a024;
}

.main-navigation ul a {
	border-bottom: none;
}

#main-slider .cycle-caption {
	border-left: 4px solid #f4a024;
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle-close:hover,
.search-toggle-close:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.main-navigation ul ul li a {
	color: #fff;
}

#tophead,
.site-footer,
#footer-widgets {
	background-color: #294a70;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
	background-color: #294a70;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.main-navigation ul li a {
		color: #444;
	}

	.main-navigation ul li a:hover,
	.main-navigation ul li a:focus,
	.main-navigation ul li.current_page_item a,
	.main-navigation ul li.current-menu-item a {
		background-color: #f4a024;
		color: #fff;
	}

	.main-navigation ul li.current_page_item a,
	.main-navigation ul li.current-menu-item a,
	.main-navigation ul ul li a:hover,
	.main-navigation ul ul li a:focus {
		background-color: #294a70;
		color: #fff;
	}
}