Sindbad~EG File Manager

<?php
/**
 * Section Styling
 */

thim_customizer()->add_section(
	array(
		'id'       => 'general_styling',
		'panel'    => 'general',
		'title'    => esc_html__( 'Styling', 'realpro' ),
		'priority' => 30,
	)
);

// Select Theme Primary Colors
thim_customizer()->add_field(
	array(
		'id'            => 'body_primary_color',
		'type'          => 'color',
		'label'         => esc_html__( 'Primary Color', 'realpro' ),
		'tooltip'       => esc_html__( 'Allow to choose a primary color for site.', 'realpro' ),
		'section'       => 'general_styling',
		'priority'      => 10,
		'alpha'       => true,
		'default'     => '#254B86',
		'transport' => 'postMessage',
		'js_vars'   => array(
			array(
				'choice'   => 'hover',
				'element'  => '
                     body .site-content .blog-content article .entry-title a:hover, 
                     ',
				'property' => 'color',
			),
			array(
				'choice'   => 'background-color',
				'element'  => 'body .main-top .overlay-top-header,
                               body .mc4wp-form input[type=submit]:hover,
                               body #back-to-top,
                               body .thim-testimonial-slider:after,
                               body.woocommerce .product span.onsale',
				'property' => 'background-color',
			),
			array(
				'choice'   => 'border-color',
				'element'  => 'body .widget-area aside.widget.newsletter .newsletter-content form input[type="email"]:focus,
                               body .site-content .blog-content article .content-inner .entry-content .readmore a:before,
                               body .thim-search-box .form-search-wrapper .search-form .search-field',
				'property' => 'border-color',
			)
		),
	)
);

// Color Seconds
thim_customizer()->add_field( array(
	'id'		=> 'body_color_seconds',
	'type'          => 'color',
	'label'         => esc_html__( 'Second Color', 'realpro' ),
	'section'  => 'general_styling',
	'priority' => 15,
	'alpha'       => true,
	'default'     => '#0370CB',
	'transport' => 'postMessage',
) );

// Color Thirds
thim_customizer()->add_field( array(
	'id'		=> 'body_color_third',
	'type'          => 'color',
	'label'         => esc_html__( 'Third Color', 'realpro' ),
	'section'  => 'general_styling',
	'priority' => 17,
	'alpha'       => true,
	'default'     => '#FFB800',
	'transport' => 'postMessage',
) );

thim_customizer()->add_field( array(
	'id'        => 'background_main_color',
	'type'      => 'color',
	'label'     => esc_html__( 'Body Background Color', 'realpro' ),
	'section'   => 'general_styling',
	'priority'  => 20,
	'alpha'     => true,
	'default'   => '#fff',
	'transport' => 'postMessage',
	'js_vars'   => array(
		array(
			'element'  => 'body #main-content.bg-type-color',
			'function' => 'css',
			'property' => 'background-color',
		),
	),
) );

// width container
thim_customizer()->add_field(
    array(
        'id'          => 'body_container',
        'type'        => 'dimension',
        'label'       => esc_html__( 'Max width container', 'realpro' ),
        'tooltip'     => esc_html__( 'Allow to assign a value for body width. Example: 10px, 3em, 48%, 90vh, ...', 'realpro' ),
        'section'     => 'general_styling',
        'default'     => '1290px',
        'priority'    => 40,
        'choices'     => array(
            'min'  => 1200,
            'max'  => 1600,
            'step' => 5,
        ),
        'transport' => 'postMessage',
        'js_vars'   => array(
            array(
                'choice'   => 'width',
                'element'  => 'body .container',
                'property' => 'max-width',
            )
        )
    )
);

thim_customizer()->add_field(
    array(
        'id'          => 'body_add_class',
        'type'     => 'text',
        'label'       => esc_html__( 'Body Custom Class', 'realpro' ),
        'tooltip'     => esc_html__( 'Allows adding class to body tag to customize style', 'realpro' ),
        'section'     => 'general_styling',
		'priority' => 45,
        'transport' => 'postMessage',
    )
);