<?php

/**
 * Title: Header
 * Slug: mediora/header
 * Categories: mediora
 */
?>
<!-- wp:group {"metadata":{"patternName":"mediora/header","name":"Header","categories":["mediora"]},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-group">
    <!-- wp:group {"metadata":{"name":"Top Header"},"style":{"spacing":{"padding":{"top":"7px","right":"var:preset|spacing|30","bottom":"7px","left":"var:preset|spacing|30"},"blockGap":"0px"}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
    <div class="wp-block-group has-primary-background-color has-background"
        style="padding-top:7px;padding-right:var(--wp--preset--spacing--30);padding-bottom:7px;padding-left:var(--wp--preset--spacing--30)">
        <!-- wp:group {"align":"wide","className":"mobile-aligncenter","style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","allowOrientation":false,"justifyContent":"space-between"}} -->
        <div class="wp-block-group alignwide mobile-aligncenter">
            <!-- wp:group {"className":"mobile-aligncenter","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"blockGap":"0"}},"textColor":"white","layout":{"type":"flex","flexWrap":"wrap"}} -->
            <div class="wp-block-group mobile-aligncenter has-white-color has-text-color has-link-color">
                <!-- wp:group {"style":{"spacing":{"blockGap":"10px","padding":{"right":"var:preset|spacing|10"}},"border":{"right":{"color":"#ffffff45","width":"1px"}},"typography":{"lineHeight":"1.3"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
                <div class="wp-block-group"
                    style="border-right-color:#ffffff45;border-right-width:1px;padding-right:var(--wp--preset--spacing--10);line-height:1.3">
                    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
                    <div class="wp-block-group">
                        <!-- wp:image {"width":"20px","height":"auto","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                        <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/phone-call-1.avif"
                                alt="" style="object-fit:cover;width:20px;height:auto" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                    <p style="font-size:15px"> <?php echo esc_html__('+123 456 789', 'mediora'); ?> </p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"className":"mobile-hide","style":{"spacing":{"blockGap":"10px","padding":{"right":"var:preset|spacing|10","left":"var:preset|spacing|10"}},"border":{"right":{"color":"#ffffff45","width":"1px"}},"typography":{"lineHeight":"1.3"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group mobile-hide"
                    style="border-right-color:#ffffff45;border-right-width:1px;padding-right:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);line-height:1.3">
                    <!-- wp:image {"width":"20px","height":"auto","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                    <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                            src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/email-2.avif" alt=""
                            style="width:20px;height:auto" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                    <p style="font-size:15px"><a href="mailto:support@example.com">
                            <?php echo esc_html__('support@example.com ', 'mediora'); ?> </a></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"blockGap":"10px","padding":{"left":"var:preset|spacing|10"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
                <div class="wp-block-group" style="padding-left:var(--wp--preset--spacing--10)">
                    <!-- wp:image {"width":"20px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default vertical-aligncenter","style":{"color":{"duotone":["#fff","#ffffff"]}}} -->
                    <figure class="wp-block-image size-full is-resized is-style-default vertical-aligncenter"><img
                            src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/location-1.avif"
                            alt="" style="aspect-ratio:1;object-fit:cover;width:20px" /></figure>
                    <!-- /wp:image -->

                    <!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"}}} -->
                    <p style="font-size:15px">
                        <?php echo esc_html__('Sumter,SC 29150 ', 'mediora'); ?>
                    </p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"className":"mobile-aligncenter"} -->
            <div class="wp-block-group mobile-aligncenter">
                <!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","customIconBackgroundColor":"#1ba69d","iconBackgroundColorValue":"#1ba69d","size":"has-small-icon-size","className":"is-style-pill-shape","style":{"spacing":{"margin":{"top":"0px","bottom":"0px","left":"0","right":"0"},"blockGap":{"top":"var:preset|spacing|10","left":"7px"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
                <ul class="wp-block-social-links has-small-icon-size has-icon-color has-icon-background-color is-style-pill-shape"
                    style="margin-top:0px;margin-right:0;margin-bottom:0px;margin-left:0">
                    <!-- wp:social-link {"url":"#","service":"facebook"} /-->

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

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

                    <!-- wp:social-link {"url":"#","service":"wordpress"} /-->
                </ul>
                <!-- /wp:social-links -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"metadata":{"name":"Main Header"},"className":"has-background-background-color","style":{"spacing":{"padding":{"top":"10px","right":"var:preset|spacing|30","bottom":"10px","left":"var:preset|spacing|30"},"blockGap":"0px"},"border":{"bottom":{"style":"none","width":"0px"},"top":[],"right":[],"left":[]}},"backgroundColor":"black","layout":{"type":"constrained"}} -->
    <div class="wp-block-group has-background-background-color has-black-background-color has-background"
        style="border-bottom-style:none;border-bottom-width:0px;padding-top:10px;padding-right:var(--wp--preset--spacing--30);padding-bottom:10px;padding-left:var(--wp--preset--spacing--30)">
        <!-- wp:group {"align":"wide","className":"header-wrapper","style":{"spacing":{"padding":{"bottom":"0px","top":"0px","right":"0px","left":"0px"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
        <div class="wp-block-group alignwide header-wrapper"
            style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
            <!-- wp:group {"className":"logo-area","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
            <div class="wp-block-group logo-area"><!-- wp:site-logo {"width":37,"shouldSyncIcon":true} /-->

                <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"fontSize":"tiny","layout":{"type":"constrained"}} -->
                <div class="wp-block-group has-tiny-font-size">
                    <!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontStyle":"normal","fontWeight":"500","letterSpacing":"0px","textTransform":"capitalize"}},"fontSize":"medium"} /-->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->

            <!-- wp:navigation {"textColor":"foreground","overlayBackgroundColor":"background","overlayTextColor":"foreground","metadata":{"ignoredHookedBlocks":["woocommerce/customer-account","woocommerce/mini-cart"]},"className":"nav-area","style":{"spacing":{"blockGap":"var:preset|spacing|30"},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"}},"fontSize":"small","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} /-->

            <!-- wp:group {"className":"buttons-area","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
            <div class="wp-block-group buttons-area">
                <!-- wp:buttons {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
                <div class="wp-block-buttons"
                    style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
                    <!-- wp:button {"backgroundColor":"secondary","className":"is-style-fill"} -->
                    <div class="wp-block-button is-style-fill"><a
                            class="wp-block-button__link has-secondary-background-color has-background wp-element-button">
                            <?php echo esc_html__('Contact Us', 'mediora'); ?>
                        </a></div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->