/*
 * @author:		Procurios
 * @Snippet: 	Document seeker
 * @about: 		ds-general.css - General layout and positioning of the document seeker snippet
 */

@media screen and (max-width: 799px) {
    .filterToggler {
        position: absolute;
        left: 14em;
        margin-top: 5.55em;
        margin-left: 6%;
        cursor: pointer;
    }
}

@media screen and (min-width: 800px) {
    .ml-document-seeker {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ds-search {
        -webkit-box-flex: 1 0 100%;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .ds-sc-form input,
    .ds-sc-form button {
        margin-top: 0;
        margin-right: 0;
    }

    .ds-sc-form input {
        float: left;
    }

    .ds-filter,
    .dsFilterToggler {
        -webkit-box-flex: 0 240px;
        -webkit-flex: 0 240px;
        -ms-flex: 0 240px;
        flex: 0 240px;
        margin-left: -1rem;
    }

    .ml-document-seeker .ds-results {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .ds-results {
        padding-left: 3.2em;
    }
}


/**
 * Search bar .ds-search
 */

.ds-s-status-text {
    display: none;
}

.ds-scf-input {
    width: 15em; /** same width as plor filter (mc-plor-filter.css) */
}

.ds-sc-suggestions {
    position: absolute;
    clear: both;
    overflow: hidden;
    z-index: 9;
    margin-top: -1.6em;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 25px 15px -5px rgba(0, 0, 0, 0.15), 0 9px 15px -7px rgba(0, 0, 0, 0.6);
}

.ds-sc-suggestions div {
    padding: 0 1.6em;
}

.ds-sc-suggestions a {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.12em;
    text-decoration: none;
    color: #222;
}

.montserrat .ds-sc-suggestions a {
    font-family: "Montserrat", sans-serif;
}

.dsrs-caption {
    color: #8e8e8e;
}

/**
 * Filter panel .ds-filter
 */

.ds-filter > h3,
.ds-ff-label {
    margin-left: 1rem;
}

.ds-filter > h3 {
    margin-top: 1em;
    font-size: 1em;
    color: #8e8e8e;
}

.ds-filter > h3:before {
    margin-right: .3em;
    content: "\E800";
    font-family: "icons";
    color: grey;
    font-weight: normal;
}

.ds-ff-label {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #222;
}

.montserrat .ds-ff-label {
    font-family: "Montserrat", sans-serif;
}

.ds-ffl-amount {
    margin-left: .1em;
    color: #8e8e8e;
}

.ds-ff-list {
    margin-top: .6em;
    padding-left: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.ds-ff-list li {
    padding: 0 1rem;
    border-top: 1px solid #ddd;
    white-space: nowrap;
}

.ds-ff-list label {
    display: inline-flex;
    padding: .6em;
    width: 100%;
}

.ds-f-field-types {
    display: none;
}

.ds-ffl-amount {
    margin-left: 0.3em;
}

/**
 * List of documents .ds-results
 */

.ds-r-sorting {
    border-bottom: 2px solid #F05B29;
}

.ds-r-sorting ul,
.ds-r-sorting li {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
}

.ds-r-sorting a {
    display: inline-block;
    padding: 0 .3em;
    text-decoration: none;
}

.ds-r-sorting a:after {
    display: inline-block;
    content: " ";
    min-width: 1em;
    margin-left: .3em;
    font-family: "icons";
    font-size: .8em;
    vertical-align: text-bottom;
}

.dsrs-active-descending a:after {
    content: "\27f1";
}

.dsrs-active-ascending a:after {
    content: "\27f0";
}

/**
 *  items
 */

.ds-r-results {
    padding-left: 0;
    list-style: none;
}

.ds-r-results li {
    margin-bottom: 1.6em;
}

.ds-r-results a {
    position: relative;
    display: block;
    padding: 1.4em 0 1.4em 3.2em;
    border: 1px solid #eaeaea;
    font-size: .9em;
    color: #777;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.22);
}

.ds-r-results a:before {
    position: absolute;
    top: 1.6em;
    left: .8em;
    width: 1.6em;
    height: 1.6em;
    content: "\270d";
    font: normal 1em/1.6em "icons";
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #aaa;
}

@media screen and (min-width:800px) {
    .ds-r-results a {
        padding-left: 3.6em;
    }

    .ds-r-results a:before {
        top: 2em;
        width: 2em;
        height: 2em;
        line-height: 2em;
    }
}

.ds-results li:hover {
    box-shadow: 0 4px 8px -4px #000;
}

.ds-r-results li:hover a:before {
    content: "\2913";
}

.ds-rr-title {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.12em;
    color: #222;
}

.montserrat .ds-rr-title {
    font-family: "Montserrat", sans-serif;
}

.ds-rr-description {
    display: block;
    margin-bottom: 0;
}

.ds-rr-date + .ds-rr-filesize:before {
    content: "-";
    margin: 0 .3em;
}

.ds-rr-labels {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

.ds-rr-filesize {
    margin-left: 0.3em;
}

/**
 *  Pagination
 *  .ds-r-pagination
 */

.ds-rp-top {
    display: none;
}

.ds-r-pagination {
    margin: 1em 0;
    padding: 0;
    list-style: none;
    font-size: .95em;
    text-align: center;
}

.ds-r-pagination li {
    display: inline-block;
    margin: 0 .3em;
    vertical-align: top;
}

.ds-r-pagination a,
.ds-r-pagination span {
    text-decoration: none;
    display: block;
    padding: .4em 0.6em;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    color: inherit;
}

.pgr-active span {
    border-radius: 2px;
    color: #fff;
    background-color: #0090E7;
}

.ds-rp-c-previous a,
.ds-rp-c-previous span,
.ds-rp-c-next a,
.ds-rp-c-next span {
    width: 2em;
    height: 1.8em;
    overflow: hidden;
    visibility: hidden;
}

.ds-rp-c-previous a:before,
.ds-rp-c-previous span:before,
.ds-rp-c-next a:before,
.ds-rp-c-next span:before {
    font-family: "icons";
    font-weight: normal;
}

.ds-rp-c-previous a:before,
.ds-rp-c-previous span:before {
    content: "\276e";
    visibility: visible;
}

.ds-rp-c-next a:before,
.ds-rp-c-next span:before {
    content: "\276f";
    visibility: visible;
}

/** active ~ inactive */

.ds-r-pagination span,
.ds-rp-c-previous span:before,
.ds-rp-c-next span:before {
    opacity: .7;
}