/*
Theme Name: Kindergarten School
Theme URI: https://theclassictemplates.com/themes/free-kindergarten-wordpress-theme/
Author: classictemplate
Author URI: https://theclassictemplates.com
Description: Kindergarten School is a multipurpose WordPress theme that is designed to meet the requirements of websites for pre-schools, kids store, children's books, adoption agencies, childcare services, babysitter, nursery school, playgroup, learning kit, after school activities, game zone, pre-K, Private Tutoring Service, Private Preschool, Test Prep Tutoring Service, education, and all kind of child-focussed services. With a little modification, this theme can also be utilized for schools and other educational institutions. Its vibrant colors and pleasant design creates a long-lasting first impression. The secure and clean code included in the core makes it give a stunning performance. Anyone that browses through your website’s content is sure to have a great time. Its minimal design has been developed to give faster page load time. In order to enable you to showcase your creative side, this theme includes an intuitive and user-friendly theme customizer that offers plenty of customization options. Using these options, you can change or fine-tune the overall look and finalize the one that looks the best. The range of shortcodes included is perfect to be used for creating post types as per the requirement. The Call To Action (CTA) buttons add to the interactive element of the website. To make sure that your site looks incredible on different platforms, the theme is provided with a responsive and mobile-friendly layout. Kindergarten School is a great option to get a beautiful website.
Version: 4.0
Tested up to: 6.2
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: kindergarten-school
Tags: blog, education, right-sidebar, left-sidebar, custom-logo, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, block-styles, threaded-comments, theme-options, rtl-language-support

Kindergarten School WordPress Theme has been created by classictemplate (classictemplate.com), 2016.
Kindergarten School WordPress Theme is released under the terms of GNU GPL
*/

*{
 margin:0;
 padding:0;
 outline:none;
}
body{
 margin:0;
 padding:0;
 line-height:20px;
 font-size:13px;
 color:#6E6D6D;
 font-family: 'Poppins', sans-serif;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
img{
 border:none;
 margin:0;
 padding:0;
 height:auto;
 max-width:100%;
 }
p{
 margin:0;
 padding:0;
}
a{
 text-decoration:none;
 color:#95c800;
}
a:hover{
 color:#333;
}
input:focus{
  border: 2px solid #000;
}
ol,ul{
 margin:0;
 padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
 margin:0;
 padding:0;
 max-width:100% !important;
}
.sticky {
  background: #efefef;
  padding: 15px;
  margin-bottom: 15px;
}
.entry-content ol li,
.entry-content ul li{
 margin-left:15px;
}
a.rsswidget.rss-widget-title {
  font-size: 9px;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
 margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
 color:#000000;
 font-family: 'Pacifico', cursive;
 margin:0 0 20px;
 padding:0;
 line-height:1.1;
 font-weight:400;
 }
h1{
 font-size:32px;
}
h2{
 font-size:30px;
}
h3{
 font-size:24px;
}
h4{
 font-size:20px;
}
h5{
 font-size:18px;
}
h6{
 font-size:14px;
}
.clear{
 clear:both;
}
.alignnone{
 width:100% !important;
}
img.alignleft, .alignleft{
 float:left;
 margin:0 15px 0 0;
 padding:5px;
 border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
 float:none !important;
 margin:10px 0;
}
ol.comment-list li{
 list-style:none;
 margin-bottom:5px;
}
.entry-content a,.entry-summary a,.widget_text a {
  border-bottom: solid 1px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,
input[type='submit']:focus,
input[type='search']:focus,
textarea:focus,
input[type='name']:focus,
input[type='email']:focus,
.toggle-nav button:focus,
a.close-button:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.top-header {
  background: #496900;
  padding: 15px 0;
  color: #fff;
}
.inner-header {
  text-align: right;
}
.inner-header span, .inner-header a {
  margin-left: 15px;
  font-size: 15px;
  color: #fff;
}
.inner-header span i, .inner-header a i {
  margin-right: 10px;
  color: #fff;
}
.page-template-template-home-page .header-box {
  margin-top:20px;
}
.page-template-template-home-page .logo h1 a,
.site-branding-text span {
  color: #fff;
}
.logo{
	z-index:9999;
	padding:15px 0;
	width: 25%;
	float: left;
 }
.logo h1{
	font-weight:600;
	margin:0;
}
.logo h1 span,
.logo a{
	color:#95c800;
}
.hidetitle{ display:none;}
.boxlayout{
	width:1140px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	box-shadow:0 -8px 8px #111;
}
.fulllayout{
	width:100% !important;
}
.container{
	width:1100px;
	margin:0 auto;
	position:relative;
}

/* = wide block css
-------------------------------------- */
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
/* = header css
-------------------------------------- */
.page-template-template-home-page .header.sticky-head,.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  padding-left: 4%;
  padding-right: 4%;
  background: #496900;
  padding: 25px;
}
.admin-bar .page-template-template-home-page .header.sticky-head,.admin-bar .sticky-head{
  top: 32px;
  background: #496900;
}
.sticky-head .main-nav ul{
  text-align: left;
}
.sticky-head .toggle-nav{
  float: left;
}
/* = Preloader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/*scroll to top*/
#button{
  background: #95c800;
  color: #fff;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 40px;
  padding-top: 22px;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}
/*header*/
.page-template-template-home-page .header {
  background: transparent;
}
.header{
	width:100%;
	float: left;
	z-index: 1;
  background: #496900;
	border-top:4px solid #95c800;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit- box-sizing:border-box;
}
.headerInfo{
  position:absolute;
  background-color:#95c800;
  color:#fff;
  top:0;
  right:0;
  padding:10px 20px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.headerInfo h5{
  display:none;
}
.headerInfo .fa{ margin-right:10px;}

/* --------- MENUS CSS --------- */
#mySidenav {
  display: inline;
  text-align: right;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-nav ul{
  margin: 0;
  padding: 0;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a{
  color: #fff;
  padding: 25px 15px;
  font-size: 14px;
  display: block;
  font-family: 'Pacifico', cursive;
}
.main-nav a:hover{
  color: #000;
}
.main-nav a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #000;
  min-width: 250px;
  z-index: 9999;
  top: 70%;
  line-height: 30px;
  opacity: 0.9;
  border-radius: 5px;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px ;
  margin-top: 5px;
}
.main-nav ul ul a:hover{
  color: #fff ;
}
.main-nav ul ul a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #565656;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}

/* = Services section css
-------------------------------------------------- */
.last_column{
	clear:right;
	margin-right:0 !important;
 }
.page4box{
	color:#6e6d6d;
	width:23.1%;
	float:left;
	margin:0 2.2% 0 0;
	position:relative;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}
.page4box .thumbbx{
	height:150px;
	width:150px;
	overflow:hidden;
	border-radius:50%;
	margin: auto;
	border:4px solid #ccc;
}
.page4box .thumbbx img{
	width:100%;
	height:auto;
	min-height:150px;
}
.pagecontent {
  padding: 80px 20px 20px 20px;
  background: #ecf1f1;
  margin-top: -25%;
}
.page4box p{
	margin-bottom:20px;
	line-height:20px;
}
.page4box h4{
	font-size:20px;
	color:#404040;
	margin:0 0 25px;
}
.page4box h4 a{
	color:#404040;
}
.pagemore {
  color: #404040;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.page4box:hover h3 a,
.page4box:hover .pagemore{
	color:#95c800;
}
/*services section css*/
.ReadMore{
	background-color:#262626;
	color:#fff ;
	padding:8px 10px;
}
.MoreLink{
	background-color:#262626;
	color:#fff ;
	display: inline-block;
	padding:6px 15px;
}

/* = Our Services css
----------------------------------------- */
#ourservices{
 padding: 5% 0;
 z-index:9999;
}
#ourservices h3 {
  text-align: center;
}
#ourservices hr {
  width: 10%;
  border: none;
  border-bottom: 3px solid #facc79;
  background: transparent;
  margin: 15px auto;
}
.lastcols{
 margin-right:0 !important;
}

/* = Page lay out css
-------------------------------------- */
.left-content {
  margin-left: 15px !important;
}
.left-sidebar #sidebar {
  float: left;
}
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.site-main{
 width:740px;
 margin:0;
 padding:0;
 float:left;
}
.fullwidth{
 width:100% !important;
 float:none  !important;
}
.fullwidth p{
 margin-bottom:15px;
}
.contentsecwrap{
 padding:25px 0;
 clear: both;
}
.contentsecwrap p{
 margin-bottom:20px;
 line-height:20px;
}
.listarticle{
 margin-bottom:30px;
 }
.listarticle h2 a{
 color:#000;
}
.listarticle h2 a:hover{
 color:#95c800;
}
.listarticle p{
 margin-bottom:10px;
}
.blog-meta{
 font-style:italic;
 margin-bottom:8px;
}
.post-date,
.post-comment,
.post-categories{
 display:inline;
 color:#000000;
}
.single_title{
 margin-bottom:15px;
 font-size:20px;
 text-transform:none;
}
.BlogPosts{
 width:31.2%;
 float:left;
 margin:0 3% 0 0;
}
.BlogPosts img{
 width:100%;
}
.post-thumb{
 margin:0 0 15px 0;
}
.postmeta{
 margin-bottom:10px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.post-thumb img{
 width:100%;
}
.nav-links .page-numbers{
padding:5px 10px;
color:#111;
}
select{ border:1px solid #ccc; height:30px; width:100%;}
/* = sidebar
---------------------------------------------- */
#sidebar{
 width:330px;
 float:right;
}
aside.widget{
 margin-bottom:25px;
}
aside.widget ul{
 list-style:disc;
 }
h3.widget-title{
 padding:0;
 margin:0 0 10px;
 color:#111111;
 font-size:20px;
}
#sidebar ul li{
 list-style:inside none disc;
 list-style-position:inside;
 border-bottom:1px solid #ccc;
 padding:8px 0;
}
#sidebar ul li a{
 padding:0 0 0 10px;
 color:#3b3b3b;
  display:inline-block;
 }
#sidebar ul li a:hover{
 color:#95c800;
}
#sidebar ul li:last-child{
 border:none;
}
#sidebar .search-form input.search-field{
	background-color:#f0efef;
	width:80%;
	padding: 12px 15px 12px 15px;
	box-sizing:border-box;
	border:1px solid #ddd;
 }
#sidebar .search-form input.search-submit{
	background:url(images/search-icon.png) no-repeat center center #95c800;
	padding: 12px 0 12px 0;
	font-size:0;
	width:20%;
	height:43px;
	float:right;
	border:0;
}
.textwidget select{
	width:100%;
}
table{
	width:100%;
}

/* = Footer css
------------------------------------------- */
#footer{
	background-color:#1A191A;
	color:#595959;
}
.ftr-4-box{
	width:21%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:35px 0 15px;
}
.widget-column-4 {
	margin-right:0px !important;
}
.ftr-4-box h5{
	font-weight:400;
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
	padding-bottom:15px;
	letter-spacing: 1px;
}
.ftr-4-box h5 span{
	font-weight:300;
	color:#95c800;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
	border-bottom:1px solid #303030;
}
.ftr-4-box ul li a {
	color:#595959;
}
.ftr-4-box ul li a:hover,
.ftr-4-box ul li.current_page_item a {
	color:#dd5145;
}
.ftr-4-box a.readmore span{
	color:#fff;
}
.ftr-4-box p{
	margin-bottom:15px;
}
.copywrap {
	background-color:#111111;
	color:#ccc;
	padding:15px 0;
	text-align:center;
}
.copywrap a,
.copywrap p{
	color:#fff;
}
.col-box-6 {
  width: 40%;
  float: left;
}
.col-box-7 {
  width: 58%;
  float: right;
}
.imagebox{
  margin-top: 8em;
}
.imagebox img {
  position: relative;
  right: 0;
  width: 100%;
  -webkit-mask-image: url(images/cloud.png);
  -webkit-mask-position: bottom right;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}
#slider-cat {
  background-image: url(images/slider1.png);
  background-size: 100%;
  height: 670px;
}
.text-content {
  position: relative;
  top: 15em;
}
#slider-cat .owl-stage-outer {
  top: 10em;
  position: absolute;
  width: 100%;
}
.page-template-template-home-page .top-header{
  background: transparent;
}
.text-content h3 a {
  color: #fff;
  font-size: 35px;
}
.text-content p {
  font-size: 15px;
  color: #fff;
}
#slider-cat .owl-nav {
  display: block !important;
  top: 40em;
  position: absolute;
}
#slider-cat button.owl-prev,
#slider-cat button.owl-next {
  border: solid 1px #fff;
  background: transparent;
  padding: 10px;
  margin-right: 12px;
  color: #fff;
}
#slider-cat button.owl-prev:hover,
#slider-cat button.owl-next:hover {
  background: #000;
  border-color: #000;
}
#slider-cat .owl-dots {
  display: none;
}