/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.4
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Homepage slider 
*/

/**
 * Master Slider Preset 9
 */
/**
 * Master Slider Presets - Complete CSS for Your Slider
 * Add this entire section to your child theme's style.css
 * Location: /wp-content/themes/hello-theme-child-master/style.css
 * 
 * Add at the very bottom of your style.css file
 */

/* ================================================
   MASTER SLIDER PRESETS
   ================================================ */

/* ===== Preset 9 - Main Heading ===== */
.msp-preset-9 {
    font-weight: 200 !important;
    font-size: 48px !important;
    letter-spacing: -1px !important;
    line-height: 48px !important;
    color: #ffffff !important;
}

/* ===== Preset 11 - Subheading/Description ===== */
.msp-preset-11 {
    font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #ffffff !important;
}

/* ===== Preset 13 - Badge/Tag Style ===== */
.msp-preset-13 {
    padding: 4px 6px !important;
    border: 2px solid rgba(255, 255, 255, 0.46) !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: normal !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ================================================
   RESPONSIVE ADJUSTMENTS
   ================================================ */

/* Tablet */
@media only screen and (max-width: 768px) {
    .msp-preset-9 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    
    .msp-preset-11 {
        font-size: 18px !important;
        line-height: 27px !important;
    }
    
    .msp-preset-13 {
        font-size: 11px !important;
        padding: 3px 5px !important;
    }
}

/* Mobile */
@media only screen and (max-width: 480px) {
    .msp-preset-9 {
        font-size: 28px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
    }
    
    .msp-preset-11 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    .msp-preset-13 {
        font-size: 10px !important;
        padding: 2px 4px !important;
    }
}

/* ================================================
   END MASTER SLIDER PRESETS
   ================================================ */