@charset "UTF-8";

@media all
{

    .bold {
        font-weight: bold;
    }

    .mid {
        text-align: center;
    }


    /*
        Block Jobliste
    */

    .block-joblist ul {
        list-style-type: none;
    }

    .block-joblist ul,
    .block-joblist li {
        margin: 0;
        padding: 0;
    }

    .block-joblist .item a {
        display: block;
        border-radius: 3px;
        margin-bottom: 20px;
        text-decoration: none;
        color: rgb(0, 55, 100);
        padding: 12px 14px;
        background: rgba(0, 55, 100, .05);
        border: 1px solid rgba(0, 55, 100, .2);
    }

    .block-joblist .item a:hover {
        background: rgba(0, 55, 100, .1);
        border: 1px solid rgba(0, 55, 100, .25);
    }

    .block-joblist .divider::before {
        content: "|";
        margin: 0 5px;
        color: rgb(0, 55, 100);
    }

    .block-joblist h3 {
        font-size: 1.6em;
        font-size: 1.6rem;
        line-height: 2em;
        line-height: 2rem;
        padding: 8px 0;
    }

    .block-joblist .filter {
        margin-bottom: 40px;
        display: flex;
    }

    .block-joblist .filter .item {
        border: 1px solid rgba(0,55,100,.3);
        float: left;
        padding: 8px 10px 6px 10px;
        margin-right: 10px;
        cursor: pointer;
        opacity: 1;
        transition: opacity 200ms;
        border-radius: 4px;
        background: rgba(0, 55, 100, .05);
    }
    .block-joblist .filter .item:hover {
        opacity: .6;
    }


    .block-joblist .joblist .item {
        display: none;
    }
    .block-joblist .joblist .item.active {
        display: block;
    }

}


@media all and (min-width: 620px)
{}

@media all and (min-width: 920px)
{}