/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.infor-api {

    .jobs-pagination {

        .page-numbers {
            padding: .5em;
        }
    }

    input, select {

        min-height: 1em;
        padding: .5em;
    }

    select {

        display: block;
    }

    &.filter-search {

        .container {

            @media screen and (min-width: 600px) {
                display: flex;
            }


        }

        .form-container {

            @media screen and (min-width: 600px) {
               max-width: 40%;
            }

            padding: 0 .5em;
        }

        .results-container {
           padding: 0 .5em;

            .count {
                font-weight: bold;
            }

            ul {

                list-style-type: none;
                padding-left: 0;
                margin-left: 0;

                li {

                    padding: 1em;

                    .title {
                        font-weight: bold;
                    }

                    p {
                        font-size: .85rem;
                    }
                }
            }
        }

        input, select {

            margin-bottom: 1em;
        }
    }

    .form-inline {

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;

        .btn {
            min-width: 7em;
            padding: .5em;
        }

        .form-group {
            padding: .25rem;
        }


        label {

            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            height: 1px;
            overflow: hidden;
            position: absolute;
            white-space: nowrap;
            width: 1px;
        }

    }
}
.infor-hot-jobs, .infor-posting-list {

    span {
        display: block;
    }
}

.infor-api-posting-content {

    .container {
        padding: 0 2em;
    }
}