/*

 Theme Name:   Education-Hub-Pro Child Yeadon Library

 Theme URI: https://themepalace.com/downloads/education-hub-pro/

 Description:  YPL Education-Hub-Pro Child Theme

 Author:       Edward G Rose

 Author URI:   https://eroseweb.com

 Template:     education-hub-pro

 Version: 3.5

*/

/*
Theme Name: Education Hub Pro
Theme URI: https://themepalace.com/downloads/education-hub-pro/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Education Hub Pro is a clean and elegant WordPress education theme with simplistic but unique look and feel. This theme is best suited for college, school, university and other educational websites. But this theme is not binded to be fit for educational websites only. This is also flexible enough to be used for business and corporate websites. Theme is highly customizable with layout settings and several other theme options which can be customized by using Theme Options panel based on powerful Customizer API. Education Hub helps you to easily and intuitively create professional and appealing educational websites. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=education-hub-pro
Version: 3.5
Requires PHP: 5.6
Requires at least: 5.1
Tested up to: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-hub-pro
Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


@import url("../education-hub-pro/style.css");



/* =Theme customization starts here

-------------------------------------------------------------- */

@media only screen and (min-width:568px) and (max-width:996px) {
div#header-widget-area2 {
	  display: none;
}   
}

@media only screen and (max-width:567px) {
	div#header-widget-area1 {
	  display: none;
}   
	div#header-widget-area2 {
	  display: none;
}   
}


aside {
	background-color: #fff;
	border-radius: 1em;
}
header#masthead {
	background-color: #fcc201;
}
#tophead {
	background-color: #00827e;
	color: purple;
}
#tophead a {
	color: #fcc201;
}
.site-header {
	height: 165px;
}
.site-logo-link, .custom-logo-link {
    float: left;
    max-width: 400px;
}
.site-logo-link img, .custom-logo-link img {
	 margin-top:1.1em;
}
#primary.content-area {
	background-color: #ededed;
	border-radius: 1em;
	padding-top: 1em;
}
div.textwidget {
	padding-left: 1em;
	padding-bottom: .5em;
}
.recent-events {
	background-color: #fff;
	border-radius: 1em;
}
.main-navigation ul li a {
	    font-family: "Lato","Helvetica",Helvetica,Arial,sans-serif;
	font-size: x-large;
}
#main-nav {
	background-color: #69359d;
	border-bottom: 12px solid navy;
}
.main-navigation ul ul {
    background: #69359d none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    left: -999em;
    margin: 0;
    min-width: 200px;
    position: absolute;
    z-index: 9999;
}
.main-navigation li a:hover,
.main-navigation li a:focus,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a {
    background: #fcc201;
    color: #69359d;
}
#quick-contact li {
    border-left: 1px solid #fcc201;
    float: left;
    font-size: 16px;
    line-height: 1.1;
    list-style: outside none none;
    margin-left: 15px;
    padding-left: 15px;
}
#quick-contact li::before {
	color: #69359d;
	font-size: 21px;
}

#main-slider .cycle-caption {
	background-color:rgba(255, 255, 255, 0.9);
	
}
#footer-widgets {
	background: #795cd0;
	border-top: 12px solid #fcc201;
	border-bottom: 12px solid #69359d;
}
#colophon
{
	background: #00827e;
	color: #fff;
}
#colophon.site-footer a {
	color: #fcc201;
}
#main-slider .pager-box {
    background: #b8860b none repeat scroll 0 0;
}
#main-slider .cycle-caption {
     border-right: 8px solid #b8860b;
}
button,
a.cta-button-primary,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #fcc201;}

.top-news-title::before {
    color: #69359d;
    content: "\f0a4";
    float: left;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1;
    margin-right: 5px;
}
.quick-links ul li a:hover {
    background-color: #e4ec0d;
    color:#69359d;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus,
.woocommerce-product-search button:hover,
.woocommerce-product-search button:focus {
    background-color:#e4ec0d;
}

#footer-widgets .search-form .search-submit,
#footer-widgets  .woocommerce-product-search input[type="submit"] {
    background: #e4ec0d;
}

.education_hub_widget_testimonial_slider .cycle-slide p::before {
    color: #fcc201;
    content: "\f10d";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 26px;
    margin-left: 10px;
    margin-top: -10px;
    margin-right: 10px;
}
.menu-toggle:hover,
    .menu-toggle:focus {
        background-color: #69359d;
    }

.scrollup {
    background: #69359d none repeat scroll 0 0;
}

.quick-links a.links-btn::after {
    background:#69359d none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}


.quick-links > ul {
    background: #69359d none repeat scroll 0 0;
    box-shadow: 0 1px 3px #040404;
    left: -999em;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 220px;
    z-index: 9999;
}
.quick-links > ul li a:hover {
	 background: #00827e none repeat scroll 0 0;
	color:#fcc201;
}
#catalog {
	height: 850px;
	min-height: 650px;
	width:100%;
}

#catalog iframe {
	height: 850px;
	min-height: 650px;
	width:100%;
}


div#header-widget-area1 {
	float: right;
    width: 33%;
    background-color: transparent;
	padding: 1.5em 0;
	color: #fff;
}   
#header-widget-area1 p {
	color:#fff;
    font: 18px bold Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h2.chw-title1 {
    margin-top: 0px;
    text-align: left;
    width: 130px;
	  color: #69359d;
	  font: 22px bold Arial, Helvetica, sans-serif;
	  margin:0;
    }

div#header-widget-area2 {
	  float: right;
      width: 27%;
      background-color: transparent;
	  padding: 1.5em 0;
	  color: #fff;
}   
#header-widget-area2 p {
	color:#fff;
	font: 24px bold Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h2.chw-title2 {
    margin-top: 0px;
    text-align: left;
	  color: #69359d;
	  font: 30px bold Arial, Helvetica, sans-serif;
	  margin:0;
    }




/*
#header-widget-area2 .chw-widget-area1 .widget-area2 {
	background-color: #fcc201;
	width: 100%;
}
	.menu-toggle {
    border-radius: 3px;
    display: block;
    font-size: 20px;
    line-height: 1.3;
    margin: 15px auto;
    padding: 7px 20px 5px 15px;
    border-radius: 0;
    background: #69359d;
}
div#header-widget-area1 {
	  float: none;
    width: 100%;
    background-color: transparent;
	  padding: .9em 0;
	  color: #000;
}   
	div#header-widget-area2 {
	  float: none;
    width: 100%;
    background-color: 
#masthead {
	background-position: center center;
}
.site-content {
	padding-top:0;
}
div.flex-viewport {
	 margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.container #metaslider {
	margin: 0;
	padding:0;
}
div#metaslider-id-544 img  {
	width:100%;
	height: 100%;
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#metaslider {
	  clear: both;
    display: block;
}
div#sidebar-primary.widget-area  {
	background-color: #efefef;
}
.elementor-row {
	background-color: #fff;
}
#content.site-content {
	background-color: #414042;
}
*/