
<!-- Menu background color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('MENU BACKGROUND COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select menu background color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_menu_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- Submenu Hover color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('ACTIVE & HOVER COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select the active and hover color for menu and submenu', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_submenu_hover_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- Menu text color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('MENU TEXT COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select menu text color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_menu_text_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- Sticky menu background color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('STICKY MENU BACKGROUND COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select sticky menu background color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_sticky_menu_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- Sticky submenu hover color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('STICKY ACTIVE & HOVER COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select the active and hover color for sticky menu and submenu', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_sticky_submenu_hover_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- Menu text color -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('STICKY MENU TEXT COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select sticky menu text color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_sticky_menu_text_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- SOCIAL ICONS COLOR -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('SOCIAL ICONS COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select social icons color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_menu_social_icons_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>

<!-- SOCIAL ICONS HOVER COLOR -->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title td-title-on-row"><?php _e('SOCIAL ICONS HOVER COLOR', TD_THEME_NAME); ?></span>
        <p><?php _e('Select social icons hover color', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::color_picker(array(
            'ds' => 'td_option',
            'option_id' => 'tds_menu_social_icons_hover_color',
            'default_color' => ''
        ));
        ?>
    </div>
</div>
