:root {
    --line: #e6e9ef;
    --muted: #6c757d;
    --green: #1a9a5b;
    --bg: #f5f6f8;
}

body {
    background: var(--bg);
}

.navigation {
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.navbar-logo .logo {
    height: 60px;
}

.search-card {
    border: 1px solid var(--line);
    box-shadow: 0 3px 18px rgba(0, 0, 0, .06);
}

.adv-link {
    color: #dc3545;
    font-size: .8rem;
    text-decoration: none;
}

.login-strip {
    background: #fff;
    border: 1px solid var(--line);
}

.welcome-card {
    background: #fff;
    border: 1px solid var(--line);
}

.welcome-strip {
    background: #e9f7ef;
    border-top: 1px solid #c9ecd7;
    border-bottom: 1px solid #c9ecd7;
    color: #1f7a44;
    font-size: .9rem;
}

.list-tile {
    border-top: 1px solid var(--line);
}

.list-tile:hover {
    background: #fafbfc;
}

.tile-title {
    font-weight: 600;
}

.tile-sub {
    color: var(--muted);
    font-size: .9rem;
}

.feed-badge {
    background: #fff;
    border: 1px solid var(--line);
    color: #f39c12;
    font-size: .75rem;
}

.landing-footer {
    background: #fff;
    border-top: 1px solid var(--line);
    color: var(--muted);
}

html, body {
    height: 100%;
  }
  body {
    display: flex;
    flex-direction: column;
  }
  footer {
    margin-top: auto;
  }