/** 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: #ebedee; } .job-holder .form-control:focus { border-color: #3498db; } .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: 'Lato' !important; background: #fff; font-size: 16px; color: #626677; margin: 20px 0; padding: 0px 0; } .job-holder .blocks h1, .job-holder .blocks h2, .job-holder .blocks h3, .job-holder .blocks h4 { font-family: 'Lato' !important; color: #1c1e27; text-transform: uppercase; } .job-holder .blocks h1 { font-size: 36px; font-weight: bold; } .job-holder .blocks h2 { font-size: 30px; font-weight: bold; } .job-holder .blocks h3 { font-size: 24px; font-weight: bold; } .job-holder .blocks h4 { font-size: 18px; font-weight: bold; } .job-holder .blocks .block-header { margin-top: 0; margin-bottom: 15px; } .job-holder .blocks a { color: #3498db; } .job-holder .blocks a:hover { color: #217dbb; text-decoration: underline; } .job-holder .blocks p { font-size: 14px; font-weight: normal; color: #626677; 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: #3498db; border-radius: 0; background: #3498db; } .job-holder .blocks .btn.btn-primary:hover { background: #217dbb; } .job-holder .blocks .block { padding: 35px 90px; } @media (max-width: 991px) { .job-holder .blocks .block { padding: 30px 60px; } } @media (max-width: 767px) { .job-holder .blocks .block { padding: 25px 30px; } } .job-holder .blocks .block .row.linkedin-row { margin: -25px -90px 15px -90px; padding: 10px 15px 20px 15px; line-height: 38px; background: #F69A39; text-align: left; } .job-holder .blocks .block .row.linkedin-row.linkedin-row-success { background: #19b698; color: #fff; line-height: normal; } .job-holder .blocks .block .row.linkedin-row .btn-holder { text-align: right; } @media (max-width: 1199px) { .job-holder .blocks .block .row.linkedin-row { padding: 30px 60px; line-height: normal; } } @media (max-width: 991px) { .job-holder .blocks .block .row.linkedin-row { margin: -25px -60px 15px -60px; padding: 25px 60px; line-height: normal; } } @media (max-width: 767px) { .job-holder .blocks .block .row.linkedin-row { margin: -25px -30px 15px -30px; padding: 25px 30px; text-align: center; } .job-holder .blocks .block .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: 42px; 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-jobParams { background: #000; color: #fff; padding-top: 20px; padding-bottom: 20px; } .job-holder .blocks .block-jobParams .holder { padding: 0 15px; } .job-holder .blocks .block-jobParams .holder p { font-size: 12px; color: #fff; } .job-holder .blocks .block-jobParams .holder p .icon { padding-right: 5px; color: #fff; } .job-holder .blocks .block-image { position: relative; padding: 0px; } .job-holder .blocks .block-image .image-holder { 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-interview .box:last-child { margin-bottom: 0; } .job-holder .blocks .block-interview .question { position: relative; width: 100%; } .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-holder { padding-right: 5px; } .job-holder .blocks .block-interview .question .img-portrait-holder .img-portrait { max-width: 100%; min-width: 100%; display: block; height: auto; } .job-holder .blocks .block-interview .question .question-holder { background: #000 url('../../img/question-flat-bg.jpg') no-repeat top left; padding: 30px 40px 20px 50px; } .job-holder .blocks .block-interview .question .question-holder .ask-question p { color: #fff; } .job-holder .blocks .block-interview .question .question-holder .get-answer { margin-top: 35px; } .job-holder .blocks .block-interview .question .question-holder .get-answer textarea { border-radius: 0; color: #000; } .job-holder .blocks .block-teamMember h4, .job-holder .blocks .block-hiringTeam h4 { margin: 20px 0; font-size: 18px; } .job-holder .blocks .block-teamMember .img-portrait, .job-holder .blocks .block-hiringTeam .img-portrait { max-width: 100%; min-width: 100%; display: block; height: auto; 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-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 h3 { font-size: 30px; text-align: center; } .job-holder .blocks .block-apply .btn-group a { border-left: 1px solid #196090; } .job-holder .blocks .block-apply .btn-group a:first-child { border-left: 0; } .job-holder .blocks .block-apply .btn-primary { color: #fff; text-transform: uppercase; } .job-holder .blocks .block-apply .btn-primary.btn-wide { font-size: 22px; padding-left: 45px; padding-right: 45px; } @media (max-width: 991px) { .job-holder .blocks .block-apply .btn-primary.btn-wide { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .job-holder .blocks .block-apply .btn-primary.btn-wide { padding-left: 15px; padding-right: 15px; } } .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; }