/*
Theme Name: Kiducation Lite
Theme URI: http://sensationaltheme.com/downloads/kiducation-lite-free/
Template: kiducation
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Kiducation Lite is a Simple, Clean and Responsive Education WordPress theme designed specially for kids education websites: childcare, day care center, preschool, kindergarten, children art & craft school. Kiducation Lite is a free Kids and Children WordPress theme that’s perfect for kids’ education agencies. Kiducation Lite is retina ready and fully responsive. Kiducation Lite theme has wide list of customizable features including front page customizable sections with customizer api and many more options. This theme comes with lots of features such as column layout options for front page sections.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,editor-style,right-sidebar,full-width-template,two-columns,grid-layout,custom-colors,custom-header,custom-logo,featured-image-header,blog,entertainment
Version: 1.0.1
Tested up to: 6.0
Requires PHP: 5.6
Text Domain: kiducation-lite
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

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.

Kiducation Lite business is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

h1,
h2,
h3,
h4,
h5,
h6,
.featured-content-wrapper .entry-title,
.main-navigation a{
    font-family: 'Gloria Hallelujah', cursive;
}
.main-navigation a{
    font-size: 22px;
}
header .site-branding {
  width: 100%;
  float: none;
  text-align: center;
  padding: 5px 0 10px;
}
.entry-header {
  margin-bottom: 15px;
}
#masthead .wrapper {
  display: block !important;
  align-items: center;
}
.main-navigation ul.nav-menu{
    margin-right: 0;
}
header nav {
    width: 100%;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
.main-navigation ul.nav-menu{
    text-align: center;
}
.section-title::before, 
.section-title::after {
	display: none;
}
.section-header {
   background-color: transparent;
}
.main-navigation .menu-item-has-children > a::after {
  content: "+";
  padding-left: 8px;
}
.main-navigation ul ul .menu-item-has-children > a::after {
  content: "+";
}
.entry-content a:hover{
    color: #FF0000;
}
.section-content p a,
.entry-content p a,
footer .copy-right a,
p a,
p li a,
.widget_text a,
.widget_block h1 a,
.widget_block h2 a,
.widget_block h3 a,
.widget_block h4 a,
.widget_block h5 a,
.widget_block h6 a,
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a{
    text-decoration: underline;
}
.entry-title{
    font-size: 26px;
}
#course .entry-title a:hover{
    color: #fff;
    opacity: 0.8;
}
#featured-slider article{
    position: relative;
}
#featured-slider article:after{
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featured-content-wrapper{
    left: 0;
    right: 0;
    top: -40px;
    bottom: auto;
    z-index: 99;
    background-color: transparent ;
    color: #fff;
}
.featured-content-wrapper .entry-content p,
.featured-content-wrapper .entry-title{
    color: #fff;
}
.service-item-wrapper {
  text-align: left;
  padding: 0 15px;
}
#services .icon-container a{
    width: 80px;
    height: 80px;
    background-color: transparent !important;
    margin: 0;
}
#services article:hover .icon-container a {
    background: #FF0000 !important;
}
#services article:hover .icon-container a i{
    color: #fff;
}
#services .icon-container {
  margin: 0 auto 20px;
}
#about{
    background-color: #b2eff4;
}
#about article{
    max-width: 750px;
    margin: 0 auto;
}
#about .featured-image{
    width: 100%;
    padding: 250px 0;
    border: 30px solid #fff;
    border-radius: 20px;
    position: relative;
}
#about .entry-container{
    width: 100%;
    padding: 30px;
    text-align: center;
}
#about .entry-title {
    font-size: 40px;
    text-align: center;
}
.entry-meta .cat-links::before {
  content: "\f02c";
}
#course article .post-item-wrapper{
    background-color: #f5f5f5 !important;
}
#blog article .blog-item-wrapper .entry-content p,
#blog article .blog-item-wrapper .entry-title a{
    color: #000 !important;
}
#blog article .blog-item-wrapper .entry-title a:hover,
#blog article .blog-item-wrapper .entry-title a:focus{
    color: #FF0000 !important;
}
#course .post-item-wrapper{
    padding: 0 !important;
    position: relative;
}
#course article .post-item-wrapper .featured-image{
    border-radius: 0;
}
#course article .post-item-wrapper .entry-content{
    display: none;
}
#course article .post-item-wrapper .entry-container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: auto;
    background: linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);
    padding:20px;
    width: 100%;
}
#course .entry-meta{
    border: none;
    text-align: left;
}
#services .icon-container i{
    color: #FF0000;
}
.testimonial-slider article .slick-item{
    background-color: #fff !important;
}

.testimonial-slider article .slick-item .entry-content,
.testimonial-slider article .slick-item .entry-title a{
    color: #000;
}

.testimonial-slider article .slick-item .entry-title a:hover{
    color: #FF0000;
}
.slick-next::before, .slick-prev::before{
}
#services + #about {
  padding: 120px 0 60px;
}
#testimonial{
    background-color: #54e5a4;
} 
#testimonial .quote{
    display: none;
}
#blog .blog-item-wrapper .entry-meta .cat-links li:not(:last-child) a:after{
    content: ",";
}
#blog .blog-item-wrapper .entry-meta .cat-links li a{
    background-color: transparent !important;
    border: none !important;
    color: #000;
    padding: 0;
}
#blog .blog-item-wrapper .entry-meta .cat-links li a:focus,
#blog .blog-item-wrapper .entry-meta .cat-links li a:hover{
    background-color: transparent !important;
    border: none !important;
    color: #FF0000;
    padding: 0;
}
#blog article{
    margin-bottom: 30px !important;
    width: 100% !important;
}
#blog article .blog-item-wrapper {
    display: flex;
    align-items: center;
}

#blog .blog-item-wrapper .featured-image {
    width: 50%;
    border-radius: 10px;
    padding: 180px 0;
}
#blog .blog-item-wrapper .entry-container {
    width: 50%;
}
#blog .no-post-thumbnail .entry-container {
    width: 100%;
    text-align: center;
    padding: 90px 50px;
    max-width: 750px;
    margin: 0 auto;
}
#cta .btn-transparent:hover{
    background-color: #ff5562;
}
.btn,
    .slick-prev:hover,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-next:focus,
    #top-bar,
    .widget_search form.search-form button.search-submit,
    .widget_search form.search-form button.search-submit:hover,
    .widget_search form.search-form button.search-submit:focus,
    .tags-links a,
    .reply a,
    .slick-dots li.slick-active button,
    #featured-slider .btn,
    .cta-button i,
    .cta-button a:hover i,
    .popup-video,
    #kidproduct .product a.button,
    #gallery .entry-container i:hover,
    #gallery .entry-container i:focus,
    .team-section .position:after,
    #testimonial,
    #secondary .widget_tag_cloud .tagcloud a:hover,
    #secondary .widget_tag_cloud .tagcloud a:focus,
    #colophon .widget_tag_cloud .tagcloud a:hover,
    #colophon .widget_tag_cloud .tagcloud a:focus,
    .backtotop,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        background-color: #ff0000;
    }

    a,
    .site-title a,
    .post-navigation a:hover, 
    .posts-navigation a:hover,
    .post-navigation a:focus, 
    .posts-navigation a:focus,
    #secondary a:hover,
    #secondary a:focus,
    .featured-content-wrapper .entry-title a:hover,
    .featured-content-wrapper .entry-title a:focus,
    #featured-slider .btn:hover, 
    #featured-slider .btn:focus ,
    #course .entry-title a:hover,
    #course .entry-title a:focus,
    #about .more-link .btn:hover,
    #cta .section-header h3,
    #kidproduct .product a.button:hover,
    .woocommerce #kidproduct ul.products li.product .entry-container h2 a:hover,
    .woocommerce ul.products li.product .price,
    .entry-title a:hover,
    .entry-title a:focus,
    .team-section a .entry-title:hover,
    .team-section a .entry-title:focus,
    #team .entry-title:hover,
    #team .entry-content,
    .testimonial-slider .entry-title a:hover, 
    .testimonial-slider .entry-title a:focus,
    .blog-item-wrapper .entry-title a:hover,
    .blog-item-wrapper .entry-title a:focus,
    .entry-meta a:hover,
    .entry-meta a:focus,
    .entry-meta a:hover:before,
    .entry-meta a:focus:before,
    #colophon a:hover,
    #colophon a:focus,
    #colophon li:hover:before,
    #secondary li:hover:before,
    #colophon .site-info a {
       color: #ff0000;
    }

    .btn,
    .btn:hover,
    .btn:focus,
    .tags-links a,
    .reply a,
    .popup-video,
    #kidproduct .product a.button,
    #secondary .widget_tag_cloud .tagcloud a:hover,
    #secondary .widget_tag_cloud .tagcloud a:focus,
    #colophon .widget_tag_cloud .tagcloud a:hover,
    #colophon .widget_tag_cloud .tagcloud a:focus,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"]
       {
       border-color: #ff0000;
    }

@media screen and (min-width: 992px) {
    #cta .cloud-shape{
        display: none;
    }
    #cta .wrapper{
        display: flex;
        align-items: center;
        max-width: 1000px;
        margin: 0 auto !important;
    }
    #cta p {
      margin-left: 0;
    }
    #cta .section-header{
        text-align: left;
        width: 60%;
    }
    #cta .read-more{
        text-align: center;
        width:40%;
        padding-left: 30px;
    }
    #cta .btn{
        width: 100%;
        text-align: center;
    }
    #cta .btn.btn-primary{
        margin-bottom: 20px;
        margin-right: 0;
    }
    #testimonial .client-wrapper {
      display: flex;
      align-items: center;
    }
    .testimonial-slider .featured-image{
        position: relative;
        width: 40%;
        float: left;
        top: 0;
        bottom: 0;
        max-width: 100%;
    }
    .testimonial-slider .entry-container{
        width: 60%;
        float: left;
        padding-left: 20px;
        text-align: left;
    }
    .testimonial-slider .featured-image img{
        height: auto;
        width: 100%;
        border-radius: 0;
    }
    .testimonial-slider .slick-item{
        padding: 40px 20px !important;
    }
}
@media screen and (min-width: 1024px) {
    .page-section{
        padding: 60px 0;
    }
}

@media screen and (min-width: 1900px) {
    #course{
        padding-bottom: 90px;
    }
}