/*
Theme Name: Barbershop Nail Salon
Theme URI: https://www.ovationthemes.com/products/free-barbershop-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Barbershop Nail Salon is a modern, elegant, and fully responsive theme designed for beauty salons, beauty shops, beauty spas, cosmetics stores, hairdressers, barber shops, wellness centers, massage studios, lifestyle and personal care businesses, spa booking services, manicure and pedicure salons, nail art studios, nail treatments, eyebrow and eyelash services, brow bars, men’s grooming, and cosmetic retail stores. It provides a visually appealing and well-structured layout that helps businesses showcase services such as hair styling, skincare treatments, nail extensions, spa therapies, grooming packages, and beauty care solutions in an organized and attractive way. The design includes dedicated sections for portfolios, service listings, pricing details, testimonials, and promotional banners, helping build trust and improve customer engagement. Fully responsive across desktops, tablets, and mobile devices, it ensures a smooth browsing experience with fast loading performance and clean, optimized code. Integrated support for WooCommerce enables online selling of beauty products such as skincare items, hair care products, fragrances, cosmetics, and wellness essentials. Social media integration enhances brand visibility and customer reach, while advanced customization options allow easy control over colors, layouts, typography, and branding elements. With visually rich components like sliders and portfolio displays, it helps salons present their work professionally and attract more clients. Overall, it provides a complete solution for beauty and grooming businesses aiming to establish a strong and stylish online presence.
Version: 5.7.1
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: barbershop-nail-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

Barbershop Nail Salon WordPress Theme, Copyright 2022 pewilliams
Barbershop Nail Salon is distributed under the terms of the GNU GPL

Barbershop Nail 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:#541f5c;
    --theme-text-color:#696969;
    --theme-secondary-color:#e782a0;
    --theme-primary-fade:#ffeff4;
    --theme-footer-color:#541f5c;
    --slider-overlay:#000;
}

h1,h2,h3,h4,h5,h6,.barbershop-nail-salon-logo h1, .site-title, .site-title a, .barbershop-nail-salon-logo h1 a{
    font-family: 'Raleway', sans-serif;
}
span.entry-author a,.comment-author a,.product_meta a {
    text-decoration: underline;
}
body{
    color: var(--theme-text-color);
}

/*color-change*/
.site-footer input[type="search"]{
    color: #666c6e;
}
.service-short-text,.site-info a,.gb_nav_menu li a ,.barbershop-nail-salon-logo h1, .site-title, .site-title a, .barbershop-nail-salon-logo h1 a,.site-info .footer-copyright,.box span{
    color: var(--theme-primary-color);
}
.wc-block-cart__submit-container a,a.added_to_cart.wc-forward,.scrollup,.single-tags a:hover,.top_bar, .owl-nav i,p.chat_btn a, .page-template-custom-home-page p.chat_btn a, .home-btn a, .gb_nav_menu ul ul,p.chat_btn a, .page-template-custom-home-page p.chat_btn a, .home-btn a, .gb_nav_menu ul ul,#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,button, input[type="button"], input[type="submit"],nav.woocommerce-MyAccount-navigation ul li,.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,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,button.search-submit,#sidebar .tagcloud a:hover, .site-footer .tagcloud a:hover,.box-content{
    background: var(--theme-primary-color);
}
.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after,
.gb_nav_menu ul ul a:hover{
    color: var(--theme-primary-color) !important;
}
.home-btn a:hover,.box h4 ,.site-info,p.chat_btn a:hover,p.chat_btn a,#home-services .box-content p{
    color: #fff;
}
.wrap_figure,.site-info{
    background: var(--theme-primary-fade);
}

.without-img-head {
    border-top: 1px solid var(--theme-primary-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-primary-color);
}
nav.woocommerce-MyAccount-navigation ul li:hover,
#slider .carousel-control-next-icon:hover, 
#slider .carousel-control-prev-icon:hover ,
.home-btn a:hover,.wc-block-cart__submit-container a:hover, a.added_to_cart.wc-forward: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,
.toggle-menu button:hover,.scrollup.is-active:hover,
.site-footer .search-form .search-submit{
    background: var(--theme-secondary-color);
    color: #fff !important;
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: #fff !important;
}
.top_bar i:hover,.site-info a:hover,
#home-services .box-button a:hover,
.site-footer .widget-area a:hover{
    color: var(--theme-secondary-color);
}
/* --------- Header --------- */
.top_bar{
    border: none;
}
.page-template-custom-home-page .menu_header {
    background: #fff;
    position: static;
}
/* --------- Slider --------- */

#slider{
    background:var(--slider-overlay);
}
#slider img{
    opacity: 0.5;
}
#slider .carousel-caption h2 {
    font-weight: 800;
}
#slider .carousel-caption p {
    font-size: 18px;
}
#home-services .box-button a{
    padding: 0;
    background: transparent!important;
}

/* --------- Product --------- */

.box{
    position: relative;
}
.box-content {
    padding: 10px;
    position: absolute;
    bottom: -10%;
    right: 70px;
    left: 0;
}
.box img{
    width: 100%;
}
#home-services h3 {
    font-size: 40px;
    font-weight: bold;
}
p.heading-text {
    width: 60%;
    margin: 0 auto;
}
.img-box img{
    height: 350px;
}
.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:1199px){
    .img-box img{
        height: 200px;
    }
}
@media screen and (max-width: 991px){
    .toggle-menu button{
        background: var(--theme-primary-color);
        color: #fff;
    }
    .gb_nav_menu ul ul{
        background: var(--theme-primary-color);
    }
    .gb_nav_menu ul ul{
        background: transparent;
    }
    .side_gb_nav {
        background: var(--theme-secondary-color);
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
    .img-box img{
        height: 250px;
    }
    p.heading-text {
        width: 100%;
    }
}
@media screen and (max-width:782px){
    .page-template-custom-home-page p.chat_btn a{
        color: #fff;
    }
    .page-template-custom-home-page p.chat_btn a{
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
    .img-box img{
        height: 200px;
    }
}
@media screen and (max-width: 575px){
    .box-content{
        position: static;
    }
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        background: transparent;
    }
}