<?php

if ( class_exists("Kirki")){

	Kirki::add_config('theme_config_id', array(
		'capability'   =>  'edit_theme_options',
		'option_type'  =>  'theme_mod',
	));


	Kirki::add_field( 'theme_config_id', [
		'label'       => esc_html__( 'Logo Size','roofing-specialist' ),
		'section'     => 'title_tagline',
		'priority'    => 9,
		'type'        => 'range',
		'settings'    => 'logo_size',
		'choices' => [
			'step'             => 5,
			'min'              => 0,
			'max'              => 100,
			'aria-valuemin'    => 0,
			'aria-valuemax'    => 100,
			'aria-valuenow'    => 50,
			'aria-orientation' => 'horizontal',
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_enable_logo_text',
		'section'     => 'title_tagline',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Site Title and Tagline', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

  	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'roofing_specialist_display_header_title',
		'label'       => esc_html__( 'Site Title Enable / Disable Button', 'roofing-specialist' ),
		'section'     => 'title_tagline',
		'default'     => '1',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'roofing-specialist' ),
			'off' => esc_html__( 'Disable', 'roofing-specialist' ),
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'roofing_specialist_display_header_text',
		'label'       => esc_html__( 'Tagline Enable / Disable Button', 'roofing-specialist' ),
		'section'     => 'title_tagline',
		'default'     => '0',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'roofing-specialist' ),
			'off' => esc_html__( 'Disable', 'roofing-specialist' ),
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_site_tittle_font_heading',
		'section'     => 'title_tagline',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Site Title Font Size', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_site_tittle_font_size',
		'type'        => 'number',
		'section'     => 'title_tagline',
		'transport' => 'auto',
		'output' => array(
			array(
				'element'  => array('.logo a'),
				'property' => 'font-size',
				'suffix' => 'px'
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_site_tagline_font_heading',
		'section'     => 'title_tagline',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Site Tagline Font Size', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_site_tagline_font_size',
		'type'        => 'number',
		'section'     => 'title_tagline',
		'transport' => 'auto',
		'output' => array(
			array(
				'element'  => array('.logo span'),
				'property' => 'font-size',
				'suffix' => 'px'
			),
		),
	) );

	
	// Theme color

	Kirki::add_section( 'roofing_specialist_theme_color_setting', array(
		'title'    => __( 'Color Option', 'roofing-specialist' ),
		'priority' => 10,
	) );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_first_theme_color',
		'label'       => __( 'Theme First color', 'roofing-specialist'),
		'description'    => esc_html__( 'To customize the colors of the homepage, use the Elementor editor', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_theme_color_setting',
		'type'        => 'color',
		'default'     => '#D1160C',
	) );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_second_theme_color',
		'label'       => __( 'Theme Second color', 'roofing-specialist'),
		'description'    => esc_html__( 'To customize the colors of the homepage, use the Elementor editor', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_theme_color_setting',
		'type'        => 'color',
		'default'     => '#141414',
	) );


	// TYPOGRAPHY SETTINGS

	Kirki::add_panel( 'roofing_specialist_typography_panel', array(
		'priority' => 10,
		'title'    => __( 'Typography', 'roofing-specialist' ),
	) );

	//Heading 1 Section

	Kirki::add_section( 'roofing_specialist_h1_typography_setting', array(
		'title'    => __( 'Heading 1', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h1_typography_heading',
		'section'     => 'roofing_specialist_h1_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 1 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h1_typography_font',
		'section'   =>  'roofing_specialist_h1_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '400',
			'font-size'       => '',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  array('.header-image-box h1 , h1'),
				'suffix' => '!important'
			],
		],

	) );

	//Heading 2 Section

	Kirki::add_section( 'roofing_specialist_h2_typography_setting', array(
		'title'    => __( 'Heading 2', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h2_typography_heading',
		'section'     => 'roofing_specialist_h2_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 2 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h2_typography_font',
		'section'   =>  'roofing_specialist_h2_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'font-size'       => '',
			'variant'       =>  '700',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  'h2'
			],
		],
	) );

	//Heading 3 Section

	Kirki::add_section( 'roofing_specialist_h3_typography_setting', array(
		'title'    => __( 'Heading 3', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h3_typography_heading',
		'section'     => 'roofing_specialist_h3_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 3 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h3_typography_font',
		'section'   =>  'roofing_specialist_h3_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '700',
			'font-size'       => '',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  'h3',
				'suffix' => '!important'
			],
		],
	) );

	//Heading 4 Section

	Kirki::add_section( 'roofing_specialist_h4_typography_setting', array(
		'title'    => __( 'Heading 4', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h4_typography_heading',
		'section'     => 'roofing_specialist_h4_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 4 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h4_typography_font',
		'section'   =>  'roofing_specialist_h4_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '700',
			'font-size'       => '',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  'h4',
				'suffix' => '!important'
			],
		],
	) );

	//Heading 5 Section

	Kirki::add_section( 'roofing_specialist_h5_typography_setting', array(
		'title'    => __( 'Heading 5', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h5_typography_heading',
		'section'     => 'roofing_specialist_h5_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 5 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h5_typography_font',
		'section'   =>  'roofing_specialist_h5_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '700',
			'font-size'       => '',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  'h5',
				'suffix' => '!important'
			],
		],
	) );

	//Heading 6 Section

	Kirki::add_section( 'roofing_specialist_h6_typography_setting', array(
		'title'    => __( 'Heading 6', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_h6_typography_heading',
		'section'     => 'roofing_specialist_h6_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Heading 6 Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_h6_typography_font',
		'section'   =>  'roofing_specialist_h6_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '700',
			'font-size'       => '',
			'line-height'   =>  '',
			'letter-spacing'    =>  '',
			'text-transform'    =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   =>  'h6',
				'suffix' => '!important'
			],
		],
	) );

	//body Typography

	Kirki::add_section( 'roofing_specialist_body_typography_setting', array(
		'title'    => __( 'Content Typography', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_typography_panel',
		'priority' => 0,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_body_typography_heading',
		'section'     => 'roofing_specialist_body_typography_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Content  Typography', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'  =>  'typography',
		'settings'  => 'roofing_specialist_body_typography_font',
		'section'   =>  'roofing_specialist_body_typography_setting',
		'default'   =>  [
			'font-family'   =>  "'Poppins', sans-serif",
			'variant'       =>  '',
		],
		'transport'     =>  'auto',
		'output'        =>  [
			[
				'element'   => 'body',
				'suffix' => '!important'
			],
		],
	) );

	//Theme Options Panel

	Kirki::add_panel( 'roofing_specialist_theme_options_panel', array(
		'priority' => 10,
		'title'    => __( 'Theme Options', 'roofing-specialist' ),
	) );

	// HEADER SECTION

	Kirki::add_section( 'roofing_specialist_section_header',array(
		'title' => esc_html__( 'Header Settings', 'roofing-specialist' ),
		'description'    => esc_html__( 'Here you can add header information.', 'roofing-specialist' ),
		'panel' => 'roofing_specialist_theme_options_panel',
		'tabs'  => [
			'header' => [
				'label' => esc_html__( 'Header', 'roofing-specialist' ),
			],
			'menu'  => [
				'label' => esc_html__( 'Menu', 'roofing-specialist' ),
			],
		],
		'priority'       => 160,
	) );


	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'menu',
		'settings'    => 'roofing_specialist_menu_size_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Menu Font Size(px)', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_menu_size',
		'tab'      => 'menu',
		'label'       => __( 'Enter a value in pixels. Example:20px', 'roofing-specialist' ),
		'type'        => 'text',
		'section'     => 'roofing_specialist_section_header',
		'transport' => 'auto',
		'output' => array(
			array(
				'element'  => array( '#main-menu a', '#main-menu ul li a', '#main-menu li a'),
				'property' => 'font-size',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'menu',
		'settings'    => 'roofing_specialist_menu_text_transform_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Menu Text Transform', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'tab'      => 'menu',
		'settings'    => 'roofing_specialist_menu_text_transform',
		'section'     => 'roofing_specialist_section_header',
		'default'     => 'capitalize',
		'choices'     => [
			'none' => esc_html__( 'Normal', 'roofing-specialist' ),
			'uppercase' => esc_html__( 'Uppercase', 'roofing-specialist' ),
			'lowercase' => esc_html__( 'Lowercase', 'roofing-specialist' ),
			'capitalize' => esc_html__( 'Capitalize', 'roofing-specialist' ),
		],
		'output' => array(
			array(
				'element'  => array( '#main-menu a', '#main-menu ul li a', '#main-menu li a'),
				'property' => ' text-transform',
			),
		),
	));

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_search_enable_setting',
		'label'       => esc_html__( 'Enable or Disable Search', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_section_header',
		'default'     => true,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_enable_email_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Add Email Address', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'tab'      => 'header',
		'settings' => 'roofing_specialist_header_email',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
		'sanitize_callback' => 'sanitize_email',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_header_phone_number_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Add Phone Number', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'tab'      => 'header',
		'settings' => 'roofing_specialist_header_phone_number',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
		'sanitize_callback' => 'roofing_specialist_sanitize_phone_number',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_header_location_text_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Location', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'tab'      => 'header',
		'label'       => esc_html__( 'Location Text', 'roofing-specialist' ),
		'settings' => 'roofing_specialist_header_location_text',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'label'       => esc_html__( 'Location Link', 'roofing-specialist' ),
		'tab'      => 'header',
		'settings' => 'roofing_specialist_header_location_link',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_header_button_heading',
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Button', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'tab'      => 'header',
		'label'       => esc_html__( 'Button Text', 'roofing-specialist' ),
		'settings' => 'roofing_specialist_header_button_text',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'label'       => esc_html__( 'Button Link', 'roofing-specialist' ),
		'tab'      => 'header',
		'settings' => 'roofing_specialist_header_button_link',
		'section'  => 'roofing_specialist_section_header',
		'default'  => '',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header',
		'settings'    => 'roofing_specialist_enable_socail_link',
		'priority'       => 11,
		'section'     => 'roofing_specialist_section_header',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Social Media Link', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'repeater',
		'tab'      => 'header',
		'section'     => 'roofing_specialist_section_header',
		'priority'       => 11,
		'row_label' => [
			'type'  => 'field',
			'value' => esc_html__( 'Social Icon', 'roofing-specialist' ),
			'field' => 'link_text',
		],
		'button_label' => esc_html__('Add New Social Icon', 'roofing-specialist' ),
		'settings'     => 'roofing_specialist_social_links_settings',
		'default'      => '',
		'fields' 	   => [
			'link_text' => [
				'type'        => 'text',
				'label'       => esc_html__( 'Icon', 'roofing-specialist' ),
				'description' => esc_html__( 'Add the fontawesome class ex: "fab fa-facebook-f".', 'roofing-specialist' ). ' <a href="https://fontawesome.com/v6/search?ic=brands" target="_blank"><strong>' . esc_html__( 'View All', 'roofing-specialist' ) . ' </strong></a>',
				'default'     => '',
			],
			'link_url' => [
				'type'        => 'url',
				'label'       => esc_html__( 'Social Link', 'roofing-specialist' ),
				'description' => esc_html__( 'Add the social icon url here.', 'roofing-specialist' ),
				'default'     => '',
			],
		],
		'choices' => [
			'limit' => 20
		],
	] );

	// WOOCOMMERCE SETTINGS

	Kirki::add_section( 'roofing_specialist_woocommerce_settings', array(
		'title'          => esc_html__( 'Woocommerce Settings', 'roofing-specialist' ),
		'description'    => esc_html__( 'Woocommerce Settings of themes', 'roofing-specialist' ),
		'panel'    => 'woocommerce',
		'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_shop_page_sidebar',
		'label'       => esc_html__( 'Enable/Disable Shop Page Sidebar', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => 'false',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'label'       => esc_html__( 'Shop Page Layouts', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_shop_page_layout',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => 'Right Sidebar',
		'choices'     => [
			'Right Sidebar' => esc_html__( 'Right Sidebar', 'roofing-specialist' ),
			'Left Sidebar' => esc_html__( 'Left Sidebar', 'roofing-specialist' ),
		],
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_shop_page_sidebar',
				'operator' => '===',
				'value'    => true,
			],
		]
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'select',
		'label'       => esc_html__( 'Products Per Row', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_products_per_row',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => '4',
		'priority'    => 10,
		'choices'     => [
			'2' => '2',
			'3' => '3',
			'4' => '4',
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'number',
		'label'       => esc_html__( 'Products Per Page', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_products_per_page',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => '8',
		'priority'    => 10,
		'choices'  => [
					'min'  => 0,
					'max'  => 50,
					'step' => 1,
				],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_single_product_sidebar',
		'label'       => esc_html__( 'Enable / Disable Single Product Sidebar', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => 'true',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'label'       => esc_html__( 'Single Product Layout', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_single_product_sidebar_layout',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => 'Right Sidebar',
		'choices'     => [
			'Right Sidebar' => esc_html__( 'Right Sidebar', 'roofing-specialist' ),
			'Left Sidebar' => esc_html__( 'Left Sidebar', 'roofing-specialist' ),
		],
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_single_product_sidebar',
				'operator' => '===',
				'value'    => true,
			],
		]
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_products_button_border_radius_heading',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Products Button Border Radius', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'slider',
		'settings'    => 'roofing_specialist_products_button_border_radius',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => '1',
		'priority'    => 10,
		'choices'  => [
					'min'  => 1,
					'max'  => 50,
					'step' => 1,
				],
		'output' => array(
			array(
				'element'  => array('.woocommerce ul.products li.product .button',' a.checkout-button.button.alt.wc-forward','.woocommerce #respond input#submit', '.woocommerce a.button', '.woocommerce button.button','.woocommerce input.button','.woocommerce #respond input#submit.alt','.woocommerce button.button.alt','.woocommerce input.button.alt'),
				'property' => 'border-radius',
				'units' => 'px',
			),
		),
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_sale_badge_position_heading',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sale Badge Position', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'settings'    => 'roofing_specialist_sale_badge_position',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'     => 'right',
		'choices'     => [
			'right' => esc_html__( 'Right', 'roofing-specialist' ),
			'left' => esc_html__( 'Left', 'roofing-specialist' ),
		],
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_products_sale_font_size_heading',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sale Font Size', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'text',
		'settings'    => 'roofing_specialist_products_sale_font_size',
		'section'     => 'roofing_specialist_woocommerce_settings',
		'priority'    => 10,
		'output' => array(
			array(
				'element'  => array('.woocommerce span.onsale','.woocommerce ul.products li.product .onsale'),
				'property' => 'font-size',
				'units' => 'px',
			),
		),
	] );
	
	//ADDITIONAL SETTINGS

	Kirki::add_section( 'roofing_specialist_additional_setting', array(
		'title'          => esc_html__( 'Additional Settings', 'roofing-specialist' ),
		'description'    => esc_html__( 'Additional Settings of themes', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_theme_options_panel',
		'priority'       => 10,
		'tabs'  => [
			'general' => [
				'label' => esc_html__( 'General', 'roofing-specialist' ),
			],
			'header-image'  => [
				'label' => esc_html__( 'Header Image', 'roofing-specialist' ),
			],
		],
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_preloader_hide',
		'label'       => esc_html__( 'Here you can enable or disable your preloader.', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => false,
		'priority'    => 10,
		'tab'      => 'general',
	] );
 
	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_scroll_enable_setting',
		'label'       => esc_html__( 'Here you can enable or disable your scroller.', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => true ,
		'priority'    => 10,
		'tab'      => 'general',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_enable_sidebar_sticky_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sticky Sidebar', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_enable_sticky_sidebar',
		'label'       => esc_html__( 'Enable or Disable Sticky Sidebar', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => false,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_enable_sidebar_animation_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Animation', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_enable_sidebar_animation',
		'label'       => esc_html__( 'Enable or Disable Sidebar Animation', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => true,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_enable_footer_animation',
		'label'       => esc_html__( 'Enable or Disable Footer Animation', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => true,
		'priority'    => 10,
	] );


	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_scroll_alignment_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Scroll To Top Position', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'radio-buttonset',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_scroll_alignment',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => 'right',
		'choices'     => [
			'left' => esc_html__( 'left', 'roofing-specialist' ),
			'center' => esc_html__( 'center', 'roofing-specialist' ),
			'right' => esc_html__( 'right', 'roofing-specialist' ),
		]
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_scroller_border_radius_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Scroll To Top Border Radius', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'slider',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_scroller_border_radius',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '50',
		'choices'     => [
			'min'  => 0,
			'max'  => 50,
			'step' => 1,
		],
		'output' => array(
			array(
				'element'  => '.scroll-up a',
				'property' => 'border-radius',
				'units' => 'px',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_cursor_outline_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Dot Cursor', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_cursor_outline',
		'label'       => esc_html__( 'Enable or Disable Dot Cursor', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => false,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_progress_bar_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Progress Bar', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_progress_bar',
		'label'       => esc_html__( 'Enable or Disable Progress Bar', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => false,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_progress_bar_position_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Progress Bar Position', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_progress_bar',
				'operator' => '===',
				'value'    => true,
			],
		]
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_progress_bar_position',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => 'top',
		'choices'     => [
			'top' => esc_html__( 'Top', 'roofing-specialist' ),
			'bottom' => esc_html__( 'Bottom', 'roofing-specialist' ),
		],
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_progress_bar',
				'operator' => '===',
				'value'    => true,
			],
		]
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_progress_bar_color_heading',
		'section'     => 'roofing_specialist_additional_setting',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Progress Bar Color', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_progress_bar',
				'operator' => '===',
				'value'    => true,
			],
		]
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_progress_bar_color',
		'tab'      => 'general',
		'label'       => __( 'Color', 'roofing-specialist' ),
		'type'        => 'color',
		'section'     => 'roofing_specialist_additional_setting',
		'transport' => 'auto',
		'default'     => '#D1160C',
		'choices'     => [
			'alpha' => true,
		],
		'output' => array(
			array(
				'element'  => '#elemento-progress-bar',
				'property' => 'background-color',
			),
		),
		'active_callback'  => [
			[
				'setting'  => 'roofing_specialist_progress_bar',
				'operator' => '===',
				'value'    => true,
			],
		]
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_single_page_layout_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Single Page Layout', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'tab'      => 'general',
		'settings'    => 'roofing_specialist_single_page_layout',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => 'One Column',
		'choices'     => [
			'Left Sidebar' => esc_html__( 'Left Sidebar', 'roofing-specialist' ),
			'Right Sidebar' => esc_html__( 'Right Sidebar', 'roofing-specialist' ),
			'One Column' => esc_html__( 'One Column', 'roofing-specialist' ),
		],
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_background_attachment_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Image Attachment', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_background_attachment',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => 'scroll',
		'choices'     => [
			'scroll' => esc_html__( 'Scroll', 'roofing-specialist' ),
			'fixed' => esc_html__( 'Fixed', 'roofing-specialist' ),
		],
		'output' => array(
			array(
				'element'  => '.header-image-box',
				'property' => 'background-attachment',
			),
		),
	 ) );

	 Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_image_height_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Image height', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_header_image_height',
		'label'       => __( 'Image Height', 'roofing-specialist' ),
		'description'    => esc_html__( 'Enter a value in pixels. Example:500px', 'roofing-specialist' ),
		'type'        => 'text',
		'tab'      => 'header-image',
		'default'    => [
			'desktop' => '450px',
			'tablet'  => '400px',
			'mobile'  => '200px',
		],
		'responsive' => true,
		'section'     => 'roofing_specialist_additional_setting',
		'transport' => 'auto',
		'output' => array(
			array(
				'element'  => array('.header-image-box'),
				'property' => 'height',
				'media_query' => [
					'desktop' => '@media (min-width: 1024px)',
					'tablet'  => '@media (min-width: 768px) and (max-width: 1023px)',
					'mobile'  => '@media (max-width: 767px)',
				],
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_overlay_heading',
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Header Image Overlay', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_header_overlay_setting',
		'tab'      => 'header-image',
		'label'       => __( 'Overlay Color', 'roofing-specialist' ),
		'type'        => 'color',
		'section'     => 'roofing_specialist_additional_setting',
		'transport' => 'auto',
		'default'     => '#00000085',
		'choices'     => [
			'alpha' => true,
		],
		'output' => array(
			array(
				'element'  => '.header-image-box:before',
				'property' => 'background',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_page_title',
		'label'       => esc_html__( 'Enable / Disable Header Image Page Title.', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'header-image',
		'settings'    => 'roofing_specialist_header_breadcrumb',
		'label'       => esc_html__( 'Enable / Disable Header Image Breadcrumb.', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_additional_setting',
		'default'     => '1',
		'priority'    => 10,
	] );

	// POST SECTION

	Kirki::add_section( 'roofing_specialist_blog_post', array(
		'title'          => esc_html__( 'Post Settings', 'roofing-specialist' ),
		'description'    => esc_html__( 'Here you can add post information.', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_theme_options_panel',
		'tabs'  => [
			'blog-post' => [
				'label' => esc_html__( 'Blog Post', 'roofing-specialist' ),
			],
			'single-post'  => [
				'label' => esc_html__( 'Single Post', 'roofing-specialist' ),
			],
		],
		'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_enable_post_animation_heading',
		'section'     => 'roofing_specialist_blog_post',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Animation', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_enable_post_animation',
		'label'       => esc_html__( 'Enable or Disable Blog Post Animation', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => true,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_post_layout_heading',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Blog Layout', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_post_layout',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => 'Right Sidebar',
		'choices'     => [
			'Left Sidebar' => esc_html__( 'Left Sidebar', 'roofing-specialist' ),
			'Right Sidebar' => esc_html__( 'Right Sidebar', 'roofing-specialist' ),
			'One Column' => esc_html__( 'One Column', 'roofing-specialist' ),
			'Three Columns' => esc_html__( 'Three Columns', 'roofing-specialist' ),
			'Four Columns' => esc_html__( 'Four Columns', 'roofing-specialist' ),
		],
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_date_hide',
		'label'       => esc_html__( 'Enable / Disable Post Date', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_author_hide',
		'label'       => esc_html__( 'Enable / Disable Post Author', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_comment_hide',
		'label'       => esc_html__( 'Enable / Disable Post Comment', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_blog_post_featured_image',
		'label'       => esc_html__( 'Enable / Disable Post Image', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_length_setting_heading',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Blog Post Content Limit', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'number',
		'tab'      => 'blog-post',
		'settings'    => 'roofing_specialist_length_setting',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '15',
		'priority'    => 10,
		'choices'  => [
					'min'  => -10,
					'max'  => 40,
		 			'step' => 1,
				],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_single_post_date_hide',
		'label'       => esc_html__( 'Enable / Disable Single Post Date', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_single_post_author_hide',
		'label'       => esc_html__( 'Enable / Disable Single Post Author', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_single_post_comment_hide',
		'label'       => esc_html__( 'Enable / Disable Single Post Comment', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'label'       => esc_html__( 'Enable / Disable Single Post Tag', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_single_post_tag',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'label'       => esc_html__( 'Enable / Disable Single Post Category', 'roofing-specialist' ),
		'settings'    => 'roofing_specialist_single_post_category',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_single_post_featured_image',
		'label'       => esc_html__( 'Enable / Disable Single Post Image', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_single_post_radius',
		'section'     => 'roofing_specialist_blog_post',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Single Post Image Border Radius(px)', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_single_post_border_radius',
		'label'       => __( 'Enter a value in pixels. Example:15px', 'roofing-specialist' ),
		'type'        => 'text',
		'tab'      => 'single-post',
		'section'     => 'roofing_specialist_blog_post',
		'transport' => 'auto',
		'output' => array(
			array(
				'element'  => array('.post-img img'),
				'property' => 'border-radius',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_show_related_post_heading',
		'section'     => 'roofing_specialist_blog_post',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Related post', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'tab'      => 'single-post',
		'settings'    => 'roofing_specialist_show_related_post',
		'label'       => esc_html__( 'Enable or Disable Related post', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_blog_post',
		'default'     => true,
		'priority'    => 10,
	] );

	// No Results Page Settings

	Kirki::add_section( 'roofing_specialist_no_result_section', array(
		'title'          => esc_html__( '404 & No Results Page Settings', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_theme_options_panel',
		'priority'       => 160,
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_page_not_found_title_heading',
		'section'     => 'roofing_specialist_no_result_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( '404 Page Title', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'roofing_specialist_page_not_found_title',
		'section'  => 'roofing_specialist_no_result_section',
		'default'  => esc_html__('404 Error!', 'roofing-specialist'),
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_page_not_found_text_heading',
		'section'     => 'roofing_specialist_no_result_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( '404 Page Text', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'roofing_specialist_page_not_found_text',
		'section'  => 'roofing_specialist_no_result_section',
		'default'  => esc_html__('The page you are looking for may have been moved, deleted, or possibly never existed.', 'roofing-specialist'),
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'     => 'custom',
		'settings' => 'roofing_specialist_page_not_found_line_break',
		'section'  => 'roofing_specialist_no_result_section',
		'default'  => '<hr>',
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_no_results_title_heading',
		'section'     => 'roofing_specialist_no_result_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'No Results Title', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'roofing_specialist_no_results_title',
		'section'  => 'roofing_specialist_no_result_section',
		'default'  => esc_html__('Nothing Found', 'roofing-specialist'),
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_no_results_content_heading',
		'section'     => 'roofing_specialist_no_result_section',
		'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'No Results Content', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'roofing_specialist_no_results_content',
		'section'  => 'roofing_specialist_no_result_section',
		'default'  => esc_html__('Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'roofing-specialist'),
	] );
	
	// FOOTER SECTION

	Kirki::add_section( 'roofing_specialist_footer_section', array(
        'title'          => esc_html__( 'Footer Settings', 'roofing-specialist' ),
        'description'    => esc_html__( 'Here you can change copyright text', 'roofing-specialist' ),
        'panel'    => 'roofing_specialist_theme_options_panel',
		'priority'       => 160,
    ) );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_show_footer_widget_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_show_footer_widget',
		'label'       => esc_html__( 'Footer Widget', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '1',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_show_footer_copyright',
		'label'       => esc_html__( 'Footer Copyright', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '1',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_text_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Copyright Text', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'     => 'text',
		'settings' => 'roofing_specialist_footer_text',
		'section'  => 'roofing_specialist_footer_section',
		'default'  => '',
		'priority' => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_sticky_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Sticky Copyright', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );
	Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'roofing_specialist_sticky_copyright_enable',
		'label'       => esc_html__( ' Sticky Copyright Section Enable / Disable', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '0',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'roofing-specialist' ),
			'off' => esc_html__( 'Disable', 'roofing-specialist' ),
		],
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_enable_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable / Disable Footer Link', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'switch',
		'settings'    => 'roofing_specialist_copyright_enable',
		'label'       => esc_html__( 'Section Enable / Disable', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '1',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( 'Enable', 'roofing-specialist' ),
			'off' => esc_html__( 'Disable', 'roofing-specialist' ),
		],
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_background_widget_heading',
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Widget Background', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id',
	[
		'settings'    => 'roofing_specialist_footer_background_widget',
		'type'        => 'background',
		'section'     => 'roofing_specialist_footer_section',
		'default'     => [
			'background-color'      => '#121212',
			'background-image'      => '',
			'background-repeat'     => 'no-repeat',
			'background-position'   => 'center center',
			'background-size'       => 'cover',
			'background-attachment' => 'scroll',
		],
		'transport'   => 'auto',
		'output'      => [
			[
				'element' => '.footer-widget',
			],
		],
	]);

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_widget_alignment_heading',
		'section'     => 'roofing_specialist_footer_section',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Widget Alignment', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', array(
		'type'        => 'select',
		'settings'    => 'roofing_specialist_footer_widget_alignment',
		'section'     => 'roofing_specialist_footer_section',
		'default'     =>[
			'desktop' => 'left',
			'tablet'  => 'left',
			'mobile'  => 'center',
		],
		'responsive' => true,
		'label'       => __( 'Widget Alignment', 'roofing-specialist' ),
		'transport' => 'auto',
		'choices'     => [
			'center' => esc_html__( 'center', 'roofing-specialist' ),
			'right' => esc_html__( 'right', 'roofing-specialist' ),
			'left' => esc_html__( 'left', 'roofing-specialist' ),
		],
		'output' => array(
			array(
				'element'  => '.footer-area',
				'property' => 'text-align',
				'media_query' => [
					'desktop' => '@media (min-width: 1024px)',
					'tablet'  => '@media (min-width: 768px) and (max-width: 1023px)',
					'mobile'  => '@media (max-width: 767px)',
				],
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_copright_color_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Copyright Background Color', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_footer_copright_color',
		'type'        => 'color',
		'label'       => __( 'Background Color', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'transport' => 'auto',
		'default'     => '#1a1a1a',
		'choices'     => [
			'alpha' => true,
		],
		'output' => array(
			array(
				'element'  => '.footer-copyright',
				'property' => 'background',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_copright_text_color_heading',
		'section'     => 'roofing_specialist_footer_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Copyright Text Color', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_footer_copright_text_color',
		'type'        => 'color',
		'label'       => __( 'Text Color', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_section',
		'transport' => 'auto',
		'default'     => '#ffffff',
		'choices'     => [
			'alpha' => true,
		],
		'output' => array(
			array(
				'element'  => array( '.footer-copyright a', '.footer-copyright p'),
				'property' => 'color',
			),
		),
	) );


	// Footer Social Icons Section

	Kirki::add_section( 'roofing_specialist_footer_social_media_section', array(
		'title'          => esc_html__( 'Footer Social Icons', 'roofing-specialist' ),
		'panel'    => 'roofing_specialist_theme_options_panel',
		'priority'       => 160,
	) );

    Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_footer_social_icon_hide_heading',
		'section'     => 'roofing_specialist_footer_social_media_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Enable or Disable your Footer Social Icon', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'toggle',
		'settings'    => 'roofing_specialist_footer_social_icon_hide',
		'label'       => esc_html__( 'Enable or Disable Social Icon.', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_social_media_section',
		'default'     => false,
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'settings'    => 'roofing_specialist_enable_footer_socail_link_align_heading',
		'section'     => 'roofing_specialist_footer_social_media_section',
			'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Social Media Text Align', 'roofing-specialist' ) . '</h3>',
		'priority'    => 10,
	] );

	Kirki::add_field( 'theme_config_id', array(
		'settings'    => 'roofing_specialist_enable_footer_socail_link_align',
		'type'        => 'select',
		'priority'    => 10,
		'label'       => __( 'Text Align', 'roofing-specialist' ),
		'section'     => 'roofing_specialist_footer_social_media_section',
		'default'     => 'left',
		'choices'     => [
			'center' => esc_html__( 'center', 'roofing-specialist' ),
			'right' => esc_html__( 'right', 'roofing-specialist' ),
			'left' => esc_html__( 'left', 'roofing-specialist' ),
		],
		'output' => array(
			array(
				'element'  => array( '.footer-links'),
				'property' => 'text-align',
			),
		),
	) );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'custom',
		'priority'    => 10,
		'settings'    => 'roofing_specialist_enable_footer_socail_link',
		'section'     => 'roofing_specialist_footer_social_media_section',
		'default'     => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Footer Social Media Link', 'roofing-specialist' ) . '</h3>',
	] );

	Kirki::add_field( 'theme_config_id', [
		'type'        => 'repeater',
		'priority'    => 10,
		'section'     => 'roofing_specialist_footer_social_media_section',
		'row_label' => [
			'type'  => 'field',
			'value' => esc_html__( 'Footer Social Icons', 'roofing-specialist' ),
			'field' => 'link_text',
		],
		'button_label' => esc_html__('Add New Social Icon', 'roofing-specialist' ),
		'settings'     => 'roofing_specialist_social_links_settings_footer',
		'default'      => '',
		'fields' 	   => [
			'link_text' => [
				'type'        => 'text',
				'label'       => esc_html__( 'Icon', 'roofing-specialist' ),
				'description' => esc_html__( 'Add the fontawesome class ex: "fab fa-facebook-f".', 'roofing-specialist' ). ' <a href="https://fontawesome.com/v6/search?ic=brands" target="_blank"><strong>' . esc_html__( 'View All', 'roofing-specialist' ) . ' </strong></a>',
				'default'     => '',
			],
			'link_url' => [
				'type'        => 'url',
				'label'       => esc_html__( 'Social Link', 'roofing-specialist' ),
				'description' => esc_html__( 'Add the social icon url here.', 'roofing-specialist' ),
				'default'     => '',
			],
		],
		'choices' => [
			'limit' => 20
		],
	] );

	load_template( trailingslashit( get_template_directory() ) . '/includes/logo/logo-resizer.php' );
}
