/*
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 Luxury WordPress Theme is designed for users who want to create a visually stunning and professional website that exudes sophistication and modern elegance. This theme offers a seamless combination of aesthetics and functionality, making it perfect for businesses, creative professionals, and personal portfolios alike. Its responsive design ensures your website will look flawless on every device, from desktops to tablets and smartphones, providing visitors with a smooth and enjoyable browsing experience. With multiple layout options, customizable headers and footers,and a wide variety of pre-built templates,you can easily create a website that aligns with your brand identity without any coding knowledge. The theme supports popular plugins such as Elementor, WooCommerce, and WPForms, allowing you to add interactive elements, manage online stores, or create contact forms effortlessly. Built with performance in mind, the Luxury WordPress Theme is fully optimized for speed, SEO, and accessibility, ensuring your website ranks well on search engines while remaining user-friendly.
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; }
}