/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.header-nav input[type=search] {
    height: 3.507em;
}

/**
 * HDEV Theme - Global CSS Variables
 * Central configuration for layout, colors, and spacing
 */

:root {
    /* ==================== Brand Colors ==================== */
    --color-primary: #004f38;
    --color-secondary: #ffce7b;
    --color-black: #000;
    --color-white: #fff;

    /* ==================== Container Widths ==================== */
    --container-width-base: 1080px;
    --container-width-md: 1170px;
    --container-width-lg: 1330px;
    --overlay-max-width: 1400px;

    /* ==================== Container Padding ==================== */
    --container-padding: 30px;
    --container-padding-mobile: 15px;

    /* ==================== Responsive Breakpoints ==================== */
    --breakpoint-md: 1200px;
    --breakpoint-lg: 1400px;
    --breakpoint-tablet: 1024px;
    --breakpoint-mobile: 768px;
    --breakpoint-small: 480px;

    /* ==================== Common Spacing ==================== */
    --spacing-xs: 10px;
    --spacing-sm: 20px;
    --spacing-md: 30px;
    --spacing-lg: 60px;
    --spacing-xl: 100px;

    /* ==================== Typography - Font Families ==================== */
    --hdev-font-script: 'NVN Motherland', cursive;
    --hdev-font-sans: 'SVN Gotham', 'Inter', Arial, sans-serif;

    /* ==================== Typography - Font Sizes ==================== */
    --hdev-fs-subtitle: 2.3rem;
    --hdev-fs-heading: 3.125rem;
    --hdev-fs-cont-box: 1rem;
    --hdev-fs-text-desc: 1rem;

    /* ==================== Icon Sizes ==================== */
    --hdev-icon-size-lg: 45px;
    --hdev-icon-size-md: 35px;
    --hdev-icon-size-sm: 30px;
}