/*
Theme Name: Luxury Shop Pro
Theme URI: https://www.theclassictemplates.com/trial/luxury-shop-pro/
Author: Classic Template
Author URI: https://www.themeignite.com/
Description: The Eco is a beautifully crafted, multipurpose theme ideal for businesses, blogs, and consultancy services with an eco-friendly or sustainability-focused mission. Designed with a minimal and elegant layout, this theme offers a professional and sophisticated appearance that suits a variety of industries. Whether you’re a green consultant, environmental blogger, or developer launching a product-based website, this theme delivers the perfect mix of form and function. Built with responsive and mobile-friendly technology, it guarantees smooth viewing across all devices and screen sizes. The theme is retina-ready, offering crisp visuals and an engaging user experience. Powered by Bootstrap and supported with clean, optimized code, it ensures faster page load time and top performance. The inclusion of a testimonial section, interactive banner, animated call-to-action (CTA) buttons, and an appealing team showcase enhances your credibility and customer trust. With built-in shortcodes, setting up features and sections becomes quick and easy. Designed to be developer-friendly, this theme allows flexible customization with plenty of personalization options and secure, clean code for extended functionality. Whether you need a simple blog or a feature-rich site, the theme delivers modern aesthetics and powerful features to build an impressive, interactive, and luxurious online presence.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: luxury-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Luxury Shop Pro WordPress Theme has been created by Classic Template(Classic Template.net), 2018.
Luxury Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
    font-weight: 600;
}
.wpcf7-spinner {
    display: none;
}
:root{
    --primary-- : #121212;
    --secondary-- : #fff;
    --yellow-- : #ECAF26;
    --dark-gray-- : #1B1919;
    --dark-- : #000;
    --light-gray-- : #FFF9F9;
    --gray-- : #414141;
    --dim-gray-- : #616161;
    --rubik-- : "Rubik";
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/
.preloader{
    display: flex;
    background: var(--yellow--);
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
}
.preloader .loading-dot{
    width: 15px;
    height: 15px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    animation: load 3s infinite linear;
}
@keyframes load{
    0% {
        transform: rotate(0deg); 
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
    25%{
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
    }
    50%{
        box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                    -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
    }
    70%{
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    75%{
        width:10px;
        height:10px;
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    80%{
        background-color: #fff;
        width:40px;
        height:40px;
        transform: rotate(360deg); 
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    85%{
        background-color: #fff; 
        width:40px;
        height:40px;
        transform: rotate(360deg);
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    90%{
        background-color: #fff; 
        width:10px;
        height:10px;
        transform: rotate(360deg); 
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    95%{
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
    100%{
        transform: rotate(360deg);
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
}
#menu-item-146 a,#menu-item-147 a {
    background: #C57139;
    padding: 8px 16px;
    border-radius: 23px !important;
    color: #fff;
}

#menu-item-146 a:hover, #menu-item-147 a:hover {
    background: #000;
}
.mtsnb .mtsnb-container {
    padding: 5px 0px;
}
.mtsnb .notification-bar a {
    font-weight: 600;
    background: #111;
    border-radius:6px;
    color: #fff;
    padding: 5px 8px;
    margin: 5px 0 5px 10px;
    display: inline-block;
}
.home #header_navigation,
#header_navigation {
    top: 50px;
}
.sidenav {
        top: 0;
    }
@media only screen and (min-width: 250px) and (max-width: 767px) {
    .sidenav {
        top: 0;
    }
    .home #header_navigation,
#header_navigation {
    top: 0px;
}
    div#content_header {
    top: 120px;
}
    body.has-mtsnb {
    padding-top: 0px !important;
}
}
@media only screen and (max-width: 693px){    
    body.has-mtsnb {
        padding-top: 0px !important;
    }
}
@media only screen and (max-width: 427px){   
        .sidenav {
        top: 0;
    }
        div#content_header {
    top: 145px;
}
    }
@media only screen and (max-width: 481px){    
    .inner-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    } 
    .sidenav {
        top: 0;
    } 
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .home #header_navigation, #header_navigation {
        top: 80px;
    }
    .sidenav {
        top: 0;
    }
}
  
/* Animation */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
@keyframes shake {
    0% { left: 0; }
    25% { left: 15px; }
    50% { left: 30px; }
    75% { left: 15px; }
    100% { left: 0; }
}

/* ===============================
   Homepage SVG rings → squares
   =============================== */

.home svg circle {
    rx: 0 !important;
    ry: 0 !important;
}