@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. With its clean layout and retina-ready, responsive design, it ensures every element looks stunning across all devices for a seamless user experience. Perfect for beauty cosmetic store, makeup shop, skincare store, cosmetic boutique, organic cosmetics, perfume shop, hair salon, nail salon, spa products store, beauty product website, wellness boutique, or fashion and lifestyle brand, this theme provides a professional and visually appealing platform to showcase your services and products. It includes advanced customization options to personalize layouts, colors, and fonts, helping your brand stand out effortlessly. You can highlight products, services, and special offers through its engaging banner section, while testimonial, team, and Call to Action (CTA) sections enhance trust and boost conversions. With social media integration, you can grow engagement and improve visibility. Built using Bootstrap, it ensures optimized code, secure performance, and fast loading speed. The theme also includes animated effects, interactive elements, and shortcodes for easy editing and improved interactivity. Designed to be mobile-friendly and translation-ready, it provides global accessibility for businesses targeting diverse audiences. Compatible with the WooCommerce plugin, it enables seamless product display, cart functionality, and online shopping features. The Beauty Store theme combines modern aesthetics, speed, and flexibility, offering a luxurious, professional, and high-performing solution for beauty, fashion, and wellness businesses.
Version: 0.0.5
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: 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;
    }
}