/**
 * @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;
  }
  .site-logo {
    border-right: 1px solid var(--upei-dark-red);
    padding-right: var(--size-3);
    margin-right: var(--size-3);
  }
  .site-logo img {
    width: 200px;
    height: auto;
    display: block;
  }
  .site-name a {
    font-family: var(--font-serif);
    font-size: 2em;
    text-decoration: none;
  }
}