/*
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 theme inspired by yoga instruction and meditation centres. This theme will ensure that your website is built to stand the test of time and stand out from the rest. It is designed with the utmost attention to detail as Yoga Fitness. You can develop a website that promotes yoga classes, fitness centres, yoga guru, yogi, asana, gym meditation classes, wellness centres and more. The theme also offers Medical or therapy-related services. The theme is designed for speed, which is why the loading times of the pages are quicker. It’s translation ready and supports RTL layout. It is possible to include shortcodes to enhance the performance of your site. It’s safe and properly coded. The theme has sections such as a Banner that include CTA buttons and testimonials, services team, testimonials, and additional sections that provide comprehensive information about your business. It will also make your visitors customers. Demo : https://trial.ovationthemes.com/yoga-meditation/
Version: 5.3
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;
    }
}