/**
 * Overwrite semantic css html height.
 * Important: DO NOT REMOVE THIS, IS USED FOR iFrameResizer.
 */
html {
    height: inherit;
}

/**
 * Total.
 */
#total {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top:20px;
}

#careercenter-form .Button {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
}

/**
 * Jobs.
 */
#jobs .job .title {
    font-size: 22px;
    line-height: 29px;
    padding-bottom: 16px;
    color: rgb(255,51,51);
    margin:0px;
    padding:15px;
}

#jobs .job:hover .title {
    color:rgb(183,0,0);
}

#jobs .job .description {
    font-family: "Source Sans Pro", sans-serif;
    margin:0 15px;
    hyphens: auto;
    position: relative;
    max-height: 100px;
    overflow: hidden;
    font-size:16px;
    line-height:21px;
}

#jobs .job .description .text_gradient {
    position: absolute;
    z-index: 2;
    top: 82px;
    left: 0;
    height: 18px;
    width: 100%;
    background: -webkit-linear-gradient(rgba(238,238,238,0), rgb(255,255,255));
    background: -o-linear-gradient(rgba(238,238,238,0), rgb(255,255,255));
    background: -moz-linear-gradient(rgba(238,238,238,0), rgb(255,255,255));
    background: linear-gradient(rgba(238,238,238,0), rgb(255,255,255));
}
#jobs .job:hover .description .text_gradient {
    background: -webkit-linear-gradient(rgba(238,238,238,0), rgb(230,230,230));
    background: -o-linear-gradient(rgba(238,238,238,0), rgb(230,230,230));
    background: -moz-linear-gradient(rgba(238,238,238,0), rgb(230,230,230));
    background: linear-gradient(rgba(238,238,238,0), rgb(230,230,230));
}

#jobs .job footer {
    font-family: "Source Sans Pro", sans-serif;
    line-height:16px;
    position: absolute;
    z-index: 10;
    bottom: 5%;
    left: 5%;
    width: 90%;
}

@media (max-width: 700px) {
    #jobs .job {
        width: calc( (100% / 2) - 30px );
    }
}

@media (max-width: 520px) {
    #jobs .job {
        width:100%
    }
}

/**
 * No results.
 */
#no-results {
    font-weight: bold;
}

/**
 * Pagination.
 */
#pagination {
    margin-top: 20px;
    width: 100%;
    text-align: right;
}

#pagination a.button {
    padding: 0.5em 0.7em;
    margin-right: 0;
    margin-left: 5px;
    display:inline;
}
#pagination #button-back {
    padding: 0.5em 0.6em;
    margin-right:5px;
    display:inline;
}
#pagination a.active {
    background: #fff;
    border: 1px solid #333;

}

#pagination a.disableClick,
#pagination a.disable-click {
    display:none!important;
}
#pagination svg path {
    fill: white;
}