/*
Theme Name: Blume Beauty
Theme URI: https://www.nordicwptheme.com/product/blume-pro-wordpress-theme-for-multipurpose/
Author: Nordic Wp Theme
Author URI: https://www.nordicwptheme.com/
Description: Blume Beauty is a professional, elegant, and versatile WordPress theme crafted for beauty brands, skincare stores, cosmetic shops, wellness studios, and spa businesses. With its clean, minimal, and sophisticated design, this theme offers a user-friendly and visually captivating interface—perfect for showcasing skincare collections, makeup lines, beauty products, tutorials, and promotional campaigns. Built on Bootstrap for responsive, mobile-friendly, and retina-ready performance, it features a powerful banner section, strategically placed Call to Action (CTA) buttons, and a sleek testimonial area to build trust and boost customer engagement. The integrated Team section allows you to highlight beauty experts, skincare specialists, or makeup artists with clarity and professionalism, while smooth animations add vibrancy and elegance to your brand presentation. Optimized for SEO, fast loading, and built with clean architecture, Blume Beauty enhances your search engine visibility and provides a seamless browsing experience. Highly customizable, translation-ready, and equipped with useful shortcodes, it caters to a global audience and supports diverse beauty-related services including online beauty shops, spa booking, skincare consultations, and cosmetic tutorials. A perfect fit for both modern and luxury beauty businesses, the theme ensures security, stability, and smooth performance. For added convenience, it integrates seamlessly with the Contact Form 7 plugin, allowing customers to book BUYs, request skincare advice, or inquire with ease. With Blume Beauty, you don’t just create a website—you craft a stunning, trustworthy digital presence that resonates with beauty lovers worldwide.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: blume-beauty
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, food-and-drink, portfolio, blog
*/

.slider-button a:hover,.theme-btn a:hover,.header-button a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-box-single{
  position: relative;
}
.slider-main-box{
  position: relative;
}
.post-date span.dashicons{
  color: #ffffff;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
}
.menu-box nav ul li ul.wp-block-navigation-submenu li a:hover:after{
  display: none;
}
.service-btn:hover{
  background-color: var(--wp--preset--color--tertiary) !important;
}
.service-box-single .wp-block-buttons a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.service-inner-box img,.service-inner-box figure{
  width: 100% !important;
}
.service-inner-box h4 a{
  text-decoration: none !important;
}

button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 0px !important;
  align-items: center;
}
.banner-img-1 img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.banner-img-3 img{
  width: 100%;
  height: 400px;
}
.banner-img-2 img{
  width: 100%;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -12px;
}
.our-projects .owl-stage{
  padding-left: 0px !important;
}
form.wp-block-search__button-only.wp-block-search__searchfield-hidden.wp-block-search__icon-button.wp-block-search svg{
  border-left: 1px solid var(--wp--preset--color--contrast);
  position: relative;
  padding-left: 20px !important
}
.slider-right{
  position: relative;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  background: transparent !important;
}
.slider-next{
  justify-content: right !important;
  text-align: right !important;
  display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
  text-align: center;
  width: 142px;
  height: 142px;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px;
  border: none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center !important;
  align-items: center;
  cursor: pointer;
}
.slider-content-box {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}

.slider-right{
  text-align: right;
}
.slider-right .owl-stage-outer{
  margin-left: 0px !important;
}
.slider-right{
  position: relative;
  width: 100%;
}
.slide-item img {
  width: 400px !important;
  height: 530px;
  margin: 0 auto;
}

.team-content-box {
  left: 0px;
  position: absolute;
  bottom: 24%;
  left: -32%;
  text-align: center;
  margin: 0 auto;
  width: 55%;
  padding: 17px 10px;
}
.wp-block-image.small-img img {
  vertical-align: middle;
}
.service-btn {
  width: 40px;
  height: 40px;
  text-align: left;
  margin-left: 0px !important;
}
.team-single-box{
  position: relative;
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}
.home .main-header-box{
  position: absolute;
  left: 0px;
  background: transparent !important;
  width: 100%;
  z-index: 1;
}
.our-projects .owl-nav,.our-services .owl-nav {
  display: block !important;
  position: absolute;
  top: -27%;
  text-align: right;
  width: 100%;
}
.our-projects .owl-carousel .owl-nav .owl-prev,.our-services .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover span, .our-projects .owl-carousel .owl-nav .owl-next:hover span,
.our-services .owl-carousel .owl-nav .owl-prev:hover span, .our-services .owl-carousel .owl-nav .owl-next:hover span{
  color: #ffffff;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover, .our-projects .owl-carousel .owl-nav .owl-next:hover,
.our-services .owl-carousel .owl-nav .owl-prev:hover, .our-services .owl-carousel .owl-nav .owl-next:hover {
    background: var(--wp--preset--color--primary) !important;
}
.our-projects .owl-carousel .owl-nav .owl-prev, .our-projects .owl-carousel .owl-nav .owl-next,
.our-services .owl-carousel .owl-nav .owl-prev, .our-services .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: #000000;
  border: 0px;
  border-radius: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev,
.our-services .owl-carousel .owl-nav .owl-prev {
  border-right: 2px solid #FFFFFF12;
}
.our-projects .owl-carousel .owl-nav .owl-prev span, .our-projects .owl-carousel .owl-nav .owl-next span,
.our-services .owl-carousel .owl-nav .owl-prev span, .our-services .owl-carousel .owl-nav .owl-next span  {
  color: #ffffff;
  font-size: 22px;
  padding: 4px 8px;
}
.banner-image-wrap {
  position: relative;
}
.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
.service-inner-box{
  position: relative;
}
.service-content-box{
  position: absolute;
  bottom: 0px;
  text-align: left;
  width: 100%;
}
.our-blog .place-image, .our-blog .place-image img {
  width: 100% !important;
  object-fit: cover;
  vertical-align: bottom;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
.sale-button {
  position: absolute;
  left: 0px;
  top: 1%;
  padding: 4px 10px !important;
}
.menu-box nav ul li a{
  position: relative;
}
.menu-box nav ul li a:hover:after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: -18px;
  position: absolute;
  left: 0px;
  background: var(--wp--preset--color--primary) !important;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  color: #000000 !important;
}
.social-icon-box .wp-block-social-links{
  justify-content: flex-end !important;
}
.social-icon-box .wp-social-link svg{
  font-size: 18px;
  fill: #FAA820 !important;
}
.social-icon-box .wp-social-link a:hover{
  background: var(--wp--preset--color--primary) !important;
}
.social-icon-box .wp-social-link a:hover svg{
  fill: #ffffff !important;
}
.social-icon-box .wp-social-link a {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 5px !important;
}
.menu-box nav ul li a{
  text-decoration: none;
}

.header-box-middle,.menu-box{
  position: relative;
}
footer.wp-block-template-part .photolancer-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.head-menu-box{
  border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
  border-bottom: 0;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: Figtree;
  font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
  display: flex;
  flex-direction: row-reverse;
}
.head-menu-box ul li a:hover {
  background: #0E2646;
  padding: 10px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 0px;
    margin: 10px 0px;
  }
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .award-box {
    position: relative;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
  .banner-img-1 img{
    height: 300px;
  }
  .our-projects .owl-nav, .our-services .owl-nav{
    display: none !important;
  }
  .project-heading{
    text-align: center;
  }
  .service-content-box h4,.service-content-box{
    text-align: left !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .our-services h3{
    text-align: center !important;
  }
  .our-services .owl-nav{
    margin-top: 20px;
  }
  .slider-content-box{
    position: relative;
    transform: none;
    left: 0px;
    right: 0px;
    width: 95%;
    margin: 0 auto;
    padding-top: 30px !important;
  }
  .slider-main-box {
    min-height: 1400px !important;
  }
  .meta-search,.banner-short{
    justify-content: center !important;
  }
  .owl-dots {
    left: 0px;
    width: 90%;
  }
  .our-project h3{
    text-align: center !important;
  }
  .our-projects .owl-nav, .our-services .owl-nav {
    position: relative;
    top: 0px;
    text-align: center;
  }
  .slide-item .animations-hidden-item {
    transform: translateY(-50%) !important;
    transition: all 1s;
  }
  .place-image img{
    width: 100% !important;
    object-fit: cover !important;
  }
  .home .main-header-box{
    position: relative;
    background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%)  !important;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .team-content-box {
    left: 0px;
  }
  .count-box{
    display: none;
  }
  .short-heading-banner,.banner-heading,.slider-text{
    text-align: center !important;
  }
  .slider-button{
    justify-content: center !important;
  }
  .tour-box {
    max-width: 90% !important;
  }
  .place-image img,.tour-box img{
    object-fit: cover
  }
  .about-btn {
    justify-content: center;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .header-box-upper{
    position: relative;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .team-content-box {
    width: 70%;
  }
  .our-projects .owl-nav{
    margin-top: 30px !important;
  }
  .slider-content-box .banner-left{
    flex-basis: 50% !important;
  }
  .about-box,.blog-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
    width: 100%;
  }
  .about-box .about-left{
    width: 100% !important;
  }
  .project-heading {
    text-align: center;
  }
  .banner-img-3 img{
    height: 300px !important;
  }
  .banner-right-image {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .slider-content-box .slider-right .right-image1{
    flex-basis: 50% !important;
  }
  .slider-content-box .slider-right .right-image2{
    flex-basis: 50% !important;
  }
  .slider-main-box{
    min-height: 900px !important;
  }
  .owl-dots {
    left: 0px;
    width: 68%;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .tour-box{
    max-width: 95% !important;
    gap:10px;
  }
  .banner-left,.slider-right{
    flex-basis: 50% !important;
  }
  .banner-img-3 img{
    object-fit: cover;
  }
  .team-content-box {
    width: 100% !important;
  }
  .blog-box{
    max-width: 95% !important;
  }
  
  .review-meta,.blog-meta{
    gap:10px;
  }
  .review-meta h6{
    font-size: 10px !important;
  }
  #service-content-single h2 {
    font-size: 14px !important;
  }
  .owl-dots {
    position: relative;
    width: 65%;
  }
  .menu-box ul {
    gap:8px;
  }
  .menu-box ul li a {
    font-size: 12px !important;
  }
  .menu-box nav ul li a {
    padding: 0px 8px;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .banner-heading {
    font-size: 25px !important;
  }
  .about-box,.project-heading h6,.project-heading h3,.services-owl-box,.project-heading p,.project-heading figure{
    max-width: 95% !important;
  }
  .about-box{
    gap:10px !important;
  }
  .about-left p{
    font-size: 12px !important;
  }
  .service-inner-box h4 {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .our-projects .owl-nav {
    top: -39%;
  }
  .slider-content-box .banner-left,.slider-content-box .slider-right{
    flex-basis: 50% !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .our-projects .owl-nav {
    top: -46%;
  }
  .team-content-box {
    width: 70%;
  }
  .owl-dots {
    position: relative;
    width: 50%;
  }
}
/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}