/*
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 WordPress Theme is a beautifully designed kindergarten WordPress theme tailored for Montessori schools, preschool learning centers, daycare and childcare websites, and early childhood education WordPress themes. It offers an engaging, playful, and professional online presence for institutions focused on nurturing young minds through creativity and care. This WordPress theme for Montessori school is perfect for institutions offering a Montessori Pre-Kindergarten program. It supports a wide range of educational needs—from showcasing your curriculum, class schedules, and admissions to highlighting teachers, school events, and student activities. Whether you run a nursery and play school, a playgroup website, or a kids learning academy, this preschool WordPress theme provides flexible sections for virtual learning, online classes, and interactive Montessori program features. Built with full-site editing (FSE) capabilities, this FSE kindergarten WordPress theme lets you customize every section easily—making it simple to match your school’s branding, colors, and style. The theme features soft color palettes, child-friendly icons, and creative layouts that reflect the joyful and nurturing atmosphere of a real classroom. Ideal for creative kids activity centers, this daycare WordPress theme can beautifully display crafts, storytime, math, phonics, and STEM activities. Its fully responsive design ensures a seamless viewing experience across all devices, making it ideal for learning and development school designs or junior academy websites. Parents can easily explore programs, access worksheets, and stay updated through newsletters and announcements. With built-in galleries and video support, you can showcase art projects, music sessions, Pre-Kindergarten graduation themes, or school field trips. For a primary kids school, child growth and learning center, or toddler activity center, this Montessori kindergarten WordPress theme helps build trust and strengthen parent engagement. SEO-friendly, translation-ready, and easy to customize, it’s the perfect WordPress theme for Montessori and early education institutions that value structured yet joyful learning. Combining creativity, usability, and functionality, this theme delivers the perfect foundation for any architecture & construction WordPress theme-inspired educational setup.
Version: 2.0.2
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, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, 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;
}

.post-page-area .header-wrap {
    position: relative;
}

.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;
    padding: 30px 0;
}

/* 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;
	}
}

/*Woocommerce Account Page CSS*/

nav.woocommerce-MyAccount-navigation li {
  border: 1px solid var(--wp--preset--color--primary) !important;
  margin-bottom: 10px;
  padding: 10px !important;
  background-color: var(--wp--preset--color--primary) !important;
}
nav.woocommerce-MyAccount-navigation li a{
  color: #fff;
  padding: 10px 0 !important;
  text-decoration: none !important;
}
nav.woocommerce-MyAccount-navigation li:hover {
    background-color: transparent !important;
    border-color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li:hover a{
  color:var(--wp--preset--color--primary);
}

.wc-block-components-notice-banner {
	margin: 0;

}