.search-hit h1 { color: white; }

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

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

.search-hit-card {
    background-color: var(--slu-havsvik);
    background-image: url('../img/web_fargplatta_havsvik.png');
    background-position: center;
    background-size: cover;
    color: white;
    font-size: .875rem;
    margin-top: 16px;
    text-shadow: 0 0 5px var(--slu-havsdjup);
}

.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(--slu-havsdjup);
}

.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(--slu-havsdjup);
    border-color: white;
}

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

.strap {
    color: var(--slu-havsdjup);
    background-color: white;
    border-radius: var(--small-radius);
    display: inline-block;
    font-family: var(--slu-font-roboto-condensed);
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
    text-shadow: none;
}

.doc-access, .search-hit-card {
    border-radius: var(--large-radius);
    padding: 16px;
    margin-bottom: 25px;
}

.doc-access {
    border: 1px solid var(--slu-glimmer);
    flex: 1;
    font-family: var(--slu-font-roboto);
    font-size: .625rem;
}

.doc-access h2 {
    font-size: 1.5rem;
    margin-top: .5em;
}

.doc-access h3 { margin-top: .5rem; }
.doc-access p { margin-bottom: 0; }
.doc-access p + .primary { margin-top: .5rem; }

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

/* md */
@media screen and (min-width: 768px) {
    .doc-access, .search-hit-card { padding: 25px; }
    .doc-access { font-size: .75rem; }
    .search-hit-card {
        font-size: 1rem;
        margin-top: 0;
    }
    .strap { font-size: 1.5rem; }
}

/* xxl */
@media screen and (min-width: 1400px) {
    .search-hit aside {
        margin-left: 25px;
        padding: 16px;
    }
}