/**
Theme Name: Ladliju Style Lab
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ladliju-style-lab
Template: astra
*/

/*-- Widescreen --*/
/* @media (min-width: 2400px) {} */
/*-- Desktop --*/
/* @media (min-width:1367px) and (max-width: 2399px) {} */
/*-- Laptop --*/
/* @media (min-width:1201px) and (max-width: 1366px) {} */
/*-- Tablet Landscape --*/
/* @media (min-width:1025px) and (max-width: 1200px) {} */
/*-- Tablet Potrait --*/
/* @media (min-width:881px) and (max-width: 1024px) {} */
/*-- Mobile Landscape --*/
/* @media (min-width:768px) and (max-width: 880px) {} */
/*-- Mobile Potrait --*/
/* @media screen and (max-width:767px) {} */


/* Color Definitions
Primary: Main brand color for prominent elements like headings and icons, establishing the site's core visual identity.
Secondary: Supporting color for sub-elements such as list items, subheadings, animated headings, and price table backgrounds.
Text: Standard color for body paragraphs and menu items, ensuring readable content across the site.
Accent: Highlight color for interactive or attention-grabbing items like links, button backgrounds, tabs, accordions, and badges. */

/* Fonts
Inter (Body)
Playfair Display (Title)
------------------------
Primary - 300
Secondary - 500
Text - 
Accent - 

Weight - 400
Weight - 600
Transform Normal
Transform Capitalize
Transform Uppercase

Body - 16 clamp(0.875rem, 0.833rem + 0.21vw, 1rem) | 300 | 1.7

Menu - 12 (0.75) | 500 | 1.4 | 1.2px | U (Menu)
Button - 12-10 clamp(0.625rem, 0.58rem + 0.21vw, 0.75rem) | 500 | 1.4 | 1.2px

H1 - 85-36 clamp(2.25rem, 1.23rem + 5.1vw, 5.3125rem) | 400 | 1.2 (Playfair Display)
H2 - 64-32 clamp(2rem, 1.33rem + 3vw, 4rem) | 400 | 1 | -1.28px (Playfair Display)
H3 - 40-30 clamp(1.875rem, 1.67rem + 1.04vw, 2.5rem) | 400 | 1.25 | 1.2px (Playfair Display)
H4 - 32-26 clamp(1.63rem, 1.5rem + 0.63vw, 2rem) | 400 | 1.3 | -0.32px (Playfair Display)
H5 - 24-20 clamp(1.25rem, 1.17rem + 0.42vw, 1.5rem) | 400 | 1.4 (Playfair Display) ***************************
H6 - 12 (0.75) | 500 | 1.4 | 1.2 ( Inter - Top Slide Text)

10 (0.625 rem) | 400 | 1.5
10 (0.625 rem) | 400 | 1.5 | U
12 (0.75 rem) | 500 | 1.4 | 2.4px | U
12 (0.75 rem) | 500 | 1.4 | 3.6px | U
14 (0.875 rem) | 300 | 1.5999 (Other Box Sub Titles)
18-14 clamp(0.875rem, 0.79rem + 0.42vw, 1.125rem) | 300 | 1.88
18-14 clamp(0.875rem, 0.79rem + 0.42vw, 1.125rem) | 500 | 1.5 | 0.9px
20-16 clamp(1rem, 0.92rem + 0.42vw, 1.25rem) | 400 | 1.65
24-20 clamp(1.25rem, 1.17rem + 0.42vw, 1.5rem) | 400 | 1.45 | 1.2px
27-16 clamp(1rem, 0.771rem + 1.146vw, 1.6875rem) | 400 | 1.9
64-32 clamp(2rem, 1.33rem + 3vw, 4rem) | 400 | 1 | -1.28px (Also H2)
*/

:root {
    --color-primary: #000000;
    --color-secondary: #B78A3C;
    --color-text: #000000;
    --color-accent: #444748;

    --color-white: #ffffff; /* (Menu Text) */
    --color-ash-one: #444748; /* (Menu Text) */
    --color-ash-two: #FAFAFA; /* (bg colour) */
    --color-ash-three: #FAF9F5; /* (bg colour) */
    --color-ash-four: #FAF9F5CC; /* (bg colour) */
    --color-ash-five: #F4F4F0; /* (bg colour) */
    --color-ash-six: #C4C7C726; /* (bg colour) */
    --color-ash-seven: #EFEEEA; /* (Footer bg colour) */
    --color-ash-eight: #C4C7C7; /* (Footer form colour) */
    --color-ash-nine: #C4C7C780; /* (Footer form border) */
    --color-ash-ten: #C4C7C733; /* (border color) */

    background: linear-gradient(92.36deg, #F32932 2.13%, #ED1663 99.77%);
    background: linear-gradient(90deg, #0051FF 0%, #003FB3 100%);

}
@media (min-width:768px) and (max-width: 1599px) {
  .e-con {
    --container-max-width: 90%;
  }
}
h1, h2, h3, h4, h5, h6 {
    /* font-weight: 700!important;*/ 
}
h1,
.elementor-widget-heading h1.elementor-heading-title {
    /* line-height: 1.1em; */
}
a {
    text-decoration: none !important;
}
a:hover,
a:focus,
a:active,
a:visited,
a:focus-within,
a:focus-visible {
    outline: none!important;
}
ul, ol {
    /* list-style-position: inside; */
    margin-left: 0;
}
.lineheight-none {
    line-height: 0!important;
}
.bg-img-gray {
    filter: grayscale(100%);
}
@media screen and (max-width:1024px) {
    .no-br-tab-pot br {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .no-br-mob-pot br {
        display: none;
    }
}
/*---- Brand Slider Slide Continous - CSS - START ----*/
/*---- Change Slider Settings (Content > Additional Options > Autoplay Speed = 0 & Animation Speed = 3000) ----*/
.brand-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
/*---- Brand Slider Slide Continous - CSS - END ----*/
/*---- Astra Theme Default Style Reset CSS - START----*/
.ast-container {
    max-width: 100% !important;    
    padding: 0 !important;  
    margin: 0 !important;  
    width: 100% !important;
}
 .ast-article-single {
    padding: 0 !important;
}
.ast-separate-container #primary {
    margin: 0 !important;
    padding: 0 !important;
}
.ast-container p {
    margin-bottom: 10px;
}
.ast-container p:last-child {
    margin-bottom: 0;
}
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comments-title,
.ast-separate-container .ast-archive-description {
    padding: 0;
    border: none;
}
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-single:not(.ast-related-post) {
    background-color: transparent!important;
}
#ast-scroll-top {    
    /* display: none!important; */
    background-color: var(--primary);
    color: var(--text);
    bottom: 90px;
}
/*---- Astra Theme Default Style Reset CSS - END ----*/
/*---- Footer CSS - START ----*/
.footer-menu nav ul li a {
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .footer-menu nav ul li {
        text-align: center;
    }
}
/*---- Footer CSS - END ----*/
.elementor-form .elementor-form-fields-wrapper .elementor-field-group .elementor-field,
.elementor-form .elementor-form-fields-wrapper .elementor-field-group .elementor-button {
  box-shadow: none;
}
.common-form .elementor-field, 
.common-form .elementor-field select {
    background-color: transparent !important;
    box-shadow: none !important;
    height: 58px;
    padding: 18px 24px !important;
}
.common-form .elementor-field.elementor-select-wrapper {
    padding: unset !important;
}
.common-form.enquire-form .elementor-field-group-field_c648de4 .elementor-field-option {
    display: flex;
    gap: 10px;
    align-items: center;
}
.common-form.enquire-form .elementor-field-group-field_c648de4 .elementor-field {
    height: 40px;
    width: 40px;
}
.common-form textarea.elementor-field {
    height: 150px;
}
.common-form .elementor-field-type-acceptance {
    margin-bottom: 0!important;
}
.common-form .elementor-field-type-recaptcha {
    padding-bottom: 30px;
}
.common-form #form-field-reCAPTCHA {
    padding-left: 0!important;
}
.common-form button[type="submit"] {
    margin-top: 60px;
}
.elementor.e-loop-item.event.ast-article-single {
    background-color: transparent;
}
.service-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a,
.event-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a {
    display: block;
}
.elementor-messag.elementor-message-svg {
    margin: 40px 0 10px 0;
}
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev,
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next {
    z-index: 9;
}
@media screen and (max-width:767px) {
    .common-form button[type="submit"] {
        margin-top: 20px;
    }
    .common-form.enquire-form .elementor-field-group-field_c648de4 .elementor-field-option {
        align-items: start;
    }
    .common-form.enquire-form .elementor-field-group-field_c648de4 .elementor-field {
        height: 20px;
        width: 20px;
        margin-top: 3px;
    }
}
/*---- Pagination CSS - START ----*/
.common-loop-grid nav.elementor-pagination .page-numbers {
    border: 1px solid var(--color-text);
    border-radius: 6px;
    color: var(--color-primary);
    padding: 10px 5px;
    display: inline-block;
    min-width: 48px;
    margin-bottom: 10px;
}
.common-loop-grid nav.elementor-pagination .page-numbers:hover,
.common-loop-grid nav.elementor-pagination .page-numbers:focus,
.common-loop-grid nav.elementor-pagination .page-numbers:active, 
.common-loop-grid nav.elementor-pagination .page-numbers.current {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-white);
}
.common-loop-grid nav.elementor-pagination .page-numbers.prev, 
.common-loop-grid nav.elementor-pagination .page-numbers.next {
    border-color: transparent;
}
.common-loop-grid nav.elementor-pagination .page-numbers.prev:hover, 
.common-loop-grid nav.elementor-pagination .page-numbers.prev:focus, 
.common-loop-grid nav.elementor-pagination .page-numbers.prev:active, 
.common-loop-grid nav.elementor-pagination .page-numbers.next:hover,
.common-loop-grid nav.elementor-pagination .page-numbers.next:focus,
.common-loop-grid nav.elementor-pagination .page-numbers.next:active {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-secondary);
}
@media screen and (max-width: 767px) {
    .common-loop-grid nav.elementor-pagination .page-numbers {
        font-size: 12px;
        padding: 5px 3px;
        min-width: 33px;
    }
}
/*---- Pagination CSS - END ----*/
/*---- Exhibition Page CSS - START ----*/
.exhibition-box .exhibition-pro-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*---- Exhibition Page CSS - END ----*/