.site-logo svg{
  fill: var(--site-logo-colour, #ffffff);
  width: 100%;
  display: block;
      max-width: 100%;
}

.site-logo{
  display: inline-block;
  width: 100%;
}


/*shortcode - Hero wave shape border bottom*/
.hero-wave-shape-border-white--bottom {
  position: relative;
}
.hero-wave-shape-border-white--bottom .wave-shaper-border{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;

}
.hero-wave-shape-border-white--bottom .wave-shaper-border svg{
  fill: var(--wave-shape-fill,#ffffff);
}


/*Hero Wave style 2 - large hero*/
.hero-wave-shape-border-white--bottom.style-2 .wave-shaper-border {
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-image: url("../images/hero-wave-shape-mask-bottom-style-2.svg");
  mask-position: left bottom;
  aspect-ratio: 1 / 0.0923333333;
  background-color: var(--wave-shape-fill,#ffffff);
}

.hero-wave-shape-border-white--bottom.style-2 .wave-shaper-border:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  background-image: url("../images/line-texture.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: 0.15;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}