<?php
/**
 * Sample implementation of the Custom Header feature
 *
 * You can add an optional custom header image to header.php like so ...
 *
	<?php the_header_image_tag(); ?>
 *
 * @link https://developer.wordpress.org/themes/functionality/custom-headers/
 *
 * @package educrap
 */

/**
 * Set up the WordPress core custom header feature.
 *
 * @uses educrap_header_style()
 */
function educrap_custom_header_setup() {
	add_theme_support(
		'custom-header',
		apply_filters(
			'educrap_custom_header_args',
			array(
				'default-image'      => '',
				'default-text-color' => '000000',
				'width'              => 1000,
				'height'             => 250,
				'flex-height'        => true,
				'wp-head-callback'   => 'educrap_header_style',
			)
		)
	);
}
add_action( 'after_setup_theme', 'educrap_custom_header_setup' );

if ( ! function_exists( 'educrap_header_style' ) ) :
	/**
	 * Styles the header image and text displayed on the blog.
	 *
	 * @see educrap_custom_header_setup().
	 */
	function educrap_header_style() {
		$header_text_color = get_header_textcolor();
        $header_image      = get_header_image();
        
        $custom_css = "";
        
        if ( ! display_header_text() ) {
            $custom_css .= "
                .navbar-brand .site-title,.navbar-brand .site-title:hover {
                color: rgba(241, 241, 241, 0);
                position:absolute;
                clip: rect(1px 1px 1px 1px);
                }
                .site-description{
                color: rgba(241, 241, 241, 0);
                position:absolute;
                clip: rect(1px 1px 1px 1px);
                }";
        } else {
            $custom_css .= ".navbar-brand .site-title,
            .site-description{
                color: #".esc_attr( $header_text_color ).";
            }";
        } 
        if ( has_header_image() ) { 
            $custom_css .= ".blog-bg {
                background-image: url(".$header_image.");
                background-size:cover;
                }
                .bg-banner
                {
                    margin-bottom: 100px;
                }
                .banner-box h2,.breadcrumb-item,.breadcrumb-item+.breadcrumb-item::before{
                    color:#f5f5f5;
                }
                .breadcrumb-item.active{
                    color:#ccc;
                }
            ";
        } 

        // If we get this far, we have custom styles. Let's do this.
        wp_enqueue_style(
            'educrap-custom-header-style',
            get_template_directory_uri() . '/assets/css/custom-header-style.css'
        );
        wp_add_inline_style( 'educrap-custom-header-style', $custom_css ); 
        ?>
    <?php
    }
endif;