:root {
  --site-name-font-size: var(--site-name-size);
  --slogan-font-size: var(--site-slogan-size);
  --site-name-line-height: var(--site-name-line-height);
  --slogan-line-height: var(--site-slogan-line-height);
  --branding-text-container: var(--branding-text-width);
  --logo-height: var(--branding-logo-height);
  --branding-position: var(--branding-block-position);
  --branding-text-align: var(--branding-text-align);
  /* Site name color.*/
  --site-name-color: hsl(var(--site-name-color-hue), var(--site-name-color-saturation), calc(1% * var(--site-name-color-lightness)));
  --site-name-color-75: hsla(var(--site-name-color-hue), var(--site-name-color-saturation), calc(1% * var(--site-name-color-lightness)), 0.75);
  --site-name-color-50: hsla(var(--site-name-color-hue), var(--site-name-color-saturation), calc(1% * var(--site-name-color-lightness)), 0.5);
  --site-name-color-25: hsla(var(--site-name-color-hue), var(--site-name-color-saturation), calc(1% * var(--site-name-color-lightness)), 0.25);
  --site-name-color-10: hsla(var(--site-name-color-hue), var(--site-name-color-saturation), calc(1% * var(--site-name-color-lightness)), 0.1);
  /* Site slogan color.*/
  --slogan-color: hsl(var(--slogan-color-hue), var(--slogan-color-saturation), calc(1% * var(--slogan-color-lightness)));
  --slogan-color-75: hsla(var(--slogan-color-hue), var(--slogan-color-saturation), calc(1% * var(--slogan-color-lightness)), 0.75);
  --slogan-color-50: hsla(var(--slogan-color-hue), var(--slogan-color-saturation), calc(1% * var(--slogan-color-lightness)), 0.5);
  --slogan-color-25: hsla(var(--slogan-color-hue), var(--slogan-color-saturation), calc(1% * var(--slogan-color-lightness)), 0.25);
  --slogan-color-10: hsla(var(--slogan-color-hue), var(--slogan-color-saturation), calc(1% * var(--slogan-color-lightness)), 0.1);
}

.site-branding {
  min-height: auto;
  background: transparent;
  padding: 0;
}

[dir="ltr"] .site-branding {
  margin: 0 auto 0 0;
}

[dir="rtl"] .site-branding {
  margin: 0 0 0 auto;
}

.site-branding a {
  display: block;
}

.site-branding .site-branding__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  padding: 0;
  margin: 0;
  height: auto;
  justify-content: var(--branding-position);
}

.site-branding .site-branding__inner img {
  max-height: unset;
  min-height: auto;
  height: var(--logo-height);
  object-fit: contain;
}

.site-branding .site_naming {
  display: flex;
  flex-direction: column;
  max-width: var(--branding-text-container);
}

.site-branding a .site_name {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: var(--site-name-font-size);
  line-height: var(--site-name-line-height);
  text-align: var(--branding-text-align);
  color: var(--site-name-color);
  text-transform: uppercase;
}

.site-branding a .site_slogan {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: var(--slogan-font-size);
  line-height: var(--slogan-line-height);
  text-align: var(--branding-text-align);
  color: var(--slogan-color);
}

/*# sourceMappingURL=branding.css.map*/