@charset "UTF-8";
/*
Theme Name: Beauty Store
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/cosmetic-store-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Beauty Store is an elegantly designed, multipurpose website template that offers a minimal yet sophisticated look, perfect for various beauty businesses like cosmetics stores, makeup shops, skincare retailers, and beauty product boutiques. Its clean layout and responsive design ensure that all elements appear stunning on any device, providing a seamless user experience. With advanced customization options, you can easily tailor layouts, colors, and fonts to match your brand's identity. The template includes engaging banner sections, testimonials, and compelling Call to Action (CTA) areas to enhance trust and boost conversions. Built on Bootstrap, it features optimized code for secure performance and quick loading times, complemented by animated effects and interactive elements for easy customization. Additionally, social media integration enhances visibility, while its mobile-friendly and translation-ready setup ensures accessibility for a global audience. Fully compatible with the WooCommerce Product Add-Ons plugin, the tool allows for advanced product customization and variant selections, making The Beauty Store theme a luxurious, high-performing solution for beauty, fashion, and wellness businesses.
Version: 0.1.7
Tested up to: 7.0
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: var(--first-color);
}
@keyframes loading {
  0%,
  100% {
    background-color: var(--first-color);
  }
  50% {
    background-color: var(--first-color);
  }
}
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: var(--first-color) ;
}
.postcat-name {
    color: var(--first-color) !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: var(--first-color);
}
.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: var(--first-color) ;
}
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;
    }
}