/*
Theme Name: Education Hub Child
Template: education-hub
Theme URI: http://wenthemes.com/item/wordpress-themes/education-hub/
Author: WEN Themes
Author URI: http://wenthemes.com/
Description: Education Hub 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
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: education-hub
Tags: one-column, two-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

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


	
/* Add your custom  css below */

body, p, div { color: #151515; }
.block-meta, .entry-meta, .comments-area { display: none; }
body .site-header { padding: 4px 0px; }
#footer-widgets div , .site-info, #colophon .site-info a { color: #ffffff; }


#main-slider .cycle-caption {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 0;
    border-right: 0px ;
    height: Null;
    left: 0%;
    max-width: 0%;
    padding: 0px 0px 0px 0px;
    position: null;
    text-align: relative;
    top: 0%;
    width: auto;
    z-index: 0;
}
.main-navigation li a:hover, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a, .main-navigation li:hover > a {
    background: #D4300A  none repeat scroll 0 0;
}
body #main-slider .pager-box.cycle-pager-active{
    background: #D4300A none repeat scroll 0 0;
}
body #text-7 h1, body #text-7 div { color: #ffffff; }
body #text-7 { padding-bottom: 60px; text-align: center; color: #ffffff; }
body #main-slider .cycle-prev::after, body #main-slider .cycle-next::after, body .main-navigation ul ul, body #text-7 {
	background: #D4300A none repeat scroll 0 0;
}	
#main-nav {
   border-bottom: 5px solid #D4300A;
}
#footer-widgets {
   border-top: 5px solid #D4300A;
}
body #footer-widgets .widget-title { color: #ffffff; }
body .scrollup i, body .scrollup { background-color: #D4300A; color: #ffffff; }
body #main-nav, body #footer-widgets { background-color: #538E74; } 
 .services-box {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 15px;
    margin-top: 120px;
    padding-bottom: 30px;
    position: relative;
    vertical-align: top;
	border-radius: 6px;
    width: 23.4%;
}

.services-box img {
    border: 10px solid #ffffff;
    border-radius: 50%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -115px;
}

.ser-desc {
    margin-top: 90px;
    padding: 30px 15px 0;
    text-align: center;
}

.ser-desc h3 {
    color: #ffffff;
    font: 500 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
 
.container .services-box .ser-desc p {
    color: #ffffff;
    margin-bottom: 30px;
	font-size:14px;
}

.ser-desc a.more {
    background-color: #000000;
    color: #ffffff;
    font: 400 15px "Arimo";
	border-radius: 5px;
    padding: 5px 20px;
    text-transform: uppercase;
}
/* Mobile Portrait View */
@media screen and (max-width:479px) {
	h2.section-title{ margin-bottom:5px;}
	.container .services-box { width:auto; float:none; margin-right:0; margin-bottom:10px; margin-top:120px}
	.container .services-box img { height:195px;}
	.welcome  .section-title{font-size:23px;}
}
/* Mobile Landscape View */
@media screen and (max-width:719px) and (min-width:480px) { 
.container .services { display:inline-block; text-align:center;}
	.container .services-box { float:none; width:60%;}
}
/* Tablet View */
@media screen and (max-width:999px) and (min-width:720px) {
	.container .services-box { width:23%; margin-right:8px; padding-bottom:20px; margin-bottom:0;}	
	.container .services-box img { width:140px; top:-75px;}
	.container .services-box .ser-desc { margin-top:55px;}
	.container .services-box .ser-desc h3 { font-size:13px;}
	.container .services-box .ser-desc p { font-size:14px;}
	.welcome  .section-title{font-size:23px;}
}	
@media screen and (min-width: 1000px) {
	.container .services-box { width:24%; margin-right:8px; padding-bottom:20px; margin-bottom:0;}	
	.container .services-box img { width:140px; top:-75px;}
	.container .services-box .ser-desc { margin-top:55px;}
	.container .services-box .ser-desc h3 { font-size:13px;}
	.container .services-box .ser-desc p { font-size:14px;}
}
body .site-logo-link > img, body .custom-logo-link img { max-height: 136px; }

#tophead { display: none; }
#masthead .site-logo-link > img, #masthead  .custom-logo-link img, #masthead  .site-logo-link, #masthead  .custom-logo-link {
	max-height: auto;
	max-width: 100%;
}
body #page #masthead { padding-top: 4px; }
.no-border-dept td { border: 0px; text-align:left;width:auto; }
.no-border-dept  tr td:first-child { width:160px; }
.page .entry-title  { padding-top: 30px; }
#featured-content p { display: none; }
body .site-footer { background-color: #3c604e; }

.slide {
  position: absolute;
pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

#popup-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-align: center;
}

#popup-menu button {
  margin: 0 10px;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

@media (max-width: 768px) {
  #popup {
    width: 90%;
    height: 90%;
    max-width: 100%;
    max-height: 100%;
    z-index: 99999;
  }
  .slide img {
    width: 100%;
    height: 100%;
  }
}