.search-hit h2 {
    margin-top: 1.25em;
    margin-bottom: .25em;
}

.search-hit article h3 {
    font-family: var(--slu-font-merriweather);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .25rem;
}

.search-hit-card {
    font-size: .875rem;
    margin-top: 16px;
}

.search-hit-card a.slu-button,
.search-hit-card a:hover,
.search-hit-card a:focus {
    text-shadow: none;
}

.search-hit-card a.slu-button { border-color: var(--primary-color) }

.search-hit-card a.slu-button:hover,
.search-hit-card a.slu-button:visited:hover,
.search-hit-card a.slu-button:focus,
.search-hit-card a.slu-button:visited:focus {
    background-color: var(--primary-color);
    border-color: white;
}

.search-hit-card > *:last-child { margin-bottom: 0 }

.search-hit-card .subheading {
    display: flex;
    flex-wrap: wrap;
    font-family: var(--slu-font-roboto);
    font-size: 1rem;
    font-weight: 300;
}

.search-hit-card .subheading .vr { margin: 0 .5em }

.affl { font-size: .938rem }
.affl i { color: var(--slu-betong) }

/* COMMON RULES */
.landing-header {
    color: var(--white-text);
    font-size: .875rem;
    margin-bottom: 1.5rem;
    position: relative;
}

.landing-header .background-image,
.landing-header .color-filter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.landing-header .background-image {
    background-color: var(--slu-havsvik);
    background-image: url('../img/web_fargplatta_havsvik.png');
    background-position: center;
    background-size: cover;
}

/* >= md */
@media screen and (min-width: 768px) {
    .search-hit-card {
        font-size: 1rem;
        margin-top: 0;
    }
    .search-hit-card .subheading { font-size: 1.25rem }

    .landing-header { font-size: 1rem }
}