@charset "UTF-8";
/*
Theme Name: Beauty Store
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/beauty-store
Author URI: https://www.themagnifico.net/
Description: The Beauty Store is a multipurpose and elegant design crafted to give your website a minimal yet sophisticated appeal, making it ideal for beauty cosmetic stores, makeup shops, skincare stores, cosmetic boutiques, organic cosmetics, perfume shops, hair salons, nail salons, spa product stores, beauty product websites, wellness boutiques, fashion and lifestyle brands, as well as dermatology clinics, beauty subscription boxes, cosmetic formulators, bridal makeup studios, luxury fragrance houses, wellness supplement shops, organic beauty farms, haircare brands, aesthetic treatment centers, and clean beauty influencers seeking a polished digital presence. With its clean layout and retina-ready, responsive design, it ensures every element looks stunning across all devices for a seamless user experience. Advanced customization options allow you to personalize layouts, colors, and fonts, helping your brand stand out with ease, while engaging banner sections, testimonials, team showcases, and Call to Action (CTA) areas boost trust and conversions. Built using Bootstrap, it ensures optimized code, secure performance, and fast loading speed, enhanced by animated effects, interactive elements, and shortcodes for effortless editing. Social media integration improves visibility, and its mobile-friendly, translation-ready setup ensures global accessibility. Fully compatible with WooCommerce, it offers seamless product display, cart functionality, and online shopping tools. Blending modern aesthetics with speed, flexibility, and luxury, The Beauty Store theme delivers a professional, high-performing solution for beauty, fashion, and wellness businesses looking to create a captivating online presence.
Version: 0.0.7
Tested up to: 6.8
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: beauty-cosmetic-store
Text Domain: beauty-store
Tags: three-columns, four-columns, translation-ready, custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, post-formats, blog, portfolio, e-commerce

Beauty Store WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2024.
Beauty Store WordPress Theme is released under the terms of GNU GPL
*/
 .bypostauthor{}

#colophon, .top-info, span.cart-value, .product-search button, .all-categories, #top-slider .slide-btn a, .load hr, .sidebar input[type="submit"],.sidebar button[type="submit"], a.btn-text, span.onsale, .pro-button a, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .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 a.added_to_cart, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce .woocommerce-ordering select, .woocommerce-account .woocommerce-MyAccount-navigation ul li,.main-navigation .sub-menu>li>a:before, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover, .comment-respond input#submit, .not-found-pagetext input.search-submit.btn.btn-primary, .sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading, .sidebar .tagcloud a:hover, p.wp-block-tag-cloud a:hover, #button, .sidenav .closebtn  {
    background: #F49292;
}
@keyframes loading {
  0%,
  100% {
    background-color: #F49292;
  }
  50% {
    background-color: #F49292;
  }
}
a, .top-info .social-link a i:hover, .top-info p.location i, .top-header p, .phone-icon i, .last_slide_head, .ser-content .social-link a, .featured h6.team-designation, .article-box a, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .main-navigation .menu > li > a:hover, .post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .widget a:hover, .widget a:focus, .sidebar ul li a:hover {
    color: #F49292 ;
}
.postcat-name {
    color: #F49292 !important;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
    background-color: transparent;
}
.woocommerce-message,
.woocommerce-info{
  border-top-color: #F49292;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hove, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover,  {
    border-color: #F49292 ;
}
a.btn-text {
    color: #fff;
}
.meta-info-box span, .meta-info-box a {
    color: #000;
}
.slider-inner-box {
    right: 50%;
}
.slider-inner-box h2 {
    max-width: 60%;
}
#top-slider .slide-btn a {
    background-color: #F5C9AD;
}
.slider-inner-box p, .top-info .social-link a i:hover {
    color: #000;
}
#top-slider .box-btn-1 a:hover, a.btn-text:hover, #top-slider .box-btn-4 a:hover {
    background-color: #000;
    color: #fff;
}
#top-slider .box-btn-2 a:hover {
    background-color: #fff;
    color: #000;
}
#top-slider .owl-dot {
    background-color: rgb(0 0 0 / 20%);
}
.sidenav .closebtn, .admin-bar .sidenav .closebtn {
    padding: 7px;
    top: 15px;
}
.main-header {
    padding: 10px 0;
}
.site-info {
    text-align: center;
}
.sidebar h5 a, .sidebar .widget h2.wp-block-heading a {
    color: #fff;
}
body {
    background-color: #fff;
    background-image: url('./assets/img/body-bg.png');
    background-size: 100%;
    color: #000;
}

@media screen and (max-width: 575px) {
    .slider-inner-box h2 {
        max-width: 100%;
    }
    .slider-inner-box {
        left: 8%;
        right: 8%;
        text-align: center;
    }
    .head-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .head-button span {
        margin: 0 !important;
        width: max-content;
        align-self: anchor-center;
    }
    .currency .woocommerce-currency-switcher-form ul.dd-options {
        width: 150px !important;
    }
    span.translate-btn:after {
        display: none;
    }
    .featured h4.main-heading {
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .slider-inner-box h2 {
        max-width: 100%;
    }
    .slider-inner-box {
        right: 40%;
    }
    .main-header-btn a, .translate-btn .gt_float_switcher .gt-selected .gt-current-lang {
        font-size: 14px;
    }
    body.admin-bar .sidenav {
        margin-top: 46px;
    }
}
@media screen and (max-width: 1030px) {
    .all-categories button {
        padding: 13px;
    }
    span.user-btn a.account-btn, span.wish-btn a, span.cart_no a, .phone-icon i {
        width: 40px;
        height: 40px;
    }
    .phone-icon i {
        padding: 12px;
    }
    .head-button span.main-header, .head-button span.translate-btn {
        margin-right: 10px !important;
    }
    .head-button span.currency {
        margin: 0 !important;
    }
    .currency .dd-select {
        width: 60px !important;
    }
    .main-navigation .menu li a {
        padding: 15px 10px;
    }
}
@media screen and (max-width: 1400px) {
    .main-header-btn i {
        font-size: 18px;
    }
    .main-header-btn a {
        font-size: 14px;
    }
    .service-icon img {
        width: 80px !important;
        height: 80px;
    }
    .slider-inner-box h2 {
        max-width: 70%;
    }
    .phone-icon i {
        width: 40px;
        height: 40px;
        padding: 12px;
    }
}