/** Variables =================================================================== **/ .multi-upload { position: relative; } .multi-upload input { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 1; top: 0; left: 0; padding: 0; cursor: pointer; margin: 0; width: 100%; height: 100%; } .multi-upload .MultiFile-list { position: absolute; top: 90px; left: 0px; z-index: 2000; padding-bottom: 5px; width: 400px; } .multi-upload .MultiFile-list .MultiFile-label { text-overflow: ellipsis; /* Required for text-overflow to do anything */ white-space: nowrap; overflow: hidden; } .multi-upload .MultiFile-list .MultiFile-remove { cursor: pointer; display: inline-block; font-weight: normal; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; border: medium none; border-radius: 4px; transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; font-size: 13px; line-height: 1.385; padding: 4px 10px; background-color: #BDC3C7; color: #FFFFFF; margin-bottom: 2px; } .job-live { padding-top: 0; } .job-holder { background: #626677; } .job-holder .form-control:focus { border-color: #16a085; } .job-holder .container { overflow-x: hidden; } @media (min-width: 767px) { .job-holder .container { overflow-x: visible; } } .job-holder .container > .row { margin-left: -25px; margin-right: -25px; } @media (min-width: 767px) { .job-holder .container > .row { margin-left: -15px; margin-right: -15px; } } @media (max-width: 767px) { .job-holder .xs-text-center { text-align: center; } } .job-holder .member-collapse .panel { margin: 1px 0; } .job-holder .member-collapse .panel .panel-heading { padding: 0; background-color: #fff; } .job-holder .member-collapse .panel .panel-heading .accordion-toggle { display: inline-block; padding: 10px 15px; width: 100%; color: #000; } .job-holder .member-collapse .panel .panel-heading .accordion-toggle:hover { text-decoration: none; } .job-holder .member-collapse .panel .panel-heading .btn-group { right: -17px; top: 3px; } .job-holder .blocks { font-family: 'Open Sans' !important; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 16px; color: #7f8c8d; margin: 10px 0; padding: 45px 0; } .job-holder .blocks h1, .job-holder .blocks h2, .job-holder .blocks h3, .job-holder .blocks h4 { color: #34495e; font-family: 'Open Sans' !important; } .job-holder .blocks h1 { font-size: 46px; font-weight: bold; } .job-holder .blocks h2 { font-size: 32px; font-weight: bold; } .job-holder .blocks h3 { font-size: 22px; font-weight: bold; } .job-holder .blocks h4 { font-size: 20px; font-weight: bold; } .job-holder .blocks .block-header { margin-top: 0; } .job-holder .blocks a { color: #16a085; } .job-holder .blocks a:hover { color: #107360; text-decoration: underline; } .job-holder .blocks p { font-size: 14px; font-weight: normal; color: #7f8c8d; margin: 0; } .job-holder .blocks p + p { margin-top: 10px; } .job-holder .blocks li { font-size: 14px; font-weight: normal; } .job-holder .blocks .small { font-size: 12px; font-weight: normal; } .job-holder .blocks .btn.btn-primary { border-color: #16a085; } .job-holder .blocks .block { padding: 20px 90px; } @media (max-width: 991px) { .job-holder .blocks .block { padding: 20px 60px; } } @media (max-width: 767px) { .job-holder .blocks .block { padding: 20px 30px; } } .job-holder .blocks .row.linkedin-row { margin: -25px -90px 15px -90px; padding: 10px 15px 20px 15px; line-height: 38px; background: #F69A39; text-align: left; } .job-holder .blocks .row.linkedin-row.linkedin-row-success { background: #19b698; color: #fff; line-height: normal; } .job-holder .blocks .row.linkedin-row .btn-holder { text-align: right; } @media (max-width: 1199px) { .job-holder .blocks .row.linkedin-row { padding: 30px 60px; line-height: normal; } } @media (max-width: 991px) { .job-holder .blocks .row.linkedin-row { margin: -25px -60px 15px -60px; padding: 25px 60px; line-height: normal; } } @media (max-width: 767px) { .job-holder .blocks .row.linkedin-row { margin: -25px -30px 15px -30px; padding: 25px 30px; text-align: center; } .job-holder .blocks .row.linkedin-row .btn-holder { margin-top: 20px; text-align: center; } } .job-holder .blocks .block-companyInfo .company-logo { max-width: 200px; max-height: 70px; } .job-holder .blocks .block-companyInfo .company-name { font-weight: bold; } .job-holder .blocks .block-headline h1 { font-size: 45px; margin: 0; word-break: break-word; } @media (max-width: 991px) { .job-holder .blocks .block-headline h1 { font-size: 30px; } } @media (max-width: 767px) { .job-holder .blocks .block-headline h1 { font-size: 20px; } } .job-holder .blocks .block-interview .box:last-child { margin-bottom: 0; } .job-holder .blocks .block-interview .question { position: relative; width: 100%; min-height: 142px; } .job-holder .blocks .block-interview .question:before, .job-holder .blocks .block-interview .question:after { content: " "; display: table; } .job-holder .blocks .block-interview .question:after { clear: both; } .job-holder .blocks .block-interview .question .img-portrait { max-width: 100%; min-width: 100%; display: block; height: auto; line-height: 1.42857; border-radius: 50%; border: 1px solid #DDDDDD; padding: 4px; transition: all 0.2s ease-in-out 0s; background-color: #FFFFFF; } .job-holder .blocks .block-interview .question .ask-question { background: #e9edf0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px 30px; display: table-cell; height: 90px; vertical-align: middle; width: 100%; } .job-holder .blocks .block-interview .question .get-answer { position: absolute; background: #d1d5d8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px; top: 0; right: 25px; width: 80%; margin-top: 80px; } .job-holder .blocks .block-interview .question .get-answer textarea { resize: none; } .job-holder .blocks .block-interview .question .get-answer label.error { position: absolute; top: 13px; left: 25px; } .job-holder .blocks .block-interview .question .get-answer input.error::-webkit-input-placeholder { color: #fff; } .job-holder .blocks .block-interview .question .get-answer input.error:-moz-placeholder { color: #fff; } .job-holder .blocks .block-interview .question .get-answer input.error::-moz-placeholder { color: #fff; } .job-holder .blocks .block-interview .question .get-answer input.error:-ms-input-placeholder { color: #fff; } .job-holder .blocks .block-image { position: relative; } .job-holder .blocks .block-image .image-holder { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: no-repeat scroll center center rgba(0, 0, 0, 0); background-size: cover; width: 100%; max-height: 430px; } .job-holder .blocks .block-image .image-holder img { visibility: hidden; } .job-holder .blocks .block-image .image-over-layer { background: url('../../img/opacity.png'); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 15px; padding: 15px; text-align: center; font-size: 18px; color: #fff; } @media (max-width: 767px) { .job-holder .blocks .block-image .image-over-layer { font-size: 16px; } } .job-holder .blocks .block-teamMember h4, .job-holder .blocks .block-hiringTeam h4 { margin: 20px 0; } .job-holder .blocks .block-teamMember .img-portrait, .job-holder .blocks .block-hiringTeam .img-portrait { max-width: 100%; min-width: 100%; display: block; height: auto; line-height: 1.42857; border-radius: 50%; border: 1px solid #DDDDDD; padding: 4px; transition: all 0.2s ease-in-out 0s; background-color: #FFFFFF; display: inline-block; } .job-holder .blocks .block-video .video-container { width: 100%; height: 430px; position: relative; overflow: hidden; } @media (max-width: 991px) { .job-holder .blocks .block-video .video-container { height: 380px; } } @media (max-width: 767px) { .job-holder .blocks .block-video .video-container { height: 340px; } } .job-holder .blocks .block-video .video-cover { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } .job-holder .blocks .block-jobParams { padding-top: 0; } .job-holder .blocks .block-jobParams .holder { padding: 0 15px; } .job-holder .blocks .block-jobParams .holder p { font-size: 12px; } .job-holder .blocks .block-jobParams .holder p .icon { padding-right: 5px; } .job-holder .blocks .block-share { text-align: center; } .job-holder .blocks .block-share .social-list { line-height: 16px; } .job-holder .blocks .block-share .social-list li { vertical-align: top; } .job-holder .blocks .block-apply .btn-primary { color: #fff; } .job-holder .blocks .block-apply .btn-primary:hover { color: #fff; text-decoration: none; } .job-holder .img-pattern { max-width: 100%; min-width: 100%; display: block; height: auto; line-height: 1.42857; border-radius: 50%; border: 1px solid #DDDDDD; padding: 4px; transition: all 0.2s ease-in-out 0s; background-color: #FFFFFF; }