<?
class SV_WC_Donation extends WC_Cart
{

    public function __construct()
    {

        $this->shatner_label = get_option('shatner_label', "Name your own price");

        add_action('wp_enqueue_scripts', function () {
            wp_enqueue_script('shatner', plugins_url('/shatner.js',__FILE__), array('jquery') );
        });

        if ( is_admin() ){ // admin actions
          $this->init_form_fields();
          add_action( 'admin_menu', array($this, 'add_shatner_menu' ));
          add_action( 'admin_init', array($this, 'admin_init' ));
          add_action('woocommerce_before_calculate_totals',  array($this,  'add_custom_price' ));
          add_action('woocommerce_product_options_pricing',  array($this,  'add_donation_radio'));
          add_action('save_post',                            array($this,  'set_named_price'));
        } else {

            if(get_option('use_shatner_templates', 1 ) == 1)
            {
                add_filter('woocommerce_locate_template',       array($this, 'template_override'),10,3);
                add_filter('woocommerce_loop_add_to_cart_link', array($this, 'remove_link'),10);
            }


            add_action('woocommerce_product_options_pricing',  array($this,  'add_donation_radio'));
            add_action('save_post',                            array($this,  'set_named_price'));
            add_action('woocommerce_add_to_cart',              array($this,  'add_to_cart_hook'));
            add_action('woocommerce_before_calculate_totals',  array($this,  'add_custom_price' ));
            add_action('init', array($this, 'init_css'));
        }
    }

    public function remove_link($link)
    {
        global $post;
        $post = get_post_meta($post->ID, '_own_price', true);

        if ($post === 'yes')
            return '';

        return $link;


    }

    public function add_shatner_menu()
    {
        add_options_page(
            'Shatner Plugin Settings', 
            'Shatner Settings', 
            'manage_options', 
            'shatner_plugin', 
            array($this, 'shatner_plugin_settings_page')
        );
    }

    public function shatner_plugin_settings_page()
    {
        include(sprintf("%s/templates/settings.php", dirname(__FILE__))); 
    }


    /**
     * hook into WP's admin_init action hook
     */
    public function admin_init()
    {

        // add your settings section
        add_settings_section(
            'wp_plugin_template-section_shatner', 
            'Shatner Plugin Template Settings', 
            array($this, 'settings_section_shatner_plugin_template'), 
            'wp_plugin_template_shatner'
        );
        
        foreach($this->form_fields as $setting)
        {

            // register your plugin's settings
            register_setting('wp_plugin_template-group-shatner', $setting['title']);
            // add your setting's fields
            add_settings_field(
                $setting['title'], 
                $setting['description'],
                array(&$this, 'settings_field_input_'. $setting['type']), 
                'wp_plugin_template_shatner', 
                'wp_plugin_template-section_shatner',
                array(
                    'field' => $setting['title']
                )
            );
        }
    } // END public static function activate

    public function init_form_fields()
    {
        $this->form_fields = array(
            array(
                'type'        => 'text',
                'title'       => esc_html__('shatner_label', 'woothemes'),
                'description' => esc_html__('Shatner Label', 'woothemes'),
                'default'     => esc_html__('Name your own price', 'woothemes')
            ),
            array(
                'type'        => 'radio_button',
                'title'       => esc_html__('use_shatner_templates', 'woothemes'),
                'description' => esc_html__('Shatner Templates override pricing, disable if you want to customize using your theme', 'woothemes'),
                'default'     => esc_html__('1', 'woothemes')
            )
        );
     }
    
    public function settings_section_shatner_plugin_template()
    {
        // Think of this as help text for the section.
        echo 'These settings set values for Shatner';
    }
    
    /**
     * This function provides text inputs for settings fields
     */
    public function settings_field_input_text($args)
    {
        // Get the field name from the $args array
        $field = $args['field'];
        // Get the value of this setting
        $value = get_option($field);
        // echo a proper input type="text"
        echo sprintf('<input type="text" name="%s" id="%s" value="%s" />', $field, $field, $value);
    } // END public function settings_field_input_text($args)


    /**
     * This function provides text inputs for settings fields
     */
    public function settings_field_input_radio_button($args)
    {

        // Get the field name from the $args array
        $field = $args['field'];
        // Get the value of this setting
        $value = get_option($field);
        
        $html = '<input type="radio" id="'.$field.'_1" name="'.$field.'" value="1"' . checked( 1, $value, false ) . '/> ';
        $html .= ' <label for="'.$field.'_1">Enable</label> <br>';
        
        
        $html .= ' <input type="radio" id="'.$field.'_2" name="'.$field.'" value="2"' . checked( 2, $value, false ) . '/> ';
        $html .= ' <label for="'.$field.'_2">Disable</label>';
        
        echo $html;

    } // END public function settings_field_input_radio($args)


    public function template_override($template, $template_name, $template_path ) {
    // Modification: Get the template from this plugin, if it exists

    $plugin_path = untrailingslashit( plugin_dir_path( __FILE__ ) ). '/templates/';
    
    if ( file_exists( $plugin_path . $template_name ) )
    {
      $template = $plugin_path . $template_name;
      return $template;
    }

    return $template;

    }

    public function init_css()
    {
        wp_register_style('donation_css', plugins_url('custom_styles.css',__FILE__ ), false, '1.0.1', 'all');
        wp_enqueue_style( 'donation_css' );
    }

    public function add_to_cart_hook($key)
    {
        global $woocommerce;
        foreach ($woocommerce->cart->get_cart() as $cart_item_key => $values) 
        {

          
          if(!get_post_meta($values['product_id'], '_own_price', true ) || get_post_meta($values['product_id'], '_own_price', true ) === 'no')
          {
            $values['data']->set_price($_POST['price']);
            continue;
          }


           $thousands_sep  = wp_specialchars_decode( stripslashes( get_option( 'woocommerce_price_thousand_sep' ) ), ENT_QUOTES );
           $decimal_sep = stripslashes( get_option( 'woocommerce_price_decimal_sep' ) );
           $_POST['price'] = str_replace($thousands_sep, '', $_POST['price']);
           $_POST['price'] = str_replace($decimal_sep, '.', $_POST['price']);

           $_POST['price'] = wc_format_decimal($_POST['price']);


            if($cart_item_key == $key)
            {
                $values['data']->set_price($_POST['price']);
                $woocommerce->session->__set($key .'_named_price', $_POST['price']);
            }
        }

    return $key;
    }


    public function set_named_price($post)
    {
        if(isset($_POST['_own_price'])){
            if(!get_post_meta($_POST['post_ID'], '_own_price', true )){
                add_post_meta($_POST['post_ID'], '_own_price', $_POST['_own_price']);
            } else {
                update_post_meta($_POST['post_ID'], '_own_price', $_POST['_own_price']);
            }
        }
        if(isset($_POST['_own_price_enforce_minimum'])){
            if(!get_post_meta($_POST['post_ID'], '_own_price_enforce_minimum', true )){
                add_post_meta($_POST['post_ID'], '_own_price_enforce_minimum', $_POST['_own_price_enforce_minimum']);
            } else {
                update_post_meta($_POST['post_ID'], '_own_price_enforce_minimum', $_POST['_own_price_enforce_minimum']);
            }
        }
    }

    public function add_donation_radio($content)
    {
       global $post;
       woocommerce_wp_radio(array(
           'id' => '_own_price', 
           'class' => 'wc_own_price short', 
           'label' => esc_html__( 'Name your own price', 'woocommerce' ), 
           'options' => array(
                'yes' => 'Yes',
                'no' => 'No',
            )
          )
       );
       woocommerce_wp_radio(array(
           'id' => '_own_price_enforce_minimum', 
           'class' => 'wc_own_price_e short', 
           'label' => esc_html__( 'Enforce "Regular price" as the minimum price', 'woocommerce' ), 
           'options' => array(
                'yes' => 'Yes',
                'no' => 'No',
            )
          )
        );
    }


    public function add_custom_price( $cart_object ) {
        global $woocommerce;
        foreach ( $cart_object->cart_contents as $key => $value ) {

            if(!get_post_meta($value['product_id'], '_own_price', true ) || get_post_meta($value['product_id'], '_own_price', true ) === 'no')
            {
              continue;
            }

            $named_price = $woocommerce->session->__get($key .'_named_price');

            if($named_price)
            {
                $product = $value['data'];
                $product->set_price( $named_price );
            }
        }
    }

}
new SV_WC_Donation();
<!DOCTYPE html>
 <!--[if IE 8 ]> <html class="ie8 lang="en""> <![endif]-->
 <!--[if IE 9 ]> <html class="ie9 lang="en""> <![endif]-->
 <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
 <head>

	<title>Video Hero | REACH Foundation</title>

	<meta charset="UTF-8" />
	
	<!--Load WP Head-->
	
	<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="REACH Foundation &raquo; Feed" href="https://reachfoundation.life/feed/" />
<link rel="alternate" type="application/rss+xml" title="REACH Foundation &raquo; Comments Feed" href="https://reachfoundation.life/comments/feed/" />
<link rel="alternate" type="text/calendar" title="REACH Foundation &raquo; iCal Feed" href="https://reachfoundation.life/events/?ical=1" />
<link rel="alternate" type="application/rss+xml" title="REACH Foundation &raquo; Video Hero Comments Feed" href="https://reachfoundation.life/video-hero-2/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://reachfoundation.life/wp-json/oembed/1.0/embed?url=https%3A%2F%2Freachfoundation.life%2Fvideo-hero-2%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://reachfoundation.life/wp-json/oembed/1.0/embed?url=https%3A%2F%2Freachfoundation.life%2Fvideo-hero-2%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="wp-block-archives-inline-css">
.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/archives/style.min.css */
</style>
<style id="wp-block-categories-inline-css">
.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label:not(.screen-reader-text){display:block;width:100%}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/categories/style.min.css */
</style>
<style id="wp-block-heading-inline-css">
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/heading/style.min.css */
</style>
<style id="wp-block-latest-comments-inline-css">
ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/latest-comments/style.min.css */
</style>
<style id="wp-block-latest-posts-inline-css">
.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/latest-posts/style.min.css */
</style>
<style id="wp-block-search-inline-css">
.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/search/style.min.css */
</style>
<style id="wp-block-group-inline-css">
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://reachfoundation.life/wp-includes/blocks/group/style.min.css */
</style>

<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>

<link rel='stylesheet' id='wc-blocks-style-css' href='https://reachfoundation.life/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.8.1' media='all' />

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='organizedthemes-campaigns-css' href='https://reachfoundation.life/wp-content/plugins/woocommerce-campaigns/assets/campaigns.css?ver=1.0.6' media='screen' />
<link rel='stylesheet' id='default-css' href='https://reachfoundation.life/wp-content/themes/grassroots/js/lightbox/themes/default/jquery.lightbox.css' media='screen' />
<link rel='stylesheet' id='grassroots-font-awesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css?ver=6.6.0' media='all' />
<link rel='stylesheet' id='options_typography_Playfair+Display-css' href='https://fonts.googleapis.com/css?family=Playfair+Display' media='all' />
<link rel='stylesheet' id='options_typography_Open+Sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans' media='all' />
<link rel='stylesheet' id='shop-designs-woo-css' href='https://reachfoundation.life/wp-content/themes/grassroots/styles-woocommerce.css?ver=1.7' media='screen' />
<link rel='stylesheet' id='main-css' href='https://reachfoundation.life/wp-content/themes/grassroots/style.css?ver=1.7' media='screen' />
<script id="jquery-core-js" src="https://reachfoundation.life/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://reachfoundation.life/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.8.1"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://reachfoundation.life/cart/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.8.1"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.8.1"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.8.1"></script>
<script id="WCPAY_ASSETS-js-extra">
var wcpayAssets = {"url":"https://reachfoundation.life/wp-content/plugins/woocommerce-payments/dist/"};
//# sourceURL=WCPAY_ASSETS-js-extra
</script>
<script id="wallpaper-js" src="https://reachfoundation.life/wp-content/themes/grassroots/js/wallpaper.js"></script>
<script id="slick-js" src="https://reachfoundation.life/wp-content/themes/grassroots/js/slick.js"></script>
<link rel="https://api.w.org/" href="https://reachfoundation.life/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://reachfoundation.life/wp-json/wp/v2/pages/290" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://reachfoundation.life/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<meta name="generator" content="WooCommerce 10.8.1" />
<link rel="canonical" href="https://reachfoundation.life/video-hero-2/" />
<link rel='shortlink' href='https://reachfoundation.life/?p=290' />
<meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://reachfoundation.life"><link rel="alternate" href="https://reachfoundation.life/wp-json/tribe/events/v1/" /><!--[if lt IE 9]><script src="https://reachfoundation.life/wp-content/themes/grassroots/js/html5.js"></script><script src="https://reachfoundation.life/wp-content/themes/grassroots/js/respond.js"></script><![endif]--> 
<style type='text/css'>
	
	body {font-family:Open Sans, sans-serif; font-size:15px; }
#text-logo p, #text-logo h1 {font-family:Playfair Display, sans-serif; font-size:40px; }
h1, h2, h3, h4, h5, h6 {font-family:Playfair Display, sans-serif; font-size:; }
nav#top-menu li, .slicknav_nav li, .slicknav_menu  .slicknav_menutxt {font-family:Open Sans, sans-serif; font-size:20px; }
h2.hero-title {font-family:Playfair Display, sans-serif; font-size:70px; }
.hero-copy p {font-family:Open Sans, sans-serif; font-size:24px; }
h3.widget-title, #sidebar .testimony-block h3.widget-title {font-family:Playfair Display, sans-serif; font-size:24px; }
	
		body { 
			background: url() #EDEDED    ; 
							-moz-background-size: ; 
				-webkit-background-size: ; 
				background-size: ;  
		}
			
		
		#text-logo a, #text-logo a:visited { color: ; }
			
		#text-logo a:hover { color: ; }
			
		#header.scroll-background,
		body.standard #header,
		body.blog #header,
		body.archive #header,
		body.error404 #header,
		body.single-product #header,
		body.search #header { background-color:  }
			
		nav#top-menu ul li a,
		.scroll nav#top-menu ul li a { color: ; }
			
		nav#top-menu ul li.current-menu-item a,
		nav#top-menu ul li.current-menu-item a:hover,
		nav#top-menu ul li a:hover,
		.scroll nav#top-menu ul li.current-menu-item a,
		.scroll nav#top-menu ul li a:hover { color: ; }
			
		nav#top-menu ul li:hover > ul,
		.slicknav_btn,
		.slicknav_nav { background-color: ; }
				
		nav#top-menu ul li.current-menu-item ul li a,
		nav#top-menu ul li:hover > ul a,
		nav#top-menu ul ul li.current-menu-item a,
		.scroll nav#top-menu ul li:hover > ul a,
		.scroll nav#top-menu ul ul li.current-menu-item a,
		.slicknav_menu  .slicknav_menutxt,
		.slicknav_nav a { color: ; }
		.slicknav_menu .slicknav_icon-bar { background-color: ; }
			
		nav#top-menu ul li:hover > ul a:hover,
		nav#top-menu ul li ul li.current-menu-item a:hover,
		nav#top-menu ul li.current-menu-item ul li a:hover,
		nav#top-menu ul li ul li.current-menu-item a,
		.scroll nav#top-menu ul li:hover > ul a:hover,
		.scroll nav#top-menu ul ul li.current-menu-item a:hover,
		.slicknav_nav .slicknav_item a:hover { color: ; }
			
		nav#top-menu ul li.button a,
		.scroll nav#top-menu ul li.button a {
			color: ;
			border-color: ;
		}
			
		nav#top-menu ul li.button a:hover,
		.scroll nav#top-menu ul li.button a:hover {
			color: ;
			border-color: ;
		}
			
		nav#top-menu ul li:hover ul { margin-top: px; }
			
		#wrap { color: ; }
			
		#wrap { background-color: ; }
			
		h1,h2,h3,h4,h5,h6 { color: ; }
		
		
		a, a:visited { color:  }
			
		a:hover { color:  }
	
	
			#footer-content {
				width: 100%;
			}

	
			#footer-sidebar .widget { 
			width: 25%;
		}
		
		
		#footer,
		#footer .widget,
		#footer input#search-submit,
		#footer form.searchform,
		#footer h3.widget-title { color: ; border-color: ; }
			
		#footer-content { background-color:  }
			
		#footer a,
		#footer a:visited { color:  }
			
		#footer a:hover { color:  }
			
		ul#footer-menu li, ul#footer-menu li { border-color:  }
			
		h3.widget-title { color: ; border-color: ; }
			
		.widget,
		#sidebar input#search-submit,
		#sidebar form#searchform,
		#sidebar input#searchsubmit { color: ;  }
		
			
		button,
		a.button,
		input.button,
		input[type="button"],
		input[type="submit"],
		#wrap a.tribe-events-button { color:  }
				
		button,
		a.button,
		input.button,
		input[type="button"],
		input[type="submit"],
		#wrap a.tribe-events-button{ background-color:  }
				
		button:hover,
		a:hover.button,
		input:hover.button,
		input:hover[type="button"],
		input:hover[type="submit"]
		#wrap a:hover.tribe-events-button { color:  }
				
		button:hover,
		a:hover.button,
		input:hover.button,
		input:hover[type="button"],
		input:hover[type="submit"]
		#wrap a:hover.tribe-events-button { background-color:  }
			
		button.alt,
		a.button.alt,
		input.button.alt { color:  }
			
		button.alt,
		a.button.alt,
		input.button.alt { background-color:  }
			
		button.alt:hover,
		a.button.alt:hover,
		input.button.alt:hover { color:  }
			
		button.alt:hover,
		a.button.alt:hover,
		input.button.alt:hover { background-color:  }
			
		p.item-price,
		.woocommerce div.product p.price, 
		.woocommerce div.product span.price,
		.woocommerce ul.products li.product .price {
	    	color: ;
		}
			
		.woocommerce span.onsale{
	    	background-color: ;
		}
			
		.woocommerce span.onsale{
	    	color: ;
		}
		
		
		ul.network-icons li a:before { color:  }
			
		ul.network-icons li a:before { background-color:  }
			
		ul.network-icons li:hover a:before { color:  }
			
		ul.network-icons li:hover a:before { background-color:  }
			
		.organizedthemes-campaign-holder .graph-holder { background-color: ; }
			
		.organizedthemes-campaign-holder .graph-progress { background-color: ; }
			
		#hero-section .wallpaper-container { opacity: .7}
#hero-section { background-color: #000; }	
</style>
 
	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<link rel="shortcut icon" href="/grassroots/wp-content/themes/grassroots/images/favicon.png" type="image/x-icon" />
				<link rel="apple-touch-icon-precomposed" href="" />
					
	<!-- End WP Head -->
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
</head>

<body class="wp-singular page-template-default page page-id-290 wp-theme-grassroots theme-grassroots woocommerce-no-js tribe-no-js gecko grassroots-front content-left hero">

<div id="header" class="animated">
	
	<div id="header-content" class="clearfix">
		
				
			<div id="text-logo">
				
				<h1><a href="https://reachfoundation.life/">REACH Foundation</a></h1>
								
			</div>
			
				
		<nav id="top-menu" class="menu-grassroots-top-container"><ul id="primary-menu" class="menu"><li id="menu-item-201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-201"><a href="https://reachfoundation.life/">Home</a></li>
<li id="menu-item-330" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-330"><a href="https://reachfoundation.life/features/">Features</a>
<ul class="sub-menu">
	<li id="menu-item-209" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-209"><a href="http://demo.organizedthemes.com/grassroots/events/">Calendar</a></li>
	<li id="menu-item-342" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-290 current_page_item menu-item-342"><a href="https://reachfoundation.life/video-hero-2/" aria-current="page">Video Hero</a></li>
	<li id="menu-item-340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-340"><a href="https://reachfoundation.life/image-hero/">Image Hero</a></li>
	<li id="menu-item-332" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-332"><a href="https://reachfoundation.life/no-sidebar/">No Sidebar</a></li>
	<li id="menu-item-334" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-334"><a href="https://reachfoundation.life/right-sidebar/">Right Sidebar</a></li>
	<li id="menu-item-336" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-336"><a href="https://reachfoundation.life/left-sidebar/">Left Sidebar</a></li>
</ul>
</li>
<li id="menu-item-200" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200"><a href="https://reachfoundation.life/blog/">Blog</a></li>
<li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://reachfoundation.life/sponsors/">Sponsors</a></li>
<li id="menu-item-328" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-328"><a href="https://reachfoundation.life/staff/">Staff</a></li>
<li id="menu-item-338" class="button menu-item menu-item-type-post_type menu-item-object-product menu-item-338"><a href="https://reachfoundation.life/product/give-any-amount/">Donate</a></li>
<li id="menu-item-211" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-211"><a href="https://www.organizedthemes.com/theme/grassroots/">Buy Grassroots</a></li>
</ul></nav>		
	</div><!-- #header-content -->
	
</div><!-- #header -->


	<div id="hero-section" class="full-height">
		
		<style>
			
						
			@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
				
				.wallpaper-container { display: none; }
				#hero-section {
											background-image: url(/grassroots/wp-content/uploads/sites/33/2014/09/blank.jpg);
					 
				}
				
			}
			
			@media only screen and (max-width : 768px) {
				
				.wallpaper-container { display: none; }
				#hero-section {
											background-image: url(/grassroots/wp-content/uploads/sites/33/2014/09/blank.jpg);
					 
				}
				
			}
			
						
				nav#top-menu ul li a { 
					color: #ffffff;
				}
				
																			
				nav#top-menu ul li.current-menu-item a,
				nav#top-menu ul li a:hover  { 
					color: #bfbfbf;
				}
				
																			
		</style>
		
		<div class="hero-copy left-text">
			
							<div class="hero-title-holder">
					<h2 class="hero-title">Video Hero</h2>
				</div>
										<div class="hero-caption">
					<p>Tell your story with video</p>
				</div>
										<div class="hero-button-holder">
					<a class="button hero" href="#content">Learn More</a>
				</div>
						
		</div>
		
							
			<script>
			
			// Hero section background video
				jQuery("#hero-section").wallpaper({
					 
					mute:  true,					loop: true,
					source: {
							poster: "/grassroots/wp-content/uploads/sites/33/2014/09/blank.jpg",
							
														
							mp4:    "/grassroots/wp-content/uploads/sites/33/2014/09/explore.mp4",
														
							ogg:    "/grassroots/wp-content/uploads/sites/33/2014/09/explore.ogv",
														
							webm:   "/grassroots/wp-content/uploads/sites/33/2014/09/explore.webm",
														
						}
				});
			
			
			</script>
			
				
	</div><!-- #hero-section -->
	

	<div id="wrap" class="clearfix">


	<div id="content" class="site-content" role="main">

					
			<article id="post-290" class="post-290 page type-page status-publish hentry">
				
				<header class="entry-header">
				
					<h1 class="page-title">Video Hero</h1>
				
				</header><!-- .entry-header -->
				
				<p>This page features a video hero section. It uses a great video from Andy Lloyd we found on Mazwai <a href="http://mazwai.com/#83" target="_blank" rel="noopener">http://mazwai.com/#83</a> where you can also find videos to use in your projects.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor.</p>
<p>Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
				
							
			</article>
			
		
	</div><!-- #content -->

<div id="sidebar">

	<aside id="block-2" class="widget widget_block widget_search clearfix"><form role="search" method="get" action="https://reachfoundation.life/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"    ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper" ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></aside>
			
			<aside id="block-3" class="widget widget_block clearfix"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://reachfoundation.life/uncategorized/hello-world/">Hello world!</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://reachfoundation.life/news/post-with-a-video/">Post With A Video</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://reachfoundation.life/news/post-with-a-gallery/">Post With A Gallery</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://reachfoundation.life/news/helping-kids/">Helping Kids</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://reachfoundation.life/features/no-sidebar/">No Sidebar</a></li>
</ul></div></div></aside>
			
			<aside id="block-4" class="widget widget_block clearfix"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://wordpress.org/">A WordPress Commenter</a> on <a class="wp-block-latest-comments__comment-link" href="https://reachfoundation.life/uncategorized/hello-world/#comment-1">Hello world!</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://www.organizedthemes.com">Bill Robbins</a> on <a class="wp-block-latest-comments__comment-link" href="https://reachfoundation.life/features/a-post-with-comments/#comment-11">A Post With Comments</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://www.organizedthemes.com">Bill Robbins</a> on <a class="wp-block-latest-comments__comment-link" href="https://reachfoundation.life/features/a-post-with-comments/#comment-10">A Post With Comments</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://www.organizedthemes.com">Bill Robbins</a> on <a class="wp-block-latest-comments__comment-link" href="https://reachfoundation.life/features/a-post-with-comments/#comment-9">A Post With Comments</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://www.organizedthemes.com">Bill Robbins</a> on <a class="wp-block-latest-comments__comment-link" href="https://reachfoundation.life/features/a-post-with-comments/#comment-8">A Post With Comments</a></footer></article></li></ol></div></div></aside>
			
			<aside id="search-1" class="widget widget_search clearfix"><form role="search" method="get" id="searchform" class="searchform" action="https://reachfoundation.life/">
				<div>
					<label class="screen-reader-text" for="s">Search for:</label>
					<input type="text" value="" name="s" id="s" />
					<input type="submit" id="searchsubmit" value="Search" />
				</div>
			</form></aside>
			
			<aside id="campaign-widget-1" class="widget campign-widget clearfix"></aside>
			
			
</div><!-- #sidebar -->

				
		</div><!-- #wrap -->
	
		
	<div id="footer">
		
		<div id="footer-content" class="clearfix">
			
						
				<div id="footer-sidebar" class="clearfix">
				
					<aside id="block-5" class="widget widget_block clearfix"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Archives</h2><ul class="wp-block-archives-list wp-block-archives">	<li><a href='https://reachfoundation.life/2025/10/'>October 2025</a></li>
	<li><a href='https://reachfoundation.life/2014/09/'>September 2014</a></li>
</ul></div></div></aside>
			
			<aside id="block-6" class="widget widget_block clearfix"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Categories</h2><ul class="wp-block-categories-list wp-block-categories-taxonomy-category wp-block-categories">	<li class="cat-item cat-item-17"><a href="https://reachfoundation.life/category/features/">Features</a>
</li>
	<li class="cat-item cat-item-18"><a href="https://reachfoundation.life/category/news/">News</a>
</li>
	<li class="cat-item cat-item-1"><a href="https://reachfoundation.life/category/uncategorized/">Uncategorized</a>
</li>
</ul></div></div></aside>
			
			
		<aside id="recent-posts-1" class="widget widget_recent_entries clearfix">
		<h3 class="widget-title">Recent posts</h3>
		<ul>
											<li>
					<a href="https://reachfoundation.life/uncategorized/hello-world/">Hello world!</a>
											<span class="post-date">October 31, 2025</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/news/post-with-a-video/">Post With A Video</a>
											<span class="post-date">September 5, 2014</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/news/post-with-a-gallery/">Post With A Gallery</a>
											<span class="post-date">September 5, 2014</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/news/helping-kids/">Helping Kids</a>
											<span class="post-date">September 5, 2014</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/features/no-sidebar/">No Sidebar</a>
											<span class="post-date">September 4, 2014</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/features/no-sidebar/">No Sidebar</a>
											<span class="post-date">September 4, 2014</span>
									</li>
											<li>
					<a href="https://reachfoundation.life/features/right-hand-sidebar/">Right Hand Sidebar</a>
											<span class="post-date">September 4, 2014</span>
									</li>
					</ul>

		</aside>
			
			<aside id="custom_html-1" class="widget_text widget widget_custom_html clearfix"><h3 class="widget-title">Tell your story</h3><div class="textwidget custom-html-widget"><p>Communicating your purpose is essential. Grassroots helps you get your message in front of your visitors clearly.
<br><br>
You can tell your story with images, video and text. This footer is made up completely out of widgets, so it’s easy to add, remove or rearrange content. You can also choose between a boxed or full width layout, and 1 and 4 columns.</p></div></aside>
			
							
				</div><!-- #footer-sidebar -->
			
						
			<div id="footer-left">
				
								
					<p><p><strong>You can customize this area and the right side where the social media icons are.</strong></p></p>
					
				 
			</div><!-- #footer-left -->
		
			<div id="footer-right">
	
								
					<p></p>
					
										
			</div><!-- #footer-right -->
			
		</div><!-- #footer-content -->
		
	</div><!-- #footer -->

<!-- Load wp_footer -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/grassroots/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
		<script>
		( function ( body ) {
			'use strict';
			body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' );
		} )( document.body );
		</script>
		    <script>
        (function ($) {
            $(document).ready(function(){      

				window.onscroll = function() {myFunction()};

				var header = document.getElementById("header");

				var sticky = header.offsetTop;

				function myFunction() {
					if (window.pageYOffset > sticky) {
					    header.classList.add("sticky");
					} else {
					    header.classList.remove("sticky");
					}
				} 

				//Header height
				setTimeout(function(){
					var header_height = $('#header').height();
					//console.log( header_height );
					$('#wrap').css('margin-top', header_height + 50)
				}, 300);

				//WooCommerce tabs - add/remove active class
				$(function() {

					var selClass = 'active';

					$('.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-additional_information a').click( function() {
						$('.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-description').removeClass('active');
						$('.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-reviews').removeClass('active');
						$('.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-additional_information').addClass('active');
						$('.woocommerce div.product .woocommerce-tabs #tab-description.panel').css('display', 'none');
						$('.woocommerce div.product .woocommerce-tabs #tab-reviews.panel').css('display', 'none');
						$('.woocommerce div.product .woocommerce-tabs #tab-additional_information.panel').css('display', 'block');
					});
				});

            });   
        })(jQuery);     
    </script>
<script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script>	<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<script id="tec-user-agent-js" src="https://reachfoundation.life/wp-content/plugins/the-events-calendar/common/build/js/user-agent.js?ver=da75d0bdea6dde3898df"></script>
<script id="lightbox-js" src="https://reachfoundation.life/wp-content/themes/grassroots/js/lightbox/lightbox.js"></script>
<script id="slicknav-js" src="https://reachfoundation.life/wp-content/themes/grassroots/js/slicknav.js"></script>
<script id="sourcebuster-js-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.8.1"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://reachfoundation.life/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://reachfoundation.life/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.8.1"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://reachfoundation.life/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://reachfoundation.life/wp-includes/js/wp-emoji-loader.min.js
</script>

	<script>
	
	// Slicknav	
		jQuery('#primary-menu').slicknav({
			prependTo:'#header-content',
			label: 'Menu'
		});
	
	// Add Header Class On Scroll
		jQuery(function() {
			jQuery(window).scroll(function() {	
				if ( jQuery(this).scrollTop() > 100 ) {
					jQuery('#header').addClass('scroll');
				} else {
					jQuery('#header').removeClass('scroll');
				}
			});
		});
	
	// Smooth Scrolling 
		jQuery(function($) {
		  $('a[href*="#"]:not([href="#"],[href="#tab-description"],[href="#tab-reviews"])').click(function() {
		    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
		      var target = $(this.hash);
		      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
		      if (target.length) {
		        $('html,body').animate({
		          scrollTop: target.offset().top - 100
		        }, 1000);
		        return false;
		      }
		    }
		  });
		});
	
			
	// Load Lightbox and add lightbox class and rel for prev/next functionality
		jQuery(document).ready(function(){
	    	jQuery('.lightbox').lightbox();
	    		
	    		jQuery('div.gallery a').attr('rel', 'gallery');
	    		jQuery('div.images a').attr('rel', 'gallery');
	    
	    });
	
	// Add lightbox class to single images with links:
		jQuery('a').each(function(){
			
			if ( this.href.toLowerCase().substr(-4).indexOf('.jpg') < 0 &&
			     this.href.toLowerCase().substr(-5).indexOf('.jpeg') < 0 &&
			     this.href.toLowerCase().substr(-4).indexOf('.png') < 0 &&
			     this.href.toLowerCase().substr(-4).indexOf('.gif') < 0 )
			return;
	
			var $lnk = jQuery(this); 
			
			$lnk.addClass('lightbox');
		
		});
	
	
	/* equal height boxes */
    equalheight = function(container){

    var currentTallest = 0,
        currentRowStart = 0,
        rowDivs = new Array(),
        $el,
        topPosition = 0;
    jQuery(container).each(function() {

        $el = jQuery(this);
        jQuery($el).height('auto')
        topPostion = $el.position().top;

        if (currentRowStart != topPostion) {
            for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
                rowDivs[currentDiv].height(currentTallest);
            }
            rowDivs.length = 0; // empty the array
            currentRowStart = topPostion;
            currentTallest = $el.height();
            rowDivs.push($el);
        } else {
            rowDivs.push($el);
            currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
        }
        for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
            rowDivs[currentDiv].height(currentTallest);
        }
    });
    }

    jQuery(window).on( "load",function() {
        equalheight('#footer-sidebar aside.widget');
    });

    jQuery(window).resize(function(){
        equalheight('#footer-sidebar aside.widget');
    });
	
	</script>


</body>
</html>

<!-- 132 queries. 0.719 seconds. -->