/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1749637969
Updated: 2025-06-11 10:32:49

*/

/* =============================================================================
   IMPORTS
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* =============================================================================
   BASE STYLES
   ============================================================================= */
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #131313;
    line-height: 1.6;
}

/* =============================================================================
   TYPOGRAPHY - HEADINGS
   ============================================================================= */

/* Default headings */
h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .site-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    color: #131313;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}

/* Main page titles */
.site-main-page-title h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #FFB800 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

.main-page-title h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* Blog titles */
.site-blog-title h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 40px !important;
    text-transform: uppercase !important;
    color: #131313 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

.site-blog-sub-title h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 35px !important;
    text-transform: uppercase !important;
    color: #131313 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

.blog-single-tile h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    color: #131313 !important;
    font-weight: 700 !important;
    line-height: 1em !important;
}

/* Sub-titles */
.main-page-sub-title h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 35px !important;
    text-transform: uppercase !important;
    color: #131313 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.main-page-info-title h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 25px !important;
    text-transform: uppercase !important;
    color: #131313 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* Special responsive titles */
.title-big {
    font-size: 78px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}

.title-small {
    font-size: 34px;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}

/* =============================================================================
   SECTION-SPECIFIC TITLES
   ============================================================================= */

/* Functional section */
.title-functional h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #005DFF !important;
    line-height: 1.3 !important;
}

.title-info-functional h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #131313 !important;
    line-height: 1.3 !important;
}

.func-how-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #005DFF !important;
}

/* Performance section */
.title-performance h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #DD3333 !important;
    line-height: 1.3 !important;
}

.title-info-performance h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #131313 !important;
    line-height: 1.3 !important;
}

.perf-how-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #DD3333 !important;
}

.performance-info-box h3 {
    font-size: 18px !important;
}

/* Team section */
.team-name h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    color: #FFB800 !important;
    font-weight: 800 !important;
}

/* Icon boxes */
.title-icon h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: #131313 !important;
}

.title-quotes h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px !important;
    font-weight: 900 !important;
    color: #131313 !important;
    opacity: 0.1;
}

/* Widget titles */
.widget-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #131313;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* =============================================================================
   TYPOGRAPHY - BODY TEXT
   ============================================================================= */

/* Default paragraphs */
p, .entry-content p, .widget p, .comment-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #131313;
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Specialized paragraphs */
.title-slideshow p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.title-divider p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.title-icon p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #131313 !important;
}

#how-body p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #131313 !important;
}

.team-job-title p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    color: #131313 !important;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
}

.team-body p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #131313 !important;
    font-weight: 400 !important;
}

.footer-sub-copy p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}

/* =============================================================================
   BUTTONS & INTERACTIVE ELEMENTS
   ============================================================================= */
.elementor-button-text {
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* =============================================================================
   LINKS & NAVIGATION
   ============================================================================= */
a {
    color: #131313;
    text-decoration: underline;
}

a:hover {
    opacity: 1;
}

.main-navigation a, .nav-menu a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

/* =============================================================================
   FORM ELEMENTS
   ============================================================================= */
input, textarea, select {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #131313;
}

/* =============================================================================
   LISTS
   ============================================================================= */
ul, ol {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #131313;
    line-height: 1.6;
}

/* =============================================================================
   MISCELLANEOUS
   ============================================================================= */
.elementor-icon-box-icon {
    margin-bottom: -15px !important;
}

.body-faqs {
    font-size: 14px !important;
}

.red-text {
    color: #dd3333;
}

.split-hero div{
min-height: 600px;
}

/* =============================================================================
   RESPONSIVE STYLES
   ============================================================================= */

/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
    .title-big {
        font-size: 76px;
    }
    
    .title-small {
        font-size: 28px;
    }
}

/* Mobile (≤ 768px) */
@media (max-width: 768px) {
    /* General headings */
    h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .site-title {
        font-size: 30px !important;
    }
    
    /* Main titles */
    .site-main-page-title h1 {
        font-size: 35px !important;
    }
    
    .main-page-title h1 {
        font-size: 35px !important;
    }
    
    .main-page-sub-title h2 {
        font-size: 25px !important;
    }
    
    .main-page-info-title h3 {
        font-size: 18px !important;
    }
    
    /* Blog titles */
    .site-blog-title h1 {
        font-size: 30px !important;
    }
    
    .site-blog-sub-title h2 {
        font-size: 25px !important;
    }
    
    .blog-single-tile h3 {
        font-size: 18px !important;
    }
    
    /* Section titles */
    .title-functional h3 {
        font-size: 28px !important;
    }
    
    .title-performance h3 {
        font-size: 28px !important;
    }
    
    .func-how-title h3 {
        font-size: 18px !important;
    }
    
    .perf-how-title h3 {
        font-size: 18px !important;
    }
    
    .performance-info-box h3 {
        font-size: 15px !important;
        line-height: 1.6;
    }
    
    /* Team */
    .team-name h3 {
        font-size: 20px !important;
    }
    
    /* Body text */
    #how-body p {
        font-size: 14px !important;
    }
    
    .title-divider p {
        font-size: 20px;
        line-height: 1.2;
    }
    
    /* Buttons */
    .elementor-button-text {
        font-size: 13px !important;
    }
    
    /* Widget titles */
    .widget-title {
        font-size: 20px;
    }
    
    /* Menu items */
    .menu-sub-title h4 {
        font-size: 16px !important;
    }
    
    .menu-sub-link p {
        font-size: 14px !important;
    }
    
    /* Responsive titles */
    .title-big {
        font-size: 45px;
    }
    
    .title-small {
        font-size: 20px;
    }
}

/* Mobile (≤ 767px) */
@media (max-width: 767px) {
    .title-big {
        font-size: 45px;
    }
    
    .title-small {
        font-size: 20px;
    }
}