<?php
if ( ! get_theme_mod( 'charitable_funds_enable_banner_section', false ) ) {
	return;
}
/**
 * Render Banner Section.
*/ 
$charitable_funds_banner_section_heading = get_theme_mod( 'charitable_funds_banner_section_heading' );
$charitable_funds_banner_section_content = get_theme_mod( 'charitable_funds_banner_section_content' );
$charitable_funds_banner_content = get_theme_mod( 'charitable_funds_banner_content' );
$charitable_funds_banner_section_image   = get_theme_mod( 'charitable_funds_banner_section_image' );
$charitable_funds_button_label = get_theme_mod( 'charitable_funds_about_button_label_');
$charitable_funds_button_link  = get_theme_mod( 'charitable_funds_about_button_link_');
$charitable_funds_default_image_url = get_template_directory_uri() . '/resource/img/default.png';
$charitable_funds_banner_bg = ! empty( $charitable_funds_banner_section_image ) ? $charitable_funds_banner_section_image : $charitable_funds_default_image_url;
?>
<section id="charitable_funds_banner_section" class="banner-section wow fadeInDown" data-wow-duration="1.5s" style="background-image: url('<?php echo esc_url( $charitable_funds_banner_bg ); ?>');">
    <?php
    if ( is_customize_preview() ) :
        charitable_funds_section_link( 'charitable_funds_banner_section' );
    endif;
    ?>
    <div class="banner-section-wrapper">
        <div class="asterthemes-wrapper">
            <div class="banner-single-outer">
                <div class="banner-single">
                    <div class="banner-caption">
                        <div class="banner-catption-wrapper">
                            <?php if ( ! empty( $charitable_funds_banner_section_heading ) ) : ?>
                                <h4 class="banner-caption-title">
                                    <?php echo esc_html( $charitable_funds_banner_section_heading ); ?>
                                </h4>
                            <?php endif; ?>
                            <?php if ( ! empty( $charitable_funds_banner_section_content ) ) : ?>
                                <h2 class="banner-caption-heading">
                                    <?php echo esc_html( $charitable_funds_banner_section_content ); ?>
                                </h2>
                            <?php endif; ?>
							<?php if ( ! empty( $charitable_funds_banner_content ) ) : ?>
                                <p class="banner-caption-content">
                                    <?php echo esc_html( $charitable_funds_banner_content ); ?>
                                </p>
                            <?php endif; ?>
							<?php if ( ! empty( $charitable_funds_button_label ) ) { ?>
								<span class="banner-btn">
									<a href="<?php echo esc_url( $charitable_funds_button_link ); ?>" class="asterthemes-button"><?php echo esc_html( $charitable_funds_button_label ); ?></a>
								</span>
							<?php } ?>
                        </div>
                    </div>
                </div>
            </div>		
        </div>
    </div>
</section>