{% load ocyan_thumbnail wagtailcore_tags styling_tags %}

<style type="text/css">
	header{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: transparent;
		z-index: 9999;
	}
	header .navbar-brand{
		filter: brightness(0) invert(1);
	}
	header .header-inner .menu-bar > ul > .nav-item > .nav-link,
	header .header-inner .nav-icon{
		color: white;
	}
</style>
<section class="hero full-screen image{% if self.ornaments.wave %} has-wave{% endif %}">
	{% responsive_image self.image.file alt=self.image.title classes="background-image" %}
	{% if self.ornaments.overlay %}
	<span class="overlay"></span>
	{% endif %}
	{% if self.ornaments.wave %}
	<svg viewBox="0 0 1972 297" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none">
		<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(0.578125, 0.000000)" fill-rule="nonzero">
          <path d="M1665.46819,2.54238563 C1363.40212,46.6768182 1347.05317,257.762878 832.868191,257.762878 C532.485378,257.762878 281.063503,19.0629182 73.5681906,136.075631 C50.9970968,148.901455 32.4228781,161.40258 0.368190583,171.743 L0.368190583,296.206848 L1920.36819,296.206848 L1920.36819,96.8912415 C1838.36719,28.8735303 1751.28125,-9.99563502 1665.46819,2.54238563 Z" fill="#C3C3C3" opacity="0.157938988"></path>
          <path d="M1716.1,29.4381556 C1497.79506,54.8273989 1397.68498,259.844935 883.5,259.844935 C583.117187,259.844935 473.710937,36.9561955 144.2,183.2016 C121.628906,194.893599 83.0546875,211.207476 51,220.633785 L51,296.444592 L1971,296.444592 L1971,49.9975499 C1887.98828,22.3063151 1777.42187,22.3063151 1716.1,29.4381556 Z" fill="#D3D3D3" opacity="0.199567522"></path>
          <path class="main-decor-element" d="M1700.02188,58 C1518.45781,58 1280.52188,275.884229 842.221875,269.756225 C632.021875,266.876802 546.258267,182.143294 364.121875,182.143294 C221.421875,182.143294 116.621875,274.038445 41.421875,297 L1961.22187,297 L1961.22187,166.613805 C1906.42188,146.38401 1881.58594,58 1700.02188,58 Z" fill="#fff"></path>
        </g>
      </g>
    </svg>
    {% endif %}
	<div class="container">
		<div class="row">
			<div class="hero-lead my-auto pe-lg-5{% if self.ornaments.center_text %} text-center mx-auto col-lg-8{% else %} col-lg-6{% endif %}">
				{{ self.body|richtext }}
				{% if self.buttons %}
				<div class="buttons-wrapper">
					{% for button in self.buttons %}
						{% include "coyote/blocks/partials/button.html" %}
					{% endfor %}
				</div>
				{% endif %}
			</div>
		</div>
	</div>
</section>