/**
 * @file
 * Site branding block — logo, site name, slogan.
 *
 * Markup hooks live in templates/block/block--system-branding-block.html.twig.
 */
@layer components {
  #block-druid-site-branding {
    display: flex;
    align-items: center;
  }
  .site-logo {
    border-right: 1px solid var(--upei-dark-red);
    padding-right: var(--size-2);
    margin-right: var(--size-2);
  }
  .site-logo img {
    width: 175px;
    height: auto;
    display: block;
  }
  .site-name {
    font-family: var(--font-serif);
    font-size: var(--size-7);
    margin-bottom: 0;
    line-height: 1;
    a {
      text-decoration: none;
    }
  }
  .site-slogan {
    font-size: var(--size-4);
  }
}