<?php
/**
 * Template name: Page - Full Width - Parallax Title
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.18.0
 */

get_header(); ?>
<div class="parallax-title mb">
<?php while ( have_posts() ) : the_post(); ?>
	<?php ob_start(); ?>
	<header class="entry-header text-center relative">
		<h1 class="entry-title is-larger">
			<strong><?php the_title(); ?></strong>
		</h1>
		<div class="is-divider small"></div>
		<?php if( has_excerpt() ) { ?>
		<div class="lead">
			<?php echo do_shortcode(get_the_excerpt()); ?>
		</div>
		<?php } ?>
	</header>
	<?php
	$bg = '#333';
	if( has_post_thumbnail() ) $bg = get_post_thumbnail_id();
	$header_html = ob_get_contents();
	$header_html = '[ux_banner animate="fadeInUp" bg_overlay="#000" parallax="2" parallax_text="-1" height="300px" bg="'.$bg.'"]'.$header_html.'[/ux_banner]';
	ob_end_clean();
	echo do_shortcode($header_html); ?>
<?php endwhile; // end of the loop. ?>
</div>

<div id="content" role="main">

	<?php while ( have_posts() ) : the_post(); ?>

		<?php the_content(); ?>

		<?php
		if ( comments_open() || get_comments_number() ) {
			comments_template();
		}
		?>

	<?php endwhile; // end of the loop. ?>

</div>
<?php get_footer(); ?>