/*
Theme Name: Beauty Cosmetic Store Pro
Theme URI: https://www.themagnifico.net/products/cosmetic-store-wordpress-theme
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: 
templates, pagination option and multiple inner page templates. You also have enable-disable option on all sections.
Version: 0.0.3
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: beauty-cosmetic-store-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Beauty Cosmetic Store Pro WordPress Theme has been created by Themagnifico(themagnifico.net), 2023.
Beauty Cosmetic Store Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */


@import url('https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Inter:wght@100..900&display=swap');
.bypostauthor {
  font-weight: 600;
}
/*--------- Site Loader --------------*/
/* .preloader {
  background: #FF5894;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  align-items: center;
  justify-content: center;
} */
.preloader {
    position: fixed;
    inset: 0;
    background: #FF5894;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.preloader .load {
    width: 65px;
    height: 65px;
    border: 1px solid #e8d2db;
    border-radius: 50%;
    position: relative;
    animation: luxuryPulse 1.8s ease-in-out infinite;
}

.preloader .load::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #e8d2db;
    border-radius: 50%;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.preloader .load::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border: 1px solid #e8d2db;
    border-radius: 50%;
    top: 14px;
    left: 14px;
}

@keyframes luxuryPulse {
    0%, 100% {
        transform: scale(.85);
        opacity: .5;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}