<?php
/**
 * Title: Header
 * Slug: demolition-contractor/header
 */
?>

<!-- wp:group {"className":"whole-header","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"gradient":"secondary-gradient","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group whole-header has-secondary-gradient-gradient-background has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0px"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%","className":"header-logo","style":{"spacing":{"padding":{"top":"42px","bottom":"42px","left":"var:preset|spacing|x-large","right":"var:preset|spacing|x-large"}}},"backgroundColor":"primary","fontFamily":"inter"} -->
<div class="wp-block-column is-vertically-aligned-center header-logo has-primary-background-color has-background has-inter-font-family" style="padding-top:42px;padding-right:var(--wp--preset--spacing--x-large);padding-bottom:42px;padding-left:var(--wp--preset--spacing--x-large);flex-basis:20%"><!-- wp:site-logo {"width":40} /-->

<!-- wp:site-title {"style":{"typography":{"fontWeight":"700","fontStyle":"normal"},"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontSize":"xx-large","fontFamily":"cormorant"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"left":"0"}}}} -->
<div class="wp-block-column" style="padding-left:0;flex-basis:80%"><!-- wp:group {"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"topbar","style":{"spacing":{"padding":{"right":"0","top":"10px","bottom":"10px","left":"30px"},"blockGap":"0"},"color":{"background":"#1b1b19"}},"fontSize":"small","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group topbar has-background has-small-font-size" style="background-color:#1b1b19;padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","className":"topbar-margin"} -->
<div class="wp-block-columns are-vertically-aligned-center topbar-margin"><!-- wp:column {"verticalAlignment":"center","width":"100%","className":"top-address","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"secondary","fontFamily":"manrope"} -->
<div class="wp-block-column is-vertically-aligned-center top-address has-secondary-color has-text-color has-link-color has-manrope-font-family" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:100%"><!-- wp:group {"className":"topbar-detail","fontFamily":"inter","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group topbar-detail has-inter-font-family"><!-- wp:social-links {"customIconColor":"#1b1b19","iconColorValue":"#1b1b19","openInNewTab":true,"size":"has-normal-icon-size","className":"is-style-logos-only header-social-icon","layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only header-social-icon"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

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

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

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

<!-- wp:paragraph {"className":"mail-address","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"fourth"} -->
<p class="mail-address has-fourth-color has-text-color has-link-color"><span class="dashicons dashicons-email-alt"></span> <a href="mailto:demolition@example.com"><?php esc_html_e('demolition@example.com', 'demolition-contractor'); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"mail-address","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"fourth"} -->
<p class="mail-address has-fourth-color has-text-color has-link-color"><span class="dashicons dashicons-phone"></span> <a href="tel:+00 123 456 7890"><?php esc_html_e('+00 123 456 7890', 'demolition-contractor'); ?></a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"location","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"fourth"} -->
<p class="location has-fourth-color has-text-color has-link-color"><span class="dashicons dashicons-location"></span> <?php esc_html_e('66 Broklyn Street, New York', 'demolition-contractor'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"header","align":"full","className":"demolition-contractor-header","style":{"spacing":{"padding":{"right":"0px","top":"10px","bottom":"10px","left":"30px"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"fourth","layout":{"type":"constrained","contentSize":"100%"}} -->
<header class="wp-block-group alignfull demolition-contractor-header has-fourth-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","className":"menu-margin","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-columns are-vertically-aligned-center menu-margin" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"70%","className":"header-menu"} -->
<div class="wp-block-column is-vertically-aligned-center header-menu" style="flex-basis:70%"><!-- wp:navigation {"customTextColor":"#1c1c1a","icon":"menu","metadata":{"ignoredHookedBlocks":["woocommerce/customer-account","woocommerce/mini-cart"]},"className":"demolition-contractor-main-navigation","fontFamily":"inter","layout":{"type":"flex","justifyContent":"left"}} -->
<!-- wp:navigation-link {"label":"Home","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"About Us","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Services","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Project","url":"#","kind":"custom","isTopLevelLink":true} /-->

<!-- wp:navigation-link {"label":"Contact Us","url":"#","kind":"custom","isTopLevelLink":true} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30%","className":"header-btns"} -->
<div class="wp-block-column is-vertically-aligned-center header-btns" style="flex-basis:30%"><!-- wp:group {"className":"cart-detail","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group cart-detail"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"button-only","buttonUseIcon":true,"isSearchFieldHidden":true,"className":"header-search","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"backgroundColor":"transparent","textColor":"secondary"} /-->

<!-- wp:buttons {"className":"demolition-contractor-header-cta","fontFamily":"inter","layout":{"type":"flex","justifyContent":"right","flexWrap":"nowrap"}} -->
<div class="wp-block-buttons demolition-contractor-header-cta has-inter-font-family"><!-- wp:button {"backgroundColor":"primary","textColor":"background","className":"header-btn","style":{"border":{"radius":"8px"},"typography":{"textTransform":"capitalize","letterSpacing":"0.5px","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"left":"15px","right":"15px","top":"var:preset|spacing|x-small","bottom":"var:preset|spacing|x-small"}}},"fontSize":"medium","fontFamily":"manrope"} -->
<div class="wp-block-button header-btn"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background has-manrope-font-family has-medium-font-size has-custom-font-size wp-element-button" style="border-radius:8px;padding-top:var(--wp--preset--spacing--x-small);padding-right:15px;padding-bottom:var(--wp--preset--spacing--x-small);padding-left:15px;font-style:normal;font-weight:400;letter-spacing:0.5px;text-transform:capitalize"><?php esc_html_e('Book Appointment', 'demolition-contractor'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></header>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->