<?php

$cPickPath = get_template_directory() . '/inc/alpha-color-picker/';
include_once ABSPATH . 'wp-includes/class-wp-customize-control.php';
require_once $cPickPath . 'alpha-color-picker.php';


// sanitizing rgba(n, n ,n ,0.nn) and #nnnnnn 
function bonyo_sanitize_rgba($c) {
    if ($c === false) {
        return 'rgba(0,0,0,0)';
	}
	if (strpos($c, 'rgba') === false) {
		return sanitize_hex_color($c);
	}
	$c = str_replace(' ', '', $c);
	sscanf($c, 'rgba(%d,%d,%d,%f)', $r, $g, $b, $a);
	return 'rgba('.$r.','.$g.','.$b.','.$a.')';
}


function bonyo_customize_register($wp_customize) {

	// Sections //
	$wp_customize->add_section('bonyo_options',	array(
		'title'             => esc_html__('Options', 'bonyo'),
		'priority'          => 40,
		'description'       => esc_html__('Changes to these items will not be reflected in the preview.', 'bonyo'),
	));


	$wp_customize->get_section('colors')->description = esc_html__('Preview works only immediately after changing the value. Ignore it even if it seems that the changed value returned to its original state. The changed values will not be reflected until you log off the admin panel.', 'bonyo');


	// Colors //

	//Text color
	$wp_customize->add_setting('page_text_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_text_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Page Text color', 'bonyo'),
		'priority'          => 31,
	)));

	//Site title color
	$wp_customize->add_setting('site_title_color', array(
		'default'           => '#4888ff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'site_title_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Site title color', 'bonyo'),
		'priority'          => 33,
	)));

	//Page link color (Link)
	$wp_customize->add_setting('page_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Page Link color (Link)', 'bonyo'),
		'priority'          => 34,
	)));

	//Page link color (Visited)
	$wp_customize->add_setting('page_link_color_visited', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_link_color_visited', array(
		'section'           => 'colors',
		'label'             => esc_html__('Page link color (Visited)', 'bonyo'),
		'priority'          => 35,
	)));

	//Page link color (Hover)
	$wp_customize->add_setting('page_link_color_hover', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_link_color_hover', array(
		'section'           => 'colors',
		'label'             => esc_html__('Page link color (Hover)', 'bonyo'),
		'priority'          => 36,
	)));

	//Page link color (Active)
	$wp_customize->add_setting('page_link_color_active', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_link_color_active', array(
		'section'           => 'colors',
		'label'             => esc_html__('Page link color (Active)', 'bonyo'),
		'priority'          => 37,
	)));

	//Article back ground color
	$wp_customize->add_setting('article_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'article_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Article back ground color', 'bonyo'),
		'priority'          => 38,
	)));

	//Article title color
	$wp_customize->add_setting('article_title_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'article_title_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Article title color', 'bonyo'),
		'priority'          => 39,
	)));

	//Headline font color   h1,h2,h3,h4,h5,h6
	$wp_customize->add_setting('headline_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'headline_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Headline font color', 'bonyo'),
		'priority'          => 40,
	)));

	//Navigation menu icon font color (narrow screen)
	$wp_customize->add_setting('nav_icon_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_icon_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu icon font color (narrow screen)', 'bonyo'),
		'priority'          => 41,
	)));

	//Navigation menu icon background color (narrow screen)
	$wp_customize->add_setting('nav_icon_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.2)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_icon_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu icon background color (narrow screen)', 'bonyo'),
		'priority'          => 42,
	)));

	//Navigation menu link font color
	$wp_customize->add_setting('nav_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu link font color', 'bonyo'),
		'priority'          => 43,
	)));

	//Navigation menu background color
	$wp_customize->add_setting('nav_bar_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_bar_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu background color', 'bonyo'),
		'priority'          => 44,
	)));

	//Navigation menu item background color (Level 1)
	$wp_customize->add_setting('nav_lv1_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_lv1_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 1)', 'bonyo'),
		'priority'          => 45,
	)));

	//Navigation menu item background color (Level 2)
	$wp_customize->add_setting('nav_lv2_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_lv2_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 2)', 'bonyo'),
		'priority'          => 46,
	)));

	//Navigation menu item background color (Level 3)
	$wp_customize->add_setting('nav_lv3_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_lv3_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 3)', 'bonyo'),
		'priority'          => 47,
	)));

	//Navigation item background color (Hover)
	$wp_customize->add_setting('nav_item_hover_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.4)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_item_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation item background color (Hover)', 'bonyo'),
		'description'       => esc_html__('This item is not reflected in the preview.', 'bonyo'),
		'priority'          => 48,
	)));

	//Navigation sub menu background color
	$wp_customize->add_setting('nav_submenu_bg_color', array(
		'default'           => 'rgba(0, 0, 0, 0.3)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_submenu_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation sub menu background color', 'bonyo'),
		'priority'          => 49,
	)));

	//Navigation menu font color (Narrow screen)
	$wp_customize->add_setting('nav_narrow_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_narrow_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu font color (Narrow screen)', 'bonyo'),
		'priority'          => 50,
	)));

	//Navigation menu background color (Narrow screen)
	$wp_customize->add_setting('nav_narrow_bg_color', array(
		'default'           => '#f0f8ff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_narrow_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu background color (Narrow screen)', 'bonyo'),
		'priority'          => 51,
	)));

	//Navigation menu item background color (Level 1) (Narrow screen)
	$wp_customize->add_setting('nav_narrow_lv1_bg_color', array(
		'default'           => 'rgba(40, 96, 144, 0.4)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_narrow_lv1_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 1) (Narrow screen)', 'bonyo'),
		'priority'          => 52,
	)));

	//Navigation menu item background color (Level 2) (Narrow screen)
	$wp_customize->add_setting('nav_narrow_lv2_bg_color', array(
		'default'           => 'rgba(180, 220, 238, 0.6)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_narrow_lv2_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 2) (Narrow screen)', 'bonyo'),
		'priority'          => 53,
	)));

	//Navigation menu item background color (Level 3) (Narrow screen)
	$wp_customize->add_setting('nav_narrow_lv3_bg_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'nav_narrow_lv3_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Navigation menu item background color (Level 3) (Narrow screen)', 'bonyo'),
		'priority'          => 54,
	)));

	//Pagination item link color
	$wp_customize->add_setting('pagination_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'pagination_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Pagination item link color', 'bonyo'),
		'priority'          => 55,
	)));

	//Pagination item background color
	$wp_customize->add_setting('pagination_bg_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'pagination_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Pagination item background color', 'bonyo'),
		'priority'          => 56,
	)));

	//Pagination item background color (Hover)
	$wp_customize->add_setting('pagination_hover_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.2)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'pagination_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Pagination item background color (Hover)', 'bonyo'),
		'priority'          => 57,
	)));

	//Button link font color
	$wp_customize->add_setting('button_link_color', array(
		'default'           => '#fff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'button_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Button link font color', 'bonyo'),
		'priority'          => 58,
	)));

	//Button background color
	$wp_customize->add_setting('button_bg_color', array(
		'default'           => '#4888ff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'button_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Button background color', 'bonyo'),
		'priority'          => 59,
	)));

	//Button background color (Hover)
	$wp_customize->add_setting('button_hover_bg_color', array(
		'default'           => '#4488cc',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'button_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Button background color (Hover)', 'bonyo'),
		'priority'          => 60,
	)));

	//Search field font color
	$wp_customize->add_setting('search_field_font_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'search_field_font_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Search field font color', 'bonyo'),
		'priority'          => 61,
	)));

	//Search field background color
	$wp_customize->add_setting('search_field_bg_color', array(
		'default'           => 'rgba(255, 255, 255, 0.6)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'search_field_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Search field background color', 'bonyo'),
		'priority'          => 62,
	)));

	//Go to page top icon font color
	$wp_customize->add_setting('page_top_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_top_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Go to page top icon font color', 'bonyo'),
		'priority'          => 63,
	)));

	//Go to page top icon background color
	$wp_customize->add_setting('page_top_bg_color', array(
		'default'           => '#rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_top_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Go to page top icon background color', 'bonyo'),
		'priority'          => 64,
	)));

	//Go to page top icon background color (Hover)
	$wp_customize->add_setting('page_top_hover_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.2)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'page_top_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Go to page top icon background color (Hover)', 'bonyo'),
		'priority'          => 65,
	)));

	//Sticky article background color
	$wp_customize->add_setting('sticky_article_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'sticky_article_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Sticky article background color', 'bonyo'),
		'priority'          => 66,
	)));

	//Archive text color
	$wp_customize->add_setting('archive_text_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'archive_text_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Archive text color', 'bonyo'),
		'priority'          => 67,
	)));

	//Archive background color
	$wp_customize->add_setting('archive_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'archive_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Archive background color', 'bonyo'),
		'priority'          => 68,
	)));

	//Widget link text color
	$wp_customize->add_setting('widget_link_text_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_link_text_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget link text color', 'bonyo'),
		'priority'          => 69,
	)));

	//Widget link background color
	$wp_customize->add_setting('widget_link_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_link_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget link background color', 'bonyo'),
		'priority'          => 70,
	)));

	//Widget link background color (Hover)
	$wp_customize->add_setting('widget_link_hover_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.2)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_link_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget link background color (Hover)', 'bonyo'),
		'priority'          => 71,
	)));

	//Widget calendar text color
	$wp_customize->add_setting('widget_calendar_text_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_calendar_text_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget calendar text color', 'bonyo'),
		'priority'          => 72,
	)));

	//Widget calendar background color
	$wp_customize->add_setting('widget_calendar_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_calendar_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget calendar background color', 'bonyo'),
		'priority'          => 73,
	)));

	//Widget tagcloud link color
	$wp_customize->add_setting('widget_tagcloud_link_color', array(
		'default'           => '#333',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_tagcloud_link_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget tagcloud link color', 'bonyo'),
		'priority'          => 74,
	)));

	//Widget tagcloud background color
	$wp_customize->add_setting('widget_tagcloud_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.1)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_tagcloud_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget tagcloud background color', 'bonyo'),
		'priority'          => 75,
	)));

	//Widget tagcloud background color (Hover)
	$wp_customize->add_setting('widget_tagcloud_hover_bg_color', array(
		'default'           => 'rgba(72, 136, 255, 0.2)',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'widget_tagcloud_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Widget tagcloud background color (Hover)', 'bonyo'),
		'priority'          => 76,
	)));

	//Comments submit color
	$wp_customize->add_setting('comments_submit_color', array(
		'default'           => '#fff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'comments_submit_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Comments submit color', 'bonyo'),
		'priority'          => 77,
	)));

	//Comments submit background color
	$wp_customize->add_setting('comments_submit_bg_color', array(
		'default'           => '#4888ff',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'comments_submit_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Comments submit background color', 'bonyo'),
		'priority'          => 78,
	)));

	//Comments submit background color (Hover)
	$wp_customize->add_setting('comments_submit_hover_bg_color', array(
		'default'           => '#3777ee',
		'type'              => 'theme_mod',
		'transport'         => 'postMessage',
		'sanitize_callback' => 'bonyo_sanitize_rgba',
	));
	$wp_customize->add_control(new Customize_Alpha_Color_Control($wp_customize, 'comments_submit_hover_bg_color', array(
		'section'           => 'colors',
		'label'             => esc_html__('Comments submit background color (Hover)', 'bonyo'),
		'priority'          => 79,
	)));
}
add_action('customize_register', 'bonyo_customize_register');


function bonyo_custom_preview() {
	$jsFile = get_template_directory_uri().'/inc/js/custom_preview.js';
	wp_enqueue_script('bonyo-preview', $jsFile, array('jquery','customize-preview' ), '', true);
}
add_action('customize_preview_init', 'bonyo_custom_preview');


function bonyo_css_elems($var,$css_before, $css_after) {
	$ret = '';
	$val = get_theme_mod($var);
	if (!empty($val)) {
		$ret = $css_before . $val . $css_after;
	}
	return $ret;
}


function bonyo_output_custom_css() {
	$ret  = '';
	$ret .= bonyo_css_elems('page_text_color', 'body{color:', ';}');
	$ret .= bonyo_css_elems('site_title_color', '.amp-site-title a:link,.amp-site-title a:visited,.amp-site-title a:hover,.amp-site-title a:active,.site-title a:link,.site-title a:visited,.site-title a:hover,.site-title a:active{color:', ';}');
	$ret .= bonyo_css_elems('page_link_color', 'a:link{color:', ';}');
	$ret .= bonyo_css_elems('page_link_color_visited', 'a:visited{color:', ';}');
	$ret .= bonyo_css_elems('page_link_color_hover', 'a:hover{color:', ';}');
	$ret .= bonyo_css_elems('page_link_color_active', 'a:active{color:', ';}');
	$ret .= bonyo_css_elems('article_bg_color', 'article{background-color:', ';}');
	$ret .= bonyo_css_elems('article_title_color', '.entry-title,.entry-title a:link,.entry-title a:visited,.entry-title a:hover,.entry-title a:active{color:', ';}');
	$ret .= bonyo_css_elems('headline_color', 'h1,h2,h3,h4,h5,h6{color:', ';}');
	$ret .= bonyo_css_elems('nav_icon_link_color', '@media screen and (max-width: 768px){.open-icon:before{color:', ';}}');
	$ret .= bonyo_css_elems('nav_icon_link_color', '@media screen and (max-width: 768px){.close-icon:before{color:', ';}}');
	$ret .= bonyo_css_elems('nav_icon_link_color', '@media screen and (max-width: 768px){.nav-open,.nav-close{color: ', ';}}');
	$ret .= bonyo_css_elems('nav_icon_bg_color', '@media screen and (max-width: 768px){.open-icon,.close-icon{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_link_color', '#bonyo-nav a{color:', ';}');
	$ret .= bonyo_css_elems('nav_bar_bg_color', '@media screen and (min-width: 768px){#bonyo-bar{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_lv1_bg_color', '@media screen and (min-width: 768px){#bonyo-nav div > ul > li{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_lv2_bg_color', '@media screen and (min-width: 768px){#bonyo-nav li li a{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_lv3_bg_color', '@media screen and (min-width: 768px){#bonyo-nav li li li a{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_submenu_bg_color', '@media screen and (min-width: 768px){.sub-menu{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_item_hover_bg_color', '@media screen and (min-width: 768px){#bonyo-nav a:hover{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_narrow_link_color', '@media screen and (max-width: 768px){#bonyo-nav a{color:', ';}}');
	$ret .= bonyo_css_elems('nav_narrow_bg_color', '@media screen and (max-width: 768px){#bonyo-bar{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_narrow_lv1_bg_color', '@media screen and (max-width: 768px){#bonyo-nav div > ul > li{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_narrow_lv2_bg_color', '@media screen and (max-width: 767px){#bonyo-nav li li{background-color:', ';}}');
	$ret .= bonyo_css_elems('nav_narrow_lv3_bg_color', '@media screen and (max-width: 767px){#bonyo-nav li li li{background-color:', ';}}');
	$ret .= bonyo_css_elems('pagination_link_color', '.pagination a{color:', ';}');
	$ret .= bonyo_css_elems('pagination_bg_color', '.nav-links .page-numbers{background-color:', ';}');
	$ret .= bonyo_css_elems('pagination_hover_bg_color', '.nav-links .page-numbers:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('pagination_hover_bg_color', '.pagination .current{background-color:', ';}');
	$ret .= bonyo_css_elems('button_link_color', '.more-button{color:', ';}');
	$ret .= bonyo_css_elems('button_link_color', '.search-submit{color:', ';}');
	$ret .= bonyo_css_elems('button_bg_color', '.more-button{background-color:', ';}');
	$ret .= bonyo_css_elems('button_bg_color', '.search-submit{background-color:', ';}');
	$ret .= bonyo_css_elems('button_hover_bg_color', '.more-button:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('button_hover_bg_color', '.search-submit:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('search_field_text_color', '.search-field{color:', ';}');
	$ret .= bonyo_css_elems('search_field_bg_color', '.search-field{background-color:', ';}');
	$ret .= bonyo_css_elems('page_top_link_color', '#page_top a{color:', ';}');
	$ret .= bonyo_css_elems('page_top_bg_color', '#page_top{background-color:', ';}');
	$ret .= bonyo_css_elems('page_top_hover_bg_color', '#page_top a:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('sticky_article_bg_color', '.sticky{background-color:', ';}');
	$ret .= bonyo_css_elems('archive_text_color', '.archive-item{color:', ';}');
	$ret .= bonyo_css_elems('archive_bg_color', '.archive-item{background-color:', ';}');
	$ret .= bonyo_css_elems('widget_link_text_color', '.widget-area a{color:', ';}');
	$ret .= bonyo_css_elems('widget_link_bg_color', '.widget_recent_entries div[role=listitem],.widget_recent_entries li,.widget_nav_menu li,.widget_categories li{background-color:', ';}');
	$ret .= bonyo_css_elems('widget_link_hover_bg_color', '.widget_recent_entries div[role=listitem] a:hover,.widget_recent_entries li a:hover,.widget_nav_menu li a:hover,.widget_categories li a:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('widget_calendar_text_color', '#wp-calendar{color:', ';}');
	$ret .= bonyo_css_elems('widget_calendar_bg_color', '#wp-calendar{background-color:', ';}');
	$ret .= bonyo_css_elems('widget_tagcloud_link_color', '.tagcloud a{color:', ';}');
	$ret .= bonyo_css_elems('widget_tagcloud_bg_color', '.tagcloud a{background-color:', ';}');
	$ret .= bonyo_css_elems('widget_tagcloud_hover_bg_color', '.tagcloud a:hover{background-color:', ';}');
	$ret .= bonyo_css_elems('comments_submit_color', '.form-submit input{color:', ';}');
	$ret .= bonyo_css_elems('comments_submit_bg_color', '.form-submit input{background-color:', ';}');
	$ret .= bonyo_css_elems('comments_submit_hover_bg_color', '.form-submit input:hover{background-color:', ';}');

	return $ret;
}