<?php
function theme_options_color() {

	/*=================== Menus Color ===================*/
	$primary_menu_bg_color = get_theme_mod('primary_menu_bg_color', ''); 

	/*=================== Slider Overlay Color ===================*/
	$blogus_slider_overlay_color = get_theme_mod('blogus_slider_overlay_color','#00000099');
	$blogus_slider_overlay_text_color = get_theme_mod('blogus_slider_overlay_text_color','');
	$blogus_slider_title_font_size = get_theme_mod('blogus_slider_title_font_size',50);

	?>
<style type="text/css">
/*==================== Site title and tagline ====================*/
.site-title a, .site-description{
  color: #<?php echo esc_attr(get_theme_mod('header_textcolor', "000")); ?>;
}
body.dark .site-title a, body.dark .site-description{
  color: <?php echo esc_attr(get_theme_mod('header_textcolor_dark_layout', "#fff")); ?>;
}
/*==================== Menu color ====================*/

.bs-default .navbar-collapse ul, .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus {
    background: <?php echo esc_attr($primary_menu_bg_color); ?>;
}

/*=================== Slider Color ===================*/
.bs .bs-slide.overlay:before{
	background-color: <?php echo esc_attr($blogus_slider_overlay_color); ?>;
} 
.bs-slide .inner .title a{
	color: <?php echo esc_attr($blogus_slider_overlay_text_color); ?>;
}

.bs-slide .inner .title{
	font-size: <?php echo esc_attr($blogus_slider_title_font_size); ?>px;

}
footer .bs-footer-copyright p, footer .bs-footer-copyright a {
	color: <?php echo esc_attr(blogus_get_option('blogus_footer_copy_text')); ?>;
}
footer .bs-footer-copyright .bs-footer-overlay-copyright{
	background: <?php echo esc_attr(blogus_get_option('blogus_footer_copy_bg')); ?>;
}

footer .bs-widget p, .site-title-footer a, .site-title-footer a:hover, .site-description-footer, .site-description-footer:hover, footer .bs-widget h6, footer .mg_contact_widget .bs-widget h6, footer .bs-widget ul li a {
	color: <?php echo esc_attr(blogus_get_option('blogus_footer_text_color')); ?>;
}
@media (max-width: 991px){
	.bs-slide .inner .title{
		font-size: 2.5em;
	}
}
@media (max-width: 640px){
	.bs-slide .inner .title{
		font-size: 1.5em;
	}
}
</style>
<?php } 
function custom_typography_function() { ?>
<style>
	:root{
		--title-font: <?php echo esc_attr(get_theme_mod('site_title_fontfamily','Josefin Sans')); ?>;
		--title-weight: <?php echo esc_attr(get_theme_mod('site_title_fontweight','700')); ?>;
		--menus-font: <?php echo esc_attr(get_theme_mod('blogus_menu_fontfamily','Josefin Sans')); ?>;
	}
.site-branding-text p, .site-title a{
	font-weight: var(--title-weight);
	font-family: var(--title-font);
}
.navbar-wp .navbar-nav > li> a, .navbar-wp .dropdown-menu > li > a{ 
	font-family: var(--menus-font);
}
</style>
<?php }


function blogus_customize_options() {

    // Initialize string
    $blogus_custom_css = '';

	$all_defaults = blogus_get_default_theme_options();

	/**
	 * Define the Padding and Border Radius Configuration
	 * Structure: 'Selector' => array( array( 'key' => 'mod_id', 'property' => 'css-property', 'default' => '' ) ),
	 */
	$cssValue = array(
		'.bs-default .site-logo a.navbar-brand' => array(
			array('key' => 'blogus_logo_margin', 'property' => 'margin')
		),
	);
	
	foreach ( $cssValue as $selector => $properties ) {
		
		// Loop through each dimension setting for this selector
		foreach ( $properties as $settings ) {
			$key      = $settings['key'];
			$property = $settings['property'];
			
			$current_val = blogus_get_option( $key );
			$default_val = isset( $all_defaults[$key] ) ? $all_defaults[$key] : array();

			// Accumulate the dimension CSS
			$blogus_custom_css .= blogus_dimension_css( $selector, $default_val, $current_val, $property );
		}
	}
	
    if ( ! empty( $blogus_custom_css ) ) {
        wp_add_inline_style( 'blogus-style', $blogus_custom_css );
    }
}
