/* Treedy logo lockup: the single source of truth for how the logo looks on every page.
   Markup: <a class="... tl"><img src="images/logo.png" alt=""><span>Treedy</span></a>
   Add "tl--dark" when the logo sits on a teal or dark background. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&display=swap');

.tl.tl{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;text-decoration:none!important;line-height:1!important;color:#102320}
.tl.tl img{display:block!important;height:28px!important;width:auto!important;margin:0!important;filter:none!important;padding:0!important;background:none!important;border-radius:0!important}
.tl.tl span{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;text-transform:none!important;color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important;margin:0!important}
.tl--dark.tl--dark{color:#fff}
.tl--dark.tl--dark img{filter:brightness(0) invert(1)!important}