#pjWrapper { display: none;} /* ========================================================================== #Transitions ========================================================================== */ #pjWrapper .pjJlBtn, #pjWrapper .pjJlNav a, #pjWrapper .pjJlLanguage .pjJlLanguageTrigger .caret, #pjWrapper .pjJlSort .pjJlCheckbox label, #pjWrapper .pjJlSort .pjJlRadio label, #pjWrapper .pjJlCustomCheckboxFake .fa, #pjWrapper .pjJlCustomRadioFake .fa, #pjWrapper .pjJlPagination a, #pjWrapper .pjJlSocials a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapper .pjJlBtnPrimary { height: 46px; margin: 0; padding: 0; border: 2px solid #2293ab; font-size: 22px; line-height: 42px; font-weight: bold; text-transform: uppercase; border-radius: 0; } #pjWrapper .pjJlBtnPrimary:hover { text-decoration: none; } #pjWrapper .pjJlBtnLink { margin: 0; padding: 0; font-size: 16px; line-height: 1.2; font-weight: normal; text-transform: capitalize; } #pjWrapper .pjJlBtnLink:hover { text-decoration: none; } #pjWrapper .pjJlBtnBack { height: 33px; padding: 0 15px; font-size: 16px; line-height: 31px; font-weight: bold; text-transform: none; border-radius: 0; } #pjWrapper .pjJlBtnBack:hover { text-decoration: none; } #pjWrapper .pjJlBtnBack .fa { margin-right: 7px; font-size: 18px; } #pjWrapper .pjJlBtnSecondary { height: 46px; margin: 0; padding: 0 25px; border: 2px solid #828b8d; font-size: 18px; line-height: 42px; font-weight: bold; text-transform: uppercase; border-radius: 0; } #pjWrapper .pjJlBtnSecondary:hover { text-decoration: none; } #pjWrapper .pjJlBtnBordered { height: 46px; margin: 0; padding: 0 25px; border: 2px solid #828b8d; font-size: 18px; line-height: 42px; font-weight: bold; text-transform: uppercase; border-radius: 0; } #pjWrapper .pjJlBtnBordered:hover { text-decoration: none; } /* ========================================================================== #pjJlContainer ========================================================================== */ #pjWrapper .pjJlContainer { padding: 15px; } /* ========================================================================== #pjJlHeader ========================================================================== */ #pjWrapper .pjJlHeader { min-height: 0; margin: 0; border: 0; border-bottom: 3px solid #e1e1e1; background: none; border-radius: 0; } #pjWrapper .pjJlNav, #pjWrapper .pjJlLanguage { padding-bottom: 15px; } #pjWrapper .pjJlNav { padding: 0 0 15px; } #pjWrapper .pjJlNav li { padding: 0 10px 0 0; } #pjWrapper .pjJlNav a { height: 36px; padding: 0 15px; border: 1px solid #fff; font-size: 18px; line-height: 34px; font-weight: bold; text-transform: uppercase; text-align: left; border-radius: 0; } #pjWrapper .pjJlLanguage { margin: 0; } #pjWrapper .pjJlLanguage .pjJlLanguageTrigger { height: 36px; padding: 0 10px; font-size: 14px; line-height: 34px; font-weight: bold; text-transform: uppercase; border-radius: 0; } #pjWrapper .pjJlLanguage .pjJlLanguageTrigger:hover, #pjWrapper .pjJlLanguage .btn-group.open .pjJlLanguageTrigger { -webkit-box-shadow: none; box-shadow: none; } #pjWrapper .pjJlLanguage .btn-group.open .pjJlLanguageTrigger { z-index: 1001; } #pjWrapper .pjJlLanguage .pjJlLanguageTrigger img { width: 16px; height: 11px; margin: -3px 10px 0 0; } #pjWrapper .pjJlLanguage .pjJlLanguageTrigger .caret { margin: -3px 0 0 10px; border-width: 6px 6px 0 6px; } #pjWrapper .pjJlLanguage .btn-group.open .pjJlLanguageTrigger .caret { transform: rotate(180deg); } #pjWrapper .pjJlLanguage .pjJlNavLanguage { width: 159px; min-width: 100%; } #pjWrapper .pjJlLanguage .pjJlNavLanguage { margin: -1px 0 0; border-radius: 0; } #pjWrapper .pjJlLanguage .pjJlNavLanguage img { width: 16px; height: 11px; margin: -1px 10px 0 0; } #pjWrapper .pjJlLanguage .pjJlNavLanguage a { padding: 3px 10px; font-size: 14px; line-height: 1.2; font-weight: normal; text-transform: uppercase; } /* ========================================================================== #pjJlBody ========================================================================== */ #pjWrapper .pjJlBody { padding: 20px 0 0; } /* ========================================================================== #pjJlForm ========================================================================== */ #pjWrapper .pjJlForm .form-group { margin: 0; padding-bottom: 30px; } #pjWrapper .pjJlForm .form-control { height: 46px; padding: 0 10px; border: 1px solid #d5d5d5; font-size: 16px; line-height: 1.2; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #pjWrapper .pjJlForm textarea.form-control { height: 140px; padding: 10px; } #pjWrapper .pjJlForm label { font-size: 18px; line-height: 1.2; font-weight: bold; } #pjWrapper .pjJlForm .pjJlCustomSelect { position: relative; padding: 0; } #pjWrapper .pjJlForm .pjJlCustomSelect select { position: relative; width: 100%; height: 100%; margin: 0; padding: 0 26px 0 10px; border: 0; background-color: transparent; font-size: 16px; line-height: 1.2; text-transform: capitalize; cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #pjWrapper .pjJlForm .pjJlCustomSelect select::-ms-expand { display: none; } #pjWrapper .pjJlForm .pjJlCustomSelect .caret { position: absolute; top: 50%; right: 10px; margin-top: -2px; border-width: 6px 6px 0 6px; } #pjWrapper .pjJlForm .help-block { margin: 0; } #pjWrapper .pjJlForm .help-block ul { margin: 0; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage, #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage img, #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaField { display: inline-block; vertical-align: middle; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage { width: 115px; height: 46px; margin-right: 10px; text-align: center; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage:before { display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; content: ""; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage img { max-width: 100%; max-height: 100%; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaField { width: 280px; } /* ========================================================================== #pjJlCustomCheckbox, pjJlCustomRadio ========================================================================== */ #pjWrapper .pjJlCheckbox label, #pjWrapper .pjJlRadio label { margin: 0; font-size: 16px; line-height: 1.2; font-weight: normal; } #pjWrapper .pjJlSort .pjJlCheckbox label, #pjWrapper .pjJlSort .pjJlRadio label { font-size: 15px; } #pjWrapper .pjJlCustomCheckbox input { position: absolute; opacity: 0; filter: alpha(opacity=0); } #pjWrapper .pjJlCustomCheckboxFake { float: left; width: 19px; height: 19px; margin-right: 6px; border: 1px solid #d6d5d5; text-align: center; } #pjWrapper .pjJlCustomCheckboxFake .fa { margin-top: 1px; font-size: 15px; vertical-align: top; opacity: 0; } #pjWrapper .pjJlCustomInputChecked .pjJlCustomCheckboxFake .fa { opacity: 1; } #pjWrapper .pjJlCustomInputDisabled .pjJlCustomCheckboxFake { opacity: .5; filter: alpha(opacity=50); } #pjWrapper .pjJlCustomRadio input { position: absolute; opacity: 0; filter: alpha(opacity=0); } #pjWrapper .pjJlCustomRadioFake { float: left; width: 19px; height: 19px; margin-right: 6px; border: 1px solid #d6d5d5; text-align: center; } #pjWrapper .pjJlCustomRadioFake .fa { margin-top: 1px; vertical-align: top; opacity: 0; } #pjWrapper .pjJlCustomInputChecked .pjJlCustomRadioFake .fa { opacity: 1; } #pjWrapper .pjJlCustomInputDisabled .customRadioFake { opacity: .5; filter: alpha(opacity=50); } #pjWrapper .pjJlCheckbox label, #pjWrapper .pjJlCheckbox input, #pjWrapper .pjJlRadio input, #pjWrapper .pjJlRadio label { cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #pjWrapper .pjJlCustomInputDisabled input, #pjWrapper .pjJlCustomInputDisabled label { cursor: default; } /* ========================================================================== #pjJlFormSearch ========================================================================== */ #pjWrapper .pjJlFormSearch label { font-size: 19px; } #pjWrapper .pjJlFormSearch .pjJlCheckbox label { font-size: 16px; } #pjWrapper .pjJlFormSearchShort { padding: 20px 0; border-bottom: 3px solid #e1e1e1; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions { padding-top: 28px; text-align: center; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions .pjJlBtnLink { margin-top: 12px; } #pjWrapper .pjJlFormSearchShort .pjJlBtnLink .caret { border-width: 6px 6px 0 6px; } #pjWrapper .pjJlFormSearch .pjJlFormTitle { margin: 0; padding-bottom: 35px; font-size: 38px; line-height: 1.05; font-weight: bold; text-transform: capitalize; } #pjWrapper .pjJlCheckboxes { height: 253px; max-height: 253px; padding: 10px; border: 1px solid #d5d5d5; } #pjWrapper .pjJlFormSearch .form-group .pjJlCheckbox { padding-bottom: 15px; } #pjWrapper .pjJlFormSearch .form-group .pjJlListCheckboxes li .pjJlCheckbox { padding-bottom: 9px; } #pjWrapper .pjJlFormSearch .pjJlFormActions .pjJlBtnPrimary { width: 280px; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions .pjJlBtnPrimary { width: 100%; } /* ========================================================================== #pjJlResults ========================================================================== */ #pjWrapper .pjJlResults { padding-top: 40px; } #pjWrapper .pjJlResultsCounter { padding-top: 10px; font-size: 16px; line-height: 1.2; } #pjWrapper .pjJlResultsCounter a { color: #2da5bf; } #pjWrapper .pjJlResultsCounter a:hover { color: #343636; text-decoration: none; } #pjWrapper .pjJlResultsSort { padding-bottom: 0; } #pjWrapper .pjJlResultsSort label { padding-right: 10px; font-size: 16px; text-transform: capitalize; } #pjWrapper .pjJlSort .pjJlSortSection { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 3px solid #e1e1e1; } #pjWrapper .pjJlSort .pjJlSortItems { margin: 0; } #pjWrapper .pjJlSort .pjJlSortItem { padding-bottom: 12px; } #pjWrapper .pjJlSort .pjJlSortTitle { margin: 0; padding: 0 0 15px; font-size: 18px; line-height: 1.2; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlSort .pjJlSortActions { padding-left: 25px; } #pjWrapper .pjJlSort .pjJlSortActions .pjJlBtnLink { font-size: 15px; } #pjWrapper .pjJlListResults { margin-bottom: 0; } #pjWrapper .pjJlResult { margin: 0 0 25px; border-radius: 0; } #pjWrapper .pjJlResultImage { text-align: center; } #pjWrapper .pjJlResultImage img { max-width: 100%; } #pjWrapper .pjJlResultType { height: 24px; border: 1px solid #000; background: #000; font-size: 15px; line-height: 1.1; color: #fff; font-weight: normal; text-transform: capitalize; border-radius: 3px; } #pjWrapper .pjJlResult .pjJlResultType { margin-top: 5px; } #pjWrapper .pjJlResultTypeOrange { border-color: #af9966; background: #c5ae77; } #pjWrapper .pjJlResultTypePurple { border-color: #8b6e94; background: #9b7ba4; } #pjWrapper .pjJlResultTypeLightGreen { border-color: #319f84; background: #60ad9a; } #pjWrapper .pjJlResultTypeBlue { border-color: #5591b0; background: #6a9eb9; } #pjWrapper .pjJlResultTypeRed { border-color: #cc4d5b; background: #df5867; } #pjWrapper .pjJlResultTypeGreen { border-color: #54804c; background: #679260; } #pjWrapper .pjJlResult p { margin: 0; padding: 0; font-size: 15px; line-height: 1.47; } #pjWrapper .pjJlResult .pjJlResultTitle { padding-bottom: 5px; font-size: 24px; line-height: 1.3; font-weight: bold; } #pjWrapper .pjJlResult .pjJlResultSubTitle { font-size: 16px; line-height: 1.2; font-weight: normal; text-transform: capitalize; } #pjWrapper .pjJlResultMeta { margin-bottom: 0; padding: 15px 90px 0 0; text-align: justify; } #pjWrapper .pjJlResultMeta:after { display: inline-block; width: 100%; content: ""; } #pjWrapper .pjJlResultMeta li, #pjWrapper .pjJlResultMeta dl, #pjWrapper .pjJlResultMeta dt, #pjWrapper .pjJlResultMeta dd { display: inline-block; } #pjWrapper .pjJlResultMeta dt, #pjWrapper .pjJlResultMeta dd { font-size: 15px; line-height: 1.1; font-weight: normal; } #pjWrapper .pjJlResultMeta dl { margin: 0; } #pjWrapper .pjJlResultActions { padding: 10px 0; } #pjWrapper .pjJlResultActions .pjJlBtnPrimary { padding: 0 30px; } /* ========================================================================== #pjJlPagination ========================================================================== */ #pjWrapper .pjJlPagination .pagination { margin: 0; font-size: 0; } #pjWrapper .pjJlPagination li, #pjWrapper .pjJlPagination a, #pjWrapper .pjJlPagination span { display: inline-block; border-radius: 0; } #pjWrapper .pjJlPagination li { padding-right: 6px; } #pjWrapper .pjJlPagination a, #pjWrapper .pjJlPagination span { width: 33px; height: 33px; margin: 0; padding: 0; font-size: 16px; line-height: 31px; font-weight: bold; text-align: center; } /* ========================================================================== #pjJlJob ========================================================================== */ #pjWrapper .pjJlJobHead { padding-bottom: 25px; } #pjWrapper .pjJlJobActions { padding-bottom: 10px; } #pjWrapper .pjJlJobTitle, #pjWrapper .pjJlJobSubtitle { margin: 0; padding: 0; } #pjWrapper .pjJlJobTitle { padding-bottom: 5px; font-size: 38px; line-height: 1.3; font-weight: bold; } #pjWrapper .pjJlJobSubtitle { font-size: 18px; line-height: 1.1; font-weight: normal; text-transform: capitalize; } #pjWrapper .pjJlJobBox { margin-bottom: 30px; padding: 15px; border-radius: 0; } #pjWrapper .pjJlJobBox p { margin: 0; font-size: 16px; line-height: 1.88; } #pjWrapper .pjJlJobBox .pjJlJobBoxTitle { padding-bottom: 20px; font-size: 18px; line-height: 1.4; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlJobBox .pjJlJobBoxTitle strong { display: block; } #pjWrapper .pjJlJobBox dl { margin: 0; padding-bottom: 25px; } #pjWrapper .pjJlJobBox dl:last-of-type { padding-bottom: 0; } #pjWrapper .pjJlJobBox dt, #pjWrapper .pjJlJobBox dd { font-size: 16px; line-height: 1.38; } #pjWrapper .pjJlJobBox dt { font-weight: normal; } #pjWrapper .pjJlJobBox dd { font-weight: bold; } #pjWrapper .pjJlJobBox p .pjJlBtnLink { padding-bottom: 10px; text-align: left; } #pjWrapper .pjJlJobContent { padding-top: 0; } #pjWrapper .pjJlJobContent p { margin: 0; padding-bottom: 30px; font-size: 16px; line-height: 1.88; font-weight: normal; background: transparent; } #pjWrapper .pjJlJobContent > div > p:last-of-type { padding-bottom: 0; } #pjWrapper .pjJlJobContent .pjJlJobTitleSmall { margin: 0; padding-bottom: 30px; font-size: 18px; line-height: 1.1; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlJobContent .pjJlBtnPrimary { padding-left: 25px; padding-right: 25px; } /* ========================================================================== #pjJlSocials ========================================================================== */ #pjWrapper .pjJlSocials { padding: 20px 0 40px; } #pjWrapper .pjJlSocials .pjJlSocialsTitle, #pjWrapper .pjJlSocials ul { display: inline-block; margin: 0; vertical-align: middle; } #pjWrapper .pjJlSocials .pjJlSocialsTitle { margin: 0; padding: 0 5px 0 0; font-size: 15px; line-height: 1.33; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlSocials li { padding: 0 2px; } #pjWrapper .pjJlSocials a { overflow: hidden; display: inline-block; width: 32px; height: 32px; font-size: 22px; line-height: 32px; text-align: center; } #pjWrapper .pjJlSocials a .fa { display: block; line-height: 32px; } #pjWrapper .pjJlSocials a:hover { opacity: .7; text-decoration: none; } #pjWrapper .pjJlSocials .pjJlLinkFacebook { background: #4862a3; } #pjWrapper .pjJlSocials .pjJlLinkTwitter { background: #55acee; } #pjWrapper .pjJlSocials .pjJlLinkLinkedIn { background: #017eb4; } /* ========================================================================== #pjJlFormApply ========================================================================== */ #pjWrapper .pjJlFormApply { padding: 20px; border: 1px solid #d6d5d5; } #pjWrapper .pjJlFormApply .pjJlFormTitle { margin: 0; padding: 10px 0 30px; font-size: 18px; line-height: 1.1; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlFormApply .pjJlFormActions .pjJlBtnPrimary { width: 280px; } /* ========================================================================== #pjJlAddFile ========================================================================== */ #pjWrapper .pjJlAddFile { padding-bottom: 10px; } #pjWrapper .pjJlBtnUpload { position: relative; overflow: hidden; } #pjWrapper .pjJlFileUploadField { position: absolute; bottom: -10px; right: -10px; width: 100%; height: 100%; font-size: 100px; cursor: pointer; opacity: 0; } #pjWrapper .pjJlAddFile .pjJlBtnBordered { margin-left: 10px; } /* ========================================================================== #pjJlFormAccess ========================================================================== */ #pjWrapper .pjJlFormAccess .pjJlFormHead { padding-bottom: 25px; } #pjWrapper .pjJlFormAccess .pjJlFormHead p { margin: 0; font-size: 16px; line-height: 1.75; } #pjWrapper .pjJlFormAccess .pjJlFormHead .pjJlFormTitle { padding-bottom: 5px; font-size: 38px; line-height: 1.2; font-weight: bold; text-transform: capitalize; } #pjWrapper .pjJlFormAccess .pjJlFormHead .pjJlBtnBack { margin-bottom: 30px; } #pjWrapper .pjJlFormAccess .pjJlFormBody { margin: 0; } #pjWrapper .pjJlFormAccess .pjJlFormContent { padding: 20px; border: 1px solid #d6d5d5; } #pjWrapper .pjJlFormAccess .pjJlFormGroupCaptcha .pjJlCaptchaImage { width: 100px; margin-right: 5px; } #pjWrapper .pjJlFormAccess .pjJlFormActions ~ .pjJlFormActions { padding-top: 50px; } #pjWrapper .pjJlFormAccess .pjJlFormActions .pjJlBtnPrimary { width: 280px; margin-right: 10px; } #pjWrapper .pjJlFormAccess .pjJlFormBox { padding: 15px; border-radius: 0; text-align: center; } #pjWrapper .pjJlFormAccess .pjJlFormBoxTitle { margin: 0; padding: 0 30px 20px; font-size: 18px; line-height: 1.1; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlFormAccess .pjJlBtnLink { margin-top: 10px; } #pjWrapper .pjJlFormAccess .pjJlFormBoxSeparator { margin: 0; padding: 25px 0; font-size: 16px; line-height: 1.2; font-weight: bold; text-transform: uppercase; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryFacebook, #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryLinkedin { margin-bottom: 20px; font-size: 18px; text-transform: none; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryFacebook { border-color: #38508d; background: #4862a3; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryFacebook:hover { background: #38508d; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryLinkedin { border-color: #0a75a3; background: #017eb4; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryLinkedin:hover { background: #0a75a3; } #pjWrapper .pjJlFormAccess .pjJlBtnPrimary .fa { margin: -5px 5px 0 0; font-size: 24px; vertical-align: middle; } /* ========================================================================== #pjJlFormTabs ========================================================================== */ #pjWrapper .pjJlFormTabs .nav-tabs li a { border: 0; margin: 0; font-weight: bold; text-transform: uppercase; border-radius: 0; } #pjWrapper .pjJlFormTabs .nav-tabs li a:hover { border-color: transparent; } /* ========================================================================== #pjJlListResultsAlt ========================================================================== */ #pjWrapper .pjJlListResultsAlt { font-size: 0; } #pjWrapper .pjJlListResultsAlt > div { display: inline-block; float: none; vertical-align: top; text-align: center; } #pjWrapper .pjJlListResultsAlt .pjJlResult { display: block; padding: 10px; border: 1px solid #e1e1e1; text-decoration: none; } #pjWrapper .pjJlListResultsAlt .pjJlResult .pjJlResultTitle { padding: 0; font-size: 20px; } #pjWrapper .pjJlListResultsAlt .pjJlResult .pjJlResultSubTitle { padding-bottom: 5px; font-size: 15px; } #pjWrapper .pjJlListResultsAlt .pjJlResultType { display: inline-block; } #pjWrapper .pjJlListResultsAlt .pjJlResultMeta { padding: 10px 0 20px; } #pjWrapper .pjJlListResultsAlt .pjJlResultMeta li { display: block; padding: 0 0 3px; } #pjWrapper .pjJlResultMeta dl { width: 100%; text-align: center; } #pjWrapper .pjJlResultMeta dt, #pjWrapper .pjJlResultMeta dd { padding: 0 3px; font-size: 14px; } #pjWrapper .pjJlListResultsAlt .pjJlBtnPrimary { height: 38px; font-size: 16px; line-height: 34px; } #pjWrapper .pjJlJobLogo { max-width: 230px; height: 75px; font-size: 0; text-align: center; overflow: hidden; vertical-align: middle; text-align: center; } #pjWrapper .pjJlJobLogo:before { content: ""; display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; } #pjWrapper .pjJlJobLogo img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle;} #pjWrapper .thumbnail.pjJlJobBox .pjJlHasMoreText { max-height: 265px; overflow: auto; } /* ========================================================================== .Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 1170px ) { /* ========================================================================== #pjJlResults ========================================================================== */ #pjWrapper .pjJlResultMeta { padding-right: 0; } /* ========================================================================== #pjJlFormAccess ========================================================================== */ #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryFacebook, #pjWrapper .pjJlFormAccess .pjJlBtnPrimaryLinkedin { font-size: 16px; } #pjWrapper .pjJlFormAccess .pjJlFormBoxTitle { padding: 0 0 15px; } } @media only screen and ( max-width: 990px ) { /* ========================================================================== #pjJlResults ========================================================================== */ #pjWrapper .pjJlResultMeta { margin-bottom: -20px; } /* ========================================================================== #pjJlAddFile ========================================================================== */ #pjWrapper .pjJlAddFile .pjJlBtn { padding: 0 10px; } #pjWrapper .pjJlAddFile .pjJlBtnBordered { margin-left: 5px; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjJlContainer ========================================================================== */ #pjWrapper .pjJlContainer { overflow: hidden; padding: 5px; } /* ========================================================================== #pjJlHeader ========================================================================== */ #pjWrapper .pjJlHeader { padding: 10px 5px 15px; } #pjWrapper .pjJlNav { border: 0; padding: 15px 0 0; } #pjWrapper .pjJlNav ul { margin: 0; } #pjWrapper .pjJlNav li { padding: 2px 0; } #pjWrapper .pjJlNav a { height: auto; padding: 1px 5px; border: 0; font-size: 14px; line-height: 1.2; text-align: right;} #pjWrapper .pjJlNavTrigger { margin: 0; padding: 10px; border-radius: 0; } #pjWrapper .pjJlLanguage { padding-bottom: 10px; } #pjWrapper .pjJlLanguage .pjJlNavLanguage { position: absolute; border: 1px solid #9d9f9f; } /* ========================================================================== #pjJlForm ========================================================================== */ #pjWrapper .pjJlForm .form-group { padding-bottom: 10px; } /* ========================================================================== #pjJlFormSearchShort ========================================================================== */ #pjWrapper .pjJlFormSearchShort { padding: 0 0 20px; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions { padding-top: 10px; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions .pjJlBtn { width: auto; margin: 0; } #pjWrapper .pjJlFormSearchShort .pjJlFormActions .pjJlBtnPrimary { margin-right: 10px; padding: 0 25px; } /* ========================================================================== #pjJlResults ========================================================================== */ #pjWrapper .pjJlResults { padding-top: 20px; } #pjWrapper .pjJlSort { margin-bottom: 10px; } #pjWrapper .pjJlSort .pjJlSortSection { margin-bottom: 20px; padding-bottom: 10px; } #pjWrapper .pjJlSort .pjJlSortSection:last-of-type { margin-bottom: 0; } #pjWrapper .pjJlResultsCounter { padding-top: 13px; } #pjWrapper .pjJlResultsSort { float: none !important; padding-bottom: 0; text-align: right; } #pjWrapper .pjJlResultsSort .pjJlCustomSelect { display: inline-block; width: 160px; } /* ========================================================================== #pjJlJob ========================================================================== */ #pjWrapper .pjJlJobActions { padding-bottom: 10px; } #pjWrapper .pjJlJobLogo { display: none; } #pjWrapper .pjJlJobTitle { font-size: 24px; } #pjWrapper .pjJlJobSubtitle { font-size: 16px; } #pjWrapper .pjJlJobBox { margin-bottom: 10px; padding: 10px; } #pjWrapper .pjJlJobBox .pjJlJobBoxTitle { padding-bottom: 10px; } #pjWrapper .pjJlJobBox dl { padding-bottom: 5px; } #pjWrapper .pjJlJobContent p, #pjWrapper .pjJlJobContent .pjJlJobTitleSmall { padding-bottom: 10px; } #pjWrapper .pjJlAddFile { padding-bottom: 0; } #pjWrapper .pjJlAddFile .pjJlBtn { margin-top: 10px; } /* ========================================================================== #pjJlFormSearch ========================================================================== */ #pjWrapper .pjJlFormSearch .pjJlFormTitle { padding-bottom: 10px; font-size: 24px; } #pjWrapper .pjJlFormSearch label { font-size: 16px; } #pjWrapper .pjJlFormSearch .pjJlFormActions { text-align: center; } #pjWrapper .pjJlFormSearch .form-group .col-xs-12:last-of-type .pjJlCheckbox { padding-bottom: 0; } /* ========================================================================== #pjJlFormAccess ========================================================================== */ #pjWrapper .pjJlFormAccess .pjJlFormActions ~ .pjJlFormActions { padding-top: 15px; } #pjWrapper .pjJlFormAccess .pjJlFormActions .pjJlBtnPrimary { width: auto; padding: 0 15px; } #pjWrapper .pjJlFormAccess .pjJlBtnLink { margin-top: 0; } #pjWrapper .pjJlFormAccess .pjJlFormHead .pjJlBtnBack { margin-bottom: 10px; } #pjWrapper .pjJlFormAccess .pjJlFormAside { padding: 15px 0; } #pjWrapper .pjJlFormAccess .pjJlFormAside .pjJlBtnPrimary { display: inline-block; width: auto; padding: 0 25px; } #pjWrapper .pjJlFormAccess .pjJlFormBoxSeparator { padding: 10px 0; } /* ========================================================================== #pjJlPagination ========================================================================== */ #pjWrapper .pjJlPagination { text-align: center; } } @media only screen and ( max-width: 490px ) { /* ========================================================================== #pjJlResults ========================================================================== */ #pjWrapper .pjJlResultsCounter, #pjWrapper .pjJlResultsSort { width: 100%; text-align: center; } #pjWrapper .pjJlResultsSort { overflow: hidden; } #pjWrapper .pjJlResultImage, #pjWrapper .pjJlResultContent { padding: 5px; } #pjWrapper .pjJlResult p, #pjWrapper .pjJlResultMeta dt, #pjWrapper .pjJlResultMeta dd { font-size: 14px; } #pjWrapper .pjJlResult .pjJlResultTitle { font-size: 18px; font-weight: normal; } #pjWrapper .pjJlResult .pjJlResultSubTitle { font-size: 15px; } #pjWrapper .pjJlResult .pjJlResultType { margin-top: 1px; } /* ========================================================================== #pjJlForm ========================================================================== */ #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaImage { margin-right: 5px; } #pjWrapper .pjJlFormGroupCaptcha .pjJlCaptchaField { width: 140px; } /* ========================================================================== #pjJlFormSearch ========================================================================== */ #pjWrapper .pjJlFormSearch .col-xs-6 { width: 100%; } /* ========================================================================== #pjJlListResultsAlt ========================================================================== */ #pjWrapper .pjJlListResultsAlt > div { width: 100%; } #pjWrapper .pjJlForm .radio-inline { margin: 0 10px 10px 0; } #pjWrapper .pjJlForm .radio-inline + .radio-inline { margin-left: 0; } } /* ========================================================================== RTL ========================================================================== */ html[dir="rtl"] #pjWrapper .pjJlHeader .pjJlLanguage{ float: left !important; } html[dir="rtl"] #pjWrapper .pjJlHeader .pjJlNav{ float: right !important; } html[dir="rtl"] #pjWrapper .pjJlHeader .pjJlNav > ul{ padding-right: 0px !important; } html[dir="rtl"] #pjWrapper .pjJlHeader .pjJlNav > ul > li{ float: right !important; } html[dir="rtl"] #pjWrapper .pjJlResults > div{ float: right !important; } html[dir="rtl"] #pjWrapper .pjJlResults .pjJlSort .pjJlSortItems{ padding-right: 0px !important; } html[dir="rtl"] #pjWrapper .pjJlListResults .row > div{ float: right !important; } html[dir="rtl"] #pjWrapper .pjJlJobLogo{ margin-left: 10px !important; } html[dir="rtl"] #pjWrapper .pjJlJobBody .pjJlJobAside{ float: right !important; } html[dir="rtl"] #pjWrapper .pjJlJobBody .pjJlJobContent{ float: left !important; } html[dir="rtl"] #pjWrapper .pjJlJobBox dd{ margin-right: 0px !important; } html[dir="rtl"] #pjWrapper .pjJlCustomCheckboxFake{ float: right !important; margin-left: 6px; } html[dir="rtl"] #pjWrapper .pjJlResult .pjJlResultContent .clearfix span{ float: left !important; } html[dir="rtl"] #pjWrapper .pjJlJobBoxTitle span{ float: left !important; }