/*
Theme Name: Montessori Kindergarten
Theme URI: https://www.themescarts.com/products/free-kindergarten-wordpress-theme/
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The Montessori Kindergarten theme is a beautifully designed Montessori education template tailored for kindergarten school website designs, preschool learning centers, daycare and childcare center templates, and early childhood education website designs. It offers an engaging, playful, and professional online presence for institutions focused on nurturing young minds. This theme supports a wide range of activities, from showcasing your curriculum and class schedules to highlighting teachers, admissions, and school events. Whether you run a nursery and play school, playgroup school website, or kids learning academy, the template provides flexible sections for virtual learning, online classes, and interactive programs. Visually, it features soft color palettes, child-friendly icons, and creative layouts that reflect the joyful atmosphere of a classroom. Perfect for a creative kids activity center template, it can also showcase crafts, storytime, math, phonics, and even STEM activities. Its responsive structure makes it ideal for learning and development school designs or junior academy website templates. Parents can explore kindergarten readiness, access worksheets, or stay updated through newsletters and announcements. With built-in galleries and video support, it’s easy to display art projects, music lessons, and events like graduations or field trips. For a primary kids school, child growth and learning center, or toddler activity center, this theme helps build trust and connect with parents effectively. Designed with SEO optimization, translation-ready features, and customizable layouts, the Montessori Kindergarten theme is also suitable for an early education academy website that values structured yet joyful learning. It blends creativity, usability, and professionalism—making it the perfect choice for institutions committed to early education.
Version: 1.9.5
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: montessori-kindergarten
Requires PHP: 5.6
Tested up to: 6.8
Tags: one-column, two-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, education, photography, portfolio

Montessori Kindergarten WordPress Theme has been created by ThemesCarts(themescarts.com), 2025.
Montessori Kindergarten WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Poppins", sans-serif !important;
}

h1,h2,h3,h4,h5,h6{	
	
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.about-LeftBX{ position:relative !important;}
.about-BlueBX{ position: absolute !important; bottom:0%; right:18%; 
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.yellow-CircleBx{ width:80px !important; height:80px !important; text-align:center;}

.top-fourbx{box-shadow: 0 0px 20px 0 rgb(0 0 0 / 10%); border-radius:10px; margin:0 1% !important; border:1px solid transparent;}
.top-fourbx:hover{border:1px solid #007cf9;}
.fourbx-thumb{ width:100px; height:100px; line-height:80px; overflow:hidden; text-align:center; margin:0 auto; background-color:#f4f6f9; border-radius:100%; padding:10px;}

.header-wrap {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.banner-wrap{
	position: relative;
}

.banner-wrap:after {
	content: "";
	background-image: url(assets/images/circle-design.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	height: 75px;
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 496px;
	left: 200px;
}

.banner-image {
	position: relative;
	bottom: -150px;
}

.service-image img {
    margin-top: -100px;
    position: relative;
}

.service-main-box h3 a {
    text-decoration: none;
}

.special-programs-main-box h3 a {
    text-decoration: none;
}

.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}

.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}

.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}

.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--extra-primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}

@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 990px) {
	.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		padding-right: 0 !important;
	}
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}

.entry-content{
	overflow-wrap: anywhere;
	/* overflow: hidden; */
}

/* NEW SECTION CSS */
.core-values-button {
    position: relative;
}
.pencil-img {
    position: absolute;
    left: 150px;
    top: 0;
}
.values-main-div{
	position: relative;
}
.values-main-div::after {
    content: "";
    background-image: url(assets/images/core_value_section_bg.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    width: 800px;
    height: 700px;
    top: 0;
    right: -50px;
    z-index: -5;
}
.values-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
	padding: 0;
	counter-reset: list-counter;
	list-style: none;
	padding-left: 2.5em;
}
.values-list-items {
	counter-increment: list-counter;
	position: relative;
	margin-bottom: 1em;
}

.values-list-items::before {
	content: counter(list-counter);
	position: absolute;
	left: -2em;
	top: 0;
	width: 1.8em;
	height: 1.8em;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.values-list-items:nth-child(1)::before {
	background: var(--wp--preset--color--extra-primary);
}

.values-list-items:nth-child(2)::before {
	background: var(--wp--preset--color--extra-quadro);
}

.values-list-items:nth-child(3)::before {
	background: var(--wp--preset--color--extra-tertiary);
}

.values-list-items:nth-child(4)::before {
	background: var(--wp--preset--color--extra-fivedro);
}

/* HOVER EFFECTS */
.special-programs-main-box:hover {
    background: #000 !important;
    transition: all 0.5s;
	border-radius: 10px !important;
}
.programs-row:hover a.wp-block-button__link,.core-values-button a.wp-block-button__link:hover,.banner-wrap a.wp-block-button__link:hover {
    background: transparent linear-gradient(180deg, #ffffff 0%, var(--wp--preset--color--extra-secondary) 100%, #000000 100%) 0% 0% no-repeat padding-box;
    color: #ffffff !important;
	border: 2px solid var(--wp--preset--color--extra-secondary);
}
.banner-wrap figure img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.8;
}
.banner-wrap figure img {
	-moz-animation-play-state: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 100%;
}

.service-main-box figure img {
	-moz-animation-play-state: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 100%;
}

.service-main-box:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	border: 5px solid var(--wp--preset--color--extra-secondary);
}

.post-main-area {
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.post-main-area:hover {
  background-color: #fff5e6;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
  border-color: #ffcf91;
}

.post-main-area h2 a {
  transition: color 0.3s ease;
}

.post-main-area:hover h2 a {
  color: var(--wp--preset--color--extra-secondary);
  text-decoration: underline;
}
@media screen and (max-width:767px) {
	.programs-row, .programs-row h3,.programs-row .wp-block-button {
		display: block !important;
		text-align: center;
		margin: 0 auto;
	}
}