@import '../variables';

body.careersoverviewpage {}
body.careersoverviewpage .content {}
body.careersoverviewpage .content > .parsys { width: 100%; float: left; }

.careers-list {}
.careers-list .careers-filters { margin-bottom: 40px; }
.careers-list .careers-filters form { display: inline-block; }
.careers-list .careers-filters span { display: inline-block; font-size: 18px; line-height: 22px; padding-right: 20px;}
.careers-list .careers-filters select { width: 340px; padding: 7px 30px 6px 10px; border: 1px solid #d3d3d3; display: inline-block; margin-right: 5px;}
.careers-list .careers-filters select#filter-country {}
.careers-list .careers-filters select#filter-specialism { margin-right: 15px; }
.careers-list .careers-filters a { position: absolute; display: block; width: 227px; text-decoration: none; background-image: url(../../images/icon-right-arrow-filled-red.svg); background-position: left center; background-repeat: no-repeat; background-size: 8px 9px; padding: 10px 15px; background-color: #f0f0f0; border-left: 15px solid #f0f0f0; right: 0px; top: 0px;
    @include font($font-family-Condensed, 16px, 20px);
    color: #4b4b4d !important;
    /*@include background-image(icon-right-arrow-filled-red, left center, 8px 9px);*/
}
.careers-list .careers-filters a:hover { background-color: #f8f8f8; border-left: 15px solid #f8f8f8; }

.career-entry { border: 1px solid #d7d7d7; padding: 20px; width: calc(25% - 22.5px); margin: 0 30px 30px 0; float: left; @include transition(left 0.3s ease); }
.career-entry:NTH-CHILD(4n+1) { margin-right: 0; }
.career-entry h3 { letter-spacing: -1px; margin-bottom: 13px; }
.career-entry h4 { font-size: 14px; line-height: 18px; text-transform: capitalize; margin-bottom: 13px; }
.career-entry .career-summary {}
.career-entry .career-summary p {}
.career-entry .career-summary p:LAST-CHILD {}

.career-entry > a { background: url(../../images/icon-unordered-list-of-links.svg) left 8px no-repeat; background-size: 8px; text-decoration: none; padding: 3px 0 3px 15px; margin-top: 15px; display: inline-block; @include font($font-family-BoldCondensed, 16px, 20px); font-weight: 700;}


/* Gain work experience page */
/*
body.gain-work-experience .content { width: 100%; max-width: auto; margin: 0 auto; overflow: hidden; padding: 121px 55px 55px 55px; background-color: #fff; position: relative; }
body.gain-work-experience .content > .parsys { width: 100%; }
body.gain-work-experience .careers-list { position: absolute; top: 50px; right: 55px; }
body.gain-work-experience .careers-list:after { content: ''; display: table; float: none; clear: both; }
body.gain-work-experience .text.parbase.section { max-width: 100%; }
*/


@media screen and (max-width:1200px) {
    .careers-list .careers-filters select { width: 230px; }
}

@media screen and (max-width:960px) {
    .career-entry { margin: 0 10px 10px 0; width: calc(50% - 5px); }
    .career-entry:NTH-CHILD(4n+1) { margin-right: 10px; }
    .career-entry:NTH-CHILD(2n+1) { margin-right: 0; }
    .careers-list .careers-filters select { width: 200px; }
}

@media screen and (max-width:890px) {
    .careers-list .careers-filters select { width: 140px; }
}

@media screen and (max-width:768px) {
    .careers-list .careers-filters form { display: block; }
    .careers-list .careers-filters select { width: 100%; display: block; margin-top: 10px; }
    .career-entry,
    .career-entry:NTH-CHILD(4n+1),
    .career-entry:NTH-CHILD(2n+1)  { width: 100%; max-width: 490px; margin: 0 auto 10px auto; float: none; height: auto !important; }
}