/* Present header lockup — the canonical mark + wordmark.
   Source of truth: https://presentsocial.au/assets/present-header.css
   Update here and every site that links this file updates with it.

   Usage:
     <link rel="stylesheet" href="https://presentsocial.au/assets/present-header.css">
     <a class="present-header" href="https://presentsocial.au/">
       <i class="present-mark" aria-hidden="true"></i><span>Present.</span>
     </a>

   Override on your own page if needed, e.g.
     .present-header{--present-mark-size:24px}
     .present-header{--present-ink:#EDF3EA; --present-mark-url:url("https://presentsocial.au/assets/img/present-mark-white.svg")}
*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,300..800&display=swap");

.present-header{
  --present-mark-size:30px;
  --present-gap:9px;
  --present-font-size:20px;
  --present-ink:#1A201B;
  --present-mark-url:url("https://presentsocial.au/assets/img/present-mark-green.svg");

  display:inline-flex;
  align-items:center;
  gap:var(--present-gap);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:700;
  font-stretch:112%;
  font-size:var(--present-font-size);
  letter-spacing:-0.01em;
  line-height:1;
  color:var(--present-ink);
  text-decoration:none;
}
.present-header .present-mark{
  flex:none;
  width:var(--present-mark-size);
  height:var(--present-mark-size);
  background-image:var(--present-mark-url);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}