/*
Theme Name: Classic Kindergarten
Theme URI: https://www.theclassictemplates.com/products/free-kindergarten-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: The Kindergarten WordPress theme is designed especially for pre-schools, nurseries, playschools, daycare centres, babysitting, and other such children-related websites. The theme has a colourful design that attracts kids and children. This theme features an elegant and sophisticated design that can be used for multiple purposes. It can be used to create a children-related blog, a school or daycare website, etc. The theme’s unique feature is its minimal design which directs the audience’s attention toward the main content. The theme is retina-ready and responsive. This ensures that your website looks great on all sorts of devices. Furthermore, the user-friendly interface makes it easy for all users to navigate through your website easily. The theme is also cross-browser-compatible and SEO-friendly. These features help your website reach a larger crowd and allow for better search engine rankings. The CTA (Call to action) buttons are included in the theme to improve the website’s conversion rates. Additionally, the Kindergarten WordPress Theme comes with WooCommerce which lets you turn your website into an online store. This feature is quite useful in case you want to sell kids-related products on your website. The Bootstrap framework included in this theme helps with easy customization. The CSS animations help in enhancing the website’s appearance. Using CSS animations you can add kids-related animations to your website to make it appealing and attractive to kids. 
Template: kindergarten-school
Version: 2.3.1
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: classic-kindergarten
Tags: blog, e-commerce, portfolio, ne-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Classic Kindergarten WordPress Theme has been created by classictemplate (theclassictemplates.com), 2023.
Classic Kindergarten WordPress Theme is released under the terms of GNU GPL

Classic Kindergarten WordPress Theme is child theme of Kindergarten School WordPress Theme, Copyright 2023 classictemplate (theclassictemplates.com)
Kindergarten School WordPress Theme is distributed under the terms of the GNU GPL
*/
:root {
  --first-theme-color: #f05a21;
  --second-theme-color: #95c800;
  --third-theme-color: #ffbd0a;
  --fourth-theme-color: #fff2ce;
}
a{
  color: var(--third-theme-color);
  text-decoration: none;
}
.site-branding-text span{
  font-family: 'Pacifico', cursive;
  font-size: 14px;
}
.header{
  border: none;
}
#mySidenav{
  display: inline-block !important;
  width: 75%;
}
#slider-cat {
  background-image: url(images/slider1.png);
  background-size: 100% 100%;
  height: 670px;
}
.col-box-6 {
    text-align: left;
}
.top-header span, .top-header span i, .social-media-box a{
	color:#000;
	font-weight: 500;
}
.main-nav a{
	font-size: 15px;
}
.main-nav .current-menu-item a{
	color: 00240b;
}
#ourservices h3{
	font-size: 28px;
  text-transform: capitalize;
}
.pagecontent.even-box{
	background-color: var(--second-theme-color);
}
.pagecontent.odd-box{
	background-color: var(--first-theme-color);
}
.page4box .thumbbx{
	border: 4px solid var(--third-theme-color);
	z-index: 99;
  position: relative;
}
.pagecontent{
	border-radius: 15px;
}
.page4box h4 a, .page4box p, .page4box .pagemore{
	color: #fff;
}
.page4box .pagemore:hover{
	color: #000;
}
.header, .top-header{
  background-color: var(--fourth-theme-color);
}
.main-nav a{
  color: #fff;
}
.main-nav .current-menu-item a{
  color: #00240b;
}
.listarticle h2 a:hover, .postmeta a:hover, #footer .copywrap a:hover, #footer a:hover{
  color: var(--third-theme-color)
}
.logo h1 span, .logo a, .site-branding-text span{
  color: #00240b;
}
.page-template-template-home-page .logo h1 span, .page-template-template-home-page .logo a, .page-template-template-home-page .site-branding-text span{
  color: #fff;
}
.pagecontent:hover .pagemore{
  color: #00240b;
}
.page-template-template-home-page .header.sticky-head,.sticky-head {
  background: var(--fourth-theme-color) !important;
}
.page-template-template-home-page .header.sticky-head .main-nav ul li a,.sticky-head .main-nav ul li a, .sticky-head .site-title a{
  color:#000 !important;
}
.page-template-template-home-page .header.sticky-head, .sticky-head{
  box-shadow: none;
  padding: 0;
}
 .main-nav .current-menu-item a, .sidenav .close-button, .main-nav .sub-menu a, .page-template-template-home-page .main-nav ul li a, .page-template-template-home-page .logo a{
  color: #fff;
}
.main-nav a, .logo a, .main-nav .current-menu-item a{
  color: #000;
}
.main-nav ul.sub-menu li a{
  color: #000 ;
}
.page-template-template-home-page .main-nav a:hover{
  color: #000;
}
.main-nav a:hover{
  color: var(--third-theme-color);
}
.main-nav ul ul li a:hover, .ftr-4-box h5 span{
  color: var(--third-theme-color);
}
#sidebar ul li::before{
   color: var(--third-theme-color);
}
#slider-cat .owl-stage-outer{
  top: 5em;
}
#slider-cat .owl-nav{
  top: 33em;
}
.woocommerce ul.products li.product .price, #sidebar .widget a:hover, #sidebar .widget a:active, .social-media-box i:hover{
  color: var(--third-theme-color);
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  background:none;
  padding: 0;
  margin-top: 10px;
}
nav.woocommerce-MyAccount-navigation ul li, #sidebar .widget, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
  border-color: var(--third-theme-color);
}
a.added_to_cart.wc-forward {
  margin-left: 10px;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover, #commentform input#submit:hover, a.added_to_cart, .woocommerce span.onsale, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, nav.woocommerce-MyAccount-navigation ul li, .tagcloud a:hover, .widget_calendar caption, .widget_calendar #today, #sidebar input.search-submit, #footer input.search-submit, form.woocommerce-product-search button, .woocommerce-account .addresses .title .edit{
  background-color: var(--third-theme-color);
  color: #fff !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, nav.woocommerce-MyAccount-navigation ul li:hover, .woocommerce-account .addresses .title .edit:hover{
  background-color: #000;
  border-color: #000;
}
.woocommerce-account .addresses .title .edit{
  font-weight: 700;
}
.tagcloud a:hover{
  border-color: var(--third-theme-color);
}
.main-nav li ul{
  border-top-color:var(--third-theme-color);
}
#button{
  background-color: var(--second-theme-color);
}
#footer a, #footer .ftr-4-box ul li, .ftr-4-box p{
  color: #fff;
}
.imagebox img {
  position: relative;
  right: 0;
  width: 100%;
  -webkit-mask-image: url(images/slider-img.png);
  -webkit-mask-position: bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  max-height: 300px;
    object-fit: cover;
}
.text-content h1 a:hover, .page4box h4 a:hover, .page-template-template-home-page .logo h1 a:hover{
  color: #000;
}
.slider-img-color{
  background-color: var(--second-theme-color);
  position: relative;
  right: 0;
  width: 100%;
  -webkit-mask-image: url(images/slider-img.png);
  -webkit-mask-position: bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
#commentform textarea{
  width: 100%;
}
#button{
  background-color: var(--third-theme-color);
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background-color: var(--third-theme-color);
  border: solid 2px var(--third-theme-color);
  color: #fff;
}
a.added_to_cart:hover{
  background-color: #000;
}
button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color: var(--third-theme-color);
}
/*Clearing floats css*/
.page-links a, .page-links span{
  padding: 10px 15px;
  background-color: var(--third-theme-color);
  color: #fff;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: #000 !important;
}
/*block css*/
.site-main .wp-block-button__link, .postsec-list .wp-block-button__link{
  background-color: var(--third-theme-color);
  border: solid 2px var(--third-theme-color);
  color:#fff !important;
  border-radius: 30px;
  margin-bottom: 10px;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--third-theme-color) !important;
  color: var(--third-theme-color) !important;
}
.pagecontent{
  padding: 98px 20px 20px 20px;
}
.page4box h4{
  margin: 0 0 15px;
}
.page4box:hover .pagemore, .site-main .wp-block-button.is-style-outline a{
	color:#fff !important;
}
.pagemore:hover{
  color: var(--second-theme-color);
}
#sidebar .wp-block-search__button{
  background-color: var(--third-theme-color);
}
.site-main .wp-block-button.is-style-outline a, .site-main .wp-block-button.is-style-outline a:hover{
  border: none !important;
}
@media screen and (max-width: 1000px){
  #slider-cat .owl-nav{
    top: 27em !important;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1169px) {
  .imagebox img {
    /* max-height: 200px; */
  }
}  
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .text-content {
    top: em !important;
  }
  #slider-cat .owl-nav{
    top: 23em !important;
    right: 30px !important;
  }
  #slider-cat {
    height: 500px !important;
    .text-content{
      padding-top: 10px;
    }
  }
} 
@media only screen and (min-width: 320px) and (max-width: 574px) {
  #slider-cat .owl-nav {
      top: 32em !important;
      right: 0px;
  }
}