/*
Theme Name: Kindergarten Art School Pro
Theme URI: https://www.legacytheme.net/products/art-school-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net/
Description: Kindergarten Art School Pro WordPress Theme is a child theme of Kindergarten Art School WordPress Theme. It is a clean, modern and responsive WordPress theme for art school, art classes, art workshops, art gallery, art museum, art exhibition, art portfolio, art blog and any kind of art related websites. It is built with the latest WordPress standards and it is fully compatible with the latest version of WordPress. It is also compatible with popular plugins like Elementor, WooCommerce, Contact Form 7, WPForms and more.
Version: 0.0.2
Requires at least: 5.0
Tested up to: 5.6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kindergarten-art-school-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Kindergarten Art School Pro WordPress Theme has been created by Legacytheme(Legacytheme.net), 2025.
Kindergarten Art School Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}

.accordion-section-title {
  display: block !important;
}
/*--------- Site Loader --------------*/

.preloader {
    background: #f4f9ff;
    display: flex;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.preloader {
    position: fixed;
    z-index: 99999;
}
.load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

.load hr {
    border: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 50%;
    animation: spin 2s ease infinite;
}

.load hr:first-child {
    background: #f05a21;
    animation-delay: -1.5s;
}

.load hr:nth-child(2) {
    background: #005e79;
    animation-delay: -1s;
}

.load hr:nth-child(3) {
    background: #ffc516;
    animation-delay: -0.5s;
}

.load hr:last-child {
    background: #99b437;
}

@keyframes spin {
    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(60px, 0);
    }

    50% {
        transform: translate(60px, 60px);
    }

    75% {
        transform: translate(0, 60px);
    }
}
@media screen and (min-width: 1700px) and (max-width: 1900px) {
  .container {
    width: 1520px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1620px;
  }
}


.single-service .service-contact-btn a{
  background: #ff682d;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
}
.single-service .service-contact-btn a:hover{
    background: #000;
    color: #fff;
}





.art-school-class-outer-form .get-box {
    width: 100%;
    margin-bottom: 10px;
}

.art-school-class-outer-form .get-box input {
    width: 100%;
    height: 46px;
    padding: 0 15px;
    border: none;
    border-radius: 30px;
    background: #fff;
    color: #555;
    outline: none;
}

.art-school-class-outer-form .submit-box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.art-school-class-outer-form .submit input {
    padding: 9px 25px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: #333;
    color: #fff;
    cursor: pointer;
}

#newsletter .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

#newsletter .wpcf7 form.invalid .wpcf7-response-output{
    color: #fff;
}
#newsletter .wpcf7 form.failed .wpcf7-response-output{
    color: #fff;
    border-color: #fff;
}
#footer .wpcf7 form.invalid .wpcf7-response-output{
    color: #000;
}
#footer .wpcf7 form.failed .wpcf7-response-output{
   color: #000;
}
.contact-info-box {
    width: 100%;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.contact-icon {
    width: 35px;
    min-width: 35px;
    margin-right: 12px;
    padding-top: 2px;
    color: #000;
}

.contact-icon i {
    font-size: 18px;
}

.contact-content {
    font-size: 14px;
    line-height: 1.7;
}

.contact-content strong {
    font-weight: 600;
    margin-right: 3px;
    color: #000;
}

.contact-content span {
    font-weight: 400;
    color: #000;
}


#single_post {
    margin-bottom: 30px;
}

#single_post .postbox {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#single_post .postpic {
    width: 100%;
}

#single_post .post_pic_inner {
    width: 100%;
    overflow: hidden;
}

#single_post .post_pic_inner img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

#single_post .postbox-content {
    flex: 1;
    padding: 25px;
}


/* animmation css */

.about-image,
.about-content {
    opacity: 0;
    transition: all 1s ease;
}

.about-image {
    transform: translateX(-80px);
}

.about-content {
    transform: translateX(80px);
}

.about-image.animate,
.about-content.animate {
    opacity: 1;
    transform: translateX(0);
}


.service-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.service-item {
    opacity: 0;
    transform: translateY(70px);
    transition: all 0.8s ease;
}

.service-heading.animate {
    opacity: 1;
    transform: translateY(0);
}

.service-item.animate {
    opacity: 1;
    transform: translateY(0);
}




/* Feature Heading */
.feature-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.feature-heading.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Left Features */
.feature-left .featureBox {
    opacity: 0;
    transform: translateX(-80px);
    transition: all 0.8s ease;
}

.feature-left.animate .featureBox {
    opacity: 1;
    transform: translateX(0);
}


/* Right Features */
.feature-right .featureBox {
    opacity: 0;
    transform: translateX(80px);
    transition: all 0.8s ease;
}

.feature-right.animate .featureBox {
    opacity: 1;
    transform: translateX(0);
}


/* Center Image */
.feature-center {
    opacity: 0;
    transform: scale(0.7);
    transition: all 1s ease;
}

.feature-center.animate {
    opacity: 1;
    transform: scale(1);
}



.what-we-do-content {
    opacity: 0;
    transform: translateX(-80px);
    transition: all 1s ease;
}

.what-we-do-image {
    opacity: 0;
    transform: translateX(80px);
    transition: all 1s ease;
}

.what-we-do-content.animate {
    opacity: 1;
    transform: translateX(0);
}

.what-we-do-image.animate {
    opacity: 1;
    transform: translateX(0);
}



/* Gallery Heading */
.gallery-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.gallery-heading.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Gallery Images */
.gallery-item {
    opacity: 0;
    transform: translateY(70px);
    transition: all 0.8s ease;
}

.gallery-column.animate .gallery-item {
    opacity: 1;
    transform: translateY(0);
}


/* Image Hover */
.gallery-item img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.03);
}



.category-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.category-heading.animate {
    opacity: 1;
    transform: translateY(0);
}

.category-item {
    opacity: 0;
    transform: translateY(70px);
    transition: all 0.8s ease;
}

.category-item.animate {
    opacity: 1;
    transform: translateY(0);
}

.category-item img {
    transition: transform 0.4s ease;
}

.category-item:hover img {
    transform: scale(1.05);
}


.activity-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.activity-heading.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Left Image */
.activity-image {
    opacity: 0;
    transform: translateX(-80px);
    transition: all 1s ease;
}

.activity-image.animate {
    opacity: 1;
    transform: translateX(0);
}


/* Right Content */
.activity-content {
    opacity: 0;
    transform: translateX(80px);
    transition: all 1s ease;
}

.activity-content.animate {
    opacity: 1;
    transform: translateX(0);
}


/* How We Work Cards */

.how-work-item {
    opacity: 0;
    transform: translateY(70px);
    transition: all 0.8s ease;
}

.how-work-item.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Image Animation */

.how-work-item .box-img {
    overflow: hidden;
}

.how-work-item .box-img img {
    transform: scale(0.9);
    transition: transform 0.8s ease;
}

.how-work-item.animate .box-img img {
    transform: scale(1);
}


/* Hover Effect */

.how-work-item:hover .box-img img {
    transform: scale(1.05);
}


/* Testimonial Animation */

.testimonial-item {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s ease;
}

.testimonial-item.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Heading */

.testimonial-item .main_heading {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.7s ease 0.2s;
}

.testimonial-item.animate .main_heading {
    opacity: 1;
    transform: translateY(0);
}


/* Text */

.testimonial-item .text {
    opacity: 0;
    transition: all 0.7s ease 0.4s;
}

.testimonial-item.animate .text {
    opacity: 1;
}


/* Name */

.testimonial-item .name {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.7s ease 0.5s;
}

.testimonial-item.animate .name {
    opacity: 1;
    transform: translateY(0);
}


/* Designation */

.testimonial-item .designation {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.7s ease 0.6s;
}

.testimonial-item.animate .designation {
    opacity: 1;
    transform: translateY(0);
}


/* Latest News Heading */

.latest-news-heading {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.latest-news-heading.animate {
    opacity: 1;
    transform: translateY(0);
}


/* News Cards */

.latest-news-item {
    opacity: 0;
    transform: translateY(70px);
    transition: all 0.8s ease;
}

.latest-news-item.animate {
    opacity: 1;
    transform: translateY(0);
}


/* Image */

.latest-news-image {
    overflow: hidden;
}

.latest-news-image img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}

.latest-news-item:hover .latest-news-image img {
    transform: scale(1.05);
}


/* Newsletter Box */

.newsletter-box-animation {
    opacity: 0;
    transform: scale(0.95);
    transition: all 0.8s ease;
}

.newsletter-box-animation.animate {
    opacity: 1;
    transform: scale(1);
}


/* Newsletter Left */

.newsletter-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 0.8s ease;
}

.newsletter-box-animation.animate .newsletter-left {
    opacity: 1;
    transform: translateX(0);
}


/* Newsletter Right */

.newsletter-right {
    opacity: 0;
    transform: translateX(70px);
    transition: all 0.9s ease 0.2s;
}

.newsletter-box-animation.animate .newsletter-right {
    opacity: 1;
    transform: translateX(0);
}


/* Heading */

.newsletter_form .main_heading {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.7s ease 0.5s;
}

.newsletter-box-animation.animate .main_heading {
    opacity: 1;
    transform: translateY(0);
}