<?php
/**
 * Web Graphic Designer: Customizer
 *
 * @package Web Graphic Designer
 * @subpackage web_graphic_designer
 */

/**
 * Add postMessage support for site title and description for the Theme Customizer.
 *
 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
 */
function web_graphic_designer_customize_register( $wp_customize ) {

	// Pro Version
    class web_graphic_designer_Customize_Pro_Version extends WP_Customize_Control {
        public $type = 'pro_options';

        public function render_content() {
            echo '<span>Unlock Premium <strong>'. esc_html( $this->label ) .'</strong>? </span>';
            echo '<a href="'. esc_url($this->description) .'" target="_blank">';
                echo '<span class="dashicons dashicons-info"></span>';
                echo '<strong> '. esc_html( WEB_GRAPHIC_DESIGNER_BUY_TEXT,'web-graphic-designer' ) .'<strong></a>';
            echo '</a>';
        }
    }

    // Custom Controls
    function web_graphic_designer_sanitize_custom_control( $input ) {
        return $input;
    }

	require get_parent_theme_file_path('/inc/controls/range-slider-control.php');

	// Register the custom control type.
		$wp_customize->register_control_type( 'Web_Graphic_Designer_Toggle_Control' );
    
    //Register the sortable control type.
	$wp_customize->register_control_type( 'Web_Graphic_Designer_Control_Sortable' );

	//add home page setting pannel
	$wp_customize->add_panel( 'web_graphic_designer_panel_id', array(
	    'priority' => 10,
	    'capability' => 'edit_theme_options',
	    'theme_supports' => '',
	    'title' => __( 'Home Page Settings', 'web-graphic-designer' ),
	    'description' => __( 'Description of what this panel does.', 'web-graphic-designer' ),
	) );

	//TP General Option
	$wp_customize->add_section('web_graphic_designer_tp_general_settings',array(
        'title' => __('TP General Option', 'web-graphic-designer'),
        'panel' => 'web_graphic_designer_panel_id',
        'priority' => 1,
    ) );
	 $wp_customize->add_setting('web_graphic_designer_tp_body_layout_settings',array(
        'default' => 'Full',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
    $wp_customize->add_control('web_graphic_designer_tp_body_layout_settings',array(
        'type' => 'radio',
        'label'     => __('Body Layout Setting', 'web-graphic-designer'),
        'description'   => __('This option work for complete body, if you want to set the complete website in container.', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_tp_general_settings',
        'choices' => array(
            'Full' => __('Full','web-graphic-designer'),
            'Container' => __('Container','web-graphic-designer'),
            'Container Fluid' => __('Container Fluid','web-graphic-designer')
        ),
	) );

    // Add Settings and Controls for Post Layout
	$wp_customize->add_setting('web_graphic_designer_sidebar_post_layout',array(
        'default' => 'right',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_sidebar_post_layout',array(
        'type' => 'radio',
        'label'     => __('Post Sidebar Position', 'web-graphic-designer'),
        'description'   => __('This option work for blog page, blog single page, archive page and search page.', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_tp_general_settings',
        'choices' => array(
            'full' => __('Full','web-graphic-designer'),
            'left' => __('Left','web-graphic-designer'),
            'right' => __('Right','web-graphic-designer'),
            'three-column' => __('Three Columns','web-graphic-designer'),
            'four-column' => __('Four Columns','web-graphic-designer'),
            'grid' => __('Grid Layout','web-graphic-designer')
        ),
	) );
	$wp_customize->add_setting('web_graphic_designer_sidebar_single_post_layout',array(
        'default' => 'right',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_sidebar_single_post_layout',array(
        'type' => 'radio',
        'label'     => __('Single Post Sidebar Position', 'web-graphic-designer'),
        'description'   => __('This option work for single blog page', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_tp_general_settings',
        'choices' => array(
            'full' => __('Full','web-graphic-designer'),
            'left' => __('Left','web-graphic-designer'),
            'right' => __('Right','web-graphic-designer'),
        ),
	) );

	// Add Settings and Controls for Page Layout
	$wp_customize->add_setting('web_graphic_designer_sidebar_page_layout',array(
        'default' => 'right',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_sidebar_page_layout',array(
        'type' => 'radio',
        'label'     => __('Page Sidebar Position', 'web-graphic-designer'),
        'description'   => __('This option work for pages.', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_tp_general_settings',
        'choices' => array(
            'full' => __('Full','web-graphic-designer'),
            'left' => __('Left','web-graphic-designer'),
            'right' => __('Right','web-graphic-designer')
        ),
	) );
	$wp_customize->add_setting( 'web_graphic_designer_sticky', array(
		'default'           => false,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_sticky', array(
		'label'       => esc_html__( 'Show Sticky Header', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_tp_general_settings',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_sticky',
	) ) );

	//tp typography option
	$web_graphic_designer_font_array = array(
		''                       => 'No Fonts',
		'Abril Fatface'          => 'Abril Fatface',
		'Acme'                   => 'Acme',
		'Anton'                  => 'Anton',
		'Architects Daughter'    => 'Architects Daughter',
		'Arimo'                  => 'Arimo',
		'Arsenal'                => 'Arsenal',
		'Arvo'                   => 'Arvo',
		'Alegreya'               => 'Alegreya',
		'Alfa Slab One'          => 'Alfa Slab One',
		'Averia Serif Libre'     => 'Averia Serif Libre',
		'Bangers'                => 'Bangers',
		'Boogaloo'               => 'Boogaloo',
		'Bad Script'             => 'Bad Script',
		'Bitter'                 => 'Bitter',
		'Bree Serif'             => 'Bree Serif',
		'BenchNine'              => 'BenchNine',
		'Cabin'                  => 'Cabin',
		'Cardo'                  => 'Cardo',
		'Courgette'              => 'Courgette',
		'Cherry Swash'           => 'Cherry Swash',
		'Cormorant Garamond'     => 'Cormorant Garamond',
		'Crimson Text'           => 'Crimson Text',
		'Cuprum'                 => 'Cuprum',
		'Cookie'                 => 'Cookie',
		'Chewy'                  => 'Chewy',
		'Days One'               => 'Days One',
		'Dosis'                  => 'Dosis',
		'Droid Sans'             => 'Droid Sans',
		'Economica'              => 'Economica',
		'Fredoka One'            => 'Fredoka One',
		'Fjalla One'             => 'Fjalla One',
		'Francois One'           => 'Francois One',
		'Frank Ruhl Libre'       => 'Frank Ruhl Libre',
		'Gloria Hallelujah'      => 'Gloria Hallelujah',
		'Great Vibes'            => 'Great Vibes',
		'Handlee'                => 'Handlee',
		'Hammersmith One'        => 'Hammersmith One',
		'Inconsolata'            => 'Inconsolata',
		'Indie Flower'           => 'Indie Flower',
		'IM Fell English SC'     => 'IM Fell English SC',
		'Julius Sans One'        => 'Julius Sans One',
		'Josefin Slab'           => 'Josefin Slab',
		'Josefin Sans'           => 'Josefin Sans',
		'Kanit'                  => 'Kanit',
		'Lobster'                => 'Lobster',
		'Lato'                   => 'Lato',
		'Lora'                   => 'Lora',
		'Libre Baskerville'      => 'Libre Baskerville',
		'Lobster Two'            => 'Lobster Two',
		'Merriweather'           => 'Merriweather',
		'Monda'                  => 'Monda',
		'Montserrat'             => 'Montserrat',
		'Muli'                   => 'Muli',
		'Marck Script'           => 'Marck Script',
		'Noto Serif'             => 'Noto Serif',
		'Open Sans'              => 'Open Sans',
		'Overpass'               => 'Overpass',
		'Overpass Mono'          => 'Overpass Mono',
		'Oxygen'                 => 'Oxygen',
		'Orbitron'               => 'Orbitron',
		'Patua One'              => 'Patua One',
		'Pacifico'               => 'Pacifico',
		'Padauk'                 => 'Padauk',
		'Playball'               => 'Playball',
		'Playfair Display'       => 'Playfair Display',
		'PT Sans'                => 'PT Sans',
		'Philosopher'            => 'Philosopher',
		'Permanent Marker'       => 'Permanent Marker',
		'Poiret One'             => 'Poiret One',
		'Quicksand'              => 'Quicksand',
		'Quattrocento Sans'      => 'Quattrocento Sans',
		'Raleway'                => 'Raleway',
		'Rubik'                  => 'Rubik',
		'Rokkitt'                => 'Rokkitt',
		'Russo One'              => 'Russo One',
		'Righteous'              => 'Righteous',
		'Slabo'                  => 'Slabo',
		'Source Sans Pro'        => 'Source Sans Pro',
		'Shadows Into Light Two' => 'Shadows Into Light Two',
		'Shadows Into Light'     => 'Shadows Into Light',
		'Sacramento'             => 'Sacramento',
		'Shrikhand'              => 'Shrikhand',
		'Tangerine'              => 'Tangerine',
		'Ubuntu'                 => 'Ubuntu',
		'VT323'                  => 'VT323',
		'Varela Round'           => 'Varela Round',
		'Vampiro One'            => 'Vampiro One',
		'Vollkorn'               => 'Vollkorn',
		'Volkhov'                => 'Volkhov',
		'Yanone Kaffeesatz'      => 'Yanone Kaffeesatz'
	);

	$wp_customize->add_section('web_graphic_designer_typography_option',array(
		'title'         => __('TP Typography Option', 'web-graphic-designer'),
		'priority' => 1,
		'panel' => 'web_graphic_designer_panel_id'
   	));

   	$wp_customize->add_setting('web_graphic_designer_heading_font_family', array(
		'default'           => '',
		'capability'        => 'edit_theme_options',
		'sanitize_callback' => 'web_graphic_designer_sanitize_choices',
	));
	$wp_customize->add_control(	'web_graphic_designer_heading_font_family', array(
		'section' => 'web_graphic_designer_typography_option',
		'label'   => __('heading Fonts', 'web-graphic-designer'),
		'type'    => 'select',
		'choices' => $web_graphic_designer_font_array,
	));

	$wp_customize->add_setting('web_graphic_designer_body_font_family', array(
		'default'           => '',
		'capability'        => 'edit_theme_options',
		'sanitize_callback' => 'web_graphic_designer_sanitize_choices',
	));
	$wp_customize->add_control(	'web_graphic_designer_body_font_family', array(
		'section' => 'web_graphic_designer_typography_option',
		'label'   => __('Body Fonts', 'web-graphic-designer'),
		'type'    => 'select',
		'choices' => $web_graphic_designer_font_array,
	));

	//TP Color Option
	$wp_customize->add_section('web_graphic_designer_color_option',array(
        'title' => __('TP Color Option', 'web-graphic-designer'),
        'panel' => 'web_graphic_designer_panel_id',
        'priority' => 1,
    ) );
	$wp_customize->add_setting( 'web_graphic_designer_tp_color_option', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_tp_color_option', array(
  		'label'     => __('Theme First Color', 'web-graphic-designer'),
	    'description' => __('It will change the complete theme color in one click.', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_color_option',
	    'settings' => 'web_graphic_designer_tp_color_option',
  	)));

  	//TP Preloader Option
	$wp_customize->add_section('web_graphic_designer_prealoader_option',array(
		'title' => __('TP Preloader Option', 'web-graphic-designer'),
		'panel' => 'web_graphic_designer_panel_id',
		'priority' => 1,
 	) );
	$wp_customize->add_setting( 'web_graphic_designer_preloader_show_hide', array(
		'default'           => false,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_preloader_show_hide', array(
		'label'       => esc_html__( 'Show / Hide Preloader Option', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_prealoader_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_preloader_show_hide',
	) ) );
	$wp_customize->add_setting( 'web_graphic_designer_tp_preloader_color1_option', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_tp_preloader_color1_option', array(
	    'description' => __('It will change the complete theme preloader ring 1 color in one click.', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_prealoader_option',
	    'settings' => 'web_graphic_designer_tp_preloader_color1_option',
  	)));
  	$wp_customize->add_setting( 'web_graphic_designer_tp_preloader_color2_option', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_tp_preloader_color2_option', array(
	    'description' => __('It will change the complete theme preloader ring 2 color in one click.', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_prealoader_option',
	    'settings' => 'web_graphic_designer_tp_preloader_color2_option',
  	)));
  	$wp_customize->add_setting( 'web_graphic_designer_tp_preloader_bg_option', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_tp_preloader_bg_option', array(
	    'description' => __('It will change the complete theme preloader bg color in one click.', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_prealoader_option',
	    'settings' => 'web_graphic_designer_tp_preloader_bg_option',
  	)));

  	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_preloader_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_preloader_pro_version_logo', array(
        'section'     => 'web_graphic_designer_prealoader_option',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	//TP Blog Option
	$wp_customize->add_section('web_graphic_designer_blog_option',array(
        'title' => __('TP Blog Option', 'web-graphic-designer'),
        'panel' => 'web_graphic_designer_panel_id',
        'priority' => 1,
    ) );

    $wp_customize->add_setting('web_graphic_designer_edit_blog_page_title',array(
		'default'=> __('Home','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_edit_blog_page_title',array(
		'label'	=> __('Change Blog Page Title','web-graphic-designer'),
		'section'=> 'web_graphic_designer_blog_option',
		'type'=> 'text'
	));

	$wp_customize->add_setting('web_graphic_designer_edit_blog_page_description',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_edit_blog_page_description',array(
		'label'	=> __('Add Blog Page Description','web-graphic-designer'),
		'section'=> 'web_graphic_designer_blog_option',
		'type'=> 'text'
	));

	/** Meta Order */
    $wp_customize->add_setting('blog_meta_order', array(
        'default' => array('date', 'author', 'comment', 'category', 'time'),
        'sanitize_callback' => 'web_graphic_designer_sanitize_sortable',
    ));
    $wp_customize->add_control(new Web_Graphic_Designer_Control_Sortable($wp_customize, 'blog_meta_order', array(
    	'label' => esc_html__('Meta Order', 'web-graphic-designer'),
        'description' => __('Drag & Drop post items to re-arrange the order and also hide and show items as per the need by clicking on the eye icon.', 'web-graphic-designer') ,
        'section' => 'web_graphic_designer_blog_option',
        'choices' => array(
            'date' => __('date', 'web-graphic-designer') ,
            'author' => __('author', 'web-graphic-designer') ,
            'comment' => __('comment', 'web-graphic-designer') ,
            'category' => __('category', 'web-graphic-designer') ,
            'time' => __('time', 'web-graphic-designer') ,
        ) ,
    )));
    $wp_customize->add_setting( 'web_graphic_designer_excerpt_count', array(
		'default'              => 35,
		'type'                 => 'theme_mod',
		'transport' 		   => 'refresh',
		'sanitize_callback'    => 'web_graphic_designer_sanitize_number_range',
		'sanitize_js_callback' => 'absint',
	) );
	$wp_customize->add_control( 'web_graphic_designer_excerpt_count', array(
		'label'       => esc_html__( 'Edit Excerpt Limit','web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'number',
		'input_attrs' => array(
			'step'             => 2,
			'min'              => 0,
			'max'              => 50,
		),
	) );
    $wp_customize->add_setting('web_graphic_designer_read_more_text',array(
		'default'=> __('Read More','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_read_more_text',array(
		'label'	=> __('Edit Button Text','web-graphic-designer'),
		'section'=> 'web_graphic_designer_blog_option',
		'type'=> 'text'
	));

	$wp_customize->add_setting('web_graphic_designer_post_image_round', array(
	  'default' => '0',
      'sanitize_callback' => 'web_graphic_designer_sanitize_number_range',
	));
	$wp_customize->add_control(new web_graphic_designer_Range_Slider($wp_customize, 'web_graphic_designer_post_image_round', array(
       'section' => 'web_graphic_designer_blog_option',
      'label' => esc_html__('Edit Post Image Border Radius', 'web-graphic-designer'),
      'input_attrs' => array(
        'min' => 0,
        'max' => 180,
        'step' => 1
    )
	)));

	$wp_customize->add_setting('web_graphic_designer_post_image_width', array(
	  'default' => '',
      'sanitize_callback' => 'web_graphic_designer_sanitize_number_range',
	));
	$wp_customize->add_control(new web_graphic_designer_Range_Slider($wp_customize, 'web_graphic_designer_post_image_width', array(
       'section' => 'web_graphic_designer_blog_option',
      'label' => esc_html__('Edit Post Image Width', 'web-graphic-designer'),
      'input_attrs' => array(
        'min' => 0,
        'max' => 367,
        'step' => 1
    )
	)));

	$wp_customize->add_setting('web_graphic_designer_post_image_length', array(
	  'default' => '',
      'sanitize_callback' => 'web_graphic_designer_sanitize_number_range',
	));
	$wp_customize->add_control(new web_graphic_designer_Range_Slider($wp_customize, 'web_graphic_designer_post_image_length', array(
       'section' => 'web_graphic_designer_blog_option',
      'label' => esc_html__('Edit Post Image height', 'web-graphic-designer'),
      'input_attrs' => array(
        'min' => 0,
        'max' => 900,
        'step' => 1
    )
	)));

    $wp_customize->add_setting( 'web_graphic_designer_remove_read_button', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_remove_read_button', array(
		'label'       => esc_html__( 'Show / Hide Read More Button', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_remove_read_button',
	) ) );
	$wp_customize->add_setting( 'web_graphic_designer_remove_tags', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_remove_tags', array(
		'label'       => esc_html__( 'Show / Hide Tags Option', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_remove_tags',
	) ) );
	$wp_customize->add_setting( 'web_graphic_designer_remove_category', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_remove_category', array(
		'label'       => esc_html__( 'Show / Hide Category Option', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_remove_category',
	) ) );
    $wp_customize->selective_refresh->add_partial( 'web_graphic_designer_remove_category', array(
		'selector' => '.box-content a[rel="category"]',
		'render_callback' => 'web_graphic_designer_customize_partial_web_graphic_designer_remove_category',
	));
	$wp_customize->add_setting( 'web_graphic_designer_remove_comment', array(
	 'default'           => true,
	 'transport'         => 'refresh',
	 'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
 	) );

	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_remove_comment', array(
	 'label'       => esc_html__( 'Show / Hide Comment Form', 'web-graphic-designer' ),
	 'section'     => 'web_graphic_designer_blog_option',
	 'type'        => 'toggle',
	 'settings'    => 'web_graphic_designer_remove_comment',
	) ) );

	$wp_customize->add_setting( 'web_graphic_designer_remove_related_post', array(
	 'default'           => true,
	 'transport'         => 'refresh',
	 'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
 	) );

	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_remove_related_post', array(
	 'label'       => esc_html__( 'Show / Hide Related Post', 'web-graphic-designer' ),
	 'section'     => 'web_graphic_designer_blog_option',
	 'type'        => 'toggle',
	 'settings'    => 'web_graphic_designer_remove_related_post',
	) ) );
	$wp_customize->add_setting('web_graphic_designer_related_post_heading',array(
		'default'=> __('Related Posts','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_related_post_heading',array(
		'label'	=> __('Edit Section Title','web-graphic-designer'),
		'section'=> 'web_graphic_designer_blog_option',
		'type'=> 'text'
	));
	$wp_customize->add_setting( 'web_graphic_designer_related_post_per_page', array(
		'default'              => 3,
		'type'                 => 'theme_mod',
		'transport' 		   => 'refresh',
		'sanitize_callback'    => 'web_graphic_designer_sanitize_number_range',
		'sanitize_js_callback' => 'absint',
	) );
	$wp_customize->add_control( 'web_graphic_designer_related_post_per_page', array(
		'label'       => esc_html__( 'Related Post Per Page','web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 3,
			'max'              => 9,
		),
	) );
	$wp_customize->add_setting( 'web_graphic_designer_related_post_per_columns', array(
		'default'              => 3,
		'type'                 => 'theme_mod',
		'transport' 		   => 'refresh',
		'sanitize_callback'    => 'web_graphic_designer_sanitize_number_range',
		'sanitize_js_callback' => 'absint',
	) );
	$wp_customize->add_control( 'web_graphic_designer_related_post_per_columns', array(
		'label'       => esc_html__( 'Related Post Per Row','web-graphic-designer' ),
		'section'     => 'web_graphic_designer_blog_option',
		'type'        => 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 1,
			'max'              => 4,
		),
	) );
	$wp_customize->add_setting('web_graphic_designer_post_layout',array(
        'default' => 'image-content',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_post_layout',array(
        'type' => 'radio',
        'label'     => __('Post Layout', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_blog_option',
        'choices' => array(
            'image-content' => __('Media-Content','web-graphic-designer'),
            'content-image' => __('Content-Media','web-graphic-designer'),
        ),
	) );

  	//MENU TYPOGRAPHY
	$wp_customize->add_section( 'web_graphic_designer_menu_typography', array(
    	'title'      => __( 'Menu Typography', 'web-graphic-designer' ),
    	'priority' => 2,
		'panel' => 'web_graphic_designer_panel_id'
	) );
	$wp_customize->add_setting('web_graphic_designer_menu_font_family', array(
		'default'           => '',
		'capability'        => 'edit_theme_options',
		'sanitize_callback' => 'web_graphic_designer_sanitize_choices',
	));
	$wp_customize->add_control(	'web_graphic_designer_menu_font_family', array(
		'section' => 'web_graphic_designer_menu_typography',
		'label'   => __('Menu Fonts', 'web-graphic-designer'),
		'type'    => 'select',
		'choices' => $web_graphic_designer_font_array,
	));

	$wp_customize->add_setting('web_graphic_designer_menu_font_weight',array(
        'default' => '400',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_menu_font_weight',array(
     'type' => 'radio',
     'label'     => __('Font Weight', 'web-graphic-designer'),
     'section' => 'web_graphic_designer_menu_typography',
     'type' => 'select',
     'choices' => array(
         '100' => __('100','web-graphic-designer'),
         '200' => __('200','web-graphic-designer'),
         '300' => __('300','web-graphic-designer'),
         '400' => __('400','web-graphic-designer'),
         '500' => __('500','web-graphic-designer'),
         '600' => __('600','web-graphic-designer'),
         '700' => __('700','web-graphic-designer'),
         '800' => __('800','web-graphic-designer'),
         '900' => __('900','web-graphic-designer')
     ),
	) );
	
	$wp_customize->add_setting('web_graphic_designer_menu_text_tranform',array(
		'default' => 'Uppercase',
		'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
 	));
 	$wp_customize->add_control('web_graphic_designer_menu_text_tranform',array(
		'type' => 'select',
		'label' => __('Menu Text Transform','web-graphic-designer'),
		'section' => 'web_graphic_designer_menu_typography',
		'choices' => array(
		   'Uppercase' => __('Uppercase','web-graphic-designer'),
		   'Lowercase' => __('Lowercase','web-graphic-designer'),
		   'Capitalize' => __('Capitalize','web-graphic-designer'),
		),
	) );
	$wp_customize->add_setting('web_graphic_designer_menu_font_size', array(
	  'default' => 15,
      'sanitize_callback' => 'web_graphic_designer_sanitize_number_range',
	));
	$wp_customize->add_control(new Web_Graphic_Designer_Range_Slider($wp_customize, 'web_graphic_designer_menu_font_size', array(
      'section' => 'web_graphic_designer_menu_typography',
      'label' => esc_html__('Font Size', 'web-graphic-designer'),
      'input_attrs' => array(
        'min' => 0,
        'max' => 20,
        'step' => 1
    )
	)));

	$wp_customize->add_setting( 'web_graphic_designer_menu_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_menu_color', array(
			'label'     => __('Change Menu Color', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_menu_typography',
	    'settings' => 'web_graphic_designer_menu_color',
  	)));

  	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_menu_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_menu_pro_version_logo', array(
        'section'     => 'web_graphic_designer_menu_typography',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	// Top bar Section
	$wp_customize->add_section( 'web_graphic_designer_topbar', array(
    	'title'      => __( 'Header Details', 'web-graphic-designer' ),
    	'description' => __( 'Add your contact details', 'web-graphic-designer' ),
		'panel' => 'web_graphic_designer_panel_id',
      'priority' => 2,
	) );

	$wp_customize->add_setting('web_graphic_designer_topbar_text',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_topbar_text',array(
		'label'	=> __('Topbar Text','web-graphic-designer'),
		'section'=> 'web_graphic_designer_topbar',
		'type'=> 'text'
	));
	$wp_customize->add_setting('web_graphic_designer_header_button',array(
		'default'=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_header_button',array(
		'label'	=> __('Add Button Text','web-graphic-designer'),
		'section'=> 'web_graphic_designer_topbar',
		'type'=> 'text'
	));
	$wp_customize->add_setting('web_graphic_designer_header_button_link',array(
		'default'=> '',
		'sanitize_callback'	=> 'esc_url_raw'
	));
	$wp_customize->add_control('web_graphic_designer_header_button_link',array(
		'label'	=> __('Add Button URL','web-graphic-designer'),
		'section'=> 'web_graphic_designer_topbar',
		'type'=> 'url'
	));

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_topbar_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_topbar_pro_version_logo', array(
        'section'     => 'web_graphic_designer_topbar',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	//home page slider
	$wp_customize->add_section( 'web_graphic_designer_slider_section' , array(
    	'title'      => __( 'Slider Settings', 'web-graphic-designer' ),
		'panel' => 'web_graphic_designer_panel_id',
        'priority' => 3,
	) );
	$wp_customize->add_setting( 'web_graphic_designer_slider_arrows', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_slider_arrows', array(
		'label'       => esc_html__( 'Show / Hide slider', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_slider_section',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_slider_arrows',
	) ) );

	$wp_customize->add_setting( 'web_graphic_designer_show_slider_title', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new web_graphic_designer_Toggle_Control( $wp_customize, 'web_graphic_designer_show_slider_title', array(
		'label'       => esc_html__( 'Show / Hide Slider Heading', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_slider_section',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_show_slider_title',
	) ) );

	$wp_customize->add_setting( 'web_graphic_designer_show_slider_content', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new web_graphic_designer_Toggle_Control( $wp_customize, 'web_graphic_designer_show_slider_content', array(
		'label'       => esc_html__( 'Show / Hide Slider Content', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_slider_section',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_show_slider_content',
	) ) );

	for ( $web_graphic_designer_count = 1; $web_graphic_designer_count <= 4; $web_graphic_designer_count++ ) {

		// Add color scheme setting and control.
		$wp_customize->add_setting( 'web_graphic_designer_slider_page' . $web_graphic_designer_count, array(
			'default'           => '',
			'sanitize_callback' => 'web_graphic_designer_sanitize_dropdown_pages'
		) );

		$wp_customize->add_control( 'web_graphic_designer_slider_page' . $web_graphic_designer_count, array(
			'label'    => __( 'Select Slide Image Page', 'web-graphic-designer' ),
			'section'  => 'web_graphic_designer_slider_section',
			'type'     => 'dropdown-pages'
		) );
	}

	//Slider height
    $wp_customize->add_setting('web_graphic_designer_slider_img_height',array(
        'default'=> '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('web_graphic_designer_slider_img_height',array(
        'label' => __('Slider Height','web-graphic-designer'),
        'description'   => __('Add slider height in px(eg. 700px).','web-graphic-designer'),
        'section'=> 'web_graphic_designer_slider_section',
        'type'=> 'text'
    ));

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_slider_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_slider_pro_version_logo', array(
        'section'     => 'web_graphic_designer_slider_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	//About Section
	$wp_customize->add_section('web_graphic_designer_about_section',array(
		'title'	=> __('About Section','web-graphic-designer'),
		'panel' => 'web_graphic_designer_panel_id',
		'priority' => 3,
	));
	$wp_customize->add_setting( 'web_graphic_designer_about_show_hide', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_about_show_hide', array(
		'label'       => esc_html__( 'Show / Hide About Section', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_about_section',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_about_show_hide',
		'priority' => 1,
	) ) );
	$wp_customize->add_setting('web_graphic_designer_about_tittle',array(
		'default' => '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_about_tittle',array(
		'label'	=> __('About Title','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_about_section',
		'type'		=> 'text'
	));
	$wp_customize->selective_refresh->add_partial( 'web_graphic_designer_about_tittle', array(
		'selector' => '#about h3',
		'render_callback' => 'web_graphic_designer_customize_partial_web_graphic_designer_about_tittle',
	) );
	$wp_customize->add_setting( 'web_graphic_designer_about_page', array(
		'default'           => '',
		'sanitize_callback' => 'web_graphic_designer_sanitize_dropdown_pages'
	) );
	$wp_customize->add_control( 'web_graphic_designer_about_page', array(
		'label'    => __( 'Select About Page', 'web-graphic-designer' ),
		'section'  => 'web_graphic_designer_about_section',
		'type'     => 'dropdown-pages'
	) );

	$wp_customize->add_setting('web_graphic_designer_abt_banner_image1', array(
	    'default'           => '',
	    'sanitize_callback' => 'esc_url_raw',
	));
	$wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, 'web_graphic_designer_abt_banner_image1', array(
	    'label'   => __('Select About Image', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_about_section',
	)));
	
	$wp_customize->add_setting('web_graphic_designer_about_points',array(
		'default'	=> '3',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_about_points',array(
		'label'	=> __('Add number of points','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_about_section',
		'type'		=> 'number',
		'input_attrs' => array(
        'min' => 1,     
        'max' => 3
    	)
	));
	$web_graphic_designer_about_point = get_theme_mod('web_graphic_designer_about_points','3');
   	for ( $m = 1; $m <= $web_graphic_designer_about_point; $m++ ){

		$wp_customize->add_setting('web_graphic_designer_about_points_text'.$m,array(
			'default'	=> '',
			'sanitize_callback'	=> 'sanitize_text_field'
		));
		$wp_customize->add_control('web_graphic_designer_about_points_text'.$m,array(
			'label'	=> __('Add Text ','web-graphic-designer').$m,
			'section'	=> 'web_graphic_designer_about_section',
			'type'		=> 'text'
		));
	}

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_about_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_about_pro_version_logo', array(
        'section'     => 'web_graphic_designer_about_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	//footer
	$wp_customize->add_section('web_graphic_designer_footer_section',array(
		'title'	=> __('Footer Widget Settings','web-graphic-designer'),
		'panel' => 'web_graphic_designer_panel_id',
		'priority' => 4,
	));

	// footer columns
	$wp_customize->add_setting('web_graphic_designer_footer_columns',array(
		'default'	=> 4,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_footer_columns',array(
		'label'	=> __('Footer Widget Columns','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_footer_section',
		'setting'	=> 'web_graphic_designer_footer_columns',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 1,
			'max'              => 4,
		),
	));
    $wp_customize->add_setting('web_graphic_designer_return_to_header',array(
       'default' => true,
       'sanitize_callback'	=> 'web_graphic_designer_sanitize_checkbox'
    ));
    $wp_customize->add_control('web_graphic_designer_return_to_header',array(
       'type' => 'checkbox',
       'label' => __('Show / Hide Return to header','web-graphic-designer'),
       'section' => 'web_graphic_designer_footer_section',
    ));	

	$wp_customize->add_setting( 'web_graphic_designer_tp_footer_bg_color_option', array(
		'default' => '',
		'sanitize_callback' => 'sanitize_hex_color'
	));
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_tp_footer_bg_color_option', array(
		'label'     => __('Footer Widget Background Color', 'web-graphic-designer'),
		'description' => __('It will change the complete footer widget backgorund color.', 'web-graphic-designer'),
		'section' => 'web_graphic_designer_footer_section',
		'settings' => 'web_graphic_designer_tp_footer_bg_color_option',
	)));

	$wp_customize->add_setting('web_graphic_designer_footer_widget_image',array(
		'default'	=> '',
		'sanitize_callback'	=> 'esc_url_raw',
	));
	$wp_customize->add_control( new WP_Customize_Image_Control($wp_customize,'web_graphic_designer_footer_widget_image',array(
	   'label' => __('Footer Widget Background Image','web-graphic-designer'),
	   'section' => 'web_graphic_designer_footer_section'
	)));

	//footer widget title font size
	$wp_customize->add_setting('web_graphic_designer_footer_widget_title_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_footer_widget_title_font_size',array(
		'label'	=> __('Change Footer Widget Title Font Size in PX','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_footer_section',
	    'setting'	=> 'web_graphic_designer_footer_widget_title_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 50,
		),
	));

	$wp_customize->add_setting( 'web_graphic_designer_footer_widget_title_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_footer_widget_title_color', array(
			'label'     => __('Change Footer Widget Title Color', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_footer_section',
	    'settings' => 'web_graphic_designer_footer_widget_title_color',
  	)));

    $wp_customize->add_setting( 'web_graphic_designer_return_to_header', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_return_to_header', array(
		'label'       => esc_html__( 'Show / Hide Return to header', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_footer_section',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_return_to_header',
	) ) );

		// Add Settings and Controls for Scroll top
	$wp_customize->add_setting('web_graphic_designer_scroll_top_position',array(
        'default' => 'Right',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_scroll_top_position',array(
        'type' => 'radio',
        'label'     => __('Scroll to top Position', 'web-graphic-designer'),
        'description'   => __('This option work for scroll to top', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_footer_section',
        'choices' => array(
            'Right' => __('Right','web-graphic-designer'),
            'Left' => __('Left','web-graphic-designer'),
            'Center' => __('Center','web-graphic-designer')
        ),
	) );

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_footer_widget_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_footer_widget_pro_version_logo', array(
        'section'     => 'web_graphic_designer_footer_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	//footer
	$wp_customize->add_section('web_graphic_designer_footer_copyright_section',array(
		'title'	=> __('Footer Copyright Settings','web-graphic-designer'),
		'description'	=> __('Add copyright text.','web-graphic-designer'),
		'panel' => 'web_graphic_designer_panel_id',
		'priority' => 4,
	));
	
	$wp_customize->add_setting('web_graphic_designer_footer_text',array(
		'default'	=> '',
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_footer_text',array(
		'label'	=> __('Copyright Text','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_footer_copyright_section',
		'type'		=> 'text'
	));

	//footer widget title font size
	$wp_customize->add_setting('web_graphic_designer_footer_copyright_font_size',array(
		'default'	=> '',
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_footer_copyright_font_size',array(
		'label'	=> __('Change Footer Copyright Font Size in PX','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_footer_copyright_section',
	    'setting'	=> 'web_graphic_designer_footer_copyright_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 50,
		),
	));

	$wp_customize->add_setting( 'web_graphic_designer_footer_copyright_text_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_footer_copyright_text_color', array(
			'label'     => __('Change Footer Copyright Text Color', 'web-graphic-designer'),
	    'section' => 'web_graphic_designer_footer_copyright_section',
	    'settings' => 'web_graphic_designer_footer_copyright_text_color',
  	)));

  	$wp_customize->add_setting('web_graphic_designer_footer_copyright_top_bottom_padding',array(
		'default'	=> '',
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_footer_copyright_top_bottom_padding',array(
		'label'	=> __('Change Footer Copyright Padding in PX','web-graphic-designer'),
		'section'	=> 'web_graphic_designer_footer_copyright_section',
	    'setting'	=> 'web_graphic_designer_footer_copyright_top_bottom_padding',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 50,
		),
	));

	// Add Settings and Controls for copyright
	$wp_customize->add_setting('web_graphic_designer_copyright_text_position',array(
        'default' => 'Center',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_copyright_text_position',array(
        'type' => 'radio',
        'label'     => __('Copyright Text Position', 'web-graphic-designer'),
        'description'   => __('This option work for Copyright', 'web-graphic-designer'),
        'section' => 'web_graphic_designer_footer_copyright_section',
        'choices' => array(
            'Right' => __('Right','web-graphic-designer'),
            'Left' => __('Left','web-graphic-designer'),
            'Center' => __('Center','web-graphic-designer')
        ),
	) );

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_copyright_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_copyright_pro_version_logo', array(
        'section'     => 'web_graphic_designer_footer_copyright_section',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	$wp_customize->get_setting( 'blogname' )->transport          = 'postMessage';
	$wp_customize->get_setting( 'blogdescription' )->transport   = 'postMessage';
	$wp_customize->add_setting( 'web_graphic_designer_site_title_text', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_site_title_text', array(
		'label'       => esc_html__( 'Show / Hide Site Title', 'web-graphic-designer' ),
		'section'     => 'title_tagline',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_site_title_text',
	) ) );

	//MOBILE Responsive
	$wp_customize->add_section('web_graphic_designer_mobile_media_option',array(
		'title'         => __('Mobile Responsive media', 'web-graphic-designer'),
		'description' => __('Control will no function if the toggle in the main settings is off.', 'web-graphic-designer'),
		'priority' => 5,
		'panel' => 'web_graphic_designer_panel_id'
	) );

	$wp_customize->add_setting( 'web_graphic_designer_mobile_blog_description', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new web_graphic_designer_Toggle_Control( $wp_customize, 'web_graphic_designer_mobile_blog_description', array(
		'label'       => esc_html__( 'Show / Hide Blog Page Description', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_mobile_media_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_mobile_blog_description',
	) ) );

	$wp_customize->add_setting( 'web_graphic_designer_return_to_header_mob', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_return_to_header_mob', array(
		'label'       => esc_html__( 'Show / Hide Return to header', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_mobile_media_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_return_to_header_mob',
	) ) );
	$wp_customize->add_setting( 'web_graphic_designer_related_post_mob', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_related_post_mob', array(
		'label'       => esc_html__( 'Show / Hide Related Post', 'web-graphic-designer' ),
		'section'     => 'web_graphic_designer_mobile_media_option',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_related_post_mob',
	) ) );

	//Slider height
    $wp_customize->add_setting('web_graphic_designer_slider_img_height_responsive',array(
        'default'=> '',
        'sanitize_callback' => 'sanitize_text_field'
    ));
    $wp_customize->add_control('web_graphic_designer_slider_img_height_responsive',array(
        'label' => __('Slider Height','web-graphic-designer'),
        'description'   => __('Add slider height in px(eg. 700px).','web-graphic-designer'),
        'section'=> 'web_graphic_designer_mobile_media_option',
        'type'=> 'text'
    ));

	// Pro Version
    $wp_customize->add_setting( 'web_graphic_designer_responsive_pro_version_logo', array(
        'sanitize_callback' => 'web_graphic_designer_sanitize_custom_control'
    ));
    $wp_customize->add_control( new web_graphic_designer_Customize_Pro_Version ( $wp_customize,'web_graphic_designer_responsive_pro_version_logo', array(
        'section'     => 'web_graphic_designer_mobile_media_option',
        'type'        => 'pro_options',
        'label'       => esc_html__( 'Features ', 'web-graphic-designer' ),
        'description' => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL ),
        'priority'    => 100
    )));

	// logo site title size SIT IDENTITY
	$wp_customize->add_setting('web_graphic_designer_site_title_font_size',array(
		'default'	=> 30,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_site_title_font_size',array(
		'label'	=> __('Site Title Font Size in PX','web-graphic-designer'),
		'section'	=> 'title_tagline',
		'setting'	=> 'web_graphic_designer_site_title_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 30,
		),
	));

	$wp_customize->add_setting( 'web_graphic_designer_site_tagline_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_site_tagline_color', array(
			'label'     => __('Change Site Title Color', 'web-graphic-designer'),
	    'section' => 'title_tagline',
	    'settings' => 'web_graphic_designer_site_tagline_color',
  	)));

	$wp_customize->add_setting( 'web_graphic_designer_site_tagline_text', array(
		'default'           => false,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_site_tagline_text', array(
		'label'       => esc_html__( 'Show / Hide Site Tagline', 'web-graphic-designer' ),
		'section'     => 'title_tagline',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_site_tagline_text',
	) ) );

	// logo site tagline size
	$wp_customize->add_setting('web_graphic_designer_site_tagline_font_size',array(
		'default'	=> 15,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_site_tagline_font_size',array(
		'label'	=> __('Site Tagline Font Size in PX','web-graphic-designer'),
		'section'	=> 'title_tagline',
		'setting'	=> 'web_graphic_designer_site_tagline_font_size',
		'type'	=> 'number',
		'input_attrs' => array(
			'step'             => 1,
			'min'              => 0,
			'max'              => 30,
		),
	));


	$wp_customize->add_setting( 'web_graphic_designer_logo_tagline_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_logo_tagline_color', array(
			'label'     => __('Change Site Tagline Color', 'web-graphic-designer'),
	    'section' => 'title_tagline',
	    'settings' => 'web_graphic_designer_logo_tagline_color',
  	)));
  	
    $wp_customize->add_setting('web_graphic_designer_logo_width',array(
		'default' => 150,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	 $wp_customize->add_control('web_graphic_designer_logo_width',array(
		'label'	=> esc_html__('Here You Can Customize Your Logo Size','web-graphic-designer'),
		'section'	=> 'title_tagline',
		'type'		=> 'number'
	));
	$wp_customize->add_setting('web_graphic_designer_logo_settings',array(
        'default' => 'Different Line',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
    $wp_customize->add_control('web_graphic_designer_logo_settings',array(
        'type' => 'radio',
        'label'     => __('Logo Layout Settings', 'web-graphic-designer'),
        'description'   => __('Here you have two options 1. Logo and Site tite in differnt line. 2. Logo and Site title in same line.', 'web-graphic-designer'),
        'section' => 'title_tagline',
        'choices' => array(
            'Different Line' => __('Different Line','web-graphic-designer'),
            'Same Line' => __('Same Line','web-graphic-designer')
        ),
	) );

	//Woo Commerce
	$wp_customize->add_setting('web_graphic_designer_per_columns',array(
		'default'=> 3,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_per_columns',array(
		'label'	=> __('Product Per Row','web-graphic-designer'),
		'section'=> 'woocommerce_product_catalog',
		'type'=> 'number'
	));
	$wp_customize->add_setting('web_graphic_designer_product_per_page',array(
		'default'=> 9,
		'sanitize_callback'	=> 'web_graphic_designer_sanitize_number_absint'
	));
	$wp_customize->add_control('web_graphic_designer_product_per_page',array(
		'label'	=> __('Product Per Page','web-graphic-designer'),
		'section'=> 'woocommerce_product_catalog',
		'type'=> 'number'
	));
    $wp_customize->add_setting( 'web_graphic_designer_product_sidebar', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_product_sidebar', array(
		'label'       => esc_html__( 'Show / Hide Shop page sidebar', 'web-graphic-designer' ),
		'section'     => 'woocommerce_product_catalog',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_product_sidebar',
	) ) );
	$wp_customize->add_setting('web_graphic_designer_sale_tag_position',array(
        'default' => 'right',
        'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
	$wp_customize->add_control('web_graphic_designer_sale_tag_position',array(
        'type' => 'radio',
        'label'     => __('Sale Badge Position', 'web-graphic-designer'),
        'description'   => __('This option work for Archieve Products', 'web-graphic-designer'),
        'section' => 'woocommerce_product_catalog',
        'choices' => array(
            'left' => __('Left','web-graphic-designer'),
            'right' => __('Right','web-graphic-designer'),
        ),
	) );
	$wp_customize->add_setting( 'web_graphic_designer_single_product_sidebar', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_single_product_sidebar', array(
		'label'       => esc_html__( 'Show / Hide Product page sidebar', 'web-graphic-designer' ),
		'section'     => 'woocommerce_product_catalog',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_single_product_sidebar',
	) ) );
    $wp_customize->add_setting( 'web_graphic_designer_related_product', array(
		'default'           => true,
		'transport'         => 'refresh',
		'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	) );
	$wp_customize->add_control( new Web_Graphic_Designer_Toggle_Control( $wp_customize, 'web_graphic_designer_related_product', array(
			'label'       => esc_html__( 'Show / Hide related product', 'web-graphic-designer' ),
		'section'     => 'woocommerce_product_catalog',
		'type'        => 'toggle',
		'settings'    => 'web_graphic_designer_related_product',
	) ) );
	
	//Page template settings
	$wp_customize->add_panel( 'web_graphic_designer_page_panel_id', array(
	    'priority' => 10,
	    'capability' => 'edit_theme_options',
	    'theme_supports' => '',
	    'title' => __( 'Page Template Settings', 'web-graphic-designer' ),
	    'description' => __( 'Description of what this panel does.', 'web-graphic-designer' ),
	) );

	// 404 PAGE
	$wp_customize->add_section('web_graphic_designer_404_page_section',array(
		'title'         => __('404 Page', 'web-graphic-designer'),
		'description'   => 'Here you can customize 404 Page content.',
		'panel' => 'web_graphic_designer_page_panel_id'
	) );

	$wp_customize->add_setting('web_graphic_designer_edit_404_title',array(
		'default'=> __('Oops! That page cant be found.','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field',
	));
	$wp_customize->add_control('web_graphic_designer_edit_404_title',array(
		'label'	=> __('Edit Title','web-graphic-designer'),
		'section'=> 'web_graphic_designer_404_page_section',
		'type'=> 'text',
	));

	$wp_customize->add_setting('web_graphic_designer_edit_404_text',array(
		'default'=> __('It looks like nothing was found at this location. Maybe try a search?','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_edit_404_text',array(
		'label'	=> __('Edit Text','web-graphic-designer'),
		'section'=> 'web_graphic_designer_404_page_section',
		'type'=> 'text'
	));

	// Search Results
	$wp_customize->add_section('web_graphic_designer_no_result_section',array(
		'title'         => __('Search Results', 'web-graphic-designer'),
		'description'   => 'Here you can customize Search Result content.',
		'panel' => 'web_graphic_designer_page_panel_id'
	) );

	$wp_customize->add_setting('web_graphic_designer_edit_no_result_title',array(
		'default'=> __('Nothing Found','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field',
	));
	$wp_customize->add_control('web_graphic_designer_edit_no_result_title',array(
		'label'	=> __('Edit Title','web-graphic-designer'),
		'section'=> 'web_graphic_designer_no_result_section',
		'type'=> 'text',
	));

	$wp_customize->add_setting('web_graphic_designer_edit_no_result_text',array(
		'default'=> __('Sorry, but nothing matched your search terms. Please try again with some different keywords.','web-graphic-designer'),
		'sanitize_callback'	=> 'sanitize_text_field'
	));
	$wp_customize->add_control('web_graphic_designer_edit_no_result_text',array(
		'label'	=> __('Edit Text','web-graphic-designer'),
		'section'=> 'web_graphic_designer_no_result_section',
		'type'=> 'text'
	));

	// Header Image Height
    $wp_customize->add_setting(
        'web_graphic_designer_header_image_height',
        array(
            'default'           => 350,
            'sanitize_callback' => 'absint',
        )
    );
    $wp_customize->add_control(
        'web_graphic_designer_header_image_height',
        array(
            'label'       => esc_html__( 'Header Image Height', 'web-graphic-designer' ),
            'section'     => 'header_image',
            'type'        => 'number',
            'description' => esc_html__( 'Control the height of the header image. Default is 350px.', 'web-graphic-designer' ),
            'input_attrs' => array(
                'min'  => 220,
                'max'  => 1000,
                'step' => 1,
            ),
        )
    );

    // Header Background Position
    $wp_customize->add_setting(
        'web_graphic_designer_header_background_position',
        array(
            'default'           => 'center',
            'sanitize_callback' => 'sanitize_text_field',
        )
    );
    $wp_customize->add_control(
        'web_graphic_designer_header_background_position',
        array(
            'label'       => esc_html__( 'Header Background Position', 'web-graphic-designer' ),
            'section'     => 'header_image',
            'type'        => 'select',
            'choices'     => array(
                'top'    => esc_html__( 'Top', 'web-graphic-designer' ),
                'center' => esc_html__( 'Center', 'web-graphic-designer' ),
                'bottom' => esc_html__( 'Bottom', 'web-graphic-designer' ),
            ),
            'description' => esc_html__( 'Choose how you want to position the header image.', 'web-graphic-designer' ),
        )
    );

    // Header Image Parallax Effect
    $wp_customize->add_setting(
        'web_graphic_designer_header_background_attachment',
        array(
            'default'           => 1,
            'sanitize_callback' => 'absint',
        )
    );
    $wp_customize->add_control(
        'web_graphic_designer_header_background_attachment',
        array(
            'label'       => esc_html__( 'Header Image Parallax', 'web-graphic-designer' ),
            'section'     => 'header_image',
            'type'        => 'checkbox',
            'description' => esc_html__( 'Add a parallax effect on page scroll.', 'web-graphic-designer' ),
        )
    );

        //Opacity
	$wp_customize->add_setting('web_graphic_designer_header_banner_opacity_color',array(
       'default'              => '0.5',
       'sanitize_callback' => 'web_graphic_designer_sanitize_choices'
	));
    $wp_customize->add_control( 'web_graphic_designer_header_banner_opacity_color', array(
		'label'       => esc_html__( 'Header Image Opacity','web-graphic-designer' ),
		'section'     => 'header_image',
		'type'        => 'select',
		'settings'    => 'web_graphic_designer_header_banner_opacity_color',
		'choices' => array(
           '0' =>  esc_attr(__('0','web-graphic-designer')),
           '0.1' =>  esc_attr(__('0.1','web-graphic-designer')),
           '0.2' =>  esc_attr(__('0.2','web-graphic-designer')),
           '0.3' =>  esc_attr(__('0.3','web-graphic-designer')),
           '0.4' =>  esc_attr(__('0.4','web-graphic-designer')),
           '0.5' =>  esc_attr(__('0.5','web-graphic-designer')),
           '0.6' =>  esc_attr(__('0.6','web-graphic-designer')),
           '0.7' =>  esc_attr(__('0.7','web-graphic-designer')),
           '0.8' =>  esc_attr(__('0.8','web-graphic-designer')),
           '0.9' =>  esc_attr(__('0.9','web-graphic-designer'))
		), 
	) );

   $wp_customize->add_setting( 'web_graphic_designer_header_banner_image_overlay', array(
	    'default'   => true,
	    'transport' => 'refresh',
	    'sanitize_callback' => 'web_graphic_designer_sanitize_checkbox',
	));
	$wp_customize->add_control( new web_graphic_designer_Toggle_Control( $wp_customize, 'web_graphic_designer_header_banner_image_overlay', array(
	    'label'   => esc_html__( 'Show / Hide Header Image Overlay', 'web-graphic-designer' ),
	    'section' => 'header_image',
	)));

    $wp_customize->add_setting('web_graphic_designer_header_banner_image_ooverlay_color', array(
		'default'           => '#000',
		'sanitize_callback' => 'sanitize_hex_color',
	));
	$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'web_graphic_designer_header_banner_image_ooverlay_color', array(
		'label'    => __('Header Image Overlay Color', 'web-graphic-designer'),
		'section'  => 'header_image',
	)));

    $wp_customize->add_setting(
        'web_graphic_designer_header_image_title_font_size',
        array(
            'default'           => 32,
            'sanitize_callback' => 'absint',
        )
    );
    $wp_customize->add_control(
        'web_graphic_designer_header_image_title_font_size',
        array(
            'label'       => esc_html__( 'Change Header Image Title Font Size', 'web-graphic-designer' ),
            'section'     => 'header_image',
            'type'        => 'number',
            'description' => esc_html__( 'Control the font Size of the header image title. Default is 32px.', 'web-graphic-designer' ),
            'input_attrs' => array(
                'min'  => 10,
                'max'  => 200,
                'step' => 1,
            ),
        )
    );

	$wp_customize->add_setting( 'web_graphic_designer_header_image_title_text_color', array(
	    'default' => '',
	    'sanitize_callback' => 'sanitize_hex_color'
  	));
  	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'web_graphic_designer_header_image_title_text_color', array(
			'label'     => __('Change Header Image Title Color', 'web-graphic-designer'),
	    'section' => 'header_image',
	    'settings' => 'web_graphic_designer_header_image_title_text_color',
  	)));
}
add_action( 'customize_register', 'web_graphic_designer_customize_register' );

/**
 * Render the site title for the selective refresh partial.
 *
 * @since Web Graphic Designer 1.0
 * @see web_graphic_designer_customize_register()
 *
 * @return void
 */
function web_graphic_designer_customize_partial_blogname() {
	bloginfo( 'name' );
}

/**
 * Render the site tagline for the selective refresh partial.
 *
 * @since Web Graphic Designer 1.0
 * @see web_graphic_designer_customize_register()
 *
 * @return void
 */
function web_graphic_designer_customize_partial_blogdescription() {
	bloginfo( 'description' );
}

if ( ! defined( 'WEB_GRAPHIC_DESIGNER_PRO_THEME_NAME' ) ) {
	define( 'WEB_GRAPHIC_DESIGNER_PRO_THEME_NAME', esc_html__( 'Web Graphic Designer Pro', 'web-graphic-designer' ));
}
if ( ! defined( 'WEB_GRAPHIC_DESIGNER_PRO_THEME_URL' ) ) {
	define( 'WEB_GRAPHIC_DESIGNER_PRO_THEME_URL', esc_url('https://www.themespride.com/products/graphic-designer-wordpress-theme'));
}

if ( ! defined( 'WEB_GRAPHIC_DESIGNER_DOCS_URL' ) ) {
	define( 'WEB_GRAPHIC_DESIGNER_DOCS_URL', esc_url('https://page.themespride.com/demo/docs/web-graphic-designer/'));
}


if ( ! defined( 'WEB_GRAPHIC_DESIGNER_TEXT' ) ) {
    define( 'WEB_GRAPHIC_DESIGNER_TEXT', __( 'Web Graphic Designer Pro','web-graphic-designer' ));
}
if ( ! defined( 'WEB_GRAPHIC_DESIGNER_BUY_TEXT' ) ) {
    define( 'WEB_GRAPHIC_DESIGNER_BUY_TEXT', __( 'Upgrade To Pro','web-graphic-designer' ));
}


add_action( 'customize_register', function( $manager ) {

// Load custom sections.
load_template( trailingslashit( get_template_directory() ) . '/inc/section-pro.php' );

    $manager->register_section_type( Web_Graphic_Designer_Button::class );

    $manager->add_section(
        new Web_Graphic_Designer_Button( $manager, 'web_graphic_designer_pro', [
            'title'       => esc_html( WEB_GRAPHIC_DESIGNER_TEXT,'web-graphic-designer' ),
            'priority'    => 0,
            'button_text' => __( 'GET PREMIUM', 'web-graphic-designer' ),
            'button_url'  => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL )
        ] )
    );

} );
/**
 * Singleton class for handling the theme's customizer integration.
 *
 * @since  1.0.0
 * @access public
 */
final class Web_Graphic_Designer_Customize {

	/**
	 * Returns the instance.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return object
	 */
	public static function get_instance() {

		static $instance = null;

		if ( is_null( $instance ) ) {
			$instance = new self;
			$instance->setup_actions();
		}

		return $instance;
	}

	/**
	 * Constructor method.
	 *
	 * @since  1.0.0
	 * @access private
	 * @return void
	 */
	private function __construct() {}

	/**
	 * Sets up initial actions.
	 *
	 * @since  1.0.0
	 * @access private
	 * @return void
	 */
	private function setup_actions() {

		// Register panels, sections, settings, controls, and partials.
		add_action( 'customize_register', array( $this, 'sections' ) );

		// Register scripts and styles for the controls.
		add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_control_scripts' ), 0 );
	}

	/**
	 * Sets up the customizer sections.
	 *
	 * @since  1.0.0
	 * @access public
	 * @param  object  $manager
	 * @return void
	 */
	public function sections( $manager ) {

		// Load custom sections.
		load_template( trailingslashit( get_template_directory() ) . '/inc/section-pro.php' );

		// Register custom section types.
		$manager->register_section_type( 'Web_Graphic_Designer_Customize_Section_Pro' );

		// Register sections.
		$manager->add_section(
			new Web_Graphic_Designer_Customize_Section_Pro(
				$manager,
				'web_graphic_designer_section_pro',
				array(
					'priority'   => 9,
					'title'    => WEB_GRAPHIC_DESIGNER_PRO_THEME_NAME,
					'pro_text' => esc_html__( 'Upgrade Pro', 'web-graphic-designer' ),
					'pro_url'  => esc_url( WEB_GRAPHIC_DESIGNER_PRO_THEME_URL, 'web-graphic-designer' ),
				)
			)
		);

		// Register sections.
		$manager->add_section(
			new Web_Graphic_Designer_Customize_Section_Pro(
				$manager,
				'web_graphic_designer_documentation',
				array(
					'priority'   => 500,
					'title'    => esc_html__( 'Theme Documentation', 'web-graphic-designer' ),
					'pro_text' => esc_html__( 'Click Here', 'web-graphic-designer' ),
					'pro_url'  => esc_url( WEB_GRAPHIC_DESIGNER_DOCS_URL, 'web-graphic-designer'),
				)
			)
		);

	}

	/**
	 * Loads theme customizer CSS.
	 *
	 * @since  1.0.0
	 * @access public
	 * @return void
	 */
	public function enqueue_control_scripts() {

		wp_enqueue_script( 'web-graphic-designer-customize-controls', trailingslashit( esc_url( get_template_directory_uri() ) ) . '/assets/js/customize-controls.js', array( 'customize-controls' ) );

		wp_enqueue_style( 'web-graphic-designer-customize-controls', trailingslashit( esc_url( get_template_directory_uri() ) ) . '/assets/css/customize-controls.css' );
	}
}

// Doing this customizer thang!
Web_Graphic_Designer_Customize::get_instance();
