<?php
/**
* @package rdmgumby
*/
if (has_post_thumbnail()) {
rdmgumby_enqueue_responsive_background('#the-bg', get_post_thumbnail_id());
}
$hero_class = 'l-full-section';
if (get_field('hero_style') === 'short') {
$hero_class = 'l-section';
}
get_header();
?>
<div class="page">
<div class="hero dark typography <?php
echo $hero_class;
?>
">
<div id="the-bg" class="background"><div class="gray overlay"></div></div>
<div class="l-ignore-overlay">
<div class="row copy">
<div class="eleven columns centered text-center">
<h6 class="light spaced uppercase"><?php
the_title();
?>
</h6>
<h1 class="no-pad"><?php
__the_field('main_copy');
">
<source src="<?php
__the_field('background_video', 'esc_url', $post->ID);
?>
" type="video/mp4" />
</video>
<div id="video-fallback" class="background" style="background-image: url('<?php
__the_field('poster', 'esc_url', $post->ID);
?>
');"></div>
<div id="video-overlay" class="gray overlay"></div>
<?php
} elseif (get_field('background_type', $post->ID) === 'image') {
?>
<?php
rdmgumby_enqueue_responsive_background('#the-bg-' . $i, get_field('background_image', $post->ID));
?>
<div id="the-bg-<?php
echo $i;
?>
" class="background fixable">
<div class="gray overlay"></div>
<div class="gradient overlay" style="background: linear-gradient(rgba(0, 0, 0, 0), <?php
echo $color;
?>
); opacity: 0.4;"></div>
</div>
<?php
}
?>
