/* styles for the search box */

#ss-search-query {
    margin-top: 32px;
}

/* styles for the search results */

#ss-search-results .ss-article {
    display: flex;

    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    min-height: 100px;

    padding-top: 32px;
}

#ss-search-results .ss-article .ss-image-link {
    position: relative;
    display: block;
    overflow: hidden;
}
#ss-search-results .ss-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: start;
}


@media (min-width: 768px) {
    #ss-search-results .ss-article {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #ss-search-results .ss-article .ss-image-link {
        position: relative;
        -ms-flex: 1 1 292px;
        flex: 1 1 292px;
        height: 166px;
    }

    #ss-search-results .ss-image {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
    }
    #ss-search-results .ss-text {
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;

        padding-left: 16px;
    }
}