@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 WordPress design crafted to give your website a minimal yet elegant and sophisticated appeal. With its clean layout and retina-ready interface, it ensures every element looks stunning on all devices, offering a seamless and responsive experience. This theme is user-friendly, making it perfect for Beauty Cosmetic Store, beauty shop, cosmetic store, skincare store, makeup shop, hair care products, beauty products online, cosmetic boutique, organic cosmetics who want to create beautiful websites with ease. Equipped with advanced personalization options, the theme allows you to design a website that reflects your brand’s unique identity. You can highlight products, services, or special offers using its built-in banner section, while the testimonial section helps build trust and credibility with your audience. Features like a dedicated team display and strategically placed call-to-action (CTA) buttons ensure better engagement and conversions. The theme is agency-friendly and integrates smoothly with social media, enabling you to connect and grow your online presence effectively. Optimized codes and clean coding practices guarantee faster page load times, ensuring a secure and smooth browsing experience. Designed to be mobile-friendly, it adapts beautifully across smartphones, tablets, and desktops. For enhanced interactivity, the theme includes stunning animated effects, interactive elements, and Bootstrap support for a modern and luxurious design framework. Shortcodes and customization options make editing effortless, giving you complete control over the look and feel of your site. Additionally, the theme is translation-ready, ensuring global accessibility for businesses targeting diverse audiences. Whether you’re running a beauty shop, fashion boutique, salon, or lifestyle agency, the Beauty Store delivers a modern, luxurious, and clean platform to showcase your services and products effectively.
Version: 0.0.1
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 {
}

#masthead {
  margin-bottom: 2em;
}

#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;
}

.num-list {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
}

.num-list li {
  counter-increment: item;
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 10px 15px;
  margin: 10px 0;
  border-left: 6px solid #ff5894; /* pink accent */
  border-radius: 10px;
  background: #fff;
  color: #333; /* keep text dark for contrast */
  box-shadow: 0 2px 6px rgba(255, 88, 148, 0.15);
}

/* circular number badge */
.num-list li::before {
  content: counter(item);
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  border-radius: 50%;
  background: #ff5894; /* badge background */
  color: #fff; /* badge number color */
  flex: none;
  box-shadow: 0 2px 6px rgba(255, 88, 148, 0.2);
}

/* emphasize strong text */
.num-list li strong {
  font-weight: 700;
  color: #ff5894;
}

/* colors & borders */
.wp-block-yoast-faq-block {
  border-top: 1px solid #eee;
}
.wp-block-yoast-faq-block .schema-faq-question {
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 20px;
}
.wp-block-yoast-faq-block .schema-faq-question:hover,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-question {
  background-color: #fafafa;
}
.wp-block-yoast-faq-block .schema-faq-answer,
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
  border-bottom: 1px solid #eee;
}

/* layout */
.wp-block-yoast-faq-block .schema-faq-question {
  display: block;
  padding: 10px;
  position: relative;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question {
  cursor: pointer;
}
.wp-block-yoast-faq-block .schema-faq-answer {
  margin: 0;
  padding: 12px 10px;
}

/* bullet before a question */
.wp-block-yoast-faq-block .schema-faq-question:before {
  /* position gap */
  margin-top: -2px;
}
.wp-block-yoast-faq-block .schema-faq-question,
.wp-block-yoast-faq-block .schema-faq-answer {
  padding-left: 34px;
}
.wp-block-yoast-faq-block .schema-faq-question:before {
  content: "";
  display: block;
  border: 2px solid #dedede;
  border-width: 0px 2px 2px 0px;
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  position: absolute;
  left: 14px;
}
.wp-block-yoast-faq-block.fcp-faq .schema-faq-question:before {
  top: 16px;
  transform: rotate(-45deg);
  transition: all 0.3s 0.3s ease;
}
.wp-block-yoast-faq-block .schema-faq-question:before,
.wp-block-yoast-faq-block.fcp-faq .fcp-opened .schema-faq-question:before {
  top: 14px;
  transform: rotate(45deg);
}

/* transition */
.wp-block-yoast-faq-block.fcp-faq .schema-faq-answer {
  max-height: 0;
  overflow: hidden;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: padding-bottom 0.3s ease-in, max-height 0.4s ease-in,
    padding-top 0.1s 0.4s ease-out, border-bottom-width 0s 0.5s linear;
}
.wp-block-yoast-faq-block .fcp-opened .schema-faq-answer {
  max-height: 9999px;
  border-bottom-width: 1px;
  padding-top: 12px;
  padding-bottom: 20px;
  transition: padding-top 0.2s ease-in, max-height 0.3s 0.2s linear,
    padding-bottom 0.4s 0.2s ease;
}

.site-logo {
  text-align: center;
}

.center-header {
  padding: 5px 0px;
}

.main-header {
  padding: 0;
}

.main-navigation .menu li a {
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  .img-r {
    flex-direction: column;
  }

  .casino-items img {
    max-width: 400px;
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .site-logo {
    margin: 0;
  }
  .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) {
  h1.entry-title {
    font-size: 33px;
  }
  .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;
  }
}