<?php
/**
 * Title: Stream Footer
 * Slug: variations/stream-footer
 * Description: Add a Footer with site logo, site title, social icons and buttons
 * Categories: footer, column
 * Keywords: footer
 * Block Types: core/template-part/footer
 */

?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/headers-footers/stream-banner.jpg","id":2012,"dimRatio":40,"isDark":false,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-cover is-light" style="margin-top:0;margin-bottom:0"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-2012" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/headers-footers/stream-banner.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"50px","bottom":"100px"}}},"textColor":"base","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide has-base-color has-text-color" style="padding-top:50px;padding-bottom:100px"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"5px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"5.5%"} -->
<div class="wp-block-column" style="flex-basis:5.5%"><!-- wp:image {"id":1117,"width":"55px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#ffffff","#ffffff"]}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/headers-footers/voice-recording-stream.png" alt="" class="wp-image-1117" style="aspect-ratio:1;object-fit:cover;width:55px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"60%","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:site-title {"level":2,"style":{"color":{"text":"#fffffd"},"typography":{"fontSize":"18px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"}}} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"100px","bottom":"100px"}}},"fontSize":"small"} -->
<div class="wp-block-columns alignwide has-small-font-size" style="margin-top:0;margin-bottom:0;padding-top:100px;padding-bottom:100px"><!-- wp:column {"verticalAlignment":"center","width":"550px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:550px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff"}}} -->
<h3 class="wp-block-heading has-text-color" style="color:#ffffff;font-size:32px;font-style:normal;font-weight:400">Listen on</h3>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"35px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"spacing":{"padding":{"left":"80px","right":"80px","top":"20px","bottom":"20px"}},"border":{"width":"0px","style":"none","radius":"0px"},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700","letterSpacing":"1px","lineHeight":"1"},"color":{"text":"#000000","background":"#ffffff"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:20px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;color:#000000;background-color:#ffffff;padding-top:20px;padding-right:80px;padding-bottom:20px;padding-left:80px">SPOTIFY</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"spacing":{"padding":{"left":"32px","right":"32px","top":"20px","bottom":"20px"}},"border":{"width":"0px","style":"none","radius":"0px"},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700","letterSpacing":"1px","lineHeight":"1"},"color":{"text":"#000000","background":"#ffffff"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:20px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;color:#000000;background-color:#ffffff;padding-top:20px;padding-right:32px;padding-bottom:20px;padding-left:32px">APPLE PODCASTS</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"spacing":{"padding":{"left":"22px","right":"22px","top":"20px","bottom":"20px"}},"border":{"width":"0px","style":"none","radius":"0px"},"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700","letterSpacing":"1px","lineHeight":"1"},"color":{"text":"#000000","background":"#ffffff"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:20px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-style:none;border-width:0px;border-radius:0px;color:#000000;background-color:#ffffff;padding-top:20px;padding-right:22px;padding-bottom:20px;padding-left:22px">GOOGLE PODCASTS</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"32px","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff"}}} -->
<h3 class="wp-block-heading has-text-color" style="color:#ffffff;font-size:32px;font-style:normal;font-weight:400">Our Socials</h3>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","size":"has-large-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-large-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->