/*
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 provides a structured website layout with configurable sections for featured collections, image galleries, testimonials, banners, contact information, and additional content. The theme includes built-in customization options for colours, typography, navigation menus, widget areas, headers, footers, and logo uploads through the Customizer. Homepage sections can be arranged without modifying the theme files, helping maintain an organised structure and consistent visual presentation across the website.The theme supports the block editor and integrates with commonly used page builders for flexible page creation. It is compatible with plugins for contact forms, search engine optimisation, caching, and security, allowing additional functionality while maintaining compatibility with current platform updates. Translation-ready files simplify multilingual website management, while standard coding practices support easier maintenance and long-term compatibility. Users can customise page spacing, content placement, image displays, banners, and widget areas using the available settings. Veloura Fashion Studio also includes configurable navigation, footer controls, social media integration, and gallery management that help organise website content while maintaining a clear and consistent appearance across all pages.
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.1
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){
   
}
