/*
Theme Name: Beauty Hair Salon
Theme URI: https://www.ovationthemes.com/products/free-beauty-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Beauty Hair Salon is a stylish and modern theme designed for beauty salons, hair salons, hair spas, hairdressers, makeup studios, nail salons, wellness and spa centers, cosmetics shops, skincare studios, massage centers, lifestyle beauty services, and organic beauty product stores. It is also suitable for professionals offering grooming services, beauty treatments, hairstyling, nail care, and holistic wellness experiences. The layout is clean and minimal, allowing services, pricing, treatments, team profiles, testimonials, and client results to be showcased in a clear and attractive way. Fully responsive and retina-ready, it ensures smooth performance across desktops, tablets, and mobile devices with consistent visual quality. Optimized coding structure improves loading speed and enhances search visibility, helping businesses reach a wider audience online. The theme includes flexible customization options for colors, typography, layouts, and branding elements, making it easy to match any salon identity without technical effort. It also supports social media integration and call-to-action sections to improve customer engagement and bookings. Appointment booking compatibility helps streamline scheduling and client management, making it a complete solution for beauty and salon businesses aiming to grow their online presence effectively.
Version: 6.0
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: beauty-hair-salon
Template: beauty-salon-spa
Tags: blog, portfolio, photography, 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, rtl-language-support

Beauty Hair Salon WordPress Theme, Copyright 2022 pewilliams
Beauty Hair Salon is distributed under the terms of the GNU GPL

Beauty Hair Salon WordPress Theme is child theme of Beauty Salon Spa WordPress Theme, Copyright 2021 pewilliams
Beauty Salon Spa WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#e782a0;
    --theme-text-color:#9f88a2;
    --theme-secondary-color:#541f5c;
    --theme-primary-fade:#ffeff4;
    --theme-footer-color:#541f5c;
}

span.entry-author a,.comment-author a,.product_meta a {
    text-decoration: underline;
}
body,#slider .carousel-caption p {
    color: var(--theme-text-color);
}
p.chat_btn a{
    background: var(--theme-primary-color);
}
.home-btn a:hover, p.chat_btn a:hover,#slider .carousel-control-next-icon:hover, 
#slider .carousel-control-prev-icon:hover,.wc-block-cart__submit-container a:hover,.top_bar,a.added_to_cart.wc-forward:hover,
 nav.woocommerce-MyAccount-navigation ul li:hover, .woocommerce #respond input#submit:hover, 
 .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, 
 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
 .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,button:hover, 
 button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, 
 input[type="submit"]:focus,p.chat_btn a:hover,#home-services .box-button a,.owl-nav i{
    background: var(--theme-secondary-color);
    color: #fff !important;
}
.box h4 ,#home-services .box-content a,#product h4 a,.woocommerce-Price-amount.amount,#product h3 ,#product h5 ,#home-services h6 ,#home-services h3,.header-search-wrapper i ,#slider .carousel-caption h2 ,.logo h1, .site-title, .site-title a, .logo h1 a,.withoutimg-date-box a:hover,.wc-block-checkout__actions_row a:hover,.box span,.gb_nav_menu li a ,.site-info .footer-copyright,.site-info a:hover {
    color: var(--theme-secondary-color);
}
.bread_crumb .without-img a, .bread_crumb .without-img ,
.gb_nav_menu ul ul a:hover,.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after,.woocommerce ul.products li.product .price, 
.woocommerce div.product p.price, .woocommerce div.product span.price{
    color: var(--theme-secondary-color) !important;
}
.inner-div .date-box a:hover,.home-btn a:hover, p.chat_btn a:hover,.site-info,
p.chat_btn a:hover,p.chat_btn a,#home-services .box-button a:hover{
    color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: #fff !important;
}
.wrap_figure{
    background: var(--theme-primary-fade);
}
.without-img-head {
    border-top: 1px solid var(--theme-secondary-color);
}
/*loader*/
#loader{
  border-top-color: var(--theme-primary-color);
}
#loader:after{
  border-top-color: var(--theme-secondary-color);
}
.spinner > div{
  background-color: var(--theme-secondary-color);
}
.site-footer input[type="search"]{
    color: #666c6e;
}
/* --------- Header --------- */

.top_bar{
    border: none;
}
.page-template-custom-home-page .menu_header {
    background: #fff;
    position: static;
}
/* --------- Product --------- */

#product .box{
    background-color: var(--theme-secondary-color);
    text-align: center;
    position: relative;
}
#product .box img{
    width: 100%;
    height: 350px;
    transition: all 0.5s ease 0s;
}
#product .box:hover img{
    opacity: 0.5;
    filter: grayscale(100%);
}
#product .box .box-content a {
    color: #fff;
    background: var(--theme-primary-color);
    padding: 15px;
    opacity: 0;
    transform: perspective(700px) translateX(-50%) rotateY(40deg);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease-out;
    bottom: auto;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 60%);
    font-weight: bold;
}
#product .box .box-content a.added_to_cart.wc-forward {
    margin: 0;
    padding: 15px 24px;
}
#product .box:hover .box-content a{
    opacity: 1;
    transform: perspective(700px) translateX(-50%) rotateY(0);
}
#product .box-content{
    padding: 0;
}
#product .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    transition: all 0.4s ease-out;
    background: var(--theme-primary-color);
}
#product .box:hover .icon{ opacity: 1; }
#product .box .icon li span{
    color: #fff;
    background-color: var(--theme-primary-color);
    font-size: 15px;
    text-align: center;
    display: block;
    transition: all .3s ease 0s;
    padding: 5px;
    font-weight: bold;
}
#product h3 {
    font-size: 35px;
}
.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 {
        background: var(--theme-primary-color);
        color: #fff !important;
    }
    .side_gb_nav{
        background: var(--theme-primary-color);
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-secondary-color) !important;
    }
    .gb_nav_menu ul ul{
        background: transparent;
    }
}
@media screen and (max-width:782px){
    .page-template-custom-home-page p.chat_btn a{
        color: #fff;
        background: var(--theme-primary-color);
    }
}
@media screen and (max-width: 575px){
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        background: transparent;
    }
}