/*
Theme Name: Junior Kids
Theme URI: http://sensationaltheme.com/downloads/junior-kids-child/
Template: kids-education-bell
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Junior Kids is a user-friendly, modern, and responsive WordPress theme designed for children's education websites. Ideal for childcare centers, daycares, preschools, kindergartens, and art schools, it provides the perfect foundation for building a kids' education site. This free theme is retina-ready and fully responsive, ensuring a smooth and visually appealing experience on all devices. With a variety of customization options, including customizable front-page sections through the WordPress Customizer, Junior Kids allows you to easily personalize your site. Its flexible layout options make it easy to create a fun, engaging online space for young learners.
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
Tested up to: 6.7
Requires PHP: 5.6
Text Domain: junior-kids
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.

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

/*--------------------------------------------------------------
#  Recent Section
--------------------------------------------------------------*/
:root{
	--primary-color:#931802 !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Courgette', cursive;
}
.main-navigation ul.nav-menu > li > a{
    font-family: 'Lumanosimo', cursive;
}
.kids-menu .main-navigation ul.nav-menu > li > a{
    
}
.home .page-section{
    padding: 60px 0 !important;
}
.home-education .slick-prev, 
.home-education .slick-next{
    width: 40px;
    border-radius: 10px !important;
}
.btn::after,
.btn-primary,
.btn-transparent,
.home-education .btn-transparent::after{
    border-radius: 20px !important;
}
.section-header-cloud,
.cloud,
.cloud-down,
.cloud-bottom,
.cloud-top,
#admissionprocess{
    display: none !important;
}

.kids-menu .main-navigation ul#primary-menu > li::before{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
@media screen and (min-width: 1024px) {
    .kids-menu .main-navigation ul#primary-menu > li.fa::after, 
    .kids-menu .main-navigation ul#primary-menu > li.far::after, 
    .kids-menu .main-navigation ul#primary-menu > li.fab::after, 
    .kids-menu .main-navigation ul#primary-menu > li.fas::after {
        width: 48px;
        height: 48px;
    }
}
/*------------------------------------------------------------
 ##  #Slider
--------------------------------------------------------------*/
.content-overlay.featured-content-wrapper .entry-title,
.content-overlay.featured-content-wrapper .entry-title a{
    font-size: 42px !important;
    font-weight: bold;
}
#featured-slider .btn-transparent{
    color: #333;
}
#featured-slider article .overlay{
    display: none !important;
}
#featured-slider .btn-transparent:hover,
#featured-slider .btn-transparent:focus{
    color: var(--primary-color);
}
/*------------------------------------------------------------
 ##  #Service
--------------------------------------------------------------*/
.home-education #services article,
.home-education article{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-out-in;
    -moz-transition: all 0.3s ease-out-in;
    -ms-transition: all 0.3s ease-out-in;
    -o-transition: all 0.3s ease-out-in;
    transition: all 0.3s ease-out-in;
}
#services .icon-container .petal{
    box-shadow: unset;
}
.home-education article .services-item-wrapper{
    background-color: transparent !important;
}
#services .icon-container {
  margin: 0 auto -30px;
}
.home-education #services .services-item-wrapper .services-content {
    padding: 90px 20px 20px;
    border: 10px solid !important;
    border-radius: 20px;
}
.home-education #services article:nth-child(1n) .services-item-wrapper .services-content{
    border-color: #00b9f1 !important;
}
.home-education #services article:nth-child(2n) .services-item-wrapper .services-content{
    border-color: #e63244 !important;
}
.home-education #services article:nth-child(3n) .services-item-wrapper .services-content{
    border-color: #1ba81d !important;
}
.home-education #services article:nth-child(4n) .services-item-wrapper .services-content{
    border-color: #fcb54d !important; 
}
.home-education #services article:nth-child(5n) .services-item-wrapper .services-content{
    border-color: #adca69 !important;
}
.home-education #services article:nth-child(6n) .services-item-wrapper .services-content{
    border-color: #c389ce !important;
}
.home-education #services article:hover .services-item-wrapper .services-content {
    border-color: #fff !important;
}
.home-education article:hover .services-item-wrapper .entry-title a,
.home-education article:hover .services-item-wrapper .entry-content p{
    color: #fff !important;
}
/*------------------------------------------------------------
 ##  #Message
--------------------------------------------------------------*/
.home-education #message{
    background-color: #16B9CC !important;
}
.home-education #message .background-cloud,
.home-education #message .background-second-cloud{
    display: none;
}
.home-education #message .author-first-thumbnail img,
.home-education #message .author-second-thumbnail img{
    border-radius: 0px;
}
.home-education .message-entry-content{
    background-color: transparent;
    margin-left: 0;
    text-align: center;
}
.home-education #message .author-thumbnail{
    border-radius: 30px;
}


@media screen and (min-width: 767px) {
    .home-education #message .entry-container{
        width: 50% !important;
    }
    .home-education #message .author-first-thumbnail{
        right: auto;
        left: 0;
    } 
    .home-education #message .author-second-thumbnail{
        right: 50% !important;
    }
    .home-education #message .author-first-thumbnail img{
        border-right: 15px solid #16B9CC;
        border-bottom: 15px solid #16B9CC;
        border-bottom-right-radius: 30px;
        border-top-left-radius: 30px;
    } 
    .home-education #message .author-second-thumbnail img{
        border-left: 15px solid #16B9CC;
        border-top: 15px solid #16B9CC;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}
@media screen and (max-width: 766px) {
    .home-education #message .author-first-thumbnail,
    .home-education #message .author-second-thumbnail,
    .home-education #message .author-first-thumbnail img,
    .home-education #message .author-second-thumbnail img{
        height: auto !important;
        float: left;
        max-width: unset !important;
        max-height: unset !important;
    } 
    .home-education #message .author-first-thumbnail,
    .home-education #message .author-second-thumbnail{
        width:50% !important;
        padding: 0 10px;
    } 
    .home-education #message .author-first-thumbnail img,
    .home-education #message .author-second-thumbnail img{
        width:100% !important;
    }
    #message .read-more{
        padding-bottom: 0px !important;
    }
    .home-education .message-entry-content{
        padding: 0;
    }
}
/*------------------------------------------------------------
 ##  #Course
--------------------------------------------------------------*/
#project{
    background-color: #fff;
}
#project .section-title, #project .section-subtitle{
    color: #222;
}
#project article{
    position: relative;
}
#project .featured-image{
    padding: 200px 0 !important;
}
#project .entry-container{
    position: absolute;
    padding: 10px !important;
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.home-education #project .slick-track{
    padding: 0;
}
.project-slider .entry-title{
    font-size: 18px;
    line-height: 20px;
}
.project-slider .entry-content{
    display: none !important;
}
.home-education #project article:nth-child(1n) .entry-container{
    background-color: #fcb54d;
    color: #fff;
}
.home-education #project article:nth-child(2n),
.home-education #project article:nth-child(2n) .entry-container{
    background-color: #e5733d !important;
    color: #fff;
}
.home-education #project article:nth-child(3n),
.home-education #project article:nth-child(3n) .entry-container{
    background-color: #7cc576 !important;
    color: #fff;
}
.home-education #project article:nth-child(4n),
.home-education #project article:nth-child(4n) .entry-container{
    background-color: #ce6d75 !important;
    color: #fff;
}
.home-education #project article:nth-child(5n),
.home-education #project article:nth-child(5n) .entry-container{
    background-color: #e5733d !important;
    color: #fff;
}
.home-education #project article:nth-child(6n),
.home-education #project article:nth-child(6n) .entry-container{
    background-color: #c389ce !important;
    color: #fff;
}
#project .slick-prev,
#project .slick-next{
    top: 80px;
}
@media screen and (min-width: 767px) {

    #project .featured-image{
        padding: 200px 0 !important;
    }
    #project .entry-container{
        position: absolute;
        padding: 20px !important;
        left: 20px;
        right: 20px;
        top: auto;
        border-radius: 30px;
    }
}
@media screen and (min-width: 1400px) {
    #project .featured-image{
        padding: 260px 0 !important;
    }
}

/*------------------------------------------------------------
 ##  #Testimonial
--------------------------------------------------------------*/
#testimonial{
    background-image: none !important;
}
#testimonial .overlay{
    display: none;
}
#testimonial .section-title, 
#testimonial .section-subtitle{
    color: #000;
}
.testimonial-slider .slick-track {
  padding: 0;
}
.testimonial-slider article .testimonial-items {
    display: block;
    align-items: center;
    position: relative;
}
.testimonial-slider article .testimonial-items .featured-image {
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.testimonial-slider article .testimonial-items .featured-image img{
    max-width: 150px;
    max-height: 150px;
    border-radius: 30px;
    margin: 0 auto;
}
.testimonial-slider article .testimonial-items .entry-container {
    width: 100%;
    text-align: center;
    padding: 20px;
}
.testimonial-slider article .testimonial-items::after,
.testimonial-slider article .testimonial-items::before,
.testimonial-svg{
    display: none;
}
.testimonial-slider .position{
    font-size: 22px;
}
@media screen and (min-width: 567px) {
  .col-2 article:nth-last-child(-n+2), 
  .col-3 article:nth-last-child(-n+2), 
  .col-4 article:nth-last-child(-n+2), 
  .blog-posts-wrapper .col-2 article:nth-last-child(-n+2) {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 567px) {
    .testimonial-slider .slick-list {
        padding-bottom: 10px;
    }
}
/*------------------------------------------------------------
 ##  #mustread
--------------------------------------------------------------*/
#mustread{
    padding-bottom: 150px !important;
}
#mustread article .mustread-item-wrapper{
    position: relative;
    padding: 15px;
}
#mustread article .featured-image{
    padding: 180px 0;
}
#mustread article:nth-child(n) .mustread-item-wrapper .entry-container{
    background-color: #fcb54d;
}
#mustread article:nth-child(2n) .mustread-item-wrapper .entry-container{
    background-color: #7872c1;
}
#mustread article:nth-child(3n) .mustread-item-wrapper .entry-container{
    background-color: #adca69;
}
#mustread .entry-container {
  padding-top: 20px;
  position: absolute;
  padding: 15px;
  border-radius: 20px;
  left: 30px;
  right: 30px;
  top: auto;
  bottom: -160px;
}