/*
* Careers CSS
*/

.career-icon {
    background: url(../images/icons-sprite.png) no-repeat;
    float: left;
    height: 100px;
    margin-right: 30px;
    width: 100px;
}
.career-icon.development {
    background-position: 0 -200px;
}
.career-icon.design {
    background-position: 0 0;
}
.career-icon.marketing {
    background-position: 0 -100px;
}
.career-icon.project-management {
    background-position: 0 -200px;
}
.career-icon.hr {
    background-position: 0 -200px;
}

.career {
    border-bottom: 1px solid #93a1b3;
    max-height: 150px;
    width: 100%;
}

.career .accordion-heading {
    cursor: pointer;
    padding: 25px 0;
    position: relative;
}
.career .accordion-heading::before,
.career .accordion-heading::after {
    border-top: 1px solid #93a1b3;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;
}
.career .accordion-heading::after {
    transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.career.expanded .accordion-heading::after {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.career .accordion-heading h5.uber-header {
    font-weight: lighter;
    margin-bottom: 4px;
    margin-top: 20px;
}
.career .accordion-content {
    padding: 20px 80px 20px 130px;
}
.career .accordion-content h4 {
    margin-bottom: 15px;
    margin-top: 30px;
}
.career .job-link {
    margin: 40px 0 60px 0;
}