/*
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;
  bottom: 0;
  top: 0;
  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: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
}
.load :first-child {
  background: #f05a21;
  animation-delay: -1.5s;
}
.load :nth-child(2) {
  background: #005e79;
  animation-delay: -1s;
}
.load :nth-child(3) {
  background: #ffc516;
  animation-delay: -0.5s;
}
.load :last-child {
  background: #99b437;
}

@keyframes spin {
  0%,
  100% {
    transform: translate(0);
  }
  25% {
    transform: translate(160%);
  }
  50% {
    transform: translate(160%, 160%);
  }
  75% {
    transform: translate(0, 160%);
  }
}
@media screen and (min-width: 1700px) and (max-width: 1900px) {
  .container {
    width: 1520px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1620px;
  }
}