<?php 

	$cafe_alley_custom_css = '';

	// Site Title Color
	$cafe_alley_site_title_color = get_theme_mod('cafe_alley_site_title_color');
	$cafe_alley_custom_css .= '.logo h1 a, .logo p.site-title a {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_site_title_color) . ';';
	$cafe_alley_custom_css .= '}';

	// Site Tagline Color
	$cafe_alley_site_tagline_color = get_theme_mod('cafe_alley_site_tagline_color');
	$cafe_alley_custom_css .= '.logo p.site-description {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_site_tagline_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_logo_size = get_theme_mod('cafe_alley_logo_size'); // This value should be a percentage (e.g., 50 for 50%)
	if ($cafe_alley_logo_size) {
		$logo_width_px = (350 * $cafe_alley_logo_size) / 100; // Calculate the pixel width based on the percentage
		$cafe_alley_custom_css .= '.site-logo img {';
		$cafe_alley_custom_css .= 'width: '.esc_attr($logo_width_px).'px !important;';
		$cafe_alley_custom_css .= '}';
	}

	/*----------------Width Layout -------------------*/
    $cafe_alley_theme_lay = get_theme_mod( 'cafe_alley_width_options','Full Width');
    if($cafe_alley_theme_lay == 'Full Width'){
		$cafe_alley_custom_css .='body{';
			$cafe_alley_custom_css .='max-width: 100%;';
		$cafe_alley_custom_css .='}';
	}else if($cafe_alley_theme_lay == 'Contained Width'){
		$cafe_alley_custom_css .='body{';
			$cafe_alley_custom_css .='width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;';
		$cafe_alley_custom_css .='}';
	}else if($cafe_alley_theme_lay == 'Boxed Width'){
		$cafe_alley_custom_css .='body{';
			$cafe_alley_custom_css .='max-width: 1140px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;';
		$cafe_alley_custom_css .='}';
	}

	// Submenu Dropdown Effect
	$cafe_alley_dropdown_anim = get_theme_mod('cafe_alley_dropdown_anim');
	$cafe_alley_custom_css .='.primary-navigation ul ul{';
		$cafe_alley_custom_css .='animation: '.esc_attr($cafe_alley_dropdown_anim).' 1s ease;';
	$cafe_alley_custom_css .='}';


	// Topbar Color

	$cafe_alley_headermenu_color = get_theme_mod('cafe_alley_headermenu_color');
	$cafe_alley_custom_css .= ' .primary-navigation ul li a,.sf-arrows .sf-with-ul:after {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_headermenu_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headeractivemenuhover_color = get_theme_mod('cafe_alley_headeractivemenuhover_color');
	$cafe_alley_custom_css .= ' .primary-navigation .current_page_item a,.primary-navigation a:hover {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_headeractivemenuhover_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headeractivemenuhoverbg_color = get_theme_mod('cafe_alley_headeractivemenuhoverbg_color');
	$cafe_alley_custom_css .= ' .primary-navigation .current_page_item a,.primary-navigation a:hover {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alley_headeractivemenuhoverbg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headersubmenuicon_color = get_theme_mod('cafe_alley_headersubmenuicon_color');
	$cafe_alley_custom_css .= ' .sf-arrows .sf-with-ul:after {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_headersubmenuicon_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headersubmenu_color = get_theme_mod('cafe_alley_headersubmenu_color');
	$cafe_alley_custom_css .= ' .primary-navigation ul ul a {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_headersubmenu_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headersubmenuhover_color = get_theme_mod('cafe_alley_headersubmenuhover_color');
	$cafe_alley_custom_css .= ' .primary-navigation ul ul a:hover {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_headersubmenuhover_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headersubmenubg_color = get_theme_mod('cafe_alley_headersubmenubg_color');
	$cafe_alley_custom_css .= ' .primary-navigation ul ul a {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alley_headersubmenubg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_headersubmenubghover_color = get_theme_mod('cafe_alley_headersubmenubghover_color');
	$cafe_alley_custom_css .= ' .primary-navigation ul ul a:hover {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alley_headersubmenubghover_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_header_searchbg1 = get_theme_mod('cafe_alley_header_searchbg1');
	$cafe_alley_custom_css .= ' #header .search_bar {';
		$cafe_alley_custom_css .= 'background-color: ' . esc_attr($cafe_alley_header_searchbg1) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_header_searchbg2 = get_theme_mod('cafe_alley_header_searchbg2');
	$cafe_alley_custom_css .= ' #header input.search-field {';
		$cafe_alley_custom_css .= 'background-color: ' . esc_attr($cafe_alley_header_searchbg2) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_header_searchicon = get_theme_mod('cafe_alley_header_searchicon');
	$cafe_alley_custom_css .= ' #header .search_bar:after {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_header_searchicon) . ';';
	$cafe_alley_custom_css .= '}';




	// Slider
	$cafe_alley_slider_hide_show = get_theme_mod('cafe_alley_slider_hide_show',false);
	if($cafe_alley_slider_hide_show == true){
		$cafe_alley_custom_css .= '.page-template-home-custom .inner-head {';
			$cafe_alley_custom_css .= 'display: none;';
		$cafe_alley_custom_css .= '}';
	}

	$cafe_alley_slider_opacity = get_theme_mod('cafe_alley_slider_opacity');
	$cafe_alley_custom_css .= ' #slider .sliderbg-img img {';
		$cafe_alley_custom_css .= 'opacity: ' . esc_attr($cafe_alley_slider_opacity) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyslider_title_color = get_theme_mod('cafe_alleyslider_title_color');
	$cafe_alley_custom_css .= ' #slider .slider-content h2 {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyslider_title_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyslider_description_color = get_theme_mod('cafe_alleyslider_description_color');
	$cafe_alley_custom_css .= ' #slider .slider-content p {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyslider_description_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyslider_btntext_color = get_theme_mod('cafe_alleyslider_btntext_color');
	$cafe_alley_custom_css .= ' #slider .slider-content .read-btn a {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyslider_btntext_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyslider_btnbg_color = get_theme_mod('cafe_alleyslider_btnbg_color');
	$cafe_alley_custom_css .= ' #slider .slider-content .read-btn a {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alleyslider_btnbg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyslider_btntexthrv_color = get_theme_mod('cafe_alleyslider_btntexthrv_color');
	$cafe_alley_custom_css .= ' #slider .slider-content .read-btn a:hover {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyslider_btntexthrv_color) . ';';
	$cafe_alley_custom_css .= '}';



	//about us
	$cafe_alleyaboutus_title_color = get_theme_mod('cafe_alleyaboutus_title_color');
	$cafe_alley_custom_css .= '  #aboutus-section .service-head h4 {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyaboutus_title_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyaboutus_description_color = get_theme_mod('cafe_alleyaboutus_description_color');
	$cafe_alley_custom_css .= ' #aboutus-section .description {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyaboutus_description_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyaboutus_lists_color = get_theme_mod('cafe_alleyaboutus_lists_color');
	$cafe_alley_custom_css .= ' #aboutus-section .lists p {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyaboutus_lists_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyaboutus_btntext_color = get_theme_mod('cafe_alleyaboutus_btntext_color');
	$cafe_alley_custom_css .= ' #aboutus-section .about-btn a {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyaboutus_btntext_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyaboutus_btnbg_color = get_theme_mod('cafe_alleyaboutus_btnbg_color');
	$cafe_alley_custom_css .= ' #aboutus-section .about-btn a {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alleyaboutus_btnbg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyaboutus_btntexthrv_color = get_theme_mod('cafe_alleyaboutus_btntexthrv_color');
	$cafe_alley_custom_css .= ' #aboutus-section .about-btn a:hover {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyaboutus_btntexthrv_color) . ';';
	$cafe_alley_custom_css .= '}';


	//services
	$cafe_alleyservices_heading_color = get_theme_mod('cafe_alleyservices_heading_color');
	$cafe_alley_custom_css .= ' #service-section .service-head h4 {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyservices_heading_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyservices_boxtitle_color = get_theme_mod('cafe_alleyservices_boxtitle_color');
	$cafe_alley_custom_css .= ' #service-section .service-content .title {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyservices_boxtitle_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyservices_boxdescription_color = get_theme_mod('cafe_alleyservices_boxdescription_color');
	$cafe_alley_custom_css .= ' #service-section .service-content p {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyservices_boxdescription_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyservices_boxbtntext_color = get_theme_mod('cafe_alleyservices_boxbtntext_color');
	$cafe_alley_custom_css .= ' #service-section .bttn a {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyservices_boxbtntext_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyservices_boxbtnbg_color = get_theme_mod('cafe_alleyservices_boxbtnbg_color');
	$cafe_alley_custom_css .= ' #service-section .bttn a {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alleyservices_boxbtnbg_color) . ';';
	$cafe_alley_custom_css .= '}';



	// footer
	$cafe_alley_footer_copy_font_size = get_theme_mod('cafe_alley_footer_copy_font_size');
	$cafe_alley_custom_css .= ' #footer-section .copyright p {';
		$cafe_alley_custom_css .= 'font-size: ' . esc_attr($cafe_alley_footer_copy_font_size) . 'px;';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyfooter_copyrighttext_color = get_theme_mod('cafe_alleyfooter_copyrighttext_color');
	$cafe_alley_custom_css .= ' #footer-section .copyright p {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alleyfooter_copyrighttext_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyfooter_copyrightbg_color = get_theme_mod('cafe_alleyfooter_copyrightbg_color');
	$cafe_alley_custom_css .= ' .copyright{';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alleyfooter_copyrightbg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyfooter_copyrightbg_color = get_theme_mod('cafe_alleyfooter_copyrightbg_color');
	$cafe_alley_custom_css .= ' #footer-section .f_tbrd {';
		$cafe_alley_custom_css .= 'border-color: ' . esc_attr($cafe_alleyfooter_copyrightbg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alleyfooter_bg_color = get_theme_mod('cafe_alleyfooter_bg_color');
	$cafe_alley_custom_css .= ' #footer-section {';
		$cafe_alley_custom_css .= 'background: ' . esc_attr($cafe_alleyfooter_bg_color) . ';';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_wedgets_color = get_theme_mod('cafe_alley_wedgets_color');
	$cafe_alley_custom_css .= ' #footer-section h1, #footer-section h2, #footer-section h3, #footer-section h4, #footer-section h5, #footer-section h6 {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_wedgets_color) . ' !important;';
	$cafe_alley_custom_css .= '}';

	$cafe_alley_wedgets_menus_color = get_theme_mod('cafe_alley_wedgets_menus_color');
	$cafe_alley_custom_css .= ' .widget li a, aside#categories-5 li a, #footer-section a, #footer-section .logo a, #footer-section .logo p {';
		$cafe_alley_custom_css .= 'color: ' . esc_attr($cafe_alley_wedgets_menus_color) . ' !important;';
	$cafe_alley_custom_css .= '}';


