<?php
 /**
  * Title: Video Popup
  * Slug: prime-fse/video-popup
  * Categories: prime-fse
  */
?>

<!-- wp:getwid/section {"align":"full","skipLayout":true,"backgroundColor":"color-1","backgroundImage":{"alt":"","id":"","url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/video-popup-bg.svg' ) ); ?>"},"foregroundImage":{"alt":"","id":"","url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/video-popup-bg-overlay.svg' ) ); ?>"},"foregroundImagePosition":"bottom center","foregroundImageSize":"auto","paddingTopValue":"125px","paddingTop":"custom","marginTop":"none","marginBottom":"none","marginLeft":"none","marginRight":"none"} -->
<div class="wp-block-getwid-section alignfull getwid-margin-top-none getwid-margin-bottom-none"><div class="wp-block-getwid-section__wrapper getwid-margin-left-none getwid-margin-right-none" style="padding-top:125px"><div class="wp-block-getwid-section__inner-wrapper"><div class="wp-block-getwid-section__background-holder"><div class="wp-block-getwid-section__background has-background has-color-1-background-color" style="background-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/images/video-popup-bg.svg' ) ); ?>)"><div class="wp-block-getwid-section__background-image-wrapper"><img class="wp-block-getwid-section__background-image" src="<?php echo esc_url( get_theme_file_uri( 'assets/images/video-popup-bg.svg' ) ); ?>" alt=""/></div></div><div class="wp-block-getwid-section__foreground" style="background-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/images/video-popup-bg-overlay.svg' ) ); ?>);background-position:bottom center;background-size:auto"></div></div><div class="wp-block-getwid-section__content"><div class="wp-block-getwid-section__inner-content"><!-- wp:getwid/section {"skipLayout":true,"entranceAnimation":"","paddingTop":"none","paddingBottom":"none","paddingLeft":"none","paddingRight":"none"} -->
<div class="wp-block-getwid-section"><div class="wp-block-getwid-section__wrapper getwid-padding-top-none getwid-padding-bottom-none getwid-padding-left-none getwid-padding-right-none"><div class="wp-block-getwid-section__inner-wrapper"><div class="wp-block-getwid-section__background-holder"><div class="wp-block-getwid-section__background"></div><div class="wp-block-getwid-section__foreground"></div></div><div class="wp-block-getwid-section__content"><div class="wp-block-getwid-section__inner-content"><!-- wp:getwid/video-popup {"link":"https://www.youtube.com/watch?v=6nexYIpIC4E","buttonSize":"small"} -->
<div class="wp-block-getwid-video-popup"><a class="wp-block-getwid-video-popup__link" href="https://www.youtube.com/watch?v=6nexYIpIC4E"><div class="wp-block-getwid-video-popup__wrapper"><div class="wp-block-getwid-video-popup__button is-style-default is-size-small"><div class="wp-block-getwid-video-popup__icon"><i class="fas fa-play" aria-hidden="true"></i></div></div></div></a></div>
<!-- /wp:getwid/video-popup -->

<!-- wp:getwid/advanced-heading {"textColor":"color-9","fontSize":"60px","fontWeight":"700","textTransform":"uppercase","lineHeight":"1em","textAlignment":"center","marginTop":"35px","marginBottom":"20px"} -->
<div class="wp-block-getwid-advanced-heading has-custom-font-size" style="font-size:60px;margin-bottom:20px;margin-top:35px"><span class="wp-block-getwid-advanced-heading__content has-text-color has-color-9-color" style="text-align:center;font-weight:700;text-transform:uppercase;line-height:1em">For Modern People</span></div>
<!-- /wp:getwid/advanced-heading -->

<!-- wp:paragraph {"align":"center","textColor":"color-9"} -->
<p class="has-text-align-center has-color-9-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:getwid/section -->

<!-- wp:getwid/advanced-spacer {"height":"130px"} -->
<div class="wp-block-getwid-advanced-spacer" style="height:130px" aria-hidden="true"></div>
<!-- /wp:getwid/advanced-spacer -->

<!-- wp:getwid/icon {"textColor":"color-7","icon":"prime-fse-icon-arrow-down","iconSize":"34px","padding":0,"textAlignment":"center"} -->
<div class="wp-block-getwid-icon is-aligned-center"><a href="#" class="wp-block-getwid-icon__wrapper getwid-animation has-text-color has-color-7-color" style="font-size:34px;padding:0px" data-animation="slideBottom"><i class="prime-fse-icon-arrow-down"></i></a></div>
<!-- /wp:getwid/icon --></div></div></div></div></div>
<!-- /wp:getwid/section -->