/*
Theme Name: Yoga Meditation
Theme URI: https://www.ovationthemes.com/products/free-meditation-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Yoga Meditation is a serene, modern, and responsive theme designed for yoga instruction, meditation centres, wellness studios, fitness centres, yoga gurus, yogis, asana practice, gym-based meditation classes, holistic healing spaces, wellness retreats, and mind-body training programs. It provides a calming and visually balanced layout that helps present yoga classes, schedules, training programs, instructors, wellness services, and lifestyle guidance in a structured and engaging way. The design focuses on clarity, speed, and smooth performance, ensuring fast-loading pages and a seamless browsing experience across desktops, tablets, and mobile devices. It includes thoughtfully designed sections such as banners with call-to-action buttons, service listings, instructor/team profiles, testimonials, and informational blocks that help build trust and encourage participation. Fully responsive and optimized for modern devices, it supports RTL layouts and translation-ready structure, making it suitable for global audiences. With clean and secure coding, it ensures stable performance and easy maintenance while supporting enhanced functionality through shortcodes for added flexibility. The layout is crafted to improve engagement and guide visitors toward class bookings, inquiries, and wellness programs. Social integration and customizable design options allow complete control over colors, typography, and section arrangement, helping wellness brands create a calming and professional online presence that reflects balance, discipline, and mindfulness.
Version: 5.7
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: yoga-meditation
Template: yoga-studio
Tags: food-and-drink, portfolio, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready

Yoga Meditation WordPress Theme, Copyright 2022 pewilliams
Yoga Meditation is distributed under the terms of the GNU GPL

Yoga Meditation WordPress Theme is child theme of Yoga Studio WordPress Theme, Copyright 2022 pewilliams
Yoga Studio WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#db4242;
    --theme-heading-color:#412236;
    --theme-primary-fade:#ffe3e3;
    --theme-footer-color:#412236;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Lora', serif;
}
#services-box p,.box h4{
    color: var(--theme-primary-color);
}

.scrollup.is-active:hover, .scrollup.is-active:focus ,#slider,.top_bar{
    background: var(--theme-heading-color);
}

.wc-block-cart__submit-container a,.top_btn a,.home-btn a,.box-button a, a.more-link,button,input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,button.search-submit,a.added_to_cart.wc-forward, .prev.page-numbers,.next.page-numbers ,.site-footer .search-form .search-submit ,.site-footer input[type="search"],#sidebar input[type="search"], input[type="search"],.wp-block-button .wp-block-button__link,.top_btn a, .home-btn a, .box-button a, button, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, button.search-submit, a.added_to_cart.wc-forward, .site-footer .search-form .search-submit, .site-footer input[type="search"], #sidebar input[type="search"], input[type="search"]{
    border-radius: 30px;
}
.toggle-menu button{
    border-radius: 10px !important;
}
.site-footer input[type="search"]{
    color: #666c6e;
}
/* --------- Header --------- */

.top_bar, .menu_header{
    border: none;
}
.top_bar span,.top_bar span a,.links i,#slider .slide-inner-box h2 a{
    color: #fff;
}

/* --------- Slider --------- */
#slider .slide-inner-box {
    bottom: 20px;
    top: auto;
    transform: none;
}
#slider img {
    height: 600px;
}
/* --------- About --------- */

.about-box h2 a{
    font-size: 30px;
    color: var(--theme-heading-color);
}
.about-box img{
    width: 100%;
    box-shadow: -28px 28px 0 0 var(--theme-primary-fade);
}
#services-box h3{
    letter-spacing: 0;
}

/* --------- loader --------- */
#loader:before {
  border-top-color: #412236;
}
.spinner > div{
  background-color: #412236;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    padding: 2px;
}

/* 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;
}
@media screen and (max-width: 991px){
    .toggle-menu button:hover i{
    color: var(--theme-primary-color) !important;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
    .gb_nav_menu ul ul{
        background: transparent;
    }
    #slider img{
        height: 400px;
    }
}
@media screen and (max-width:782px){
    .fixed_header.fixed{
        border-bottom: none !important;
     }
}
@media screen and (max-width:767px){
    .about-box img{
        box-shadow: none;
    }
}
@media screen and (max-width: 575px){
    .top_btn{
        text-align: center;
    }
    #slider img{
        height: 350px;
    }
    .about-box h2 a{
        font-size: 25px;
    }
}