/*!
Theme Name: PlayStone
Theme URI: https://themesvila.com/themes-wp/playstone/
Author: theme_ocean 
Author URI: https://www.templatemonster.com/authors/theme_ocean/
Description: A Kindergarten & School WordPress Theme
Version: 1.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: playstone
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

PlayStone is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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 !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
a{
	color: #767676;
}
a:hover,
a:focus{
	color: #0e70c7;
}
.widget {
	margin: 0 0 30px;
	/* Make sure select elements fit in widgets. */
}
.widget:last-child{
	margin-bottom: 0;
}
.widget select {
	width: 100%;
}
.post-slide .post-title a,
.widget-title,
.comments-title,
#reply-title{
	font-family: "Dosis", sans-serif;
	letter-spacing: 1px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widget-title,
.comments-title,
#reply-title{
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
	
}
.widget-title:before,
.comments-title:before,
#reply-title:before
{
	content: '';
	width: 8px;
	height: 8px;
	background: #0e70c7;
	left: 0;
	position: absolute;
	top: 10px;
	
}
.widget a,
.widget{
	font-family: 'Open Sans', sans-serif;
}
.widget li {
	margin-top: 5px ;
	padding-bottom: 10px ;
	display: block;
	border-bottom: 1px solid #f1f1f1;
	line-height: 30px;
}
.widget li:last-child{
	border-bottom: inherit;
	padding-bottom:0px ;
}
.widget li li{
	padding-left: 10px;
	border-bottom: inherit;
}
.widget.widget_nav_menu li {
	
}
.single_wid_post{
	margin: 15px 0 15px;
	overflow: hidden;
}
.single_wid_post:last-child{
	margin-bottom: 0;
}
.single_wid_post h2{
	font-size: 18px;
	font-weight: 600;
}
.single_wid_post p{
	font-size: 13px;
	margin-bottom: 7px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
img{
	max-width: 100%;
	height: auto;
}
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Blog Page */

.navigation.post-navigation{
	margin-bottom: 20px;
	text-align: center;
}
.navigation.post-navigation a{
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
	margin: 10px 0;
	color: #333;
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
}
.sidebar_area{
	background: #fff;
	padding: 30px;
}
#searchform .search-area{
	position: relative;
}
#searchform input{
	background: #fff;
	border-radius: 0;
	border-color: #ccc;
	padding: 10px 20px;
}
#searchform .search-area button{
	position: absolute;
	top: 0;
	right: 0;
	background: #0e70c7;
	display: inline-block;
	transition: .5s;
	color: #fff;
	height: 51px;
	line-height: 51px;
	margin: 0;
	padding: 0 15px;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 400;
}

#searchform .search-area button:hover,
#searchform .search-area button:focus{
	background: #ffc13c;
	color: #333;
}
.comments-title{
	margin-bottom: 30px;
}
.comments-area{
	background: #fff;
	padding: 30px;
}
.comment-reply{
	margin-top: 5px;
}
.comment-reply-link,
#cancel-comment-reply-link{
	font-weight: 500;
	font-size: 12px;
	color: #0e70c7;
	letter-spacing: 1px;
	
}
.comment-list{
	padding: 0;
}
.comments-area .children > li{
	padding-left: 35px;
}
.single-comment-content{
	margin-bottom: 30px;
	border: 1px solid #f1f1f1;
	padding: 25px 20px;
	border-radius: 5px;
}
.single-comment-meta{
	margin-bottom: 10px;
}
.single-comment-meta h4,
.single-comment-meta a{
	font-weight: 600;
	font-size: 17px;
	text-transform: capitalize;
	font-family: "Dosis", sans-serif;
	color: #333;
}
.single-comment-meta span{
	font-weight: 400;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: #ddd;
	margin-left: 8px;
}
#comment{
	height: 120px;
	background: #eaf3ff none repeat scroll 0 0;
	transition: .5s;
	padding: 10px 15px;

}
#comment:focus{
	background: #fff;
}
.logged-in-as{
	margin-bottom: 15px;
}
#commentform .form-control{
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: inherit;
	padding: 10px 15px;
}
#commentform .form-control:focus{
	border-color: #0e70c7;
	box-shadow: inherit;
}
#commentform .form-submit{
	margin-bottom: 30px;
}
.comment_avatar img{
	margin-right: 10px;
	border-radius: 50%;
}

.navigation.posts-navigation a{
	background: #0e70c7;
	border-radius: 3px;
	border-style: none;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navigation.posts-navigation a:hover,
.navigation.posts-navigation a:focus{
	color: #333;
	background: #ffc13c;
}
body.single .post-description p,
body.page .post-description p{
	margin-bottom: 15px;
}
.no-results.not-found{
	padding: 35px;
}
.no-results.not-found .page-header{
	margin-top: 0;
}
.no-results.not-found .page-content p{
	margin-bottom: 15px;
}
.center-block{
	float: inherit;
}
.error-404.not-found{
	background: #fff;
	padding: 70px;
}
.error-404.not-found .page-header{
	margin-top: 0px;
}
.error-404.not-found p{
	margin-bottom: 15px;
}
article.sticky{
	border-top: 4px solid #0e70c7;
}
select{
	padding: 10px;
	border: 1px solid #f1f1f1;
}

dl {
  margin: 0 20px;
}
dd {
	margin-bottom: 12px;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
	text-align: left;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
caption {
	font-size: 16px;
	margin: 0;
	padding-top: 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
	padding: 0.4em 0.4em 0.4em 0;
}
td {
    border-top: 1px solid #eee;
    padding: 6px 10px 6px 0;
}
tr{
	 padding: 6px 10px 6px 0;
    border-bottom: 1px solid #eee;

}
del {
    color: #333;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
}
article.sticky {
	border-top: 4px solid #0e70c7;
}
p.p-last {
    margin-top: 50px;
}

blockquote{
	text-align: left;
	background: #eef1fb;
	padding: 30px;
	position: relative;
	font-style: italic;
	font-size: 17px;
	color: #2c324b;
}

.widget.widget_tag_cloud .widget-title{
	margin-bottom: 30px;
}
.widget.widget_tag_cloud a{
	font-size: 13px!important;
	padding: 5px 12px;
	border: 1px solid #f1f1f1;
	display: inline-block;
	margin: 0 10px 10px 0;
	transition: .5s;
	border-radius: 4px;
}
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus{
	background: #0e70c7;
	border-color: #0e70c7;
	color: #fff;
}
.post-slide img{
	height: auto;
	max-width: 100%;
}
.navigation.comment-navigation a {
	background: #0e70c7;
	border-radius: 3px;
	border-style: none;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 0.6px;
	font-weight: 600;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.navigation.comment-navigation a:hover,
.navigation.comment-navigation a:focus{
	color: #333;
	background: #ffc13c;
}
.post-description ol,
.post-description ul,
.main_comment_text ol,
.main_comment_text ul{
	padding-left: 25px;
	margin-bottom: 10px;
}
.main_comment_text p{
	margin-bottom: 10px;
}
.navigation.posts-navigation .nav-previous,
.navigation.posts-navigation .nav-next{
	display: inline-block;
}
.navigation.posts-navigation .nav-previous{
	float: right;
}
.navigation.posts-navigation .nav-next{
	float: left;
}
code{
	background: #f1f1f1;
	color: #535e72;
}
kbd{
	background-color: #555;
}
pre {
	background-color: #f9f9f9;
}
.post-password-form input[type="password"]{
	margin-right: 10px;
}

.page-links .page-number{
	color: #0e70c7;
}
.page-links{
	font-weight: 600;
}
.page-links a{
	font-weight: 400;
}
.post-comment{
	clear: both;
}
.post-description{
	overflow: hidden;
}
.widget_recent_comments .comment-author-link {
	font-weight: 600;
	display: inline;
}
.single-widget, .single-widget span {
	color: #535e72;
}
.widget_text img {
	margin: 5px 0;
}
.comments-area{
	margin-top: 30px;
}

.mfp-close{

	position: absolute;
	right: -10px!important;
	top: -20px;

}

.testimonial p {
	font-size: 17px;
}
.contact textarea:focus{
	box-shadow: inherit;
	border-color: #eaf3ff;
}

#contact-form textarea{
	height: 160px;
}


.slider_learn_more_btn{
	color: #ffffff;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	margin-right: 10px;
	text-align: center;
	padding: 12px 30px;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #ffffff;
	-webkit-font-smoothing: antialiased;
	font-family: 'Montserrat', sans-serif;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.slider_view_course_btn{
	color: #ffffff;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	margin-left: 10px;
	text-align: center;
	padding: 12px 30px;
	white-space: nowrap;
	background: #0e70c7;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #0e70c7;
	-webkit-font-smoothing: antialiased;
	font-family: 'Montserrat', sans-serif;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.slider_learn_more_btn:hover,
.slider_learn_more_btn:focus,
.slider_view_course_btn:hover,
.slider_view_course_btn:focus{
  color: #0e70c7;
  background: #ffffff;
  border: 2px solid #ffffff;
}

@media only screen and (max-width:768px) { 
	.ares.tparrows{
		display: none;
	}
}