<?php
/**
 * Title: Overlay Rich
 * Slug: x-t9/navigation-overlay-rich
 * Categories: navigation
 * Block Types: core/template-part/navigation-overlay
 * Description:
 *
 * @package WordPress
 * @subpackage x-t9
 * @since X-T9 1.0
 */

?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"dimensions":{"minHeight":"100svh"},"elements":{"link":{"color":{"text":"var:preset|color|text-normal"}}},"typography":{"fontStyle":"normal","fontWeight":"400"}},"backgroundColor":"bg-primary","textColor":"text-normal","fontSize":"medium","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-text-normal-color has-bg-primary-background-color has-text-color has-background has-link-color has-medium-font-size" style="min-height:100svh;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);font-style:normal;font-weight:400"><!-- wp:navigation-overlay-close /-->

<!-- wp:search {"showLabel":false,"width":100,"widthUnit":"%","buttonText":"","buttonUseIcon":true,"style":{"spacing":{"margin":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} /-->

<!-- wp:spacer {"className":"is-style-spacer-md"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer -->

<!-- wp:separator {"className":"is-style-wide","backgroundColor":"border-normal"} -->
<hr class="wp-block-separator has-text-color has-border-normal-color has-alpha-channel-opacity has-border-normal-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:group {"layout":{"type":"grid","minimumColumnWidth":"180px"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"1px"}},"borderColor":"border-normal"} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" alt="" class="has-border-color has-border-normal-border-color" style="border-width:1px"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:400">Title Text</h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"1px"}},"borderColor":"border-normal"} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" alt="" class="has-border-color has-border-normal-border-color" style="border-width:1px"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:400">Title Text</h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"1px"}},"borderColor":"border-normal"} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" alt="" class="has-border-color has-border-normal-border-color" style="border-width:1px"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:400">Title Text</h5>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"1px"}},"borderColor":"border-normal"} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" alt="" class="has-border-color has-border-normal-border-color" style="border-width:1px"/></figure>
<!-- /wp:image -->

<!-- wp:spacer {"className":"is-style-spacer-xs"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":5,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h5 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:400">Title Text</h5>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:spacer {"className":"is-style-spacer-md"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer -->

<!-- wp:navigation {"showSubmenuIcon":false,"submenuVisibility":"always","overlayMenu":"never","className":"is-style-nav\u002d\u002dvertical-with-hr","layout":{"orientation":"vertical"}} /-->

<!-- wp:spacer {"height":"35px","className":"is-style-spacer-sm"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer is-style-spacer-sm"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"has-border-color has-border-normal-border-color has-background","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}}} -->
<div class="wp-block-group has-border-color has-border-normal-border-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom","style":{"typography":{"letterSpacing":"1px","lineHeight":"1.2","textAlign":"center"}}} -->
<p class="has-text-align-center vk_block-margin-0--margin-bottom" style="letter-spacing:1px;line-height:1.2">Contact us anytime.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"35px","className":"is-style-spacer-xxs"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xxs"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"vk_block-margin-0\u002d\u002dmargin-bottom vk_block-margin-0\u002d\u002dmargin-top","style":{"typography":{"fontSize":"2rem","lineHeight":"1"}}} -->
<p class="vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top" style="font-size:2rem;line-height:1"><strong>000-0000-0000</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"35px","className":"is-style-spacer-xxs"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xxs"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","textAlign":"center"}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="line-height:1.2">Bussines time AM : 8:30 - PM 6:30</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"35px","className":"is-style-spacer-xs"} -->
<div style="height:35px" aria-hidden="true" class="wp-block-spacer is-style-spacer-xs"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","width":100} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-primary-background-color has-background wp-element-button"><?php echo esc_html__( 'Contact', 'x-t9' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"className":"is-style-spacer-sm"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-sm"></div>
<!-- /wp:spacer -->

<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png","dimRatio":60,"overlayColor":"bg-primary","isUserOverlayColor":true,"minHeight":50,"minHeightUnit":"px","isDark":false,"style":{"spacing":{"padding":{"top":"0em","right":"1.5em","bottom":"0em","left":"1.5em"}},"elements":{"link":{"color":{"text":"var:preset|color|text-normal"}}},"border":{"width":"1px"}},"textColor":"text-normal","borderColor":"border-normal"} -->
<div class="wp-block-cover is-light has-border-color has-border-normal-border-color has-text-normal-color has-text-color has-link-color" style="border-width:1px;padding-top:0em;padding-right:1.5em;padding-bottom:0em;padding-left:1.5em;min-height:50px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/inc/patterns/images/sample-image-gray.png" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-bg-primary-background-color has-background-dim-60 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1.5em","right":"1.5em","bottom":"1.5em","left":"1.5em"},"blockGap":"1px","margin":{"top":"1.5rem","bottom":"1.5rem"}},"color":{"background":"#ffffff4a"},"border":{"color":"#0000001a","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#0000001a;border-width:1px;background-color:#ffffff4a;margin-top:1.5rem;margin-bottom:1.5rem;padding-top:1.5em;padding-right:1.5em;padding-bottom:1.5em;padding-left:1.5em"><!-- wp:heading {"className":"wp-block-heading is-style-vk-heading-plain","style":{"spacing":{"margin":{"top":"0","right":"0em","bottom":"var:preset|spacing|40","left":"0"}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading is-style-vk-heading-plain has-x-large-font-size" style="margin-top:0;margin-right:0em;margin-bottom:var(--wp--preset--spacing--40);margin-left:0;font-style:normal;font-weight:700">Banner Title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50","left":"0"}}}} -->
<p style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50);margin-left:0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"border":{"radius":"0px"},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|50","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50"}}},"fontSize":"small"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-small-font-size has-custom-font-size wp-element-button" style="border-radius:0px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)"><?php echo esc_html__( 'Read more', 'x-t9' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:spacer {"className":"is-style-spacer-md"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer is-style-spacer-md"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
