/*
Theme Name: Veloura Fashion Studio
Template: modern-fashion-store
Text Domain: veloura-fashion-studio
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/veloura-fashion-studio
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Veloura Fashion Studio offers an organised website structure with configurable homepage sections and flexible customization settings. It includes dedicated areas for featured content, collections, image galleries, promotional banners, testimonials, and contact information. The built-in Customizer allows modifications to typography, colours, navigation menus, widgets, headers, footers, and logo settings without editing the core files. These settings help maintain a consistent appearance throughout the website. The theme supports the block editor and works with commonly used page builders for creating customised page layouts. Compatibility with plugins for SEO, contact forms, caching, and security extends functionality while maintaining stable performance. Translation-ready support simplifies multilingual content management, while standard coding practices improve long-term compatibility with future platform updates. Additional customization options allow adjustments to page spacing, content organisation, widget placement, image displays, and footer layouts. Veloura Fashion Studio provides structured design controls and configurable homepage sections that simplify routine website updates while preserving organised navigation and a consistent presentation across the website.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, e-commerce, portfolio, blog
Version: 0.2
Tested up to: 7.0
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1: #212121;
    --font-awesome:'FontAwesome';
}
h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a{
    font-family: 'Instrument Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}
.page-box h4 a{
    letter-spacing: unset;
}
h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i,p.infotext,.car-inner-content h3 a,a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading, #theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading{
    color: #000000;
}
.main-navigation ul ul {
    background: var(--color-primary1);
}
.main-navigation ul ul li a:hover, .main-navigation li.menu-item-has-children::after{
    color: #fff !important;
}
.main-navigation ul ul.children ul, .main-navigation ul ul.sub-menu ul{
    top: 0;
    margin-left: 0;
}
.main-navigation li.menu-item-has-children::after{
    z-index: 99;
}
.headerbox{
    position: relative !important;
}
.menu-box{
    position: absolute;
    width: 100%;
}
.main-navigation a, .main-navigation ul .current_page_item a, .main-navigation ul .current_page_item a{
    color: #fff;
}
.logo p.site-title a, .logo h1 a, .main-navigation a:hover, .header-details i,.header-details i:hover{
    color: #fff;
}
.header-details i{
    background: none !important;
}
.header-details{
    position: relative;
    z-index: 99;
}
.logo p.site-title a, .logo h1 a{
    position: relative;
    z-index: 999;
}
.logo p.site-title a:hover, .logo h1 a:hover{
    color: #fff;
}
#slider{
    clip-path: none;
}
/*look book*/
#service-section{
    margin: 5em 0 0;
}
#service-section .look-img-wrap img{
    width: 100% !important;
    object-fit: cover;
    height: 400px;
}
#service-section .serv-top-title{
    font-size: 17px;
    color: #000;
    font-weight: 500;
}
#service-section h2{
    font-size: 25px;
}
#service-section p.serv-description{
    font-size: 16px;
    font-weight: 500;
    color: #353535;
    line-height: 1.5;
}
#service-section p.look-texts{
    font-size: 17px;
    color: #353535;
    font-weight: 500;
}
#service-section .main-serv-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
#service-section a.look-btn{
    background: var(--color-primary1);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 17px;
    border: 1px solid var(--color-primary1);
}
#service-section a.look-btn:hover{
    background: transparent;
    color: var(--color-primary1);
}
#service-section .col-lg-8 p.look-texts{
    padding: 0 8em;
}
#service-section .main-serv-btn{
    margin-bottom: 2em;
}
/*img effect*/
#service-section .look-img-wrap {
    position: relative;
    overflow: hidden;
}
#service-section .look-img-wrap img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}
#service-section .look-img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
#service-section .look-img-wrap:hover img {
    transform: scale(1.08);
}
#service-section .look-img-wrap:hover::after {
    opacity: 1;
}
/*product effect*/
#product-section .product-image {
    overflow: hidden;
}
#product-section .product-image img {
    transition: transform 0.5s ease;
}
#product-section .product-outer:hover .product-image img {
    transform: scale(1.08);
}
/*slider effect*/
#slider .slider-border {
    overflow: hidden;
}
#slider .slider-border img {
    transition: transform 0.5s ease;
}
#slider .item:hover .slider-border img {
    transform: scale(1.08);
}
/*----responsive*/
@media screen and (max-width: 767px){
    .menu-box{
        position: static;
        background: var(--color-primary1);
    }
    #service-section .col-lg-8 p.look-texts{
        padding: 0;
    }
    #service-section .main-serv-btn{
        margin-bottom: 2em;
    }
    #service-section p.serv-description{
        font-size: 15px;
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }
    #service-section p.look-texts{
        font-size: 14px;
    }
    #service-section a.look-btn{
        font-size: 13px;
        padding: 6px 12px;
    }
    #service-section{
        margin: 3em 0 1em;
    }
}
@media screen and (max-width: 1000px){
    .toggle-nav button{
        background: #fff;
        color: var(--color-primary1);
    }
   .menubar.login-user{
    display: flex;
    justify-content: center;
   }
   .menubar.login-user{
    position: relative;
    z-index: 999;
   }
   #service-section p.serv-description{
        font-size: 15px;
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }
    #service-section p.look-texts{
        font-size: 14px;
    }
    #service-section a.look-btn{
        font-size: 13px;
        padding: 6px 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
   #service-section .col-lg-8 p.look-texts{
    padding: 0;
   }

}

@media screen and (min-width: 1024px) and (max-width: 1199px){
   
}
@media screen and (max-width: 767px) and (min-width: 561px){
   
}
@media screen and (max-width: 560px){
   
}