<?php
// main menu

$header->addSubSection( array(
	'name'     => esc_html__( 'Sub Menu', 'cakeart' ),
	'id'       => 'display_sub_menu',
	'position' => 6,
) );

$header->createOption( array(
	"name"    => esc_html__( "Color Border Top", "cakeart" ),
	"id"      => "sub_menu_border_top_color",
	"default" => "#fff",
	"type"    => "color-opacity"
) );
$header->createOption( array(
	"name"        => esc_html__( "Background color", "cakeart" ),
	"desc"        => esc_html__( "Pick a background color for sub menu", "cakeart" ),
	"id"          => "sub_menu_bg_color",
	"default"     => "#fff",
	"type"        => "color-opacity",
	'livepreview' => '$("#main_menu li .sub-menu").css("background-color", value);
                                        $("#main_menu ul.navbar-nav>li.menu-item-has-children>ul.sub-menu").css("border-top-color", value)'
) );

$header->createOption( array(
	"name"    => esc_html__( "Color Border Bottom", "cakeart" ),
	"id"      => "sub_menu_border_color",
	"default" => "#dddddd",
	"type"    => "color-opacity"
) );

$header->createOption( array(
	"name"        => esc_html__( "Text color", "cakeart" ),
	"desc"        => esc_html__( "Pick a text color for sub menu", "cakeart" ),
	"id"          => "sub_menu_text_color",
	"default"     => "#5e3b3d",
	"type"        => "color-opacity",
	'livepreview' => '$("#main_menu li .sub-menu li a").css("color", value);'
) );
$header->createOption( array(
	"name"    => esc_html__( "Text color hover", "cakeart" ),
	"desc"    => esc_html__( "Pick a text color hover for sub menu", "cakeart" ),
	"id"      => "sub_menu_text_color_hover",
	"default" => "#e47277",
	"type"    => "color-opacity"
) );