/*
Theme Name: Education Hub Pro Child
Theme URI: http://themepalace.com/downloads/education-hub-pro/
Author: WEN Themes
Author URI: http://wenthemes.com/
Template: education-hub-pro
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: http://themepalace.com/support-forum/ Full Demo: http://wenthemes.com/theme-demos/?demo=education-hub-pro
Version: 4.7.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-hub
Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments
Text Domain:  education-hub-pro-child

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/
*/

@media only screen and (max-device-width: 610px) {
	#page #masthead {
		padding-top: 10px;
	}
	
	.site-branding > a > img {
		display:none;
	}
	
	.header-social-wrapper {
		display:none;
	}
	
	#calendarevents {
		background-color: white;
		padding: 2px;
	}
	
	#scroller_container {
		display: none;
	}
	
	#twocol-container {}
	
	#twocol-left {
		float: none ;
		width: 100% ;
	}
	
	#twocol-right {
		float: none ;
		width: 100% ;
	}
	
	.split_60_30_wrapper_large {
		float: none;
		margin-right: 0;
		width: auto;
	}
	
	.split_60_30_wrapper_small {
		float: none;
		overflow: hidden;
		margin: 10px;
		width: auto;
	}
	
	#quick-contact .quick-call, #quick-contact .quick-email {
		display: none;
	}
	
	.hib-text-container h3 {
		font-size: 17px !important;
	}
	
	.hib-text-container .subtitle {
		font-size: 13px !important;
		background-color: white !important;
	}
}

@media (min-width:611px) {
	#main-slider .cycle-caption {
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	#twocol-left {
		float: left ;
		width: 50% ;
	}
	
	#twocol-right {
		float: right ;
		width: 50% ;
	}
	
	/* big landscape tablets, laptops, and desktops */ 
	div#main-slider {
		height: 400px !important;
	}
	
	#masthead {
		background-image: none;
		background-size: cover;
	}
	
	.recent-news {
		width: 32%;
		padding: 0 5px;
	}

	.news-post {
		width: 100%;
	}
	
	#calendarevents {
		width: 35%;
		float: left;
		background-color: white;
		padding: 2px;
	}
	
	#fullcalendar_controls {
		width: auto;
		overflow: hidden;
	}
	
	.calendarToggler {
		color: #fff;
		border: solid 1px #5173DA;
		float: left;
		display: inline-block;
		padding: 8px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.togglerLabel {
		padding-left: 5px;
		font-weight: bold;
		display: block;
	}
	
	.split_60_30_wrapper_large {
		float: left;
		margin: 5px;
		width: 62%;
	}
	
	.split_60_30_wrapper_small {
		float: left;
		margin: 5px;
		width: 31%;
	}
	
	.full-page-slider {
		margin: 0 auto !important;
	}
	
	/*
	.full-page-slider {
		min-width: 100% !important;
	}
	
	.full-page-slider .soliloquy-image {
		min-width:100%;
		height: 100% !important;
	}
	.full-page-slider .soliloquy-image.wh{
		min-height:100% !important;
	}
	.full-page-slider .soliloquy-image.ww{
		width:100% !important;
	}
	*/
}


/* news previous link color */

.nav-previous a {
	color: #FFFFFF !important;
}

.recent-news li {
	list-style-type: none;
}

#departments_list ul, #departments_list li {
	list-style: none;
	font-weight: bold;
	font-size: 18px;
}

.textwidget h3 {
	margin-bottom: 0px;
}


/* -- Slider content css -- */

/* Example wrapper */

.wrap {
  position: relative;
  margin: 3em 0;
}


/* Frame */

.frame {
  height: 400px;
  line-height: 250px;
  overflow: hidden;
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}

.frame ul li {
  float: left;
  width: 500px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #333;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.frame ul li.active {
  color: #fff;
  background: #a03232;
}


/* Scrollbar */

.scrollbar {
  margin: 0 0 1em 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}


/* One Item Per Frame example*/

.oneperframe {
  height: 300px;
  #line-height: 300px;
}

.oneperframe ul li {
  width: 700px;
}

.oneperframe ul li.active {
  background: #333;
}


.scroller .next, .scroller .prev {
	height: 300px;
	width: 100px;
	font-size: 60px;
	float: right;
	background: transparent;
	border: 0;
}

.scroller .prev {
	float: left;
}

.sliderContent {
	width: 700px;
	height: 300px;
	background-repeat: no-repeat;
}

.sliderContent > header {
	display: block;
	background-color: #612ccc;
	height: 100%;
	width: 33%;
	vertical-align: middle;
	position: relative;
}

.sliderContentLeft > header {
	float: right;
}

.sliderContentRight > header {
	float: left;
}

.sliderContent > header:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sliderContentLeft > header:before {
	border-color: transparent #612ccc transparent transparent;
    border-width: 20px 24px 20px 0;
    left: -24px;
}

.sliderContentRight > header:before {
	border-color: transparent transparent transparent #612ccc;
    border-width: 20px 0 20px 24px;
    right: -24px;
}

.sliderContentBlue, .sliderContentBlue > header {
	background-color: #1e4c96;
}

.sliderContentBlue > header:before {
	border-color: transparent #1e4c96 transparent transparent;
}

.sliderContentText {
	font-family: "Lato", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
	font-size: .5em;
	line-height: 1em;
	top: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sliderContentText h2 {
	font-family: "Lato", sans-serif;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	margin: 15px;
	vertical-align: middle;
}

.sliderContentTextSub {
	vertical-align: middle;
}

/* -- End Slider content css -- */

html, body { margin: 0; padding: 0; }

#featured-news-events {
	padding-bottom: 20px;
}

.news-content a:hover {
	color: #3b4f66;
	background-color: #fff;
}

.noborder, .noborder td, .noborder th {
	border: 0px;
}

.split_60_30_wrapper {
	overflow: hidden;
}

.ui-accordion-content a {
	color: #ea7917 !important;
}

.ui-accordion-content a:hover{
	color: #ea9346 !important;
}

#main a:link { color: #294a70 !important; text-decoration: underline; }
#main a:active { color: #294a70 !important; text-decoration: underline; }
#main a:visited { color: #3e6fa8 !important; text-decoration: underline; }
#main a:hover { color: #6081a7 !important; text-decoration: underline; }