/home/arranoyd/www/wp-content/themes/jevelin/framework-customizations/theme/options/styling.php
<?php if ( ! defined( 'FW' ) ) {
	die( 'Forbidden' );
}

$options = array(
	'styling' => array(
		'title'   => esc_html__( 'Styling', 'jevelin' ),
		'type'    => 'tab',
		'options' => array(
			'styling-box' => array(
				'title'   => esc_html__( 'Body', 'jevelin' ),
				'type'    => 'box',
				'options' => array(

					'styling_body_background' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#ffffff',
					    'label' => esc_html__('Body Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select body background color', 'jevelin'),
					),

					'styling_body' => array(
						'type'  => 'typography-v2',
						'value'      => array(
					        'family'    => 'Raleway',
					        'subset'    => 'latin',
					        'variation' => 'regular',
					        'size'      => 14,
					        'line-height' => 0,
					        'letter-spacing' => 0,
					        'color'     => '#8d8d8d'
						),
						'components' => array(
					        'family'         => true,
					        'size'           => true,
					        'line-height'    => true,
					        'letter-spacing' => true,
					        'color'          => true
						),
						'label' => esc_html__('Body Font', 'jevelin'),
						'desc'  => esc_html__('Choose default body font settings', 'jevelin'),
					),

					'google_fonts_subset' => array(
						'type'  => 'checkboxes',
						'value' => array(
							'latin' => true,
						),
						'label' => esc_html__('Choose the character sets', 'jevelin'),
						'desc'  => esc_html__('Select the character sets you want to use for fonts (will be used only if available)', 'jevelin'),
						'choices' => array(
							'greek' => esc_html__('Greek ', 'jevelin'),
							'greek-ext' => esc_html__('Greek Extended', 'jevelin'),
							'latin' => esc_html__('Latin', 'jevelin'),
							'vietnamese' => esc_html__('Vietnamese', 'jevelin'),
							'cyrillic-ext' => esc_html__('Cyrillic Extended', 'jevelin'),
							'latin-ext' => esc_html__('Latin Extended', 'jevelin'),
							'cyrillic' => esc_html__('Cyrillic ', 'jevelin'),
						),
						'inline' => true,
					),

					'google_fonts_mini' => array(
						'label' => esc_html__( 'Only main font weights', 'jevelin' ),
						'desc'  => esc_html__( 'Improve page speed by loading only main font weights', 'jevelin' ),
						'type'  => 'switch',
						'value' => true,
						'left-choice' => array(
							'value' => false,
							'label' => esc_html__('Off', 'jevelin'),
						),
						'right-choice' => array(
							'value' => true,
							'label' => esc_html__('On', 'jevelin'),
						),
					),

					'title_styling_body' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('General', 'jevelin').'</span></h3>',
					),

					'accent_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#47c9e5',
					    'label' => esc_html__('Accent Color', 'jevelin'),
					    'desc'  => esc_html__('Select page accent color', 'jevelin'),
					),

					'accent_hover_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#15bee4',
					    'label' => esc_html__('Accent Hover Color', 'jevelin'),
					    'desc'  => esc_html__('Select page accent color on hover', 'jevelin'),
					),

					'link_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#16acce',
					    'label' => esc_html__('Link Color', 'jevelin'),
					    'desc'  => esc_html__('Select page link color', 'jevelin'),
					),

					'link_hover_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#10a0c0',
					    'label' => esc_html__('Link Hover Color', 'jevelin'),
					    'desc'  => esc_html__('Select page link color on hover', 'jevelin'),
					),

					'title_styling_headings' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Headings', 'jevelin').'</span></h3>',
					),

					'styling_headings' => array(
						'type'  => 'typography-v2',
						'value'      => array(
					        'family'    => 'Raleway',
					        'subset'    => 'latin',
					        'variation' => '700',
					        'color'     => '#3f3f3f'
						),
						'components' => array(
					        'family'         => true,
					        'size'           => false,
					        'line-height'    => false,
					        'letter-spacing' => false,
					        'color'          => true
						),
						'attr'  => array( 'class' => 'custom-class', 'data-foo' => 'bar' ),
						'label' => esc_html__('Headings', 'jevelin'),
					    'desc'  => esc_html__('Choose default font settings for all headings', 'jevelin'),
					),

					'styling_h1' => array(
					    'type'  => 'slider',
					    'value' => 30,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 1', 'jevelin'),
					    'desc'  => esc_html__('Select heading 1 font size (pixels)', 'jevelin'),
					),

					'styling_h2' => array(
					    'type'  => 'slider',
					    'value' => 24,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 2', 'jevelin'),
					    'desc'  => esc_html__('Select heading 2 font size (pixels)', 'jevelin'),
					),

					'styling_h3' => array(
					    'type'  => 'slider',
					    'value' => 21,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 3', 'jevelin'),
					    'desc'  => esc_html__('Select heading 3 font size (pixels)', 'jevelin'),
					),

					'styling_h4' => array(
					    'type'  => 'slider',
					    'value' => 18,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 4', 'jevelin'),
					    'desc'  => esc_html__('Select heading 4 font size (pixels)', 'jevelin'),
					),

					'styling_h5' => array(
					    'type'  => 'slider',
					    'value' => 16,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 5', 'jevelin'),
					    'desc'  => esc_html__('Select heading 5 font size (pixels)', 'jevelin'),
					),

					'styling_h6' => array(
					    'type'  => 'slider',
					    'value' => 14,
					    'properties' => array(
					        'min' => 5,
					        'max' => 65,
					    ),
					    'label' => esc_html__('Heading 6', 'jevelin'),
					    'desc'  => esc_html__('Select heading 6 font size (pixels)', 'jevelin'),
					),


					'title_styling_header' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Header', 'jevelin').'</span></h3>',
					),

					'header_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#fff',
					    'label' => esc_html__('Header Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select header background color', 'jevelin'),
					),

					'header_background_image' => array(
						'label' => esc_html__( 'Header Background Image', 'jevelin' ),
						'desc'  => esc_html__( 'Upload a header background image. Note: Image will only appear when background color transparancy will be set', 'jevelin' ),
						'type'  => 'upload'
					),

					'header_text_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#8d8d8d',
					    'label' => esc_html__('Header Text Color', 'jevelin'),
					    'desc'  => esc_html__('Select header text color', 'jevelin'),
					),

					'header_border_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => 'rgba( 0,0,0,0.08 )',
					    'label' => esc_html__('Header Border Color', 'jevelin'),
					    'desc'  => esc_html__('Select header border color', 'jevelin'),
					),

					'header_top_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#47c9e5',
					    'label' => esc_html__('Top Bar Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select top bar background color', 'jevelin'),
					),

					'header_top_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#fff',
					    'label' => esc_html__('Top Bar Color', 'jevelin'),
					    'desc'  => esc_html__('Select top bar color', 'jevelin'),
					),


					'title_styling_nav' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Navigation', 'jevelin').'</span></h3>',
					),

					'header_nav_font' => array(
						'type'  => 'select',
						'label' => esc_html__('Font Famility', 'jevelin'),
						'desc'  => esc_html__( 'Select navigation font famility', 'jevelin' ),
						'choices' => array(
							'heading' => esc_html__( 'Heading', 'jevelin' ),
							'body' => esc_html__( 'Body', 'jevelin' ),
							'additional1' => esc_html__( 'Additional font 1', 'jevelin' ),
							'additional2' => esc_html__( 'Additional font 2', 'jevelin' ),
						),
						'value'	  => 'body',
					),

					'header_nav_size' => array(
						'type'  => 'text',
						'value' => '14px',
						'attr'  => array( 'style' => 'max-width: 70px' ),
						'label' => esc_html__('Navigation Size', 'jevelin'),
						'desc'  => wp_kses( __( 'Enter your navigation size (with <b>px</b>)', 'jevelin' ), jevelin_allowed_html() ),
					),

					'header_nav_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => 'rgba(61,61,61,0.69)',
					    'label' => esc_html__('Navigation Color', 'jevelin'),
					    'desc'  => esc_html__('Select navigation color', 'jevelin'),
					),

					'header_nav_hover_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => 'rgba(61,61,61,0.80)',
					    'label' => esc_html__('Navigation Hover Color', 'jevelin'),
					    'desc'  => esc_html__('Select navigation color on hover', 'jevelin'),
					),

					'header_nav_active_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#47c9e5',
					    'label' => esc_html__('Active Navigation Color', 'jevelin'),
					    'desc'  => esc_html__('Select active navigation color', 'jevelin'),
					),

					'header_nav_active_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'label' => esc_html__('Active Navigation Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select active navigation background color (optional)', 'jevelin'),
					    'value' => ''
					),


					'title_styling_menu' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Dropdown / Menu', 'jevelin').'</span></h3>',
					),

					'menu_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#232323',
					    'label' => esc_html__('Menu Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select menu background color', 'jevelin'),
					),

					'menu_link_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#aaaaaa',
					    'label' => esc_html__('Menu Link Color', 'jevelin'),
					    'desc'  => esc_html__('Select menu link color', 'jevelin'),
					),

					'menu_link_hover_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#ffffff',
					    'label' => esc_html__('Menu Link Hover and Active Color', 'jevelin'),
					    'desc'  => esc_html__('Select menu link hover and active color', 'jevelin'),
					),

					'menu_link_border_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#303030',
					    'label' => esc_html__('Menu Link Border Color', 'jevelin'),
					    'desc'  => esc_html__('Select menu link border color', 'jevelin'),
					),


					'title_styling_sidebar' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Sidebar', 'jevelin').'</span></h3>',
					),

					'sidebar_headings' => array(
						'type'  => 'typography-v2',
						'value'      => array(
							'size'     => '14',
					        'color'     => '#505050'
						),
						'components' => array(
					        'family'         => false,
					        'size'           => true,
					        'line-height'    => false,
					        'letter-spacing' => false,
					        'color'          => true
						),
						'label' => esc_html__('Sidebar Headings', 'jevelin'),
						'desc'  => esc_html__('Choose default sidebar heading font settings', 'jevelin'),
					),

					'sidebar_border_color' => array(
					    'type'  => 'rgba-color-picker',
					    'label' => esc_html__('Sidebar Border Color', 'jevelin'),
					    'desc'  => esc_html__('Select sidebar border color', 'jevelin'),
					    'value' => '#e3e3e3'
					),


					'title_footer_styling' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Footer Styling', 'jevelin').'</span></h3>',
					),

					'footer_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#262626',
					    'label' => esc_html__('Footer Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer background color', 'jevelin'),
					),

					'footer_background_image' => array(
						'label' => esc_html__( 'Footer Background Image', 'jevelin' ),
						'desc'  => esc_html__( 'Upload a footer background image. Note: Image will appear only when background color transparancy will be set', 'jevelin' ),
						'type'  => 'upload'
					),

					'footer_headings' => array(
						'type'  => 'typography-v2',
						'value'      => array(
							'size'     => '20',
					        'color'     => '#ffffff'
						),
						'components' => array(
					        'family'         => false,
					        'size'           => true,
					        'line-height'    => false,
					        'letter-spacing' => false,
					        'color'          => true
						),
						'label' => esc_html__('Footer Headings', 'jevelin'),
						'desc'  => esc_html__('Choose default footer heading font settings', 'jevelin'),
					),

					'footer_text_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#e3e3e3',
					    'label' => esc_html__('Footer Text Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer text color', 'jevelin'),
					),

					'footer_link_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#ffffff',
					    'label' => esc_html__('Footer Link Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer link color', 'jevelin'),
					),

					'footer_hover_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#47c9e5',
					    'label' => esc_html__('Footer Hover Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer color on hover', 'jevelin'),
					),

					'footer_icon_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#f7f7f7',
					    'label' => esc_html__('Footer Icon Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer icon color', 'jevelin'),
					),

					'footer_border_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => 'rgba(255,255,255,0.10)',
					    'label' => esc_html__('Footer Border Color', 'jevelin'),
					    'desc'  => esc_html__('Select footer border color', 'jevelin'),
					),


					'title_copyright_styling' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Copyright Styling', 'jevelin').'</span></h3>',
					),

					'copyright_background_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => '#222222',
					    'label' => esc_html__('Copyright Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select copyright background color', 'jevelin'),
					),

					'copyright_text_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#ffffff',
					    'label' => esc_html__('Copyright Text Color', 'jevelin'),
					    'desc'  => esc_html__('Select copyright text color', 'jevelin'),
					),

					'copyright_link_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#ffffff',
					    'label' => esc_html__('Copyright Link Color', 'jevelin'),
					    'desc'  => esc_html__('Select copyright link color', 'jevelin'),
					),

					'copyright_hover_color' => array(
					    'type'  => 'color-picker',
					    'value' => '#c0e3eb',
					    'label' => esc_html__('Copyright Link Hover Color', 'jevelin'),
					    'desc'  => esc_html__('Select copyright link color on hover', 'jevelin'),
					),

					'copyright_border_color' => array(
					    'type'  => 'rgba-color-picker',
					    'value' => 'rgba(255,255,255,0.15)',
					    'label' => esc_html__('Copyright Border Color', 'jevelin'),
					    'desc'  => esc_html__('Select copyright border color', 'jevelin'),
					),


					'additional_styling' => array(
					    'type'  => 'html-full',
					    'value' => '',
					    'label' => false,
					    'html'  => '<h3 class="hndle sh-custom-group-divder"><span>'.esc_html__('Adittional Styling', 'jevelin').'</span></h3>',
					),

					'additional_font1' => array(
						'type'  => 'typography-v2',
						'value'      => array(
					        'family'    => 'Raleway',
					        'subset'    => 'latin',
						),
						'components' => array(
					        'family'         => true,
					        'size'           => false,
					        'line-height'    => false,
					        'letter-spacing' => false,
					        'color'          => false
						),
						'label' => esc_html__('Adittional Font 1', 'jevelin'),
						'desc'  => esc_html__('Used adittional font for WoocCmmerce sale popover', 'jevelin'),
					),

					'additional_font2' => array(
						'type'  => 'typography-v2',
						'value'      => array(
					        'family'    => 'Raleway',
					        'subset'    => 'latin',
						),
						'components' => array(
					        'family'         => true,
					        'size'           => false,
					        'line-height'    => false,
					        'letter-spacing' => false,
					        'color'          => false
						),
						'label' => esc_html__('Adittional Font 2', 'jevelin'),
						'desc'  => esc_html__('Used adittional font for heading and other shortcodes', 'jevelin'),
					),

					'popover_color' => array(
					    'type'  => 'color-picker',
					    'label' => esc_html__('Popover Background Color', 'jevelin'),
					    'desc'  => esc_html__('Select popover background color. Leave empty for default accent color', 'jevelin'),
					),

					'popover_font' => array(
						'type'  => 'select',
						'label' => esc_html__('Popover Font Famility', 'jevelin'),
						'desc'  => esc_html__( 'Select popover font famility source', 'jevelin' ),
						'choices' => array(
							'heading' => esc_html__( 'Heading', 'jevelin' ),
							'body' => esc_html__( 'Body', 'jevelin' ),
							'additional1' => esc_html__( 'Additional font 1', 'jevelin' ),
							'additional2' => esc_html__( 'Additional font 2', 'jevelin' ),
						),
						'value'	  => 'additional1',
					),

				)
			),
		)
	)
);