/*
Theme Name: The Perfume Shop Pro
Theme URI: https://www.themagnifico.net/products/perfume-shop-wordpress-theme/
Author: themagnifico
Author URI: https://www.themagnifico.net/
Description: The Perfume Shop WordPress Theme is an ideal solution for anyone looking to establish a captivating online presence for a perfume store, online perfume shop, or perfume boutique. Designed with elegance and sophistication, this theme offers a clean, minimal, and luxurious look that enhances the user experience. It's fully responsive and retina-ready, ensuring that your site looks stunning on all devices. The theme is user-friendly, featuring extensive customization options, allowing you to create a personalized and professional online perfume retailer or fragrance store. This premium theme is perfect for various businesses within the perfume industry, such as perfume distributors, wholesalers, and manufacturers. The Perfume Shop WordPress Theme supports features for custom perfume creation services, perfume subscription box services, and perfume gift set retailers. The Call to Action Button (CTA) is strategically placed to drive conversions. For social media integration, the theme is SEO friendly with optimized codes, ensuring faster page load times.
Version: 0.0.2
Requires at least: 5.0
Tested up to: 6.1
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: the-perfume-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
The Perfume Shop Pro WordPress Theme has been created by themagnifico(themagnifico.net), 2024.
The Perfume Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carrois+Gothic+SC&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caramel&family=Carrois+Gothic&family=Carrois+Gothic+SC&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Dela+Gothic+One&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.bypostauthor {
  font-weight: 600;
}
/*--------- Site Loader --------------*/

/* HTML: <div class="loader"></div> */
/*  */

.preloader {
  background: #f4f9ff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
/* .load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spind 2s ease infinite;
  opacity: 1;
}
.load :first-child{background:#163446;animation-delay:-1.5s}
.load :nth-child(2){background: #B5995A;;animation-delay:-1s}
.load :nth-child(3){background:#163446;animation-delay:-0.5s}
.load :last-child{background: #B5995A;}

@keyframes spind{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
} */


.loading-wrappers {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
	animation: animate 1.2s ease-in-out infinite;
}

@keyframes animate {
	0%,
	10%,
	100% {
		height: 40px;
		width: 40px;
	}
	65% {
		height: 70px;
		width: 70px;
	}
}

.loading-wrappers span {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	animation: rotate 1.2s linear both infinite;
}

@keyframes rotate {
	0%,
	30% {
		transform: rotate(0);
	}
	65% {
		transform: rotate(-40deg);
	}
	100% {
		transform: rotate(-90deg);
	}
}

.loading-wrappers span:nth-child(1) {
	top: 0;
	left: 0;
  background: #163446;

}

.loading-wrappers span:nth-child(2) {
	top: 0;
	right: 0;
  background: #385465;

}

.loading-wrappers span:nth-child(3) {
	bottom: 0;
	left: 0;
	background: #385465;
}

.loading-wrappers span:nth-child(4) {
	bottom: 0;
	right: 0;
	background: #B5995A;
}