/*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ @font-face { font-family: 'hoeflertitlinghtf-ltroman'; src: url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/hoeflertitling-htf-ltroman-webfont.svg?64a03a7feebf#hoeflertitlinghtf-ltroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hoeflertextroman-alt'; src: url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/hoeflertext-roman-alt-webfont.svg?64a03a7feebf#hoeflertextroman-alt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hoeflertitlinghtf-smitalic'; src: url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/hoeflertitling-htf-smitalic-webfont.svg?64a03a7feebf#hoeflertitlinghtf-smitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'njboldregular2'; src: url('/static/jobs/less/fonts/njbold-regular2-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/njbold-regular2-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/njbold-regular2-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/njbold-regular2-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/njbold-regular2-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/njbold-regular2-webfont.svg?64a03a7feebf#njboldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'njboldnormal'; src: url('/static/jobs/less/fonts/njboldnormal-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/njboldnormal-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/njboldnormal-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/njboldnormal-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/njboldnormal-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/njboldnormal-webfont.svg?64a03a7feebf#njboldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'njboldnormal1'; src: url('/static/jobs/less/fonts/njboldnormal1-webfont.eot?64a03a7feebf'); src: url('/static/jobs/less/fonts/njboldnormal1-webfont.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/njboldnormal1-webfont.woff2?64a03a7feebf') format('woff2'), url('/static/jobs/less/fonts/njboldnormal1-webfont.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/njboldnormal1-webfont.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/njboldnormal1-webfont.svg?64a03a7feebf#njboldbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Bold'; src: url('/static/jobs/less/fonts/circularstd-bold.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/circularstd-bold.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/circularstd-bold.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/circularstd-bold.svg?64a03a7feebf#CircularStd-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Book'; src: url('/static/jobs/less/fonts/circularstd-book.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/circularstd-book.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/circularstd-book.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/circularstd-book.svg?64a03a7feebf#CircularStd-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hoeflertext-bold'; src: url('/static/jobs/less/fonts/hoeflertext-bold.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/hoeflertext-bold.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/hoeflertext-bold.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/hoeflertext-bold.svg?64a03a7feebf#hoeflertext-bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hoeflertext-roman'; src: url('/static/jobs/less/fonts/hoeflertext-roman.eot?&64a03a7feebf#iefix') format('embedded-opentype'), url('/static/jobs/less/fonts/hoeflertext-roman.woff?64a03a7feebf') format('woff'), url('/static/jobs/less/fonts/hoeflertext-roman.ttf?64a03a7feebf') format('truetype'), url('/static/jobs/less/fonts/hoeflertext-roman.svg?64a03a7feebf#hoeflertext-roman') format('svg'); font-weight: normal; font-style: normal; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /******************************************************************************* CONTENTS - Font Families - Navigation - Buttons - Social Sign In Form - Facebook/LinkedIn/Email Buttons - Social Sign In Form - Register via Email - Footer NOTES: Generally, mixins are defined here, and then used in the various stylesheets. NOTES: The BEM CSS-naming methodolgy is used for LESS variables. ******************************************************************************** Font Families *******************************************************************************/ /*@ff-circularstd-book: CircularStd-Book;*/ /******************************************************************************* Global *******************************************************************************/ body { font-family: CircularStd-Book; font-size: 15px; line-height: 1.42857143; } /******************************************************************************* Navigation *******************************************************************************/ .nav-scout__welcome { font-family: CircularStd-Book; /*font-size: 16pt;*/ font-size: 16px; line-height: 20pt; } /******************************************************************************* Buttons *******************************************************************************/ .ff-btn-peach-bg-white-text { font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; } /******************************************************************************* Search Results - Search Filter (Filter Buttons) *******************************************************************************/ .ff-search-filter { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; } /******************************************************************************* Search Results / Job Listing *******************************************************************************/ .ff-job-listing { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; } .ff-job-listing__heading { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; font-family: "pt-serif-n4", "pt-serif", serif; font-size: 22px; line-height: 40px; } .ff-job-listing__sub-heading { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; line-height: 22px; color: #666666; } .ff-job-listing__salary-location { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; line-height: 16px; color: #666666; } .ff-job-listing__heading--featured { color: #ff645a; } .ff-job-listing__sub-heading--featured { color: #ff645a; } /******************************************************************************* Social Sign In Form - Facebook/LinkedIn/Email Buttons *******************************************************************************/ .social-signin-form__text { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.5px; color: #999999; } .social-signin-form__text h4, .social-signin-form__text p { margin-bottom: 0; } /******************************************************************************* Social Sign In Form - Register via Email *******************************************************************************/ .ff-social-sign-in-email-registration__register-button { font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; } /******************************************************************************* Page Defaults *******************************************************************************/ .bs-page-heading { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 2.1em; line-height: 1.5; letter-spacing: -0.5px; color: #999999; } .bs-page-text { font-family: CircularStd-Book; line-height: 1.5; color: #999999; } /******************************************************************************* Form Defaults *******************************************************************************/ .bs-form-field { /*color: @dark-grey;*/ border: 1px solid #999999; /*border-width: 2px;*/ font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; /*color: @dark-grey;*/ color: #666666 !important; height: 43px !important; margin-bottom: 18px; border: 1px solid #c7c8ca; /*border-width: 2px;*/ border-radius: 4px; padding-left: 15px !important; } /******************************************************************************* Headings *******************************************************************************/ h1, h2, h3, h4, h5, h6 { font-weight: 400; } #flatpage-content h1, .modal-dialog h1 { font-family: "adobe-garamond-pro", serif; font-size: 2.571em; color: #58595b; } #flatpage-content h2, .modal-dialog h2 { text-transform: uppercase; color: #58595b; font-size: 1.071em; } #flatpage-content p, .modal-dialog p { color: #5b5b5b; } #flatpage-content ul, .modal-dialog ul { margin-top: 20px; } #flatpage-content ul li, .modal-dialog ul li { margin-bottom: 10px; } .page-heading, .bs-page-heading { margin: 0.75em 0 0; font-size: 2.15em; clear: both; border-bottom: 1px solid #c7c8ca; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; letter-spacing: -0.5px; color: #999999; } .border-b .page-heading, .border-b .bs-page-heading { border: none; } h1.section-heading, h2.section-heading { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; letter-spacing: -0.5px; color: #999999; font-size: 1.9em; border-bottom: 1px solid #c7c8ca; margin-bottom: 1.2em; clear: both; } h3, .h3 { color: #999999; font-size: 1em; margin: 0 0 1em; line-height: 1.5; } .payments h3 { color: #000000; font-size: 1em; margin: 0 0 0.5em; } .job-list .section-heading { font-family: CircularStd-Book; font-size: 1.286em; color: #333333; margin-bottom: 0; } .job-list .search-result { padding-left: 0; padding-right: 0; } .purchase-job-type { padding: 50px 0 50px 0; text-align: center; } .purchase-job-type .job-type-label { font-size: 2.15em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; letter-spacing: -0.5px; color: #999999; } .purchase-job-type .job-type-select { text-transform: capitalize; } .purchase-job-type a { margin-top: 20px; } /******************************************************************************* Colours Convention @ff-__-- - font-family @c-__-- - text colour NOTES: - The BEM CSS-naming methodolgy is used for LESS variables. - All color values should be specified here. *******************************************************************************/ .light-grey { color: #999999 !important; } .border-bottom { border-bottom: 1px solid #c7c8ca; } .border-top { border-top: 1px solid #c7c8ca; } /**************************************** Utils ****************************************/ .left { float: left !important; } .auto { width: auto !important; } .right { float: right !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .relative { position: relative !important; } .absolute { position: absolute !important; } .height-0 { height: 0 !important; } /* Hiding Elements */ .invisible { visibility: hidden !important; } .hidden { display: none; visibility: hidden; } /* Spacer Top */ .spacer-top-25 { margin-top: 25px; } .spacer-top-20 { margin-top: 20px; } .spacer-top-10 { margin-top: 10px; } .spacer-top-5 { margin-top: 5px !important; } /* Spacer Right */ .spacer-right { margin-right: 10px !important; } .spacer-right-5 { margin-right: 5px !important; } /* Spacer Bottom */ .spacer-bottom-25 { margin-bottom: 25px; } .spacer-bottom-20 { margin-bottom: 20px; } .spacer-bottom-10 { margin-bottom: 10px; } .spacer-bottom-5 { margin-bottom: 5px !important; } /* Spacer Left */ .spacer-left { margin-left: 10px !important; } .spacer-left-5 { margin-left: 5px !important; } .nowrap { white-space: nowrap !important; } .wrap { white-space: normal !important; } .border-radius-bottom-off { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .box-shadow-none { box-shadow: none !important; } .dummy-bg { background: url(/static/jobs/img/earth.jpg?7d2990af0ca4) no-repeat; width: 100%; background-size: 100%; } .pad-t { padding-top: 2em; } .pad-t-med { padding-top: 1em; } .pad-t-small { padding-top: 0.5em; } .pad-b { padding-bottom: 2em; } .pad-b-med { padding-bottom: 1em; } .pad-b-small { padding-bottom: 0.5em; } /* Borders */ .no-border { border: none !important; } .border-b { border-bottom: 1px solid #c7c8ca; margin-bottom: 2em; } .margin-b { margin-bottom: 1em; } .margin-b-small { margin-bottom: 0.5em; } .d-ib { display: inline-block; } .red { background: red !important; } /******************************************************************************* Bootstrap Extensions *******************************************************************************/ /*center responsive images. use with img-responsive*/ .img-responsive-center { margin: 0 auto; } /*center the contents of a column*/ .span-center, .col-center { float: none; margin: 0 auto; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: inherit; } /******************************************************************************* Debugging / Developer Specific *******************************************************************************/ .section-wrapper-red { border: 2px solid red; } /******************************************************************************* ICONS *******************************************************************************/ /* Next Prev Job/Applicant */ .prev-next-controls { padding: 0.1em 0 0; line-height: 0; } .prev-next-controls a { display: inline-block; width: 16px; height: 16px; background: no-repeat 50%; background-size: 9px 16px; } .prev-next-controls a.icn-prev { background-image: url(/static/jobs/img/icon_arrow_left.svg?7d2990af0ca4); margin: 0 5px 0 0; } .prev-next-controls a.icn-prev.disabled { cursor: default; opacity: 0.5; } .prev-next-controls a.icn-next { background-image: url(/static/jobs/img/icon_arrow_right.svg?7d2990af0ca4); } .prev-next-controls a.icn-next.disabled { cursor: default; opacity: 0.5; } /* Pagination */ .pagination .icn-pag-prev { display: block; width: 15px; height: 38px; background: no-repeat 50%; background-size: 9px 12px; padding: 0 12px; color: transparent; } .pagination .icn-pag-prev.disabled { opacity: 0.5; } .pagination .icn-pag-next { display: block; width: 90px; line-height: 26px; background: no-repeat 90%; background-size: 9px 12px; border: solid #E7E5E1 2px; border-radius: 4px; color: #c6c8ca; text-align: left; } .pagination .icn-pag-next.disabled { opacity: 0.5; } .pagination .icn-pag-prev { background-image: url(/static/jobs/img/icon-pagination-left.svg?7d2990af0ca4); } .pagination .icn-pag-prev:hover { color: transparent; } .pagination .icn-pag-next { background-image: url(/static/jobs/img/icon-pagination-right.svg?7d2990af0ca4); } .pagination .icn-pag-next:hover { color: #808284; } /* Heart */ .shortlist { display: block; width: 20px; height: 17px; background: url(/static/jobs/img/icon-heart.svg?7d2990af0ca4) no-repeat 50%; background-size: 20px 17px; margin: 4px 0 0; } .shortlist.sl-true { background-image: url(/static/jobs/img/icon-heart-filled.svg?7d2990af0ca4); } /* Cirlce (filled/outlined) */ .icn-new, .icn-old { display: block; width: 13px; height: 13px; background: 50% no-repeat; background-size: 12px; } .icn-new { background-image: url(/static/jobs/img/icon-circle-small.svg?7d2990af0ca4); } .icn-old { background-image: url(/static/jobs/img/icon-circle--grey.svg?7d2990af0ca4); } /* Preview */ .icn-preview { display: block; width: 29px; height: 22px; background: url(/static/jobs/img/icon_preview.svg?7d2990af0ca4) 50% no-repeat; background-size: 29px 22px; } .icn-preview:hover, .icn-preview:active, .icn-preview:focus { background-image: url(/static/jobs/img/icon_preview_hover.svg?7d2990af0ca4); } /* Download */ .icn-download { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon_download.svg?7d2990af0ca4) 50% no-repeat; background-size: 25px; } .icn-download:hover, .icn-download:active, .icn-download:focus { background-image: url(/static/jobs/img/icon_download_hover.svg?7d2990af0ca4); } /* Email Share */ .icn-email { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/social_share_email.svg?64a03a7feebf) 50% no-repeat; background-size: 25px; } /* Close / Reject */ .icn-close { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-close.svg?7d2990af0ca4) 50% no-repeat; background-size: 25px; } .icn-close:hover, .icn-close:active, .icn-close:focus { background-image: url(/static/jobs/img/icon-close-hover.svg?7d2990af0ca4); } /* Un-reject */ .icn-undo { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-undo-grey.svg?7d2990af0ca4) 50% no-repeat; background-size: 25px; } .icn-undo:hover, .icn-undo:active, .icn-undo:focus { background-image: url(/static/jobs/img/icon-undo-hover.svg?7d2990af0ca4); } /* Edit */ .icn-edit { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-edit.svg?7d2990af0ca4) 50% no-repeat; background-size: 25px; } .icn-edit:hover, .icn-edit:active, .icn-edit:focus { background-image: url(/static/jobs/img/icon-edit-hover.svg?7d2990af0ca4); } /* Add */ .icn-add { display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-add-grey.svg?7d2990af0ca4) 50% no-repeat; background-size: 25px; } .icn-add:hover, .icn-add:active, .icn-add:focus { background-image: url(/static/jobs/img/icon-add-grey-hover.svg?7d2990af0ca4); } /******************************************************************************* CREATED BY ROBIN *******************************************************************************/ .icon-question-mark-in-circle { background: url(/static/jobs/img/icon_question_mark_in_circle.svg?7d2990af0ca4) no-repeat; width: 17px; height: 18px; margin: -2px 0 0 2px; } /******************************************************************************* CONTENTS - Form Fields NOTES: - Not all form related styles are in here (yet). They'll be slowly moved across as development progresses. *******************************************************************************/ /* Common Field Styles */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select, textarea, .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="datetime"], .sidr input[type="datetime-local"], .sidr input[type="date"], .sidr input[type="month"], .sidr input[type="time"], .sidr input[type="week"], .sidr input[type="number"], .sidr input[type="email"], .sidr input[type="url"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="color"], .sidr .uneditable-input, .sidr select { border: 1px solid #c7c8ca; background: #ffffff; padding: 0 1em; margin-bottom: 10px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: border-color 0.5s; color: #333333; } textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .sidr input[type="text"]::-webkit-input-placeholder, .sidr input[type="password"]::-webkit-input-placeholder, .sidr input[type="datetime"]::-webkit-input-placeholder, .sidr input[type="datetime-local"]::-webkit-input-placeholder, .sidr input[type="date"]::-webkit-input-placeholder, .sidr input[type="month"]::-webkit-input-placeholder, .sidr input[type="time"]::-webkit-input-placeholder, .sidr input[type="week"]::-webkit-input-placeholder, .sidr input[type="number"]::-webkit-input-placeholder, .sidr input[type="email"]::-webkit-input-placeholder, .sidr input[type="url"]::-webkit-input-placeholder, .sidr input[type="search"]::-webkit-input-placeholder, .sidr input[type="tel"]::-webkit-input-placeholder, .sidr input[type="color"]::-webkit-input-placeholder, .sidr .uneditable-input::-webkit-input-placeholder, .sidr select::-webkit-input-placeholder { color: #cbcbcb; } textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .sidr input[type="text"]::-moz-placeholder, .sidr input[type="password"]::-moz-placeholder, .sidr input[type="datetime"]::-moz-placeholder, .sidr input[type="datetime-local"]::-moz-placeholder, .sidr input[type="date"]::-moz-placeholder, .sidr input[type="month"]::-moz-placeholder, .sidr input[type="time"]::-moz-placeholder, .sidr input[type="week"]::-moz-placeholder, .sidr input[type="number"]::-moz-placeholder, .sidr input[type="email"]::-moz-placeholder, .sidr input[type="url"]::-moz-placeholder, .sidr input[type="search"]::-moz-placeholder, .sidr input[type="tel"]::-moz-placeholder, .sidr input[type="color"]::-moz-placeholder, .sidr .uneditable-input::-moz-placeholder, .sidr select::-moz-placeholder { color: #cbcbcb; } textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .uneditable-input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder, .sidr input[type="text"]::-ms-input-placeholder, .sidr input[type="password"]::-ms-input-placeholder, .sidr input[type="datetime"]::-ms-input-placeholder, .sidr input[type="datetime-local"]::-ms-input-placeholder, .sidr input[type="date"]::-ms-input-placeholder, .sidr input[type="month"]::-ms-input-placeholder, .sidr input[type="time"]::-ms-input-placeholder, .sidr input[type="week"]::-ms-input-placeholder, .sidr input[type="number"]::-ms-input-placeholder, .sidr input[type="email"]::-ms-input-placeholder, .sidr input[type="url"]::-ms-input-placeholder, .sidr input[type="search"]::-ms-input-placeholder, .sidr input[type="tel"]::-ms-input-placeholder, .sidr input[type="color"]::-ms-input-placeholder, .sidr .uneditable-input::-ms-input-placeholder, .sidr select::-ms-input-placeholder { color: #cbcbcb; } textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .sidr input[type="text"]::-moz-placeholder, .sidr input[type="password"]::-moz-placeholder, .sidr input[type="datetime"]::-moz-placeholder, .sidr input[type="datetime-local"]::-moz-placeholder, .sidr input[type="date"]::-moz-placeholder, .sidr input[type="month"]::-moz-placeholder, .sidr input[type="time"]::-moz-placeholder, .sidr input[type="week"]::-moz-placeholder, .sidr input[type="number"]::-moz-placeholder, .sidr input[type="email"]::-moz-placeholder, .sidr input[type="url"]::-moz-placeholder, .sidr input[type="search"]::-moz-placeholder, .sidr input[type="tel"]::-moz-placeholder, .sidr input[type="color"]::-moz-placeholder, .sidr .uneditable-input::-moz-placeholder, .sidr select::-moz-placeholder { color: #cbcbcb; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus, textarea:focus, .sidr input[type="text"]:focus, .sidr input[type="password"]:focus, .sidr input[type="datetime"]:focus, .sidr input[type="datetime-local"]:focus, .sidr input[type="date"]:focus, .sidr input[type="month"]:focus, .sidr input[type="time"]:focus, .sidr input[type="week"]:focus, .sidr input[type="number"]:focus, .sidr input[type="email"]:focus, .sidr input[type="url"]:focus, .sidr input[type="search"]:focus, .sidr input[type="tel"]:focus, .sidr input[type="color"]:focus, .sidr .uneditable-input:focus, .sidr select:focus { outline: none; border-color: #666666; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error, select.error, textarea.error, .sidr input[type="text"].error, .sidr input[type="password"].error, .sidr input[type="datetime"].error, .sidr input[type="datetime-local"].error, .sidr input[type="date"].error, .sidr input[type="month"].error, .sidr input[type="time"].error, .sidr input[type="week"].error, .sidr input[type="number"].error, .sidr input[type="email"].error, .sidr input[type="url"].error, .sidr input[type="search"].error, .sidr input[type="tel"].error, .sidr input[type="color"].error, .sidr .uneditable-input.error, .sidr select.error { border-color: #ea2d2d !important; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select { height: 43px; } .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="datetime"], .sidr input[type="datetime-local"], .sidr input[type="date"], .sidr input[type="month"], .sidr input[type="time"], .sidr input[type="week"], .sidr input[type="number"], .sidr input[type="email"], .sidr input[type="url"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="color"], .sidr .uneditable-input, .sidr select { height: auto; padding: 0.6em 1em; } textarea { padding: 13px 15px; resize: vertical; overflow: scroll; } /* Homepage Search */ .masthead textarea, .masthead input[type="text"], .masthead input[type="password"], .masthead input[type="datetime"], .masthead input[type="datetime-local"], .masthead input[type="date"], .masthead input[type="month"], .masthead input[type="time"], .masthead input[type="week"], .masthead input[type="number"], .masthead input[type="email"], .masthead input[type="url"], .masthead input[type="search"], .masthead input[type="tel"], .masthead input[type="color"], .masthead .uneditable-input, .masthead select { border: none; } /* Add job fancy dropdowns */ .create-your-ad .select2-container { margin-bottom: 10px; } /* Submit Block */ .form-submit { border-top: 1px solid #c7c8ca; margin-top: 2em; padding-top: 2em; } /* Validation */ .help-block { color: #FF645A; font-size: 0.8em; font-style: italic; } /* Image Upload */ .image-upload, .create-your-ad .image-upload { max-width: 200px; } .image-upload .logo-placeholder, .create-your-ad .image-upload .logo-placeholder { display: table; width: 100%; margin: 0 0 1em; } .image-upload .logo-placeholder .logo-inner, .create-your-ad .image-upload .logo-placeholder .logo-inner { border: 1px solid #c7c8ca; text-align: center; color: #b2b2b1; font-size: 1.071em; padding: 0.5em; display: table-cell; vertical-align: middle; width: 100%; height: 200px; } .image-upload .logo-placeholder .logo-inner span, .create-your-ad .image-upload .logo-placeholder .logo-inner span { display: block; } .image-upload .logo-placeholder .logo-inner .title, .create-your-ad .image-upload .logo-placeholder .logo-inner .title { font-size: 2.143em; font-family: "adobe-garamond-pro", serif; } .image-upload .logo-placeholder .logo-inner img, .create-your-ad .image-upload .logo-placeholder .logo-inner img { margin: 0; } .image-upload img, .create-your-ad .image-upload img { max-width: 200px; height: auto; margin: 0 0 1.5em; } .image-upload .btn, .create-your-ad .image-upload .btn { width: 100%; margin: 0; display: block; } /* Checkboxes */ .checkbox.full-row { padding: 0; } .checkbox.full-row input { float: right; } .checkbox.full-row .prettycheckbox, .checkbox.full-row .prettyradio { width: 100%; } .checkbox.full-row .prettycheckbox label, .checkbox.full-row .prettyradio label { margin-left: 0; } .checkbox.full-row .prettycheckbox a, .checkbox.full-row .prettyradio a { float: right; } .checkbox-inline label.checkbox { padding-left: 0; } .checkbox-inline span { display: inline; } .checkbox-inline input[type='checkbox'] { display: inline; margin: -4px 0 0 7px; float: none; } .checkbox-inline .prettycheckbox label, .checkbox-inline .prettyradio label { margin-left: 0; } .has-pretty-child.has-note .prettycheckbox label, .has-pretty-child.has-note .prettyradio label { margin-bottom: 0; } .has-pretty-child.has-note .note { color: #999999; font-size: 11px; margin-top: -4px; } .prettycheckbox > a, .prettyradio > a { background-image: url('/static/jobs/img/forms/sprites-employer.png?7d2990af0ca4'); } .prettycheckbox.labelright label, .prettyradio.labelright label { margin-left: 0; } .JobSeekerAccountEmailView .prettycheckbox > a, .JobSeekerAccountPasswordView .prettycheckbox > a, .JobSeekerSavedSearchesView .prettycheckbox > a, .JobSeekerSavedJobsView .prettycheckbox > a, .JobSeekerApplicationsView .prettycheckbox > a, .JobSeekerAccountContactView .prettycheckbox > a, .JobSeekerDashboardView .prettycheckbox > a, .JobSeekerProfileView .prettycheckbox > a, .JobView .prettycheckbox > a, .JobSeekerAccountEmailView .prettyradio > a, .JobSeekerAccountPasswordView .prettyradio > a, .JobSeekerSavedSearchesView .prettyradio > a, .JobSeekerSavedJobsView .prettyradio > a, .JobSeekerApplicationsView .prettyradio > a, .JobSeekerAccountContactView .prettyradio > a, .JobSeekerDashboardView .prettyradio > a, .JobSeekerProfileView .prettyradio > a, .JobView .prettyradio > a { background-image: url('/static/jobs/img/forms/sprites-jobseeker.png?7d2990af0ca4'); } .SearchView .prettycheckbox > a, .section-search-filter .prettycheckbox > a, .SearchView .prettyradio > a, .section-search-filter .prettyradio > a { background-image: url('/static/jobs/img/forms/sprites-homepage.png?7d2990af0ca4'); } /* Disabled Form Area */ .control-group { position: relative; } .form-area-disabled { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 500; top: 0; left: 0; } /* Form Area Locked */ .icon-locked { height: 79px; top: calc(50% - 40px); left: calc(50% - 40px); position: absolute; width: 79px !important; background: transparent; background: url('/static/jobs/img/icon-locked.png?7d2990af0ca4'); } .form-area-disabled:hover .icon-locked { background: url('/static/jobs/img/icon-unlocked.png?7d2990af0ca4'); } /* Placeholder polyfill */ input.placeholder { color: #999; } /* Search results page (jobseekers) */ .section-search-filter textarea, .section-search-filter input[type="text"], .section-search-filter input[type="password"], .section-search-filter input[type="datetime"], .section-search-filter input[type="datetime-local"], .section-search-filter input[type="date"], .section-search-filter input[type="month"], .section-search-filter input[type="time"], .section-search-filter input[type="week"], .section-search-filter input[type="number"], .section-search-filter input[type="email"], .section-search-filter input[type="url"], .section-search-filter input[type="search"], .section-search-filter input[type="tel"], .section-search-filter input[type="color"], .section-search-filter .uneditable-input, .section-search-filter select { border-color: #ffffff; height: 39px; font-size: 1em; } .section-search-filter input.search-filter_input { display: none; margin: 0; } .login-form .forgot-password { color: #ff645a; } .login-form-wrapper .error, .registration-form-wrapper .error { color: red; } #new-business-container { display: none; } .notification_app_email { width: 100%; } /* Normal form fancy dropdowns */ input::-webkit-input-placeholder { color: #999999; } input:-moz-placeholder { /* Firefox 18- */ color: #999999; } input::-moz-placeholder { /* Firefox 19+ */ color: #999999; } input:-ms-input-placeholder { color: #999999; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input[autofocus]:focus::-webkit-input-placeholder { color: #999999; } input[autofocus]:focus:-moz-placeholder { /* Firefox 18- */ color: #999999; } input[autofocus]:focus::-moz-placeholder { /* Firefox 19+ */ color: #999999; } input[autofocus]:focus:-ms-input-placeholder { color: #999999; } /******************************************************************************* RESPONSIVE TABLES *******************************************************************************/ .data-table .tr { clear: both; padding: 1em 0 0.8em; position: relative; } .data-table .tr.has-note .td, .data-table .tr.has-note .td h2, .data-table .tr.has-note .td h3 { color: #a7a9ab; } .data-table .td, .data-table .th { position: relative; width: 100%; } .data-table .td.row-note, .data-table .th.row-note { width: 100%; float: none; font-style: italic; color: #999999; font-family: "adobe-garamond-pro", serif; padding-bottom: 0; } .data-table .tbody .tr { border-bottom: 1px solid #c7c8ca; } .data-table .tbody .tr .td .inline-table-label { color: #999999; } /******************************************************************************* BASE CSS (LESS THAN 768PX) *******************************************************************************/ /* Structural */ .container { padding-left: 1em; padding-right: 1em; } .row-fluid [class*="span"] { min-height: 0; } .pink { color: #FF645A; } /**************************************** LINKS ETC ****************************************/ a, a:visited, .sidr p a, .sidr p a:hover, .sidr p a:focus { color: #5996B5; } /* Jobseekers Page Link overrides */ .JobSeekerAccountEmailView, .JobSeekerAccountPasswordView, .JobSeekerSavedSearchesView, .JobSeekerSavedJobsView, .JobSeekerApplicationsView, .JobSeekerAccountContactView, .JobSeekerDashboardView, .JobSeekerProfileView, .JobView { /* Links */ /* Buttons */ } .JobSeekerAccountEmailView a, .JobSeekerAccountPasswordView a, .JobSeekerSavedSearchesView a, .JobSeekerSavedJobsView a, .JobSeekerApplicationsView a, .JobSeekerAccountContactView a, .JobSeekerDashboardView a, .JobSeekerProfileView a, .JobView a, .JobSeekerAccountEmailView a:visited, .JobSeekerAccountPasswordView a:visited, .JobSeekerSavedSearchesView a:visited, .JobSeekerSavedJobsView a:visited, .JobSeekerApplicationsView a:visited, .JobSeekerAccountContactView a:visited, .JobSeekerDashboardView a:visited, .JobSeekerProfileView a:visited, .JobView a:visited, .JobSeekerAccountEmailView .dashboard-nav .navbar-inner li.active a, .JobSeekerAccountPasswordView .dashboard-nav .navbar-inner li.active a, .JobSeekerSavedSearchesView .dashboard-nav .navbar-inner li.active a, .JobSeekerSavedJobsView .dashboard-nav .navbar-inner li.active a, .JobSeekerApplicationsView .dashboard-nav .navbar-inner li.active a, .JobSeekerAccountContactView .dashboard-nav .navbar-inner li.active a, .JobSeekerDashboardView .dashboard-nav .navbar-inner li.active a, .JobSeekerProfileView .dashboard-nav .navbar-inner li.active a, .JobView .dashboard-nav .navbar-inner li.active a, .JobSeekerAccountEmailView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerAccountPasswordView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerSavedSearchesView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerSavedJobsView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerApplicationsView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerAccountContactView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerDashboardView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerProfileView .dashboard-nav .navbar-inner li.active a:hover, .JobView .dashboard-nav .navbar-inner li.active a:hover, .JobSeekerAccountEmailView .dashboard-nav .navbar-inner li a:hover, .JobSeekerAccountPasswordView .dashboard-nav .navbar-inner li a:hover, .JobSeekerSavedSearchesView .dashboard-nav .navbar-inner li a:hover, .JobSeekerSavedJobsView .dashboard-nav .navbar-inner li a:hover, .JobSeekerApplicationsView .dashboard-nav .navbar-inner li a:hover, .JobSeekerAccountContactView .dashboard-nav .navbar-inner li a:hover, .JobSeekerDashboardView .dashboard-nav .navbar-inner li a:hover, .JobSeekerProfileView .dashboard-nav .navbar-inner li a:hover, .JobView .dashboard-nav .navbar-inner li a:hover, .JobSeekerAccountEmailView .contact-details .floated-list a, .JobSeekerAccountPasswordView .contact-details .floated-list a, .JobSeekerSavedSearchesView .contact-details .floated-list a, .JobSeekerSavedJobsView .contact-details .floated-list a, .JobSeekerApplicationsView .contact-details .floated-list a, .JobSeekerAccountContactView .contact-details .floated-list a, .JobSeekerDashboardView .contact-details .floated-list a, .JobSeekerProfileView .contact-details .floated-list a, .JobView .contact-details .floated-list a, .JobSeekerAccountEmailView .header-strip .result-count, .JobSeekerAccountPasswordView .header-strip .result-count, .JobSeekerSavedSearchesView .header-strip .result-count, .JobSeekerSavedJobsView .header-strip .result-count, .JobSeekerApplicationsView .header-strip .result-count, .JobSeekerAccountContactView .header-strip .result-count, .JobSeekerDashboardView .header-strip .result-count, .JobSeekerProfileView .header-strip .result-count, .JobView .header-strip .result-count, .JobSeekerAccountEmailView .sidr p a, .JobSeekerAccountPasswordView .sidr p a, .JobSeekerSavedSearchesView .sidr p a, .JobSeekerSavedJobsView .sidr p a, .JobSeekerApplicationsView .sidr p a, .JobSeekerAccountContactView .sidr p a, .JobSeekerDashboardView .sidr p a, .JobSeekerProfileView .sidr p a, .JobView .sidr p a, .JobSeekerAccountEmailView .sidr p a:hover, .JobSeekerAccountPasswordView .sidr p a:hover, .JobSeekerSavedSearchesView .sidr p a:hover, .JobSeekerSavedJobsView .sidr p a:hover, .JobSeekerApplicationsView .sidr p a:hover, .JobSeekerAccountContactView .sidr p a:hover, .JobSeekerDashboardView .sidr p a:hover, .JobSeekerProfileView .sidr p a:hover, .JobView .sidr p a:hover, .JobSeekerAccountEmailView .sidr p a:focus, .JobSeekerAccountPasswordView .sidr p a:focus, .JobSeekerSavedSearchesView .sidr p a:focus, .JobSeekerSavedJobsView .sidr p a:focus, .JobSeekerApplicationsView .sidr p a:focus, .JobSeekerAccountContactView .sidr p a:focus, .JobSeekerDashboardView .sidr p a:focus, .JobSeekerProfileView .sidr p a:focus, .JobView .sidr p a:focus { color: #ff645a; } .JobSeekerAccountEmailView .sub-nav a:hover, .JobSeekerAccountPasswordView .sub-nav a:hover, .JobSeekerSavedSearchesView .sub-nav a:hover, .JobSeekerSavedJobsView .sub-nav a:hover, .JobSeekerApplicationsView .sub-nav a:hover, .JobSeekerAccountContactView .sub-nav a:hover, .JobSeekerDashboardView .sub-nav a:hover, .JobSeekerProfileView .sub-nav a:hover, .JobView .sub-nav a:hover, .JobSeekerAccountEmailView .sub-nav a.current-section, .JobSeekerAccountPasswordView .sub-nav a.current-section, .JobSeekerSavedSearchesView .sub-nav a.current-section, .JobSeekerSavedJobsView .sub-nav a.current-section, .JobSeekerApplicationsView .sub-nav a.current-section, .JobSeekerAccountContactView .sub-nav a.current-section, .JobSeekerDashboardView .sub-nav a.current-section, .JobSeekerProfileView .sub-nav a.current-section, .JobView .sub-nav a.current-section { color: #ff645a; } .JobSeekerAccountEmailView a.btn-colour-one, .JobSeekerAccountPasswordView a.btn-colour-one, .JobSeekerSavedSearchesView a.btn-colour-one, .JobSeekerSavedJobsView a.btn-colour-one, .JobSeekerApplicationsView a.btn-colour-one, .JobSeekerAccountContactView a.btn-colour-one, .JobSeekerDashboardView a.btn-colour-one, .JobSeekerProfileView a.btn-colour-one, .JobView a.btn-colour-one, .JobSeekerAccountEmailView button.btn-colour-one, .JobSeekerAccountPasswordView button.btn-colour-one, .JobSeekerSavedSearchesView button.btn-colour-one, .JobSeekerSavedJobsView button.btn-colour-one, .JobSeekerApplicationsView button.btn-colour-one, .JobSeekerAccountContactView button.btn-colour-one, .JobSeekerDashboardView button.btn-colour-one, .JobSeekerProfileView button.btn-colour-one, .JobView button.btn-colour-one, .JobSeekerAccountEmailView span.btn-colour-one, .JobSeekerAccountPasswordView span.btn-colour-one, .JobSeekerSavedSearchesView span.btn-colour-one, .JobSeekerSavedJobsView span.btn-colour-one, .JobSeekerApplicationsView span.btn-colour-one, .JobSeekerAccountContactView span.btn-colour-one, .JobSeekerDashboardView span.btn-colour-one, .JobSeekerProfileView span.btn-colour-one, .JobView span.btn-colour-one { color: #ffffff; } .JobSeekerAccountEmailView a.btn-colour-one:hover, .JobSeekerAccountPasswordView a.btn-colour-one:hover, .JobSeekerSavedSearchesView a.btn-colour-one:hover, .JobSeekerSavedJobsView a.btn-colour-one:hover, .JobSeekerApplicationsView a.btn-colour-one:hover, .JobSeekerAccountContactView a.btn-colour-one:hover, .JobSeekerDashboardView a.btn-colour-one:hover, .JobSeekerProfileView a.btn-colour-one:hover, .JobView a.btn-colour-one:hover, .JobSeekerAccountEmailView button.btn-colour-one:hover, .JobSeekerAccountPasswordView button.btn-colour-one:hover, .JobSeekerSavedSearchesView button.btn-colour-one:hover, .JobSeekerSavedJobsView button.btn-colour-one:hover, .JobSeekerApplicationsView button.btn-colour-one:hover, .JobSeekerAccountContactView button.btn-colour-one:hover, .JobSeekerDashboardView button.btn-colour-one:hover, .JobSeekerProfileView button.btn-colour-one:hover, .JobView button.btn-colour-one:hover, .JobSeekerAccountEmailView span.btn-colour-one:hover, .JobSeekerAccountPasswordView span.btn-colour-one:hover, .JobSeekerSavedSearchesView span.btn-colour-one:hover, .JobSeekerSavedJobsView span.btn-colour-one:hover, .JobSeekerApplicationsView span.btn-colour-one:hover, .JobSeekerAccountContactView span.btn-colour-one:hover, .JobSeekerDashboardView span.btn-colour-one:hover, .JobSeekerProfileView span.btn-colour-one:hover, .JobView span.btn-colour-one:hover, .JobSeekerAccountEmailView a.btn-colour-one:focus, .JobSeekerAccountPasswordView a.btn-colour-one:focus, .JobSeekerSavedSearchesView a.btn-colour-one:focus, .JobSeekerSavedJobsView a.btn-colour-one:focus, .JobSeekerApplicationsView a.btn-colour-one:focus, .JobSeekerAccountContactView a.btn-colour-one:focus, .JobSeekerDashboardView a.btn-colour-one:focus, .JobSeekerProfileView a.btn-colour-one:focus, .JobView a.btn-colour-one:focus, .JobSeekerAccountEmailView button.btn-colour-one:focus, .JobSeekerAccountPasswordView button.btn-colour-one:focus, .JobSeekerSavedSearchesView button.btn-colour-one:focus, .JobSeekerSavedJobsView button.btn-colour-one:focus, .JobSeekerApplicationsView button.btn-colour-one:focus, .JobSeekerAccountContactView button.btn-colour-one:focus, .JobSeekerDashboardView button.btn-colour-one:focus, .JobSeekerProfileView button.btn-colour-one:focus, .JobView button.btn-colour-one:focus, .JobSeekerAccountEmailView span.btn-colour-one:focus, .JobSeekerAccountPasswordView span.btn-colour-one:focus, .JobSeekerSavedSearchesView span.btn-colour-one:focus, .JobSeekerSavedJobsView span.btn-colour-one:focus, .JobSeekerApplicationsView span.btn-colour-one:focus, .JobSeekerAccountContactView span.btn-colour-one:focus, .JobSeekerDashboardView span.btn-colour-one:focus, .JobSeekerProfileView span.btn-colour-one:focus, .JobView span.btn-colour-one:focus { color: #ffffff; } .JobSeekerAccountEmailView a.btn-colour-one.btn-ghost, .JobSeekerAccountPasswordView a.btn-colour-one.btn-ghost, .JobSeekerSavedSearchesView a.btn-colour-one.btn-ghost, .JobSeekerSavedJobsView a.btn-colour-one.btn-ghost, .JobSeekerApplicationsView a.btn-colour-one.btn-ghost, .JobSeekerAccountContactView a.btn-colour-one.btn-ghost, .JobSeekerDashboardView a.btn-colour-one.btn-ghost, .JobSeekerProfileView a.btn-colour-one.btn-ghost, .JobView a.btn-colour-one.btn-ghost, .JobSeekerAccountEmailView button.btn-colour-one.btn-ghost, .JobSeekerAccountPasswordView button.btn-colour-one.btn-ghost, .JobSeekerSavedSearchesView button.btn-colour-one.btn-ghost, .JobSeekerSavedJobsView button.btn-colour-one.btn-ghost, .JobSeekerApplicationsView button.btn-colour-one.btn-ghost, .JobSeekerAccountContactView button.btn-colour-one.btn-ghost, .JobSeekerDashboardView button.btn-colour-one.btn-ghost, .JobSeekerProfileView button.btn-colour-one.btn-ghost, .JobView button.btn-colour-one.btn-ghost, .JobSeekerAccountEmailView span.btn-colour-one.btn-ghost, .JobSeekerAccountPasswordView span.btn-colour-one.btn-ghost, .JobSeekerSavedSearchesView span.btn-colour-one.btn-ghost, .JobSeekerSavedJobsView span.btn-colour-one.btn-ghost, .JobSeekerApplicationsView span.btn-colour-one.btn-ghost, .JobSeekerAccountContactView span.btn-colour-one.btn-ghost, .JobSeekerDashboardView span.btn-colour-one.btn-ghost, .JobSeekerProfileView span.btn-colour-one.btn-ghost, .JobView span.btn-colour-one.btn-ghost { color: #ff645a; } .JobSeekerAccountEmailView a.btn-colour-one.btn-ghost:hover, .JobSeekerAccountPasswordView a.btn-colour-one.btn-ghost:hover, .JobSeekerSavedSearchesView a.btn-colour-one.btn-ghost:hover, .JobSeekerSavedJobsView a.btn-colour-one.btn-ghost:hover, .JobSeekerApplicationsView a.btn-colour-one.btn-ghost:hover, .JobSeekerAccountContactView a.btn-colour-one.btn-ghost:hover, .JobSeekerDashboardView a.btn-colour-one.btn-ghost:hover, .JobSeekerProfileView a.btn-colour-one.btn-ghost:hover, .JobView a.btn-colour-one.btn-ghost:hover, .JobSeekerAccountEmailView button.btn-colour-one.btn-ghost:hover, .JobSeekerAccountPasswordView button.btn-colour-one.btn-ghost:hover, .JobSeekerSavedSearchesView button.btn-colour-one.btn-ghost:hover, .JobSeekerSavedJobsView button.btn-colour-one.btn-ghost:hover, .JobSeekerApplicationsView button.btn-colour-one.btn-ghost:hover, .JobSeekerAccountContactView button.btn-colour-one.btn-ghost:hover, .JobSeekerDashboardView button.btn-colour-one.btn-ghost:hover, .JobSeekerProfileView button.btn-colour-one.btn-ghost:hover, .JobView button.btn-colour-one.btn-ghost:hover, .JobSeekerAccountEmailView span.btn-colour-one.btn-ghost:hover, .JobSeekerAccountPasswordView span.btn-colour-one.btn-ghost:hover, .JobSeekerSavedSearchesView span.btn-colour-one.btn-ghost:hover, .JobSeekerSavedJobsView span.btn-colour-one.btn-ghost:hover, .JobSeekerApplicationsView span.btn-colour-one.btn-ghost:hover, .JobSeekerAccountContactView span.btn-colour-one.btn-ghost:hover, .JobSeekerDashboardView span.btn-colour-one.btn-ghost:hover, .JobSeekerProfileView span.btn-colour-one.btn-ghost:hover, .JobView span.btn-colour-one.btn-ghost:hover, .JobSeekerAccountEmailView a.btn-colour-one.btn-ghost:focus, .JobSeekerAccountPasswordView a.btn-colour-one.btn-ghost:focus, .JobSeekerSavedSearchesView a.btn-colour-one.btn-ghost:focus, .JobSeekerSavedJobsView a.btn-colour-one.btn-ghost:focus, .JobSeekerApplicationsView a.btn-colour-one.btn-ghost:focus, .JobSeekerAccountContactView a.btn-colour-one.btn-ghost:focus, .JobSeekerDashboardView a.btn-colour-one.btn-ghost:focus, .JobSeekerProfileView a.btn-colour-one.btn-ghost:focus, .JobView a.btn-colour-one.btn-ghost:focus, .JobSeekerAccountEmailView button.btn-colour-one.btn-ghost:focus, .JobSeekerAccountPasswordView button.btn-colour-one.btn-ghost:focus, .JobSeekerSavedSearchesView button.btn-colour-one.btn-ghost:focus, .JobSeekerSavedJobsView button.btn-colour-one.btn-ghost:focus, .JobSeekerApplicationsView button.btn-colour-one.btn-ghost:focus, .JobSeekerAccountContactView button.btn-colour-one.btn-ghost:focus, .JobSeekerDashboardView button.btn-colour-one.btn-ghost:focus, .JobSeekerProfileView button.btn-colour-one.btn-ghost:focus, .JobView button.btn-colour-one.btn-ghost:focus, .JobSeekerAccountEmailView span.btn-colour-one.btn-ghost:focus, .JobSeekerAccountPasswordView span.btn-colour-one.btn-ghost:focus, .JobSeekerSavedSearchesView span.btn-colour-one.btn-ghost:focus, .JobSeekerSavedJobsView span.btn-colour-one.btn-ghost:focus, .JobSeekerApplicationsView span.btn-colour-one.btn-ghost:focus, .JobSeekerAccountContactView span.btn-colour-one.btn-ghost:focus, .JobSeekerDashboardView span.btn-colour-one.btn-ghost:focus, .JobSeekerProfileView span.btn-colour-one.btn-ghost:focus, .JobView span.btn-colour-one.btn-ghost:focus { color: #ffffff; } .JobSeekerAccountEmailView a.btn-post-a-job, .JobSeekerAccountPasswordView a.btn-post-a-job, .JobSeekerSavedSearchesView a.btn-post-a-job, .JobSeekerSavedJobsView a.btn-post-a-job, .JobSeekerApplicationsView a.btn-post-a-job, .JobSeekerAccountContactView a.btn-post-a-job, .JobSeekerDashboardView a.btn-post-a-job, .JobSeekerProfileView a.btn-post-a-job, .JobView a.btn-post-a-job { color: #ffffff; } .JobSeekerAccountEmailView .select2-container, .JobSeekerAccountPasswordView .select2-container, .JobSeekerSavedSearchesView .select2-container, .JobSeekerSavedJobsView .select2-container, .JobSeekerApplicationsView .select2-container, .JobSeekerAccountContactView .select2-container, .JobSeekerDashboardView .select2-container, .JobSeekerProfileView .select2-container, .JobView .select2-container { z-index: 1000000; } .JobSeekerAccountEmailView .select2-dropdown, .JobSeekerAccountPasswordView .select2-dropdown, .JobSeekerSavedSearchesView .select2-dropdown, .JobSeekerSavedJobsView .select2-dropdown, .JobSeekerApplicationsView .select2-dropdown, .JobSeekerAccountContactView .select2-dropdown, .JobSeekerDashboardView .select2-dropdown, .JobSeekerProfileView .select2-dropdown, .JobView .select2-dropdown { border: 1px solid #c7c8ca; } /**************************************** PRIMARY NAVIGATION ****************************************/ .bs-nav-wrapper { background: #193344; height: 67px; } .bs-nav-wrapper .container { position: relative; } .SearchView .bs-nav-wrapper .container { /* base padding to match .search-form-wrapper on mobile */ padding-left: 1.5em; padding-right: 1.5em; } .bs-nav-wrapper .container .scout-logo { padding-top: 10px; } .SearchView .bs-nav-wrapper .container .scout-logo { display: none; } .bs-nav-wrapper .container .scout-logo img { width: 96px; } .bs-nav-wrapper .container .right-side { position: absolute; right: 0; top: 0; } .bs-nav-wrapper .container .right-side .btn-employers { color: white; display: none; margin-top: 1.2em; border: 0; width: 114px; padding: 7px 25px 6px; line-height: 21px; margin-right: 15px; } body.guest .bs-nav-wrapper .container .right-side .btn-employers { display: inline-block; } body.nav-open .bs-nav-wrapper .container .right-side .btn-employers { display: none; } .bs-nav-wrapper .container .right-side .link-employers { color: #fff; margin-top: 1.2em; margin-right: 15px; background-color: transparent; border: none; } body.guest.active-sidebar .bs-nav-wrapper .container .right-side .link-employers { display: none; } .bs-nav-wrapper .container .right-side .btn-job-post { color: white !important; display: inline-block; margin-top: 1.2em; border: 0; padding: 7px 25px 6px; line-height: 21px; margin-right: 15px; } body.guest.active-sidebar .bs-nav-wrapper .container .right-side .btn-job-post { display: none; } body.active-sidebar .bs-nav-wrapper .container .right-side .btn-job-post { display: none; } .bs-nav-wrapper .container .right-side #btn-sitenav { display: inline-block; vertical-align: top; width: 49px; height: 54px; padding: 20px 15px; background: transparent; border: 0; z-index: 1; position: relative; } .bs-nav-wrapper .container .right-side #btn-sitenav hr { border-top: 2px solid white; margin: 5px 0; } .bs-nav-wrapper .container .right-side .welcome { display: inline-block; vertical-align: top; margin-top: 21px; margin-right: 10px; color: #fff; font-family: CircularStd-Book; font-size: 1.143em; line-height: 20pt; cursor: pointer; -webkit-transition: opacity 0.3s, transform 0.5s; -moz-transition: opacity 0.3s, transform 0.5s; -o-transition: opacity 0.3s, transform 0.5s; transition: opacity 0.3s, transform 0.5s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .bs-nav-wrapper .container .right-side .welcome .icon-user { font-size: 20px; margin-left: 11px; } body.employer .bs-nav-wrapper .container .right-side .welcome .icon-user { color: #5996B5; } body.jobseeker .bs-nav-wrapper .container .right-side .welcome .icon-user { color: #ff645a; } .nav-open .bs-nav-wrapper .container .right-side .welcome { opacity: 0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } .covid-warning { height: 40px; background-color: #ff645a; color: white !important; } .covid-warning p { text-align: center; line-height: 40px; font-size: 16px; } .covid-warning p a { color: white !important; text-decoration: underline; } .navbar-inverse .navbar-inner { filter: none; } .JobSeekerAccountEmailView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerAccountPasswordView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerSavedSearchesView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerSavedJobsView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerApplicationsView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerAccountContactView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerDashboardView .nav-scout .member-area .dropdown-menu li a:hover, .JobSeekerProfileView .nav-scout .member-area .dropdown-menu li a:hover, .JobView .nav-scout .member-area .dropdown-menu li a:hover { background: #ff645a; } /**************************************** ERROR/SUCESS MESSAGE BOX ****************************************/ .error-message-box { background-color: #ff645a; } .success-message-box { background-color: #9acd32; } .message-box { color: white; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; padding: 2em 0 2em 0; margin: -2em 0 2em 0; } .message-box a { color: white !important; text-decoration: underline !important; } .notification-header { font-size: 2.2em; max-width: 350px; } .notification-body { font-size: 1.5em; } /**************************************** ALERT STRIP ****************************************/ .alert-strip { padding: 1em; } .alert-strip.alert-strip-job-search { position: relative; padding: 2em; } .alert-strip p { margin: 0; font-size: 1.571em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; color: #999999; float: left; line-height: 1.2; max-width: 90%; } .alert-strip .close-alert { float: right; display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-close.svg?7d2990af0ca4) no-repeat 50%; background-size: 25px; margin: -1px 0 0; } .alert-strip .close-alert:hover, .alert-strip .close-alert:focus { background-image: url(/static/jobs/img/icon-close-hover.svg?7d2990af0ca4); } .alert-strip .close-alert:focus, .alert-strip .close-alert:active { outline: none; } .alert-strip .close-alert.close-alert-job-search { position: absolute; top: 10%; right: 5%; } /**************************************** USER NAV ****************************************/ .dashboard-nav .navbar .container { width: auto; } /**************************************** BREADCRUMB NAV ****************************************/ .breadcrumb-wrapper { display: block; visibility: visible; } .breadcrumb-wrapper .breadcrumb { display: block; visibility: visible; font-style: italic; font-size: 1.15em; padding: 1em 0 0.5em; background: transparent; color: #c7c8ca; border-bottom: 1px solid #c7c8ca; margin: 0 0 0.5em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; text-shadow: none; } .breadcrumb-wrapper .breadcrumb a, .breadcrumb-wrapper .breadcrumb a:visited, .breadcrumb-wrapper .breadcrumb .active { color: #c7c8ca; } /**************************************** HOMEPAGE ****************************************/ .SearchView .bs-nav-wrapper.guest { display: none; } .masthead .container { padding-left: 0; padding-right: 0; } .masthead .container .search-heading { padding: 20px; background: url(/static/jobs/img/masthead/13.jpg?7d2990af0ca4) 50% no-repeat; background-size: cover; } .masthead .container .search-heading .logo { display: block; visibility: visible; width: 200px; height: 100px; background: url(/static/jobs/img/logo_scout.svg?7d2990af0ca4) 0 0 no-repeat; background-size: 100%; } .masthead .container .search-heading .tagline { display: none; } .masthead .container .search-form-wrapper { background: #333333; padding: 1.5em; } .masthead .container .search-form-wrapper .salary-slider__work-type-values, .masthead .container .search-form-wrapper .salary-slider-amounts { color: #ffffff; } .masthead .container .search-form-wrapper .work-type-radio-buttons { color: #ffffff; } .employer-cta { background-color: #333333; color: #999999; font-family: "adobe-garamond-pro", serif; padding: 1em 0 2em; margin-top: 0; } .employer-cta h2 { color: #ffffff; margin: 0; } .employer-cta h2, .employer-cta p { font-size: 1.8em; } .employer-cta .btn { width: auto; float: left; padding: 0.6em 1em 0.7em 35px; font-size: 1.2em; } .homepage-ad-container { padding: 0; } .homepage-ad-container .ad-homepage { display: block; width: 300px; margin: 0 auto; } .homepage-ad-container .ad-homepage.mob { display: block; } /**************************************** Login / Registration ****************************************/ .signin-register-wrap { display: none; visibility: hidden; } .inpage-sign-in { padding: 25px 0 0; } .inpage-sign-in .social-sign-in, .inpage-sign-in .email-register, .inpage-sign-in .email-sign-in { display: none; } .inpage-sign-in .buttons, .inpage-sign-in .form { padding: 0 25px; } .email-register-modal, .email-sign-in-modal { display: none; } /* Mobile Register/Sign In */ .mobile-register-sign-in { /* Signin Text */ } .mobile-register-sign-in .search-sign-in-text .inner h1, .mobile-register-sign-in .search-sign-in-text .inner p { font-size: 25px; } .mobile-register-sign-in .buttons { margin-top: 25px; } .mobile-register-sign-in .btn { width: 48%; } .mobile-register-sign-in .btn + .btn { margin-left: 2%; } /* Common Modal Styles */ .sign-in-modal { background: #ffffff; box-sizing: border-box; } .sign-in-modal .search-sign-in-text { padding: 10px 0; } .sign-in-modal .search-sign-in-text .inner h1, .sign-in-modal .search-sign-in-text .inner p { font-size: 25px; } .sign-in-modal .search-sign-in-text .inner h1 { margin-bottom: 0; } .sign-in-modal .search-sign-in-text .inner .note { font-size: 13px; } .sign-in-modal .search-sign-in-text .inner .note[data-show-register-modal] { display: none; } .sign-in-modal .search-sign-in-text .buttons, .sign-in-modal .search-sign-in-text .form { margin: 10px 0 20px; } /* Social Signin */ .social-sign-in button, .social-sign-in-modal button { display: block; text-align: left; color: #ffffff; font-family: CircularStd-Bold; background-repeat: no-repeat; background-position: 10px 50%; background-size: 21px; font-size: 16px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px 9px 40px; height: 43px; width: 100%; border: 2px solid; transition: background-color, 0.3s; margin-top: 13px; } .social-sign-in button:first-child, .social-sign-in-modal button:first-child { margin-top: 0; } .social-sign-in button:hover, .social-sign-in-modal button:hover { text-decoration: none; } .social-sign-in button.log-reg-facebook, .social-sign-in-modal button.log-reg-facebook { background-color: #3C5A9B; border-color: #3C5A9B; background-image: url(/static/jobs/img/social_facebook.svg?64a03a7feebf); } .social-sign-in button.log-reg-facebook:hover, .social-sign-in-modal button.log-reg-facebook:hover { background-color: #4365ad; border-color: #4365ad; } .social-sign-in button.log-reg-facebook.ghost, .social-sign-in-modal button.log-reg-facebook.ghost { background-color: transparent; background-image: url('/static/jobs/img/social_facebook_blue.svg?64a03a7feebf'); color: #3C5A9B; } .social-sign-in button.log-reg-linkedin, .social-sign-in-modal button.log-reg-linkedin { background-color: #007BB6; background-image: url(/static/jobs/img/social_linkedin.svg?64a03a7feebf); border-color: #007BB6; } .social-sign-in button.log-reg-linkedin:hover, .social-sign-in-modal button.log-reg-linkedin:hover { background-color: #008cd0; border-color: #008cd0; } .social-sign-in button.log-reg-linkedin.ghost, .social-sign-in-modal button.log-reg-linkedin.ghost { background-color: transparent; background-image: url('/static/jobs/img/social_linkedin_blue.svg?64a03a7feebf'); color: #007BB6; } .social-sign-in button.log-reg-email, .social-sign-in-modal button.log-reg-email, .social-sign-in button.log-reg-email-modal, .social-sign-in-modal button.log-reg-email-modal { background-color: #ff645a; background-image: url(/static/jobs/img/social_email.svg?64a03a7feebf); border-color: #ff645a; } .social-sign-in button.log-reg-email:hover, .social-sign-in-modal button.log-reg-email:hover, .social-sign-in button.log-reg-email-modal:hover, .social-sign-in-modal button.log-reg-email-modal:hover { background-color: #ff7c74; border-color: #ff7c74; } .social-sign-in button.log-reg-email.ghost, .social-sign-in-modal button.log-reg-email.ghost, .social-sign-in button.log-reg-email-modal.ghost, .social-sign-in-modal button.log-reg-email-modal.ghost { background-color: transparent; background-image: url('/static/jobs/img/social_email_pink.svg?64a03a7feebf'); color: #ff645a; } .login-register-text { font-family: "adobe-garamond-pro", serif; font-size: 2.286em; line-height: 1.2; letter-spacing: -0.5px; color: #999999; margin-bottom: 0.5em; } .login-register-text h4, .login-register-text p { margin-bottom: 0; } .login-register-text .note { margin-top: 1em; } /* Signin Text */ .search-sign-in-text { font-family: "adobe-garamond-pro", serif; line-height: 1.2; color: #999999; } .search-sign-in-text .inner { padding: 0 25px; margin-top: -5px; } .search-sign-in-text .inner h1 { color: #333333; margin: 0 0 3px; } .search-sign-in-text .inner h1, .search-sign-in-text .inner p { font-size: 36px; } .search-sign-in-text .inner p { line-height: 1.2; } .search-sign-in-text .inner .note { font-size: 14px; line-height: 1.5; font-family: CircularStd-Book; } .search-sign-in-text .inner .note a { color: #ff645a; } .search-sign-in-text .inner .login-register .btn { float: left; width: 48%; font-family: CircularStd-Book; } .search-sign-in-text .inner .login-register .btn + .btn { float: right; } .search-sign-in-text .inner .small { margin-top: 20px; font-family: CircularStd-Book; font-size: 16px; } .search-sign-in-text .inner .small a { color: #ff645a; } .search-sign-in-text .inner [data-show-register] { display: none; } /**************************************** 404 ****************************************/ .error-404 .masthead .container .error-heading { margin: 0; padding: 20px; background-image: url(/static/jobs/img/masthead-chef-mobile.jpg?7d2990af0ca4); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; min-height: 140px; } .error-404 .masthead .container .error-heading h1 { color: #ffffff; font-family: "adobe-garamond-pro", serif; font-size: 18px; text-align: center; line-height: 1.6; max-width: 400px; margin: 0.67em auto; } .error-404 .masthead .container .error-heading h1 a, .error-404 .masthead .container .error-heading h1 a:visited { color: #ffffff; text-decoration: none; } .error-404 .masthead .container .error-heading h1 a:hover, .error-404 .masthead .container .error-heading h1 a:visited:hover { text-decoration: underline; } .error-404 .employer-cta { background: transparent; color: #77776f; padding: 30px 20px; } .error-404 .employer-cta .content { margin-bottom: 20px; } .error-404 .employer-cta .content p { font-size: 18px; padding: 0 20px; text-align: center; } .error-404 .employer-cta .interact a { width: 100%; } /**************************************** COMMON LISTS ****************************************/ .floated-list { margin: 1em 0; padding-bottom: 0.3em; } .floated-list li { list-style-type: none; margin: 0 0 1em; } .floated-list li .key { color: #999999; display: block; } /******************************************************************************* FOOTER STYLES *******************************************************************************/ .footer { margin-top: 4em; } .footer .footer-inner .footer__links .footer__col-4 { display: none; } .footer .footer-inner > .container:first-child { display: none; visibility: hidden; } .footer .footer-inner .footer__copyright { background: #BBBBB7; font-size: 0.78em; color: #fff; padding: 1.6em 1em 1em; min-height: auto; text-align: left; } .footer .footer-inner .footer__copyright .row-fluid [class*="span"] { min-height: 100%; } .footer .footer-inner .footer__copyright .tagline { text-align: left; } .footer-links { font-family: CircularStd-Book; font-size: 11px; line-height: 18px; } .footer__copyright { font-family: CircularStd-Book; font-size: 11px; line-height: 18px; } .footer__copyright .tcyk a { color: white; } .footer__links li { font-family: CircularStd-Book; } .footer__links li:first-child { font-family: CircularStd-Bold; } /* Creates a white gap at the bottom of the page */ form.debug { display: none; visibility: hidden; } /******************************************************************************* SEARCH RESULTS *******************************************************************************/ .search-result { color: #333333; padding: 1em; border-bottom: 1px solid #c7c8ca; } .search-result a:hover { text-decoration: none; } .search-result .result-content { color: #333; } .search-result .result-content .job-logo { text-align: center; } .search-result .result-content .job-logo img { max-width: 80%; max-height: 130px; margin: 10px auto; } .search-result .result-content .result-title { font-family: "adobe-garamond-pro", serif, "pt-serif-n4", "pt-serif", serif; margin: 0; font-size: 1.714em; line-height: 1.5; color: #333333; } .search-result .result-content .group-name { font-size: 1em; margin: 0 0 0.8em; color: #999999; } .search-result .result-meta { color: #999999; } .search-result .result-meta img { max-width: 130px; max-height: 150px; } .search-result.featured { border: 1px solid #ff645a; margin-bottom: 10px; } .search-result.featured .result-content .result-title, .search-result.featured .result-content .group-name { color: #ff645a; } .other-venues { margin-top: 40px; } .other-venues h2 { font-family: CircularStd-Book; font-size: 18px; margin: 0 0 20px; border-bottom: 1px solid #c6c8ca; padding-bottom: 6px; } .other-venues ul { padding: 0; margin: 40px 0; } .other-venues ul li { list-style-type: none; padding: 0; } .other-venues ul li img { width: 100%; height: auto; display: block; margin-bottom: 20px; } .other-venues ul li h4 { font-family: "adobe-garamond-pro", serif; font-size: 32px; font-weight: 400; margin-bottom: 16px; } .other-venues ul li p { margin-bottom: 24px; } /******************************************************************************* PAGINATION *******************************************************************************/ .pagination { padding: 10px 0 0; margin: 0; } .pagination.search-results { margin: 55px 0 55px 0; } .pagination ul { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination ul li a, .pagination ul li span { border: none; line-height: 30px; font-size: 1.071em; color: #c6c8ca; } .pagination ul li a:hover { color: #808284; background-color: transparent; } .pagination ul li .active { color: #ff645a; } /******************************************************************************* JOB DETAIL PAGE (also used in Cart Preview page) *******************************************************************************/ .utility-bar { background: #F1F0ED; height: 48px; padding: 1.1em 0; margin: 0 0 2em; } .utility-bar a { color: #ff645a; } .utility-bar a.back-to-results { background: url(/static/jobs/img/icon-arrow-left-peach.svg?7d2990af0ca4) 0 50% no-repeat; padding-left: 18px; background-size: 8px; } .job-detail { padding-top: 10px; padding-bottom: 20px; } .job-detail .section-heading { margin: 0 0 0.5em; } .job-detail .job-detail-main { color: #666666; } .job-detail .job-detail-main .job-logo { max-height: 150px; max-width: 100%; width: auto; margin-bottom: 20px; } .job-detail .job-detail-main .job-title { font-family: "adobe-garamond-pro", serif; margin: 15px 0; font-size: 2.143em; line-height: 1.2; color: #333333; } .job-detail .job-detail-main .group-name { font-weight: 400; font-size: 1.214em; margin: 0 0 1em; color: #999999; } .job-detail .job-detail-main .job-meta ul { margin-bottom: 1em; border-top: solid #c7c8ca; border-width: 1px 0; padding: 1em 0; } .job-detail .job-detail-main h2, .job-detail .job-detail-main h5 { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 1.286em; margin: 1em 0 0.5em; color: #323232; line-height: 1.2; } .job-detail .job-detail-main .btn { display: none; visibility: hidden; } .job-detail .job-meta ul { margin: 0; } .job-detail .job-meta ul li { list-style-type: none; margin: 0 0 0.3em; font-size: 1.071em; } .job-detail .job-meta ul li .l { font-family: "pt-serif-n4", "pt-serif", serif; width: 35%; color: #333333; display: inline-block; vertical-align: top; } .job-detail .job-meta ul li .val { width: 63%; color: #999999; display: inline-block; vertical-align: top; } .job-detail .job-detail-aside { margin-top: 2em; } .job-detail .job-detail-aside > div { margin: 0 0 2em; } .job-detail .job-detail-aside .save-apply-btns { border-bottom: 1px solid #c7c8ca; padding-bottom: 2em; } .job-detail .job-detail-aside .social-share { border: solid #c7c8ca; border-width: 1px 0; padding: 1.3em 0 1.2em; } .job-detail .job-detail-aside .social-share h3 { font-weight: 400; font-size: 1.286em; display: inline-block; float: left; margin: 0.1em 1em 0 0; line-height: 1.5; font-family: "pt-serif-n4", "pt-serif", serif; color: #323232; } .job-detail .job-detail-aside .social-share ul { margin: 0; } .job-detail .job-detail-aside .social-share ul li { list-style-type: none; float: left; margin: 0 10px 0 0; } .job-detail .job-detail-aside .social-share ul li img { width: 30px; height: 30px; } .save-apply-sticky { position: fixed; bottom: 0; width: 100%; background: #193344; padding: 10px 0; } .save-apply-sticky .btn { width: 48%; font-size: 18px; cursor: pointer; } .save-apply-sticky .btn + .btn { margin-left: 2%; } .save-apply-sticky .btn.btn-save { background: #ffffff; color: #ff645a; border-color: #ffffff; } .job-list { margin-top: 1em; } #job-application-form { display: none; /* Is made visble by sidr.js */ background: #ffffff; width: 100%; max-width: 530px; color: #333333; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); border: solid #c7c8ca; border-width: 0 1px; padding: 1em; } #job-application-form .application-form-wrap.guest .application-form { display: block; visibility: visible; } #job-application-form .application-form-wrap.not-enough-uploads .application-form { display: block; visibility: visible; } #job-application-form .application-form-wrap .desktop-only { display: block; visibility: visible; } #job-application-form .application-form-wrap .notice { display: none; visibility: hidden; } #job-application-form .container { width: 100% !important; } #job-application-form .container .hide-application-form { background: url(/static/jobs/img/icon_arrow_right.svg?7d2990af0ca4) 0 50% no-repeat transparent; background-size: 7px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #999999; padding: 0 0 0 14px; margin: 0; text-align: left; } #job-application-form .container .hide-application-form:hover { color: #333333; } #job-application-form .container label, #job-application-form .container .field-group-title { font-size: 0.929em; } #job-application-form .container h2, #job-application-form .container .field-group-title { background: transparent; color: #333333; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } #job-application-form .container h2 { border-bottom: 1px solid #c7c8ca; font-size: 1.286em; padding: 0 0 1em; margin: 1em 0; } #job-application-form .container .field-group { margin-bottom: 1em; } #job-application-form .container .field-group .field-group-title { font-size: 1em; margin: 0 0 0.5em; padding: 0; } #job-application-form .container .field-group.inline-fields .field-group-title { margin-bottom: 0; } #job-application-form .container .new-section { border-top: 1px solid #c7c8ca; margin-top: 1em; padding-top: 1em; } #job-application-form .container .dropzone-wrap { margin-top: 2em; } #job-application-form .container .dropzone-wrap .file-dropzone { background: url(/static/jobs/img/icon-file.svg?7d2990af0ca4) 50% 55px no-repeat; background-size: 40px; width: 100%; height: 180px; border: 1px solid #c7c8ca; text-align: center; padding: 115px 0 0; color: #999999; font-size: 1em; } #job-application-form .container .dropzone-wrap .file-dropzone:hover { border-color: #ff645a; } #job-application-form .container .dropzone-wrap .btn { padding: 0.3em 1.6em; margin: 0.7em 0 0; } #job-application-form #cover-letter-error, #job-application-form #resume-error { display: none; color: red; } .AppSubmittedView .job-detail .center { max-width: 500px; margin: 0 auto 100px; } .AppSubmittedView .job-detail .center h1 { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; text-align: center; } .AppSubmittedView .job-detail .center .btn { width: 237px; margin: 0 auto; display: block; } .AppSubmittedView .survey-box { padding-top: 20px; padding-bottom: 20px; margin-top: -80px; } .AppSubmittedView .survey-box .survey-title-text { font-size: 1.5em; } .AppSubmittedView .survey-box .survey-text-box { max-width: 500px; } .AppSubmittedView .survey-box .survey-text-box p, .AppSubmittedView .survey-box .survey-text-box button { margin: 20px 0 0 0; } .AppSubmittedView .survey-box .survey-text-box p a, .AppSubmittedView .survey-box .survey-text-box button a { color: black; } .salary-worktype-row { padding-bottom: 15px; } .SearchResultsView .footer { margin-top: 5px; } .mfp-bg { background: rgba(0, 0, 0, 0.46); } .mfp-iframe-scaler iframe { box-shadow: none; background: #ffffff; } .mfp-iframe-holder .mfp-close { background: white; opacity: 1; right: 0; } .mfp-wrap.save-search .mfp-content { max-width: 500px; } .mfp-wrap.save-search .mfp-content .mfp-iframe-scaler { padding-top: 430px; transition: padding 0.3s ease-in-out; } .mfp-wrap.anonymous-save-search .mfp-content { max-width: 500px; } .mfp-wrap.anonymous-save-search .mfp-content .mfp-iframe-scaler { padding-top: 430px; transition: padding 0.3s ease-in-out; } .mfp-wrap.login-register .mfp-content { max-width: 500px; } .mfp-wrap.login-register .mfp-content .mfp-iframe-scaler { padding-top: 550px; transition: padding 0.3s ease-in-out; } .mfp-wrap.login-register[data-login-or-register="signin"] .mfp-content .mfp-iframe-scaler { padding-top: 300px; } .mfp-wrap .mfp-close { top: 10px; right: 25px; width: 24px; height: 24px; background-image: url('/static/jobs/img/dg/large-x.svg?7d2990af0ca4'); background-repeat: no-repeat; background-size: 24px; cursor: pointer; color: transparent; } .modal-dialog .container h1, .modal-dialog .container h3 { font-family: "adobe-garamond-pro", serif; font-size: 31px; line-height: 36px; margin: 0; } .modal-dialog .container h3 { color: #666666; } .modal-dialog .container form { margin-top: 30px; } .modal-dialog .container form .btn-large { padding: 0.6em 3em; } .modal-dialog .container form .parsley-error-list { margin-left: 0; margin-top: -18px; } .modal-dialog .container form .parsley-error-list li { list-style-type: none; color: red; } .modal-dialog .container form .error { color: red; } .modal-dialog .container form input { margin-bottom: 15px; } .modal-dialog .container .row-fluid.tandc { margin-top: 20px; } .modal-dialog .container .buttons { margin-top: 13px; } .modal-dialog .container .buttons .btn { margin-right: 10px; } .modal-dialog .container.inline { width: 100%; padding: 0; } .modal-dialog .container.inline form { margin: 0; } .modal-dialog .select2-dropdown { box-shadow: none; border: 1px solid #c7c8ca; border-top: 0; } .modal-dialog .select2-dropdown.select2-dropdown--above { border-top: 1px solid #c7c8ca; border-bottom: 0; } .JobSeekerDashboardView .profile-content a { color: #ff645a; } .JobSeekerDashboardView .buttons .btn { width: 100%; display: block; margin-bottom: 24px; } .JobSeekerProfileView .complete-header { padding: 20px 0 40px; margin-bottom: 40px; } .JobSeekerProfileView .complete-header .buttons { padding-top: 10px; } .JobSeekerProfileView .complete-header .buttons .btn { display: block; margin-bottom: 15px; width: 100%; } .JobSeekerProfileView .complete-header p { margin-top: 15px; color: #666666; } .JobSeekerProfileView .edit-header, .JobSeekerProfileView .complete-header { border-bottom: 1px solid #c7c8ca; } .JobSeekerProfileView .edit-header h1, .JobSeekerProfileView .complete-header h1 { color: black; margin-bottom: 5px; border: 0; line-height: 1.2; } .JobSeekerProfileView .edit-header h2, .JobSeekerProfileView .complete-header h2 { margin: 0; border: 0; line-height: 1.2; } .JobSeekerSavedSearchesView .email-alert select { border: 0; width: 100px; height: auto; padding-left: 0; } .JobSeekerSavedSearchesView .email-alert.th { padding-left: 8px; } .JobSeekerApplicationsView .data-table .expires, .JobSeekerApplicationsView .data-table .applied { width: 13%; } .JobSeekerApplicationsView .data-table .cover-letter, .JobSeekerApplicationsView .data-table .resume, .JobSeekerApplicationsView .data-table .archive { width: 16%; } .JobSeekerApplicationsView .data-table .title { width: 32%; } .JobSeekerApplicationsView .data-table .title a:hover { text-decoration: none; } .JobSeekerApplicationsView .data-table .td.cover-letter, .JobSeekerApplicationsView .data-table .td.resume, .JobSeekerApplicationsView .data-table .td.archive, .JobSeekerApplicationsView .data-table .td.single-btn { padding-top: 12px; } .JobSeekerSavedSearchesView .results-table .form-search, .JobSeekerSavedJobsView .results-table .form-search, .JobSeekerApplicationsView .results-table .form-search { display: none; } .JobSeekerSavedSearchesView .td.single-btn, .JobSeekerSavedJobsView .td.single-btn, .JobSeekerApplicationsView .td.single-btn, .JobSeekerSavedSearchesView .td.resume, .JobSeekerSavedJobsView .td.resume, .JobSeekerApplicationsView .td.resume, .JobSeekerSavedSearchesView .td.cover-letter, .JobSeekerSavedJobsView .td.cover-letter, .JobSeekerApplicationsView .td.cover-letter { padding-top: 23px; } .JobSeekerSavedSearchesView .td.criteria, .JobSeekerSavedJobsView .td.criteria, .JobSeekerApplicationsView .td.criteria { padding-top: 27px; } .archive-explainer { font-size: 15px; color: #999999; margin-top: 20px; } [data-share] { cursor: pointer; } .create-your-ad .select2-container { border: 1px solid #c7c8ca; border-radius: 3px; } .CartAddJobView .select2-dropdown { border: 1px solid #c7c8ca; border-top: 0; } .CartAddJobView .select2-dropdown ul { margin-top: -2px !important; } #overlay-save { background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; align-items: center; justify-content: center; display: none; } /******************************************************************************* JOB APPLICATION PAGE *******************************************************************************/ .job-application .application-aside .btn { width: 100%; } /**************************************** ABOUT PAGE ****************************************/ .about-page .header-banner { background: url('/static/jobs/img/about/about-banner-mobile.jpg?7d2990af0ca4') 50% 0 no-repeat; background-size: cover; min-height: 185px; color: #ffffff; margin-bottom: 20px; } .about-page .header-banner .inner { padding: 30px 10px; max-width: 440px; } .about-page .header-banner h1 { font-size: 14px; font-family: CircularStd-Book; margin: 0 0 1em; line-height: 1.2; } .about-page .header-banner p { font-size: 18px; font-family: "adobe-garamond-pro", serif; line-height: 1.2; } .img-content-block { margin-bottom: 35px; padding-bottom: 18px; border-bottom: 1px solid #c7c8ca; } .img-content-block .content { padding: 21px 10px 0; } .img-content-block .content h2 { font-size: 14px; font-weight: 400; margin: 0 0 0.8em; line-height: 1; } .img-content-block .content p { font-size: 18px; line-height: 1.2; } .img-content-block .content p .emphasis { color: #939598; } .img-content-block .content p.subtext { font-size: 14px; } .img-content-block img { display: block; width: 100%; height: auto; } .user-cta + .user-cta { border-top: 1px solid #c7c8ca; margin-top: 35px; padding-top: 35px; } .user-cta .content { padding-left: 10px; padding-right: 10px; } .user-cta h2 { font-family: CircularStd-Book; font-size: 14px; font-weight: 400; margin: 0 0 0.8em; line-height: 1; } .user-cta p { font-size: 18px; line-height: 1.2; } .user-cta .btn { width: 100%; height: 43px; font-size: 18px; } .modal-dialog .container { padding-top: 50px; } @media screen and (min-width: 500px) { .modal-dialog .container { padding: 20px 55px; } } .modal-dialog #login-register-form input, .modal-dialog .register-form input { margin-bottom: 10px; } .modal-dialog #login-register-form .row-fluid.buttons, .modal-dialog .register-form .row-fluid.buttons { margin-top: 10px; } .modal-dialog .user-type-selector { width: 50%; float: left; padding-bottom: 10px; } .modal-dialog .user-type-selector label { padding-left: 5px; } .modal-dialog .user-type-selector .prettyradio > a { background-position: -30px 0; } .modal-dialog .user-type-selector .prettyradio > a:focus { background-position: -30px 0; } .modal-dialog .user-type-selector .prettyradio > a.checked { background-position: -60px 0; } .modal-dialog .user-type-selector .prettyradio > a.checked:focus { background-position: -60px 0; } .modal-dialog .emp-registration { display: none; } .JobSeekerProfileView [data-saved-files-chunk], .JobSeekerProfileView .upload-button { display: none; } #s2id_id_sort { display: none; } .AdvertiserEditJobView .logo-wrap, .CartEditJobView .logo-wrap, .CartAddJobView .logo-wrap { position: relative; } .JobView .breadcrumb-wrapper .breadcrumb { border: 0; margin: 0; } .data-table.live-jobs .td.applicants a { color: black; } .data-table.live-jobs .td.applicants a.new-apps { color: #5996B5; } body.active-sidebar .right-side-bar { width: 500px; padding-left: 100px; } body.active-sidebar .right-side-bar .login-welcome p { opacity: 1; } body.active-sidebar .sidebar-close { right: 420px; opacity: 1; z-index: 99999999; transition: right 0.5s ease; } body.active-sidebar .right-side .btn-employers { opacity: 0; } body.active-sidebar .right-side .welcome { opacity: 0; } body.active-sidebar .right-toggle-menu hr { display: none; } body.active-sidebar .right-toggle-menu .icon-x { color: white; font-size: 21px; margin: 0 auto; display: block; margin-top: 7px; opacity: 1; } @media screen and (min-width: 320px) and (max-width: 767px) { body.active-sidebar .right-side-bar { width: 360px!important; } body.active-sidebar .right-side-bar .container { width: 260px!important; } body.active-sidebar .right-side-bar .menu-container { width: 260px!important; } body.active-sidebar .sidebar-close { right: 290px; } } .sidebar-close { position: absolute; right: 0; top: 20px; background: none; border: none; transition: all 0.5s ease; } .right-toggle-menu .icon-x { opacity: 0; } .right-side-bar { display: block; background: transparent; font-family: CircularStd-Book; font-size: 17px; width: 0; height: 100%; z-index: 999999; box-shadow: none; position: fixed; top: 0; right: 0; overflow-y: auto; overflow-x: hidden; transition: all 0.5s ease; } .right-side-bar .menu-container { padding: 14px 25px; width: 400px!important; min-height: 100%; margin-left: 0; background: #262626; } .right-side-bar .menu-container .btn { font-size: 16px; } .right-side-bar .menu-container .btn.signin { font-size: 18px; } .right-side-bar .menu-container .login-register-cta { margin-bottom: 25px; } .right-side-bar .menu-container .login-register-cta .signin { width: 130px; padding: 7px 0; } @media screen and (min-width: 550px) { .right-side-bar .menu-container .login-register-cta .signin { width: 165px; } } .right-side-bar .menu-container .login-welcome p { font-size: inherit; margin-top: 10px; display: inline-block; opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -o-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 0.3s, transform 0.5s; -moz-transition: opacity 0.3s, transform 0.5s; -o-transition: opacity 0.3s, transform 0.5s; transition: opacity 0.3s, transform 0.5s; -moz-transition-delay: 0.14s; -webkit-transition-delay: 0.14s; -o-transition-delay: 0.14s; transition-delay: 0.14s; } .right-side-bar .menu-container .login-welcome p .icon-user { font-size: 20px; margin-left: 50px; margin-right: 8px; } body.employer .right-side-bar .menu-container .login-welcome p .icon-user { color: #5996B5; } body.jobseeker .right-side-bar .menu-container .login-welcome p .icon-user { color: #ff645a; } .nav-open .right-side-bar .menu-container .login-welcome p { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .right-side-bar .menu-container .login-welcome .btn { font-size: 16px; height: 38px; padding-top: 7px; } @media screen and (min-width: 550px) { .right-side-bar .menu-container .login-welcome .btn { float: right; } } .right-side-bar .menu-container .user-nav ul { border-top: 1px solid #4d4d4d; border-bottom: 0; margin: 25px 0 0; padding: 3px 0; } .right-side-bar .menu-container .user-nav ul li { border: 0; line-height: 1.4; } .right-side-bar .menu-container .user-nav ul li:hover { line-height: 1.4; } .right-side-bar .menu-container .user-nav ul li:hover a { box-shadow: none; } .right-side-bar .menu-container .user-nav ul li a { padding: 7px 0; color: white; } .jobseeker .right-side-bar .menu-container .user-nav ul li a.active, .jobseeker .right-side-bar .menu-container .user-nav ul li a:hover { color: #ff645a; } .employer .right-side-bar .menu-container .user-nav ul li a.active, .employer .right-side-bar .menu-container .user-nav ul li a:hover { color: #5996B5; } .right-side-bar .menu-container .accordion { margin: 0; border-top: 1px solid #4d4d4d; } .right-side-bar .menu-container .accordion .accordion-group { border: 0; margin-bottom: 0; border-radius: 0; padding: 3px 0; } .right-side-bar .menu-container .accordion .accordion-group.active { border-bottom: 1px solid #4d4d4d; } .right-side-bar .menu-container .accordion .accordion-group.active:last-child { border: 0; } .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle { line-height: 1.4; padding: 7px 20px 7px 0; color: white; } .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle:focus { text-decoration: none; } .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle.active, .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle:hover { text-decoration: none; } .guest .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle.active, .guest .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle:hover, .jobseeker .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle.active, .jobseeker .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle:hover { color: #ff645a; } .employer .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle.active, .employer .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle:hover { color: #5996B5; } .right-side-bar .menu-container .accordion .accordion-group .accordion-heading .accordion-toggle .icon-chevron-down { float: right; font-size: 20px; margin-top: 6px; margin-right: -20px; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner { padding: 0; border: 0; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul { border: 0; margin: 0; padding-left: 22px; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li { line-height: 1.4; border: 0; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li a { padding: 5px 0 7px; color: white; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li:hover { line-height: 1.4; } .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li:hover a { box-shadow: none; } .guest .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li:hover a, .jobseeker .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li:hover a { color: #ff645a; } .employer .right-side-bar .menu-container .accordion .accordion-group .accordion-inner ul li:hover a { color: #5996B5; } .right-side-bar .menu-container .search a { display: block; color: white; line-height: 45px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; } .right-side-bar .menu-container .search a:hover { text-decoration: none; } .guest .right-side-bar .menu-container .search a:hover, .jobseeker .right-side-bar .menu-container .search a:hover { color: #ff645a; } .employer .right-side-bar .menu-container .search a:hover { color: #5996B5; } .right-side-bar .menu-container .btn-employers, .right-side-bar .menu-container .btn-post-a-job { margin-top: 30px; color: white; width: 128px; height: 37px; padding-top: 6px; } .right-side-bar .menu-container .social-share { margin-top: 30px; border: 0; } .right-side-bar .menu-container .social-share li { line-height: 38px; border: 0; display: inline-block; vertical-align: top; margin-right: 15px; } .right-side-bar .menu-container .social-share li:last-child { margin-right: 0; } .right-side-bar .menu-container .social-share li a { padding: 0; } .right-side-bar .menu-container .social-share li:hover { line-height: 38px; } .right-side-bar .menu-container .social-share li:hover a { box-shadow: none; } /******************************************************************************* BUTTONS *******************************************************************************/ /* Bootstrap Reset */ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: inherit; color: inherit; } /* End Bootstrap Reset */ /* @image image filename without path. eg. icon.png @w width @h height @x x-position @y y-position @color */ /******************************************************************************* COMMON STYLES *******************************************************************************/ button:focus, input[type=submit]:focus { outline: none; } .btn, .btn-wh-br, .btn-tl-br { background: #ff645a; color: #ffffff; background-image: none; border: 2px solid; text-shadow: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 43px; } .btn:hover { text-shadow: none; text-decoration: none; background-color: #ff7c74; color: #ffffff; border-color: #ff7c74; } .btn:focus, .btn:active { outline: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .btn-dummy { cursor: default; } .btn-full-mobile { width: 100%; } .btn-email-applicants { width: 100%; margin-top: 20px; display: none; } /******************************************************************************* PRIMARY BUTTONS *******************************************************************************/ .btn-primary { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /******************************************************************************* SECONDARY BUTTONS *******************************************************************************/ .btn-secondary { background-color: transparent; border-color: #e7e5e1; color: #ff645a; font-size: 1.1em; padding-top: 0.7em; padding-bottom: 0.55em; } .btn-secondary:hover, .btn-secondary:focus { border-color: #ff645a; color: #ffffff; } .btn-secondary.btn-dummy { background-color: transparent; border-color: #e7e5e1; color: #ff645a; } .btn-secondary.btn-colour-two { background-color: transparent; border-color: #5996B5; color: #5996B5; } .btn-secondary.btn-colour-two:hover, .btn-secondary.btn-colour-two:focus { border-color: #7cacc5; background: #7cacc5; color: #ffffff; } /******************************************************************************* MINIMAL BUTTONS *******************************************************************************/ .btn-minimal { background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #c7c8ca; padding: 0; } .btn-minimal:hover, .btn-minimal:focus { background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #999999; text-decoration: none; } .btn-minimal.sort-results { background: url(/static/jobs/img/icon_arrow_down.svg?7d2990af0ca4) right 50% no-repeat; background-size: 15px 9px; padding-right: 25px; } .btn-group.open .btn-minimal.dropdown-toggle { background: url(/static/jobs/img/icon_arrow_down.svg?7d2990af0ca4) right 50% no-repeat; background-size: 15px 9px; color: #999999; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } /* Accept/Reject Buttons */ .reject-accept-wrapper button { background: url(/static/jobs/img/icon-circle--grey.svg?7d2990af0ca4) right 50% no-repeat; background-size: 20px; padding: 0 2em 0 0; border: none; display: block; color: #999999; margin: 0 0 0.5em; width: 125px; text-align: left; } .reject-accept-wrapper button.selected, .reject-accept-wrapper button:hover { background-image: url(/static/jobs/img/icon-tick-in-circle--blue.svg?7d2990af0ca4); } .reject-accept-wrapper button:focus { outline: none; } /******************************************************************************* SMALL ICON BUTTONS *******************************************************************************/ .toggle-switch { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; width: 24px; height: 18px; background: url(/static/jobs/img/btn_toggle_switch_on.svg?7d2990af0ca4) 50% no-repeat; background-size: 24px 18px; float: right; } .toggle-switch.toggle-off { background-image: url(/static/jobs/img/btn_toggle_switch_off.svg?7d2990af0ca4); } /******************************************************************************* SPECIFIC BUTTONS *******************************************************************************/ .btn-post-a-job, a.btn-post-a-job { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #ffffff; } .btn-post-a-job:visited, a.btn-post-a-job:visited { color: #ffffff; } .btn-job-post, a.btn-job-post { color: white !important; } /******************************************************************************* SIZE OPTIONS *******************************************************************************/ .btn-large { padding: 0.6em 1em; font-size: 1.2em; } .btn-wide { padding-left: 3em; padding-right: 3em; } .btn-small { padding: 0.2em 0.5em; font-size: 1em; } /******************************************************************************* COLOURS *******************************************************************************/ /* Pink Colour Scheme */ a, span, button { /* Blue Colour Scheme */ /* White Colour Scheme */ } a.btn-colour-one, span.btn-colour-one, button.btn-colour-one, a.btn-colour-one:active, span.btn-colour-one:active, button.btn-colour-one:active, a.btn-colour-one:focus, span.btn-colour-one:focus, button.btn-colour-one:focus { background-color: #ff645a; border-color: #ff645a; color: #ffffff; } a.btn-colour-one:hover, span.btn-colour-one:hover, button.btn-colour-one:hover, a.btn-colour-one:active:hover, span.btn-colour-one:active:hover, button.btn-colour-one:active:hover, a.btn-colour-one:focus:hover, span.btn-colour-one:focus:hover, button.btn-colour-one:focus:hover, a.btn-colour-one:focus, span.btn-colour-one:focus, button.btn-colour-one:focus, a.btn-colour-one:active:focus, span.btn-colour-one:active:focus, button.btn-colour-one:active:focus, a.btn-colour-one:focus:focus, span.btn-colour-one:focus:focus, button.btn-colour-one:focus:focus { background-color: #ff7c74; border-color: #ff7c74; } a.btn-colour-one.btn-ghost, span.btn-colour-one.btn-ghost, button.btn-colour-one.btn-ghost, a.btn-colour-one:active.btn-ghost, span.btn-colour-one:active.btn-ghost, button.btn-colour-one:active.btn-ghost, a.btn-colour-one:focus.btn-ghost, span.btn-colour-one:focus.btn-ghost, button.btn-colour-one:focus.btn-ghost { background-color: transparent; color: #ff645a; } a.btn-colour-one.btn-ghost:hover, span.btn-colour-one.btn-ghost:hover, button.btn-colour-one.btn-ghost:hover, a.btn-colour-one:active.btn-ghost:hover, span.btn-colour-one:active.btn-ghost:hover, button.btn-colour-one:active.btn-ghost:hover, a.btn-colour-one:focus.btn-ghost:hover, span.btn-colour-one:focus.btn-ghost:hover, button.btn-colour-one:focus.btn-ghost:hover, a.btn-colour-one.btn-ghost:focus, span.btn-colour-one.btn-ghost:focus, button.btn-colour-one.btn-ghost:focus, a.btn-colour-one:active.btn-ghost:focus, span.btn-colour-one:active.btn-ghost:focus, button.btn-colour-one:active.btn-ghost:focus, a.btn-colour-one:focus.btn-ghost:focus, span.btn-colour-one:focus.btn-ghost:focus, button.btn-colour-one:focus.btn-ghost:focus { background-color: #ff645a; border-color: #ff645a; color: #ffffff; } a.btn-colour-one.btn-dummy:hover, span.btn-colour-one.btn-dummy:hover, button.btn-colour-one.btn-dummy:hover, a.btn-colour-one:active.btn-dummy:hover, span.btn-colour-one:active.btn-dummy:hover, button.btn-colour-one:active.btn-dummy:hover, a.btn-colour-one:focus.btn-dummy:hover, span.btn-colour-one:focus.btn-dummy:hover, button.btn-colour-one:focus.btn-dummy:hover, a.btn-colour-one.btn-dummy:focus, span.btn-colour-one.btn-dummy:focus, button.btn-colour-one.btn-dummy:focus, a.btn-colour-one:active.btn-dummy:focus, span.btn-colour-one:active.btn-dummy:focus, button.btn-colour-one:active.btn-dummy:focus, a.btn-colour-one:focus.btn-dummy:focus, span.btn-colour-one:focus.btn-dummy:focus, button.btn-colour-one:focus.btn-dummy:focus { background-color: #ff645a; border-color: #ff645a; } a.btn-colour-two, span.btn-colour-two, button.btn-colour-two, a.btn-colour-two:active, span.btn-colour-two:active, button.btn-colour-two:active, a.btn-colour-two:focus, span.btn-colour-two:focus, button.btn-colour-two:focus { background-color: #5996B5; border-color: #5996B5; color: #ffffff; } a.btn-colour-two:hover, span.btn-colour-two:hover, button.btn-colour-two:hover, a.btn-colour-two:active:hover, span.btn-colour-two:active:hover, button.btn-colour-two:active:hover, a.btn-colour-two:focus:hover, span.btn-colour-two:focus:hover, button.btn-colour-two:focus:hover, a.btn-colour-two:focus, span.btn-colour-two:focus, button.btn-colour-two:focus, a.btn-colour-two:active:focus, span.btn-colour-two:active:focus, button.btn-colour-two:active:focus, a.btn-colour-two:focus:focus, span.btn-colour-two:focus:focus, button.btn-colour-two:focus:focus { background-color: #6ba1bd; border-color: #6ba1bd; color: #ffffff; } a.btn-colour-two.btn-ghost, span.btn-colour-two.btn-ghost, button.btn-colour-two.btn-ghost, a.btn-colour-two:active.btn-ghost, span.btn-colour-two:active.btn-ghost, button.btn-colour-two:active.btn-ghost, a.btn-colour-two:focus.btn-ghost, span.btn-colour-two:focus.btn-ghost, button.btn-colour-two:focus.btn-ghost { background-color: transparent; color: #5996B5; } a.btn-colour-two.btn-ghost:hover, span.btn-colour-two.btn-ghost:hover, button.btn-colour-two.btn-ghost:hover, a.btn-colour-two:active.btn-ghost:hover, span.btn-colour-two:active.btn-ghost:hover, button.btn-colour-two:active.btn-ghost:hover, a.btn-colour-two:focus.btn-ghost:hover, span.btn-colour-two:focus.btn-ghost:hover, button.btn-colour-two:focus.btn-ghost:hover, a.btn-colour-two.btn-ghost:focus, span.btn-colour-two.btn-ghost:focus, button.btn-colour-two.btn-ghost:focus, a.btn-colour-two:active.btn-ghost:focus, span.btn-colour-two:active.btn-ghost:focus, button.btn-colour-two:active.btn-ghost:focus, a.btn-colour-two:focus.btn-ghost:focus, span.btn-colour-two:focus.btn-ghost:focus, button.btn-colour-two:focus.btn-ghost:focus { background-color: #6ba1bd; border-color: #6ba1bd; color: #ffffff; } a.btn-colour-two.btn-dummy:hover, span.btn-colour-two.btn-dummy:hover, button.btn-colour-two.btn-dummy:hover, a.btn-colour-two:active.btn-dummy:hover, span.btn-colour-two:active.btn-dummy:hover, button.btn-colour-two:active.btn-dummy:hover, a.btn-colour-two:focus.btn-dummy:hover, span.btn-colour-two:focus.btn-dummy:hover, button.btn-colour-two:focus.btn-dummy:hover, a.btn-colour-two.btn-dummy:focus, span.btn-colour-two.btn-dummy:focus, button.btn-colour-two.btn-dummy:focus, a.btn-colour-two:active.btn-dummy:focus, span.btn-colour-two:active.btn-dummy:focus, button.btn-colour-two:active.btn-dummy:focus, a.btn-colour-two:focus.btn-dummy:focus, span.btn-colour-two:focus.btn-dummy:focus, button.btn-colour-two:focus.btn-dummy:focus { background-color: #5996B5; border-color: #5996B5; } a.btn-colour-three, span.btn-colour-three, button.btn-colour-three { background-color: #ffffff; border-color: #ffffff; color: #000000; } a.btn-colour-three:hover, span.btn-colour-three:hover, button.btn-colour-three:hover { background-color: #ffffff; border-color: #ffffff; color: #5996B5; } a.btn-colour-three:focus, span.btn-colour-three:focus, button.btn-colour-three:focus { border-color: #ffffff; } a.btn-colour-three.btn-ghost, span.btn-colour-three.btn-ghost, button.btn-colour-three.btn-ghost { background-color: transparent; color: #ffffff; } a.btn-colour-three.btn-ghost:hover, span.btn-colour-three.btn-ghost:hover, button.btn-colour-three.btn-ghost:hover { background-color: #ffffff; color: #5996B5; border-color: #ffffff; } a.btn-colour-three.btn-ghost:focus, span.btn-colour-three.btn-ghost:focus, button.btn-colour-three.btn-ghost:focus { border-color: #ffffff; } a.btn-colour-three.btn-dummy:hover, span.btn-colour-three.btn-dummy:hover, button.btn-colour-three.btn-dummy:hover, a.btn-colour-three.btn-dummy:focus, span.btn-colour-three.btn-dummy:focus, button.btn-colour-three.btn-dummy:focus { background-color: #ffffff; border-color: #ffffff; } /******************************************************************************* SPACING WITH OTHER ELEMENTS *******************************************************************************/ ul + .btn, ol + .btn { margin-top: 1em; } /******************************************************************************* CARRIED OVER FROM PREVIOUS DEVELOPER *******************************************************************************/ .btn-post-a-job { background-image: url(/static/jobs/img/btn_icon_post_a_job.svg?7d2990af0ca4); background-repeat: no-repeat; background-position: 10px 50%; border: none; display: block; } .btn-post-a-job:hover { background-position: 10px 50%; background-color: #6ba1bd; } /******************************************************************************* BUTTONS - DROPDOWN BUTTONS *******************************************************************************/ .btn-blue-bg-white-text { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #666666 !important; font-size: 16px !important; color: #ff645a; /* width: 163px !important;*/ height: 39px; padding: 7px 43px 9px; margin-top: 51px; margin-top: 0; /*width: 154px !important;*/ border: 2px solid #999999; color: #999999 !important; padding: 8px 43px 12px; border-radius: 4px; background: #fff; border-radius: 0; background: #5996B5; color: #ffffff !important; border: none; } .btn-blue-bg-white-text:hover { background: #6ba1bd; } /**************************************** Buttons/Icons ****************************************/ .btn-scout:link { text-decoration: none; color: #fff; } .btn-scout:visited { text-decoration: none; color: #fff; } .btn-scout:hover { text-decoration: none; color: #fff; } .btn-scout:active { text-decoration: none; color: #fff; } .btn-scout { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 14px; line-height: 1.5; background-color: #5996B5; padding: 7px 15px 6px 35px; color: #fff; white-space: nowrap; position: relative; } .btn-text { margin-left: 27px; } .btn-post-a-job { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 14px; line-height: 1.5; background-color: #5996B5; padding: 7px 15px 6px 35px; color: #fff; white-space: nowrap; position: relative; } .icon-plus-in-circle { width: 17px; height: 17px; background: url(/static/jobs/img/btn_icon_post_a_job.png?7d2990af0ca4) no-repeat; position: absolute; top: 10px; left: 24px; } .icon-tick-in-circle { background: url(/static/jobs/img/icon-tick-in-circle.png?7d2990af0ca4) no-repeat scroll 0 0 transparent; width: 26px; height: 25px; } .icon-tick-in-circle--blue { background: url(/static/jobs/img/icon-tick-in-circle--blue.png?7d2990af0ca4) no-repeat scroll 0 0 transparent; width: 26px; height: 25px; } .icon-tick-in-circle--unselected { background: url(/static/jobs/img/icon-tick-in-circle--unselected.png?7d2990af0ca4) no-repeat scroll 0 0 transparent; width: 26px; height: 25px; } /**************************************** Buttons - Social Sign in ****************************************/ .btn-social-sign-in--facebook { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 17px; color: #fff; background: lightgray; display: block; padding: 12px 0 0; text-align: left; width: 334px; height: 46px; background-color: #3C5A9B; } .icon-social-sign-in--facebook { width: 55px; height: 25px; background: url(/static/jobs/img/social_facebook.png?64a03a7feebf) no-repeat scroll 22px -1px rgba(0, 0, 0, 0); } .btn-social-sign-in--linkedin { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 17px; color: #fff; background: lightgray; display: block; padding: 12px 0 0; text-align: left; width: 334px; height: 46px; background: #007BB6; } .icon-social-sign-in--linkedin { width: 55px; height: 25px; background: url(/static/jobs/img/social_linkedin.png?64a03a7feebf) no-repeat scroll 22px -1px rgba(0, 0, 0, 0); } .btn-social-sign-in--email { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 17px; color: #fff; background: lightgray; display: block; padding: 12px 0 0; text-align: left; width: 334px; height: 46px; background: #FF645A; } .icon-social-sign-in--email { width: 55px; height: 25px; background: url(/static/jobs/img/social_email.png?64a03a7feebf) no-repeat scroll 22px -3px rgba(0, 0, 0, 0); } /*.social-signin-form a:link { .btn-link--social-sign-in(); } .social-signin-form a:visited { .btn-link--social-sign-in(); } .social-signin-form a:hover { .btn-link--social-sign-in(); } .social-signin-form a:active { .btn-link--social-sign-in(); }*/ .btn-social-sign-in:link { text-decoration: none; color: #fff; } .btn-social-sign-in:visited { text-decoration: none; color: #fff; } .btn-social-sign-in:hover { text-decoration: none; color: #fff; } .btn-social-sign-in:active { text-decoration: none; color: #fff; } /**************************************** Button - Save Job ****************************************/ .btn-save-job { display: block; margin-bottom: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; line-height: 1.5; background-color: #5996B5; padding: 7px 15px 6px 35px; color: #fff; white-space: nowrap; position: relative; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 12px; background: none; border: 2px solid #E7E5E1; color: #ff645a; padding: 8px 0 6px; max-width: 110px; } .btn-save-job:hover .icon-save-job { width: 20px; height: 17px; margin: -2px 10px 0; background: url(/static/jobs/img/job_saved_heart_filled.png?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); } .icon-save-job { width: 20px; height: 17px; margin: -2px 10px 0; background: url(/static/jobs/img/save_job_heart.png?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); } .btn-save-job:link { text-decoration: none; color: #ff645a; } .btn-save-job:visited { text-decoration: none; color: #ff645a; } .btn-save-job:hover { text-decoration: none; color: #ff645a; } .btn-save-job:active { text-decoration: none; color: #ff645a; } /**************************************** Button - Job Saved ****************************************/ .btn-job-saved { display: block; margin-bottom: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; line-height: 1.5; background-color: #5996B5; padding: 7px 15px 6px 35px; color: #fff; white-space: nowrap; position: relative; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 12px; background: none; border: 2px solid #E7E5E1; color: #ff645a; padding: 8px 0 6px; max-width: 110px; padding-left: 10px; padding-right: 0; } .btn-job-saved:hover .icon-save-job { width: 20px; height: 17px; margin: -2px 10px 0; background: url(/static/jobs/img/job_saved_heart_filled.png?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); } .icon-job-saved { width: 20px; height: 17px; margin: -2px 10px 0; background: url(/static/jobs/img/job_saved_heart_filled.png?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); } .btn-job-saved:link { text-decoration: none; color: #ff645a; } .btn-job-saved:visited { text-decoration: none; color: #ff645a; } .btn-job-saved:hover { text-decoration: none; color: #ff645a; } .btn-job-saved:active { text-decoration: none; color: #ff645a; } /**************************************** Search Filter ****************************************/ .section-search-filter { background: #F1F0ED; padding: 25px 0 0; } /**************************************** Search Filter - Buttons ****************************************/ .btn-search-filter { line-height: 20px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; color: #333333; background: #ffffff; border: none; font-size: 0.9em; padding: 0.75em 12px 0.6em; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .section-search-filter__button-wrapper { margin-bottom: 10px; } .section-search-filter__button-wrapper .search-filter__label { color: #333333; margin-right: 0.4em; } .section-search-filter__button-wrapper input[type='text'] { margin-bottom: 0; } .section-search-filter__button-wrapper select { width: 100%; margin-bottom: 0; padding-left: 8px; padding-right: 8px; } .section-search-filter__button-wrapper .dropdown button { text-align: left; } .section-search-filter__button-wrapper .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; top: 32px; border: medium none; } .icon-search-filter__close { width: 17px; height: 16px; margin-left: 8px; position: absolute; right: 13px; top: 9px; background: url(/static/jobs/img/btn_filter_close.svg?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); width: 12px; height: 12px; right: 6px; top: 12px; background-size: 12px; cursor: pointer; } .btn-search-filter__user_selection { display: none; visibility: hidden; } .btn-search-filter__user_selection .icon-search-filter__close { top: 10px; } .icon-search-filter__chevron-down { width: 17px; height: 16px; margin-left: 8px; position: absolute; right: 13px; top: 14px; background: url(/static/jobs/img/btn_filter__chevron_down.png?7d2990af0ca4) no-repeat scroll 0px -1px rgba(0, 0, 0, 0); } /**************************************** Search Filter - Save This Search Button ****************************************/ .section-search-filter .button-wrap { margin-top: 20px; } .section-search-filter .button-wrap .btn { display: block; height: 39px; padding: 8px 0 6px; font-size: 14px; text-align: center; } .section-search-filter .button-wrap .btn-secondary { line-height: 20px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; color: #333333; background: #ffffff; border: none; font-size: 0.9em; padding: 0.75em 12px 0.6em; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid #999999; } .section-search-filter .button-wrap .btn-secondary:link { text-decoration: none; color: #999999; } .section-search-filter .button-wrap .btn-secondary:visited { text-decoration: none; color: #999999; } .section-search-filter .button-wrap .btn-secondary:hover { text-decoration: none; color: #999999; } .section-search-filter .button-wrap .btn-secondary:active { text-decoration: none; color: #999999; } .section-search-filter .button-wrap .btn + .btn { margin-top: 5px; } /*.search-filter__selected-filters .btn-search-filter {*/ .search-filter__selected-filters .btn-search-filter, .search-filter__selected-filters .btn-search-filter__user_selection { margin-right: 14px; display: inline-block; padding: 10px 32px 10px 13px; line-height: 1; } .search-filter__selected-filters .more-options { display: none; padding-right: 13px; } .sticky .search-filter__selected-filters .more-options { display: inline-block; } /**************************************** Button - Submit Job Application ****************************************/ #application-form-submit[disabled] { color: #ff645a; } #application-form-submit:hover { color: #ffffff; } .duplicate-button { width: auto !important; } .edit-job-btn { color: white !important; } #bs-profile-widget { padding: 0; /* background-image: url('/static/jobs/img/widgets/guide.png?64a03a7feebf'); background-size: 704px; background-repeat: no-repeat; */ } #bs-profile-widget.big.targeted > div .title { height: 51px; background-size: 1020px; } #bs-profile-widget.big.targeted > div .title .logo { height: 38px; margin-right: 375px; margin-top: 0; } #bs-profile-widget.big.targeted > div .title form .btn { padding: 6px 19px 2px 19px; } #bs-profile-widget.big > div { width: 702px; } #bs-profile-widget.big > div .title { background-image: url('/static/jobs/img/bs-widget-bg-big.jpg?7d2990af0ca4'); background-position: -38px 0; height: 83px; } #bs-profile-widget.big > div .title .logo { width: 125px; height: 63px; margin-right: 92px; margin-top: -12px; } #bs-profile-widget.big > div .subtitle { padding: 8px 20px 4px; } #bs-profile-widget.big > div .jobs { height: 143px; overflow: hidden; } #bs-profile-widget.big > div .jobs.scrollable { width: 676px; display: inline-block; vertical-align: top; } #bs-profile-widget.big > div .jobs.scrollable .job { padding-right: 0; padding-top: 0; padding-bottom: 0; } #bs-profile-widget.big > div .jobs:hover .job .logo { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } #bs-profile-widget.big > div .jobs:hover .job:hover .logo { filter: none; -webkit-filter: none; } #bs-profile-widget.big > div .jobs:hover .job:hover .btn { right: 0; } #bs-profile-widget.big > div .jobs .job .logo { width: 15.01501502%; } #bs-profile-widget.big > div .jobs .job .logo .placeholder { background-image: url('/static/jobs/img/scout-fullstop.png?7d2990af0ca4'); background-size: 9px; width: 9px; height: 9px; display: inline-block; vertical-align: top; margin-left: 23px; margin-top: 5px; } #bs-profile-widget.big > div .jobs .job .job-title { font-size: 18px; width: 67.56756757%; } #bs-profile-widget.big > div .jobs .job .job-title .company { font-family: CircularStd-Book; font-size: 15px; color: #666666; margin-left: 0px; } #bs-profile-widget.big > div .jobs .job .rh { height: 47px; width: 14.5%; } #bs-profile-widget.big > div .jobs .job .rh .job-location { padding-top: 14px; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 14px; } #bs-profile-widget.big > div .jobs .job .rh .btn { top: 12px; } #bs-profile-widget.big > div .scrollbar { position: relative; display: inline-block; vertical-align: top; height: 143px; width: 26px; } #bs-profile-widget.big > div .scrollbar > * { position: absolute; background-image: url('/static/jobs/img/bs-widget-nav-arrows.svg?7d2990af0ca4'); background-size: 12px; background-repeat: no-repeat; width: 100%; height: 35px; cursor: pointer; } #bs-profile-widget.big > div .scrollbar > *.disabled { opacity: 0.5; cursor: default; } #bs-profile-widget.big > div .scrollbar > *.up { background-position: 50% 20px; top: 0; } #bs-profile-widget.big > div .scrollbar > *.down { background-position: 50% -7px; bottom: 0; } #bs-profile-widget > div { /*opacity: 0.5;*/ width: 298px; border: 1px solid #333333; } #bs-profile-widget > div .title { background: url(/static/jobs/img/bs-widget-bg.jpg?7d2990af0ca4) 0 0 no-repeat; background-size: cover; height: 65px; padding-top: 22px; } #bs-profile-widget > div .title > * { display: inline-block; vertical-align: middle; } #bs-profile-widget > div .title .logo { background-image: url(/static/jobs/img/widgets/bs/scout-logo.svg?64a03a7feebf), none; background-image: url(/static/jobs/img/widgets/bs/scout-logo.png?64a03a7feebf); background-repeat: no-repeat; background-size: 100%; width: 110px; height: 51px; margin-left: 20px; margin-right: 54px; } #bs-profile-widget > div .title .btn { padding: 4px 24px; } #bs-profile-widget > div .title form { margin: 0; } #bs-profile-widget > div .title form input { width: 224px; height: 36px; margin-right: 15px; margin-bottom: 0; border: 0; color: #333333; padding: 0 21px 0 9px; } #bs-profile-widget > div .title form .btn { height: 36px; font-size: 18px; font-weight: bold; padding: 4px 19px; letter-spacing: -0.03em; } #bs-profile-widget > div .title form .new-jobs-site { background-image: url(/static/jobs/img/widgets/bs/new-jobs-site.svg?64a03a7feebf), none; background-image: url(/static/jobs/img/widgets/bs/new-jobs-site.png?64a03a7feebf); background-repeat: no-repeat; background-size: 235px; background-position: bottom right; height: 20px; margin-top: 11px; } #bs-profile-widget > div .title form ::-webkit-input-placeholder { color: #333333; } #bs-profile-widget > div .title form :focus::-webkit-input-placeholder { color: transparent; } #bs-profile-widget > div .title form :-moz-placeholder { color: #333333; } #bs-profile-widget > div .title form :focus:-moz-placeholder { color: transparent; } #bs-profile-widget > div .title form ::-moz-placeholder { color: #333333; } #bs-profile-widget > div .title form :focus::-moz-placeholder { color: transparent; } #bs-profile-widget > div .title form :-ms-input-placeholder { color: #333333; } #bs-profile-widget > div .title form :focus:-ms-input-placeholder { color: transparent; } #bs-profile-widget > div .subtitle { background: #333333; color: white; padding: 17px 20px 13px; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 20px; } #bs-profile-widget > div .jobs { max-height: 327px; overflow: hidden; } #bs-profile-widget > div .jobs .job { overflow: hidden; padding-left: 18px; display: block; border-bottom: 1px solid #d2d1ca; padding-top: 10px; padding-bottom: 10px; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; } #bs-profile-widget > div .jobs .job.last { border-bottom: 0; } #bs-profile-widget > div .jobs .job > * { display: inline-block; vertical-align: middle; } #bs-profile-widget > div .jobs .job .job-title { text-decoration: none; color: #333333; /*width: 180px;*/ width: 262px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "pt-serif-n4", "pt-serif", serif; font-size: 16px; } #bs-profile-widget > div .jobs .job .rh { text-align: right; /*width: 82px;*/ width: 0; height: 44px; padding-right: 18px; white-space: nowrap; /*overflow: hidden;*/ overflow: visible; position: relative; } #bs-profile-widget > div .jobs .job .rh .btn { position: absolute; right: -100px; top: 10px; padding: 0 6px; transition: right 0.2s ease-in-out; -webkit-transition: right 0.2s ease-in-out; box-shadow: 0 0 20px 15px white; } #bs-profile-widget > div .jobs .job .rh .job-type { width: 80px; } #bs-profile-widget > div .jobs .job .rh .job-type, #bs-profile-widget > div .jobs .job .rh .job-location { font-size: 13px; color: #999999; padding-top: 12px; } #bs-profile-widget > div .jobs .job .rh > * { display: inline-block; vertical-align: top; } #bs-profile-widget > div .jobs:hover .job { opacity: 0.5; } #bs-profile-widget > div .jobs:hover .job:hover { opacity: 1; } #bs-profile-widget > div .jobs:hover .job:hover .btn { right: 18px; } #bs-profile-widget > div .jobs:hover .job:hover .job-type, #bs-profile-widget > div .jobs:hover .job:hover .job-location { display: none; } #bs-profile-widget > div .hospitality { background: url(/static/jobs/img/bs-widget-hospitality-bg.jpg?7d2990af0ca4) 0 0 no-repeat; } #bs-profile-widget > div .retail { background: url(/static/jobs/img/bs-widget-retail-bg.jpg?7d2990af0ca4) 0 0 no-repeat; } /******************************************************************************* CONTENTS - Links - Bootstrap Reset - BUTTONS - BUTTONS - DROPDOWN BUTTONS NOTES: - Do NOT set a width on generic buttons. Width should be set (if at all) on uniquely targeted elements. Note that this will prevent buttons from resizing on tablet/mobile, and is not best practise. ******************************************************************************* Links Usage: .btn-job-saved:link { .mix-links-peach(); } .btn-job-saved:visited { .mix-links-peach(); } .btn-job-saved:hover { .mix-links-peach(); } .btn-job-saved:active { .mix-links-peach(); } OR just add class to link: link-peach *******************************************************************************/ .link-black:link { text-decoration: none !important; color: #000000 !important; } .link-black:visited { text-decoration: none !important; color: #000000 !important; } .link-black:hover { text-decoration: none !important; color: #000000 !important; } .link-black:active { text-decoration: none !important; color: #000000 !important; } .link-darkest-grey:link { text-decoration: none !important; color: #333333 !important; } .link-darkest-grey:visited { text-decoration: none !important; color: #333333 !important; } .link-darkest-grey:hover { text-decoration: none !important; color: #333333 !important; } .link-darkest-grey:active { text-decoration: none !important; color: #333333 !important; } .link-light-grey:link { text-decoration: none !important; color: #c7c8ca !important; } .link-light-grey:visited { text-decoration: none !important; color: #c7c8ca !important; } .link-light-grey:hover { text-decoration: none !important; color: #c7c8ca !important; } .link-light-grey:active { text-decoration: none !important; color: #c7c8ca !important; } .link-mid-grey:link { text-decoration: none !important; color: #999999 !important; } .link-mid-grey:visited { text-decoration: none !important; color: #999999 !important; } .link-mid-grey:hover { text-decoration: none !important; color: #999999 !important; } .link-mid-grey:active { text-decoration: none !important; color: #999999 !important; } .link-white:link { text-decoration: none !important; color: #ffffff !important; } .link-white:visited { text-decoration: none !important; color: #ffffff !important; } .link-white:hover { text-decoration: none !important; color: #ffffff !important; } .link-white:active { text-decoration: none !important; color: #ffffff !important; } .link-peach:link { text-decoration: none !important; color: #ff645a !important; } .link-peach:visited { text-decoration: none !important; color: #ff645a !important; } .link-peach:hover { text-decoration: none !important; color: #ff645a !important; } .link-peach:active { text-decoration: none !important; color: #ff645a !important; } .link-dark-cyan:link { text-decoration: none !important; color: #5996b5 !important; background: #ffffff !important; background-color: #ffffff !important; } .link-dark-cyan:visited { text-decoration: none !important; color: #5996b5 !important; background: #ffffff !important; background-color: #ffffff !important; } .link-dark-cyan:hover { text-decoration: none !important; color: #5996b5 !important; background: #ffffff !important; background-color: #ffffff !important; } .link-dark-cyan:active { text-decoration: none !important; color: #5996b5 !important; background: #ffffff !important; background-color: #ffffff !important; } /******************************************************************************* CONTENTS - Navigation - Social Sign In Form - Facebook/LinkedIn/Email Buttons - Social Sign In Form - Register via Email - Footer NOTES: Generally, mixins are defined here, and then used in the various stylesheets. NOTES: The BEM CSS-naming methodolgy is used for LESS variables. *******************************************************************************/ /******************************************************************************* Buttons *******************************************************************************/ .ff-btn-peach-bg-white-text { font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; } /******************************************************************************* Search Results - Search Filter (Filter Buttons) *******************************************************************************/ .ff-search-filter { font-family: CircularStd-Book, helvetica, georgia, sans-serif; color: #333333; } /******************************************************************************* Search Results / Job Listing *******************************************************************************/ .ff-job-listing__heading--featured { color: #ff645a; } .ff-job-listing__sub-heading--featured { color: #ff645a; } /******************************************************************************* Social Sign In Form - Register via Email *******************************************************************************/ .ff-social-sign-in-email-registration__register-button { font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; } /******************************************************************************* Form Defaults *******************************************************************************/ .bs-form-field { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; /*color: @dark-grey;*/ color: #666666 !important; height: 43px !important; margin-bottom: 18px; border: 1px solid #c7c8ca; /*border-width: 2px;*/ border-radius: 4px; padding-left: 15px !important; } /******************************************************************************* Colours Convention @ff-__-- - font-family @c-__-- - text colour NOTES: - The BEM CSS-naming methodolgy is used for LESS variables. - All color values should be specified here. *******************************************************************************/ .light-grey { color: #c7c8ca !important; } /******************************************************************************* CONTENTS - Debugging - Utils - Search Heading - Search Form - Search Form - industry position location - Salary Slider - Search Form - Type of Work Radio Buttons - Login / Registration - Social Signin Form / Facebook / - Social Signin Form - Register With Email *******************************************************************************/ /**************************************** Debugging ****************************************/ /*TODO: Remove - hide nav bar on search page */ .navbar.navbar-inverse.navbar-fixed-top { /*display: none;*/ } /**************************************** ****************************************/ /**************************************** Search Form ****************************************/ .search-template #search-form { margin-bottom: 0; } .search-template #search-form .dropdown .btn { width: 100%; } .search-template #search-form .dropdown .dropdown-menu { margin-bottom: 10px; } .search-template #search-form .salary-worktype-row { margin-bottom: 10px; } .search-template #search-form .search-for-jobs-button { font-size: 18px; font-weight: bold; } .search-template #search-form .more-less-options-button { font-size: 16px; } .search-template #search-form .more-less-options-button:hover { color: #ff645a; } /**************************************** Search Form - industry position location ****************************************/ #search-form .mobile-filter-utils { display: none; position: fixed; top: 0; width: 100%; z-index: 51; background: #ffffff; padding: 1em 1.2em; } #search-form .mobile-filter-utils .close, #search-form .mobile-filter-utils .reset { border: none; font-size: 15px; width: auto; margin: 0; padding: 5px 0; line-height: 1; color: #a7a9ab; cursor: pointer; background: transparent; -webkit-appearance: none; display: block; opacity: 1; text-shadow: none; border-radius: 0; font-weight: 400; } #search-form .mobile-filter-utils .close:hover, #search-form .mobile-filter-utils .reset:hover, #search-form .mobile-filter-utils .close:focus, #search-form .mobile-filter-utils .reset:focus { color: #a7a9ab; } #search-form .mobile-filter-utils .close { float: left; text-align: left; } #search-form .mobile-filter-utils .reset { float: right; text-align: right; } #search-form .section-search-filter__buttons input { margin-bottom: 10px; } #search-form .industry-position-location-row .dropdown .btn { background: url(/static/jobs/img/btn_filter__chevron_down.png?7d2990af0ca4) 97% 53% no-repeat #fff; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #323233; text-align: left; padding: 0.5em 1em; } #search-form .industry-position-location-row .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; padding: 0 1em 1em; position: static; width: 100%; border: none; box-shadow: none; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "adobe-garamond-pro", serif; width: 100% !important; } #search-form .industry-position-location-row .dropdown-menu li { margin: 0 0 0.5em; color: #999999; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #search-form .industry-position-location-row .dropdown-menu li:hover { color: #000; } #search-form .industry-position-location-row .dropdown-menu li.selected { color: #000; font-weight: 700; } #search-form .submit-search-mobile { display: none; font-size: 18px; position: fixed; bottom: 0; z-index: 50; width: 100%; height: 50px; max-height: 100%; padding: 14px 1em 0; } #search-form .save-search { font-size: 15px; line-height: 1.2; padding: 10px 12px 6px; } /**************************************** Salary Slider ****************************************/ .salary-worktype-section { margin-top: 14px; } .salary-slider-wrapper { width: 100%; } .salary-slider-wrapper .label-left { margin-top: 10px; display: inline-block; width: 50%; text-align: left; } .salary-slider-wrapper .label-right { margin-top: 10px; display: inline-block; width: 50%; text-align: right; } .SearchView { /* hide footer padding until we have sign in form */ } .SearchView .label-left, .SearchView .label-right { color: white; } .SearchView .footer { margin-top: 0; } .SearchView .btn-employers { background-image: none; padding-left: 25px; padding-right: 25px; } .SearchView .wrap-404 { padding-top: 30px; padding-bottom: 30px; } .SearchResultsView .label-left, .SearchResultsView .label-right, .SearchResultsView .work-type-radio-buttons label { color: #999999; font-size: 13px; } .SearchResultsView .label-left, .SearchResultsView .label-right { padding-top: 8px; } .SearchResultsView .work-type-wrap { margin-bottom: 20px; } .SearchResultsView #salary-wrapper { margin-top: 11px; } .SearchResultsView .btn-search-filter__sort-by { width: 90px; } .SearchResultsView .btn-search-filter__sort-by .icon-search-filter__chevron-down { right: 0; } .SearchResultsView .section-search-filter .btn-search-filter { height: 39px; } .SearchResultsView .section-search-filter__buttons .icon-search-filter__close { background-position: 0 0; right: 12px; } .SearchResultsView .breadcrumb-wrapper .breadcrumb { border: 0; margin: 0; } .SearchResultsView .result-content p, .AdvertiserProfileView .result-content p, .SearchResultsView .result-content li, .AdvertiserProfileView .result-content li { color: #333333; } /**************************************** Search Form - Slider & Radio titles ****************************************/ .work-type-radio-buttons h3, .salary-worktype-row h3 { color: #fff; text-align: center; font-size: 1.2em; margin: 0; margin-bottom: 10px; } /**************************************** Search Form - Type of Work Radio Buttons ****************************************/ .work-type-radio-buttons { padding-left: 20px; } .work-type-radio-buttons .radio-wrapper { float: left; text-align: center; width: 32%; } /**************************************** Search Form - Slider ****************************************/ .noUi-handle { top: -10px !important; left: -4px !important; border: medium none; background: #ff645a; border-radius: 50%; width: 22px !important; height: 22px !important; cursor: col-resize; box-shadow: none; } .noUi-target { border: medium none; box-shadow: none; } .noUi-background { background: url("/static/jobs/img/slider_bg.png?7d2990af0ca4") no-repeat scroll 0 6px #fff; height: 2px; } .noUi-background .noUi-background { background: none repeat scroll 0 0 #fff; height: 2px; } .noUi-origin.noUi-connect { /*height: 2px;*/ } .noUi-origin { top: 0 !important; } .noUi-base { margin: 20px 0; } /*.noUi-background .noUi-background { background: none; }*/ .noUi-background { box-shadow: none; } .noUi-connect { background: #ff645a; /*background: green;*/ } .noUi-origin.noUi-connect { height: 2px; } .noUi-origin { top: 9px; } .noUi-handle:after, .noUi-handle:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } /**************************************** Submit Buttons ****************************************/ .section-search-filter { position: fixed; width: 100%; top: 0; left: 0; padding-top: 70px; z-index: 50; height: 100%; overflow: scroll; } .section-search-filter .button-wrap { text-align: right; } .more-less-options-button { width: 100%; margin-top: 10px; } /**************************************** Current Filters & Sort ****************************************/ .SearchResultsView .salary-slider-wrapper { width: 85%; margin: 0 auto; } .SearchResultsView .salary-slider-wrapper .noUi-handle { left: -9px !important; } .search-filter__selected-filters { float: left; display: none; visibility: hidden; } .search-filters-sort-wrap { background: transparent; padding: 10px 0; margin: 0; } .search-filters-sort-wrap .refine { border: none; background: transparent; padding: 9px 0 0; margin: 0; font-size: 15px; color: #a7a9ab; float: left; } .search-filters-sort-wrap .btn-save { display: inline-block; background: #ffffff; border: 1px solid #c7c8ca; font-size: 15px; width: auto; margin: 0 10px 0 0; padding: 11px 15px 10px; line-height: 1; color: #a7a9ab; } .search-filters-sort-wrap .btn-save:hover, .search-filters-sort-wrap .btn-save:focus { color: #a7a9ab; } .section-search-filter { display: none; padding-bottom: 60px; } .search-filters-sort-wrap { background: #F1F0ED; transition: background 0.3s; } .search-filters-sort-wrap .select2-container { margin-bottom: 0; } .sticky { height: 57px; } .sticky .search-filter-wrap { position: fixed; top: 0; width: 100%; height: 0%; z-index: 1; transition: background 0.3s; } .sticky .search-filter-wrap .section-search-filter { display: none; height: 100%; overflow: scroll; } .sticky .search-filter-wrap .search-filters-sort-wrap { background: #F1F0ED; } .sticky .search-filter-wrap .search-filters-sort-wrap .seo-blurb-box-show { display: none; } /**************************************** Search Filter - Sort By Button ****************************************/ .results-utils { position: relative; padding-top: 0; float: right; } .results-utils .select2-container[dir="ltr"] { float: right; width: 125px !important; } .results-utils .select2-container[dir="ltr"] .select2-selection__rendered { line-height: 38px !important; } .results-utils .select2-container[dir="ltr"] .select2-selection { background: transparent; font-size: 15px; } .results-utils .select2-container[dir="ltr"].select2-dropdown-open .select2-selection { background: #ffffff; } .new-year-subscription-box { background-color: #FFF7EC; margin-top: 25px; } .new-year-subscription-box .new-year-subscription-content { overflow-y: visible; min-height: 175px; display: flex; flex-wrap: wrap; } .new-year-subscription-box .new-year-subscription-content .banner-image { display: none; } .new-year-subscription-box .new-year-subscription-content .banner-content { display: flex; padding-top: 20px; flex-wrap: wrap; justify-content: space-between; width: 100%; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-text { max-width: 340px; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-text h2 { font-size: 24px; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-text p { font-size: 13px; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-button { max-width: 185px; align-self: center; } #sort_by, #s2id_sort_by { display: none; visibility: hidden; } #sort_by { line-height: 20px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; color: #333333; background: #ffffff; font-size: 0.9em; padding: 0.75em 12px 0.6em; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 8px 26px 0 0; width: 90px; background: none; border: none; font-size: 16px; color: #999999; } .search-filter__result-count { color: #ff645a; font-family: CircularStd-Book; font-size: 14px; position: absolute; top: 9px; left: 15px; } /**************************************** Search Filter - Blurb text box ****************************************/ .seo-blurb-box { display: none; color: #999999; padding-top: 1em; } .seo-blurb-box h1 { font-family: "pt-serif-n4", "pt-serif", serif; } .seo-blurb-box-show { display: block; } /******************************************************************************* Save Your Search - Modal *******************************************************************************/ .modal { border-radius: 0px; } #modal-save-search .modal-body { padding: 74px 58px 0; } #modal-save-search, #modal-save-search .modal-body { height: 430px; } .save-your-search-form__email-frequency-button { width: 100%; } .save-your-search-form__user-name { margin-bottom: 15px !important; margin-top: 25px; } .social-sign-in-email-registration__button-row { margin-top: 15px; } /******************************************************************************* Social Signin Form - Register With Email *******************************************************************************/ .social-sign-in-email-registration { width: 330px; } .social-sign-in-email-registration__field { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #666666 !important; height: 43px !important; margin-bottom: 18px; border-width: 2px; color: #666666; } .social-sign-in-email-registration__button-row { margin-top: 18px; } .social-sign-in-email-registration__register-button { border: 2px solid #999999; width: 163px !important; height: 39px; /*padding: 8px 0 6px;*/ padding: 5px 0 6px; margin-top: 51px; font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; margin-top: 0; width: 167px !important; background: #ff645a; border: none; border-radius: 0; } .social-sign-in-email-registration__sign-in-button { border: 2px solid #999999; width: 163px !important; height: 39px; /*padding: 8px 0 6px;*/ padding: 7px 48px; margin-top: 51px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #666666 !important; font-size: 19px; color: #ff645a; margin-top: 0; width: 154px !important; border: 2px solid #ff645a; color: #ff645a !important; padding: 6px 43px; } .social-sign-in-email-registration__sign-in-button:link { text-decoration: none !important; color: #ff645a !important; } .social-sign-in-email-registration__sign-in-button:visited { text-decoration: none !important; color: #ff645a !important; } .social-sign-in-email-registration__sign-in-button:hover { text-decoration: none !important; color: #ff645a !important; } .social-sign-in-email-registration__sign-in-button:active { text-decoration: none !important; color: #ff645a !important; } /* dropdown select2 overrides */ /* hack - use dir="ltr" to distinguish between the base element and its * absolutely positioned contents dropdown */ .select2-container[dir="ltr"] { width: 100% !important; margin-bottom: 10px; border: 1px solid #c7c8ca; -webkit-border-radius: 3px; border-radius: 3px; } .select2-container[dir="ltr"]:focus { outline: 0; } .select2-container[dir="ltr"] .select2-selection { height: 43px; background: white; border: 0; padding: 0 1em; box-shadow: none; -webkit-box-shadow: none; } .SearchResultsView .section-search-filter .select2-container[dir="ltr"] .select2-selection { height: 39px; } .select2-container[dir="ltr"] .select2-selection:focus { outline: 0; } .select2-container[dir="ltr"] .select2-selection .select2-selection__rendered { line-height: 42px; padding-left: 0; } .SearchResultsView .section-search-filter .select2-container[dir="ltr"] .select2-selection .select2-selection__rendered { line-height: 39px; } .select2-container[dir="ltr"] .select2-selection .select2-selection__arrow { transition: transform 0.3s; margin-right: 10px; border: 0; background-color: transparent; background-image: url(/static/jobs/img/icon_arrow_down.svg?7d2990af0ca4); background-position: 50%; background-repeat: no-repeat; background-size: 13px; height: 100%; top: 1px; right: 1px; width: 20px; position: absolute; } .select2-container[dir="ltr"] .select2-selection .select2-selection__arrow b { display: none; } .select2-container[dir="ltr"].select2-container--open .select2-selection__arrow { transform: rotateZ(180deg); -webkit-transform: scaleY(180deg); -moz-transform: scaleY(180deg); } .select2-container[dir="ltr"].select2-container--open .select2-selection:after { content: ''; border-top: 1px solid #c7c8ca; display: block; margin-top: -2px; } .select2-container[dir="ltr"].select2-container--open .select2-selection--multiple:after { content: ''; border-top: 1px solid #c7c8ca; display: block; margin-top: -5px; } .select2-container[dir="ltr"].select2-container--open.select2-container--above .select2-selection:after { margin-top: -42px; } .select2-container[dir="ltr"] .select2-chosen { line-height: 44px; } .select2-container[dir="ltr"] .select2-selection abbr { top: 12px; right: 28px; } .modal-dialog .save-search-wrap #save-search-form .select2-container { border: 1px solid #c7c8ca; border-radius: 3px; } .modal-dialog .save-search-wrap h1 { font-size: 36px; line-height: 46px; color: #999999; } .modal-dialog .save-search-wrap p { color: #808284; } .SearchResultsView .select2-selection { height: 43px; } .SearchResultsView .select2-chosen { line-height: 44px; } .select2-container-active .select2-selection { border: 0; } .select2-search { padding: 0 10px; margin: 5px 0; } .select2-search input.select2-search__field[type='search'] { margin: 5px 0 0; border: none; padding: 5px 10px; -webkit-border-radius: 0; border-radius: 0; background: #F1F0ED; } .select2-search + .select2results { padding-top: 0; } .select2-dropdown { border: solid #c7c8ca; overflow: hidden; } .select2-dropdown.select2-dropdown--above { box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); margin-top: 1px; border-bottom: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .select2-dropdown.select2-dropdown--below { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); margin-top: -1px; border-top: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .select2-dropdown .select2-results > ul { background: white; overflow: hidden; position: relative; color: #999999; padding: 5px 0px 3px; margin-top: 0; max-height: 208px; } .select2-dropdown .select2-results > ul::-webkit-scrollbar { -webkit-appearance: none; } .select2-dropdown .select2-results > ul::-webkit-scrollbar:vertical { width: 2px; } .select2-dropdown .select2-results > ul::-webkit-scrollbar-thumb { border-radius: 0; border: 4px solid #333333; } .select2-dropdown .select2-results > ul::-webkit-scrollbar-track { background-color: white; border-radius: 0; } .select2-dropdown .select2-results > ul .select2-results__option { padding: 3px 0 4px 1em; font-size: 14px; line-height: 20px; margin-left: 21px; text-indent: -21px; } .select2-dropdown .select2-results > ul .select2-results__option::before { content: ''; display: inline-block; width: 11px; height: 11px; border: 1px solid #999999; border-radius: 50%; margin-right: 10px; } .select2-dropdown .select2-results > ul .select2-results__option:hover { color: #333333; } .select2-dropdown .select2-results > ul .select2-results__option:hover::before { border-color: #ff645a; } .select2-dropdown .select2-results > ul .select2-results__option.placeholder, .select2-dropdown .select2-results > ul .select2-results__option:first-child { color: #999999; } .select2-dropdown .select2-results > ul .select2-results__option[aria-selected="true"] { background: transparent; color: #999999; } .select2-dropdown .select2-results > ul .select2-results__option[aria-selected="true"]::before { background: #ff645a; border-color: #ff645a; } .select2-dropdown .select2-results > ul .select2-results__option.select2-results__option--highlighted { background: transparent; color: #999999; } .select2-dropdown .select2-results > ul .select2-results__option.select2-results__option--highlighted::before { border-color: #ff645a; } .select2-dropdown .select2-results > ul:hover [aria-selected="true"]:hover::before { background: #ff645a; border-color: #ff645a; } .select2-dropdown .select2-results > ul .parent .select2-result-label { font-weight: bold; color: #333; } .select2-selection--multiple { cursor: pointer !important; } .select2-container--disabled { opacity: 0.5; } .SearchView .select2-container, .SearchResultsView .select2-container, .SearchView .select2-dropdown, .SearchResultsView .select2-dropdown { border: none; } body.fixed-search-filters { padding-top: 193px; } body.fixed-search-filters .section-search-filter { position: fixed; left: 0; top: 0; width: 100%; z-index: 1; } body .ps-container > .ps-scrollbar-y-rail { width: 2px; opacity: 1 !important; margin-top: 10px; } body .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 2px; color: #333333; } .search-sign-in-form .buttons { padding-left: 125px; } .search-sign-in-form .buttons button { background-repeat: no-repeat; background-size: 21px; display: block; border: 0; width: 100%; height: 45px; min-height: 45px; margin-bottom: 13px; background-position: 30px 50%; padding-left: 71px; text-align: left; } .search-sign-in-form .buttons button:hover, .search-sign-in-form .buttons button:focus { background-position: 30px 50%; } .search-sign-in-form .buttons button.register-mail { background-image: url('/static/jobs/img/social_email.svg?64a03a7feebf'); } .search-sign-in-form .buttons button.register-mail.ghost { background-color: transparent; background-image: url('/static/jobs/img/social_email_pink.svg?64a03a7feebf'); border: 1px solid #ff645a; color: #ff645a; } .search-sign-in-form .buttons button.register-link { background-image: url('/static/jobs/img/social_linkedin.svg?64a03a7feebf'); background-color: #007BB6; } .search-sign-in-form .buttons button.register-link.ghost { background-image: url('/static/jobs/img/social_linkedin_blue.svg?64a03a7feebf'); background-color: transparent; border: 1px solid #007BB6; color: #007BB6; } .search-sign-in-form .buttons button.register-face { background-image: url('/static/jobs/img/social_facebook.svg?64a03a7feebf'); background-color: #3C5A9B; } .search-sign-in-form .buttons button.register-face.ghost { background-image: url('/static/jobs/img/social_facebook_blue.svg?64a03a7feebf'); background-color: transparent; border: 1px solid #3C5A9B; color: #3C5A9B; } .dashboard-summary { padding: 30px 0 60px; } .dashboard-summary .section-heading { font-size: 30px; margin-bottom: 0; padding-bottom: 10px; } .dashboard-summary a { color: #999999; } #login-register-iframe { display: none; padding-right: 20px; } #login-register-iframe iframe { width: 100%; height: 270px; } #login-register-iframe .left { position: relative; } #login-register-iframe .left .curly-brace { position: absolute; right: -64px; top: 0; width: 17px; height: 187px; background-image: url('/static/jobs/img/curly-brace.svg?7d2990af0ca4'); } #login-register-iframe .inner { padding-top: 23px; padding-left: 75px; } .employers-hiring h1, .employers-hiring h2, .employers-hiring h3 { font-family: "adobe-garamond-pro", serif; } .employers-hiring h2 { font-size: 36px; height: 90px; line-height: 90px; color: #666666; } .employers-hiring h3 { font-size: 1.2em; margin-bottom: 5px; color: black; } .employers-hiring p { margin-bottom: 5px; color: gray; } .employers-hiring .business-photo { padding-top: 10px; height: 230px; width: 100%; } .similar-businesses-carousel .owl-item { opacity: 1; } .similar-businesses-carousel .owl-item.active { opacity: 1; margin-left: -5px; padding-left: 10px; border-left: 1px solid lightgray; } .similar-businesses-carousel .owl-nav [class*=owl-] { padding: 0; margin: 0; background: none; } .similar-businesses-carousel .owl-nav [class*=owl-]:hover { padding: 0; margin: 0; background: none; } .similar-businesses-carousel { overflow: hidden; } .similar-businesses-carousel .owl-nav .owl-prev, .similar-businesses-carousel .owl-nav .owl-next { position: absolute; top: 40%; } .similar-businesses-carousel .owl-nav .owl-prev span, .similar-businesses-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .similar-businesses-carousel .owl-nav .owl-prev span:hover, .similar-businesses-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .similar-businesses-carousel .owl-nav .owl-prev { left: 0px; } .similar-businesses-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .similar-businesses-carousel .owl-nav .owl-next { right: 0px; } .similar-businesses-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .similar-businesses-carousel .owl-nav .disabled { display: none; } .similar-business-photo-container { width: 120px; height: 120px; display: flex; align-items: center; float: left; margin: 15px; } .similar-business-photo-container .similar-business-logo { float: left; margin-right: auto; max-height: 115px; max-width: 115px; padding: 2px; } .header-container .similar-business-photo-container { margin: 0 15px 0 0; } .similar-business-data { display: flex; flex-direction: column; height: 140px; padding-top: 15px; overflow: scroll; max-width: 145px; } .similar-business-data .jobs-active { margin-top: auto; } /**************************************** CONTENTS - Global - Modal Dialog - Tooltips - Buttons/Icons - Buttons - Social Sign in - Button - Save Job - Button - Job Saved - Search Filter - Search Filter - Buttons - Search Filter - Save This Search Button - Search Filter - Sort By Button - Social Sign In Form - Social Sign In Form - Modal - Search Results - Job Listing - Bootstrap Extensions - Debugging / Developer Specific - Save Your Search Modal Dialog - Page Defaults - Form Defaults NOTES: The BEM CSS-naming methodolgy is also used for LESS variables. /******************************************************************************** Global *******************************************************************************/ body { padding: 0; } /* google places autocomplete popup */ .pac-container { z-index: 1000000; } .section-beige-bg { background: #F1F0ED; } .text-peach { color: #ff645a; } [data-template] { display: none; } #topnav-fb, #topnav-twitter, #topnav-linkedin { display: inline-block; vertical-align: top; margin-top: 10px; height: 20px; overflow: hidden; } .table span { display: inline-block; vertical-align: middle; } .nav-collapse { margin-left: 166px; } span.shortlisted { display: none; } #empty-list { display: none; } .triangle-down { width: 0; height: 0; border-style: solid; border-width: 13px 13px 0; border-color: #5996B5 transparent transparent transparent; position: absolute; left: calc(50% - 13px); top: 100%; } hr { border-top: 1px solid #c7c8ca; } /******************************************************************************* Modal Dialog *******************************************************************************/ .modal { max-width: 502px; } .modal .modal-header { position: relative; } .modal .close { opacity: 1; } .modal button.close { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 25px; padding: 0; position: absolute; right: 50px; top: 45px; width: 24px; } .modal-header { border: none; } .login-modal { border-radius: 0; } .modal-body { z-index: -1; } .modal, .modal-body { height: 568px; } .social-signin-form-modal__text { margin-top: 76px; } .modal-body { padding-left: 62px; max-height: inherit; } .modal iframe { width: 100%; height: 100%; border: 0; } #modal-password .modal-body { height: 180px; } .icon-modal-close { background: url(/static/jobs/img/icon-close-modal.png?7d2990af0ca4) no-repeat; width: 23px; height: 23px; } .fade-to-bottom { top: 75% !important; } /******************************************************************************* Popups *******************************************************************************/ .popup { max-width: 500px; margin: 0 auto; text-align: left; padding: 30px 66px !important; background: #ffffff; } .popup h1 { font-family: "adobe-garamond-pro", serif; font-size: 31px; line-height: 36px; margin: 0; } .popup p { margin: 20px 0; } .mfp-wrap { z-index: 1000001; /* to appear above sidr */ } .mfp-wrap.save-search iframe { height: 500px; } .mfp-wrap.anonymous-save-search iframe { height: 300px; } /******************************************************************************* Tooltips *******************************************************************************/ /* Used as there's no href on the */ a.tooltip-marker { cursor: pointer; } .tooltip.top .tooltip-arrow { border-top-color: #999999; } .tooltip-inner { background: #ffffff; color: #999999; max-width: 250px; border: 1px solid #c7c8ca; } .tooltip { font-size: 1em; } .tooltip.in { opacity: 1; } /**************************************** Social Sign In Form ****************************************/ .social-signin-form__text { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.5px; color: #999999; } .social-signin-form__text--last { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.5px; color: #999999; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 16px; line-height: 21px; } .fine-print-email-registration { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.5px; color: #999999; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 16px; line-height: 21px; } .social-signin-form__heading { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 32px; line-height: 1.2; letter-spacing: -0.5px; color: #999999; color: #333333; margin-top: 0; } .social-signin-form__sign-in-link { color: #ff645a !important; } .social-signin-form--modal .mix-social-signin-form__sign-in-link { color: #ff645a !important; } .social-signin-form .social-signin-form__sign-in-link:link { text-decoration: none; color: #fff; color: #ff645a !important; } .social-signin-form .social-signin-form__sign-in-link:visited { text-decoration: none; color: #fff; color: #ff645a !important; } .social-signin-form .social-signin-form__sign-in-link:hover { text-decoration: none; color: #fff; color: #ff645a !important; } .social-signin-form .social-signin-form__sign-in-link:active { text-decoration: none; color: #fff; color: #ff645a !important; } /**************************************** Social Sign In Form - Modal ****************************************/ .social-signin-form--modal { /*width: 390px !important;*/ margin-bottom: 42px; } .social-signin-form__fine-print--modal { margin-top: 66px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 13px; letter-spacing: 0px; color: #999999 !important; } /*.social-signin-buttons a:link { .mix-links-white(); } .social-signin-buttons a:visited { .mix-links-white(); } .social-signin-buttons a:hover { .mix-links-white(); } .social-signin-buttons a:active { .mix-links-white(); }*/ /*.btn-social-sign-in:link { .mix-links-white(); } .btn-social-sign-in:visited { .mix-links-white(); } .btn-social-sign-in:hover { .mix-links-white(); } .btn-social-sign-in:active { .mix-links-white(); }*/ .social-signin-form--modal .social-signin-buttons { position: static; } /*.modal { width: 502px; } .modal, .modal-body { height: 568px; } .modal, .modal-body { //email registration form height: 608px; }*/ /**************************************** Search Results - Job Listing ****************************************/ .job-listing { padding: 2em 2em 1em; } .job-listing + hr { margin: 0; } .job-listing__heading { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; font-family: "pt-serif-n4", "pt-serif", serif; font-size: 22px; line-height: 40px; line-height: 10px; } .job-listing__sub-heading { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; line-height: 22px; color: #666666; } .job-listing__salary-location { font-family: CircularStd-Book, helvetica, georgia, sans-serif; line-height: 20px; color: #333333; line-height: 16px; color: #666666; } .job-listing__heading--featured { color: #ff645a; } .job-listing__sub-heading--featured { color: #ff645a; } .job-listing--featured { padding: 2em 2em 1em; border: 1px solid #ff645a; } .job-listing--featured + hr { margin: 0; } /******************************************************************************* Save Your Search Modal Dialog *******************************************************************************/ .save-your-search-form__heading { /*font-family: @ff-circular-std-book,@ff-fallback;*/ font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; font-size: 36px; line-height: 41px; letter-spacing: -0.5px; color: #999999; font-weight: 100; } .save-your-search-form__user-name { /*color: @dark-grey;*/ /*border-width: 2px;*/ /*color: @dark-grey;*/ /*border-width: 2px;*/ /*color: @dark-grey;*/ border: 1px solid #999999; /*border-width: 2px;*/ font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; /*color: @dark-grey;*/ color: #666666 !important; height: 43px !important; margin-bottom: 18px; border: 1px solid #c7c8ca; /*border-width: 2px;*/ border-radius: 4px; padding-left: 15px !important; } .save-your-search-form__user-name:focus { outline: 0; } .save-your-search-form__email-frequency { /*.bs-form-field();*/ /*color: @dark-grey;*/ /*border-width: 2px;*/ /*color: @dark-grey;*/ /*border-width: 2px;*/ /*color: @dark-grey;*/ border: 1px solid #999999; /*border-width: 2px;*/ font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; /*color: @dark-grey;*/ color: #666666 !important; height: 43px !important; margin-bottom: 18px; border: 1px solid #c7c8ca; /*border-width: 2px;*/ border-radius: 4px; padding-left: 15px !important; padding-left: 0px !important; } .save-your-search-form__email-frequency-button { /* font-family: @ff-circular-std-book, @ff-fallback;; font-size: 15px;*/ /*line-height: 20px;*/ /*color: @darkest-grey;*/ background: #ffffff; border: none; padding: 8px 29px 6px 15px; position: relative; border-radius: 4px; } .save-your-search-form__email-frequency-button-text { color: #666666 !important; padding-left: 0px; } .save-your-search-form__email-frequency-values { border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid #999999; padding-left: 15px; top: 39px; left: -1px; } .save-your-search-form__save-button { font-family: CircularStd-Bold, helvetica, georgia, sans-serif; font-size: 21px; color: #ffffff; border: 2px solid #999999; height: 44px; padding: 5px 0 6px; margin-top: 51px; margin-top: 0; background: #ff645a; border: none; border-radius: 0; } .save-your-search-form__cancel-button { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #666666 !important; font-size: 16px !important; color: #ff645a; /* width: 163px !important;*/ height: 39px; padding: 7px 43px 9px; margin-top: 51px; margin-top: 0; /*width: 154px !important;*/ border: 2px solid #999999; color: #999999 !important; padding: 8px 43px 12px; border-radius: 4px; background: #fff; padding: 8px 43px 32px 46px; margin-left: 15px; } .applicants-email { height: auto !important; display: none; } .applicants-email h2 { text-transform: none; font-size: 1.5em; } .applicants-email label { margin-top: 5px; } .applicants-email button { font-size: 1.1em !important; } .applicants-email form { margin: 0; } .applicants-email.fade.applicants-email.in { top: 4% !important; } .applicants-email .modal-header { border-bottom: solid 1px lightgrey; padding: 10px 35px !important; } .applicants-email .email-form-container { height: auto !important; padding: 20px !important; } .applicants-email .email-form-container .from-email { margin: 10px 0; } .applicants-email .email-form-container input, .applicants-email .email-form-container textarea { width: 100%; } .applicants-email .email-form-container .form-error { display: none; } .applicants-email .modal-footer { padding: 20px 35px !important; } .invoice-email-modal { height: auto !important; } .invoice-email-modal form { margin: 0; } .invoice-email-modal .modal-header { border-bottom: solid 1px lightgray; } .invoice-email-modal .email-form-container { padding: 20px 25px; } .invoice-email-modal .modal-footer { padding: 15px 25px; } .section-dark-bg { background: #E6E5E1; } #float-right-wrap { padding-top: 60px; } #control-group-selling_point_1, #control-group-selling_point_2, #control-group-selling_point_3 { display: none; } #control-group-selling_point_1.show, #control-group-selling_point_2.show, #control-group-selling_point_3.show { display: block; } /***************************************************************************** Secondary Nav *****************************************************************************/ .navbar { margin: 0; } .navbar .job-type-nav { padding: 1.7em 0 0; margin: 0; } .navbar .job-type-nav li { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 0.9em; color: #999999; margin-left: 1.1em; border-bottom: 2px solid transparent; } .navbar .job-type-nav li:first-child { margin-left: 0; } .navbar .job-type-nav li.active { border-bottom: 2px solid #5996B5; color: #5996B5; } /***************************************************************************** Choose Your Job Type *****************************************************************************/ .job-type-header { border-bottom: 1px solid #c7c8ca; padding-bottom: 1px; margin-bottom: 2em; /* Tabs */ } .job-type-header .container { padding: 0; } .job-type-header .page-heading { margin-left: 14px; margin-right: 14px; } .job-type-header .nav-tabs { border: none; margin: 0; } .job-type-header .nav-tabs li { width: 33.3%; } .job-type-header .nav-tabs li a { background: #f1f1ee; color: #999999; border: none; font-size: 1.4em; text-align: center; display: block; float: left; width: 100%; font-family: "adobe-garamond-pro", serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0.7em 0.6em 0.5em; position: relative; } .job-type-header .nav-tabs li a:hover { border: none; } .job-type-header .nav-tabs li a .price { display: block; margin-top: 0.3em; } .job-type-header .nav-tabs li.active > a, .job-type-header .nav-tabs li.active > a:hover, .job-type-header .nav-tabs li.active > a:focus { background: #5996b5; color: #fff; border: none; } .job-type-header .nav-tabs li.active > a:after, .job-type-header .nav-tabs li.active > a:hover:after, .job-type-header .nav-tabs li.active > a:focus:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(89, 150, 181, 0); border-top-color: #5996b5; border-width: 10px; margin-left: -10px; } .job-type-header .nav-tabs a { background: #f1f1ee; color: #999999; border: none; font-size: 2em; text-align: center; display: block; float: left; width: 33.3%; } .job-type-header .nav-tabs > .active > a, .job-type-header .nav-tabs > .active > a:hover, .job-type-header .nav-tabs > .active > a:focus { background: #5996b5; color: #fff; } .job-type section { padding: 20px 0; color: #999999; } .job-type .credits-container { text-align: center; margin: 20px 0; } .job-type .credits-container .credits-content-box { display: inline-block; max-width: 365px; } .job-type .credits-container .credits-content-box .title-credit { border: none; margin: 0; } .job-type .credits-container .credits-content-box .credit-text { font-size: 1.1em; color: black; padding-top: 15px; } .job-type .credits-container .credits-content-box .use-bundle-button-container { padding-top: 15px; } .job-type .credits-container .credits-content-box .use-bundle-button-container .use-bundle-button { border-radius: 5px; font-size: 1.3em; padding: 10px 30px; } .job-type #ad-bundle-selector label { padding-left: 10px; } .job-type #ad-bundle-selector label .option-title { font-size: 2em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; } .job-type #ad-bundle-selector label .option-explanation-text { padding: 15px 0 0 0; } .job-type #ad-bundle-selector label .option-explanation-text span { display: block; } .job-type #ad-bundle-selector .prettyradio > a { background-position: -30px 0; } .job-type #ad-bundle-selector .prettyradio > a.checked { background-position: -60px 0; } .job-type #ad-bundle-selector :checked + a + label { color: black; } .job-type #job-types-description .job-type-box { border: 1px solid lightgray; border-radius: 10px; } .job-type #job-types-description .job-type-box .type-description { text-align: center; border-bottom: solid 1px lightgray; padding: 15px 0 0 0; } .job-type #job-types-description .job-type-box .type-description div { padding: 20px 0; } .job-type #job-types-description .job-type-box .type-description span { display: block; font-family: "adobe-garamond-pro", serif; font-size: 1.8em; } .job-type #job-types-description .job-type-box .type-description .type-ad { color: black; } .job-type #job-types-description .job-type-box .type-description .price { color: #5996B5; } .job-type #job-types-description .job-type-box .type-description .job-snippet { width: 110px; height: auto; } .job-type #job-types-description .job-type-box .type-description .open-preview-link { display: block; color: #999999; text-decoration: underline; padding-top: 15px; } .job-type #job-types-description .type-feature-item { padding-left: 15px; margin: 0 !important; color: #999999; font-size: 1em; border-bottom: 1px solid lightgray; line-height: 30px; } .job-type #job-types-description .type-feature-item ul { list-style: none; margin-bottom: 0; } .job-type #job-types-description .type-feature-item li { position: relative; padding: 5px 0; } .job-type #job-types-description .type-feature-item li::before { position: absolute; display: block; content: '\2022'; text-indent: -999999px; left: -1.5em; width: 1em; height: 1em; background-repeat: no-repeat; background-image: url(/static/jobs/img/icon-check-blue.svg?7d2990af0ca4); background-size: 1em 1em; background-position: 0; } .job-type #job-types-description .type-feature-item.disabled li { color: lightgray; } .job-type #job-types-description .type-feature-item.disabled li::before { background-image: none; } .job-type #job-types-description .type-feature-item.last { border-bottom: none; } .job-type .tab-content { overflow: visible; } .job-type .tab-content .preview-window { border: solid #c7c8ca; border-width: 1px 0; padding: 1.5em 0; } .job-preview { padding: 40px; background: #FFF; margin: 0 auto; position: relative; max-width: 80%; min-height: 450px; text-align: center; color: #999999; } .job-preview span { display: block; font-family: "adobe-garamond-pro", serif; font-size: 1.8em; } .job-preview .type-ad { color: black; } .job-preview .price { color: #5996B5; } .job-preview .preview-image { width: 60%; padding: 40px 0; } /***************************************************************************** Add Bundle Section *****************************************************************************/ .bundle-box { border: 1px solid lightgray; border-radius: 10px; text-align: center; color: black; font-weight: bold; overflow: hidden; } .bundle-box .bundle-description { padding: 10px 0; } .bundle-box .bundle-description div { padding: 15px 0; } .bundle-box .bundle-properties { background-color: rgba(10, 10, 10, 0.1); font-size: 0.9em; } .bundle-box .bundle-properties div { padding: 5px 0; border-top: 1px solid lightgray; } .bundle-box.recommended { border-color: #5996B5; margin-top: -20px; } .bundle-box.recommended .bundle-properties { background-color: rgba(89, 150, 181, 0.2); } .bundle-box.recommended .bundle-properties div { border-color: #5996B5; } .bundle-box .price-section span { display: block; font-size: 0.9em; font-weight: normal; color: #999999; } .bundle-box .price-section .price { font-family: "adobe-garamond-pro", serif; color: #5996B5; font-size: 2.5em; font-weight: normal; } .bundle-box .recommend-box { background-color: #5996B5; color: white; } .bundle-features { padding: 40px 0 30px; text-align: center; } .bundle-features h1 { font-family: "adobe-garamond-pro", serif; color: black; } .bundle-features .bundle-feature { padding: 10px 15px; display: inline-block; } .bundle-features .bundle-feature .icon-features-tick { margin: unset; } .need-more-container { color: black; text-align: center; } .need-more-container h1 { font-family: "adobe-garamond-pro", serif; color: black; } /***************************************************************************** Features *****************************************************************************/ .features-container { padding-top: 30px; padding-bottom: 70px; } .features-hr { margin-top: 0; } ul.feature-list-row { margin: 0; } .feature-list-row li { list-style: none; } .feature-list-row a { white-space: nowrap; margin-left: 10px; } .feature-list-row a:first-child { margin-left: 0px; } .job-type__jobs-border { margin-top: 40px; border: 1px solid #F0F0F0; } .section-dark-grey-bg { background: #EBEBEB; min-height: 20px !important; } .job-type__description { background: #f8f8f8; height: 70px; } .job-type__description-list { font-family: CircularStd-Book; font-size: 12px; padding: 1em 0 0 1.6em; color: #666666; } .job-type__features-heading { border-bottom: 1px solid #c7c8ca; font-family: CircularStd-Book; font-size: 20px; color: #333333; font-weight: 400; padding-bottom: 0px; margin: 0 0 1em; line-height: 1.9; } .job-type__features-list { margin-left: 0; } .job-type__features-list li { list-style: none; font-family: CircularStd-Book; font-size: 15px; color: #666666; margin-bottom: 18px; } .icon-features-tick { background: url("/static/jobs/img/icon-features-tick.png?7d2990af0ca4") no-repeat scroll 0 4px transparent; width: 13px; height: 16px; margin: -2px 0 0; } .alert-msg { z-index: 9999999; position: fixed; top: 30px; right: 35px; } .alert-msg span { font-size: 14px; } /******************************************************************************* Employer Registration *******************************************************************************/ .emp-registration { font-family: CircularStd-Book; line-height: 1.5; color: #999999; } .emp-registration .bs-page-heading { font-family: "adobe-garamond-pro", serif; font-size: 2.1em; color: #999999; font-weight: 400; margin: 0.8em 0 0.3em; } .emp-registration .icon-tick-in-circle--blue { position: absolute; right: -35px; top: -10px; } /******************************************************************************* Create your ad *******************************************************************************/ .create-your-ad { position: relative; } .create-your-ad .btn { width: 100%; display: block; } .create-your-ad label { color: #333333; } .create-your-ad__upload-btn { position: absolute; margin-left: 0 !important; bottom: 11px; } .logo-locked { border: 1px solid #999999; } .emp-registration .btn { width: 100%; display: block; } .employer-registration-create-ad-wrapper { display: none; } .AdvertiserRegisterLoginView .employer-registration-create-ad-wrapper { display: block; } .AdvertiserRegisterView .employer-registration-create-ad-wrapper { display: block; } .AdvertiserLoginView .employer-registration-create-ad-wrapper { display: block; } .AdvertiserAcceptBusinessInvitation .employer-registration-create-ad-wrapper { display: block; } .AdvertiserRegisterBusinessInvitationView .employer-registration-create-ad-wrapper { display: block; } .emp-registration .bs-page-heading + p { font-size: 15px; } .save-draft-link { font-size: 13px; text-decoration: underline; } .clickable-job-type { cursor: pointer; } .submit-strip .btn-secondary { margin-top: 1em; } .upload-logo img { width: 100%; height: auto; } .create-your-ad__screening-questions, .create-your-ad__selling-points { position: relative; } #featured-ad-availability { margin-bottom: 1em; } #featured-ad-availability .border { padding: 0 1em 0.5em; border: solid 1px #ff645a; } #featured-ad-availability .border .title { color: #ff645a; font-family: "pt-serif-n4", "pt-serif", serif; margin-top: 0.5em; margin-bottom: 0.2em; font-size: 24px; line-height: 1.5; } #featured-ad-availability div.featured-ad-availability__panel { min-height: 0; max-height: 0; overflow: hidden; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; margin-left: 0; } #featured-ad-availability div.featured-ad-availability__panel.active { max-height: 200px; } /***************************************************************************** Directory Preview (includes modal view) *****************************************************************************/ .directory-preview-wrap .directory-preview-inner .preview-body { border-bottom: none; /* Used on Job Preview page */ } .directory-preview-modal { border: 1px solid #c7c8ca; z-index: 500; max-width: 940px; margin: 0 auto; } .directory-preview-modal, .directory-preview-inner { background: #ffffff; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; font-family: "adobe-garamond-pro", serif; } .directory-preview-modal .inner, .directory-preview-inner .inner { padding: 1em 2em; } .directory-preview-modal .inner .close-strip, .directory-preview-inner .inner .close-strip { padding: 0 0 0.5em; } .directory-preview-modal .inner .close-strip button.icon-modal-close, .directory-preview-inner .inner .close-strip button.icon-modal-close { border: none; float: right; } .directory-preview-modal .preview-header, .directory-preview-inner .preview-header { padding: 1.3em 0 0.5em; margin-bottom: 0.3em; } .directory-preview-modal .preview-header h1, .directory-preview-inner .preview-header h1 { font-size: 1.6em; margin: 0.8em 0 0; line-height: 1.2; } .directory-preview-modal .preview-body, .directory-preview-inner .preview-body { padding: 0 0 0.5em; margin-bottom: 1.5em; } .directory-preview-modal .preview-body .profile-image, .directory-preview-inner .preview-body .profile-image { margin-bottom: 1em; } .directory-preview-modal .preview-body h2, .directory-preview-inner .preview-body h2 { font-size: 1.8em; font-weight: 400; margin: 0 0 0.2em; } .directory-preview-modal .preview-body p, .directory-preview-inner .preview-body p { font-size: 1em; } .directory-preview-modal .preview-body p a, .directory-preview-inner .preview-body p a { text-decoration: none; font-family: CircularStd-Book; } .directory-preview-modal .preview-body .preview-extra h3, .directory-preview-inner .preview-body .preview-extra h3 { font-family: CircularStd-Book; font-weight: 400; text-transform: uppercase; font-size: 1.2em; margin: 0 0 0.7em; } .directory-preview-modal .preview-body .preview-extra .address, .directory-preview-inner .preview-body .preview-extra .address { border-bottom: 1px solid #c7c8ca; margin-bottom: 1em; } .directory-preview-modal .preview-body .preview-extra .opening-hours h4, .directory-preview-inner .preview-body .preview-extra .opening-hours h4 { font-size: 1em; font-weight: 700; margin: 0; } /******************************************************************************* PREVIEW YOUR AD *******************************************************************************/ .preview-your-ad { /* Search Results Preview */ } .preview-your-ad .title-wrap { margin-bottom: 1em; } .preview-your-ad .title-wrap .button-wrap { padding-top: 10px; } .preview-your-ad .search-results-preview-wrap { border-bottom: 1px solid #c7c8ca; padding-bottom: 1em; margin-bottom: 1em; } .preview-your-ad .search-results-preview-wrap .section-heading { margin-bottom: 0.5em; } .preview-your-ad .search-results-preview-wrap .search-result { padding: 0; border: none; } .preview-your-ad .btn + .btn { margin-top: 0.5em; } .preview-your-ad .view-add-btns p { font-size: 22px; font-family: "adobe-garamond-pro", serif; color: #a7a9ab; line-height: 1.2; margin: 1.2em 0 1em; clear: both; float: left; } .preview-your-ad .view-add-btns .btn { display: block; width: 100%; float: left; clear: both; margin: 0 0 0.4em; } .preview-your-ad .submit-strip { position: fixed; bottom: 0; left: 0; background: #ffffff; padding: 0.5em 1em; z-index: 900; } .preview-your-ad .submit-strip .btn { width: 48%; } .preview-your-ad .submit-strip .btn-secondary { float: left; margin: 0; } /******************************************************************************* Notification *******************************************************************************/ .job-notification h2 { font-size: 18px !important; } .text-danger { color: #D0011B !important; font-size: 12px; display: block; max-width: 300px; } .bootstrap-tagsinput { padding: 0px 6px; max-width: 40%; } .bootstrap-tagsinput span.label { padding: 7px 8px; } /******************************************************************************* Shopping Cart *******************************************************************************/ .shopping-cart .btn { width: 100%; margin-bottom: 0.5em; } .shopping-cart .cart-contents-wrap { margin: 0 0 2em; } .shopping-cart .cart-contents-wrap .data-table.your-order .th, .shopping-cart .cart-contents-wrap .data-table.your-order .td { width: 100%; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.title, .shopping-cart .cart-contents-wrap .data-table.your-order .td.title { font-size: 1.3em; margin-bottom: 0.5em; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.price, .shopping-cart .cart-contents-wrap .data-table.your-order .td.price { font-size: 1.3em; position: absolute; top: 12px; right: 0; width: auto; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.last, .shopping-cart .cart-contents-wrap .data-table.your-order .td.last { position: absolute; bottom: 12px; right: 0; width: auto; } .shopping-cart .cart-contents-wrap table { width: 100%; text-align: left; } .shopping-cart .cart-contents-wrap table tr { border-bottom: 1px solid #c7c8ca; } .shopping-cart .cart-contents-wrap table tr th, .shopping-cart .cart-contents-wrap table tr td { font-size: 1.3em; } .shopping-cart .cart-contents-wrap table tr th { padding: 0 0 1em; color: #999999; font-weight: 400; } .shopping-cart .cart-contents-wrap table tr th.edit { text-align: right; } .shopping-cart .cart-contents-wrap table tr td { padding: 1em 0; } .shopping-cart .cart-contents-wrap table tr td .btn-edit { float: right; display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-edit.svg?7d2990af0ca4) 50% no-repeat; } .shopping-cart .cart-contents-wrap table tr td .btn-edit:hover, .shopping-cart .cart-contents-wrap table tr td .btn-edit:focus { background-image: url(/static/jobs/img/icon-edit-hover.svg?7d2990af0ca4); } .shopping-cart .your-bundle-wrap { margin-bottom: 1.5em; } .shopping-cart .your-bundle-wrap > div { /* Centres the DIV. */ margin: 0 auto; float: none; } .shopping-cart .your-bundle-wrap .section-heading { font-size: 2.2em; margin-bottom: 0; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td { width: 100%; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.title, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.title { font-size: 1.3em; margin-bottom: 0.5em; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.price, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.price { font-size: 1.3em; position: absolute; top: 12px; right: 0; width: auto; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.last, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.last { position: absolute; bottom: 12px; right: 0; width: auto; } .shopping-cart .your-bundle-wrap table { width: 100%; text-align: left; } .shopping-cart .your-bundle-wrap table tr { border-bottom: 1px solid #c7c8ca; } .shopping-cart .your-bundle-wrap table tr th { padding: 0 0 1em; color: #999999; font-weight: 400; } .shopping-cart .your-bundle-wrap table tr th.edit { text-align: right; } .shopping-cart .your-bundle-wrap table tr td { padding: 1em 0; } .shopping-cart .your-bundle-wrap table tr td .btn-edit { float: right; display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-edit.svg?7d2990af0ca4) 50% no-repeat; } .shopping-cart .your-bundle-wrap table tr td .btn-edit:hover, .shopping-cart .your-bundle-wrap table tr td .btn-edit:focus { background-image: url(/static/jobs/img/icon-edit-hover.svg?7d2990af0ca4); } .shopping-cart .your-bundle-wrap table tr td .btn-add { float: right; display: block; width: 25px; height: 25px; background: url(/static/jobs/img/icon-add.svg?7d2990af0ca4) 50% no-repeat; } .shopping-cart .your-bundle-wrap table tr td .btn-add:hover, .shopping-cart .your-bundle-wrap table tr td .btn-add:focus { background-image: url(/static/jobs/img/icon-add-hover.svg?7d2990af0ca4); } .shopping-cart .your-bundle-wrap table tr.add-row th, .shopping-cart .your-bundle-wrap table tr.add-row td { color: #999999; } .shopping-cart .order-summary { margin: 2em 0; } .shopping-cart .order-summary table { text-align: left; width: 100%; border-top: 1px solid #c7c8ca; } .shopping-cart .order-summary table tr { border-bottom: 1px solid #c7c8ca; } .shopping-cart .order-summary table tr th, .shopping-cart .order-summary table tr td { padding: 1em 0; } .shopping-cart .order-summary table tr th { color: #999999; font-weight: 400; width: 60%; } .shopping-cart .order-summary table tr td { text-align: right; } .shopping-cart .order-summary table tr.applied-credit th, .shopping-cart .order-summary table tr.credit-remaining th, .shopping-cart .order-summary table tr.applied-credit td, .shopping-cart .order-summary table tr.credit-remaining td { color: #5996B5; } .shopping-cart .order-summary table tr .coupon-str { color: #5BB55B; } .shopping-cart .order-summary table tr.order-total th, .shopping-cart .order-summary table tr.order-total td { color: #000000; font-size: 1.1em; font-weight: 700; } .shopping-cart .payment-method { position: relative; border-top: 1px solid #c7c8ca; padding-top: 1em; margin: 2em 0 0; } .shopping-cart .payment-method .section-title { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; color: #999999; margin: 0 0 0.5em; font-weight: 400; } .shopping-cart .payment-method .accordion-payment .accordion-group { border: 0; border-bottom: 1px solid #c7c8ca; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .shopping-cart .payment-method .accordion-payment .accordion-group .accordion-heading .accordion-toggle { color: #999999; padding: 1em 0; background: url(/static/jobs/img/icon-circle--grey.svg?7d2990af0ca4) right 50% no-repeat; background-size: 25px 25px; } .shopping-cart .payment-method .accordion-payment .accordion-group .accordion-heading .accordion-toggle:hover, .shopping-cart .payment-method .accordion-payment .accordion-group .accordion-heading .accordion-toggle.active { text-decoration: none; color: #000000; background-image: url(/static/jobs/img/icon-tick-in-circle--blue.svg?7d2990af0ca4); } .shopping-cart .payment-method .accordion-payment .accordion-group .accordion-body .accordion-inner { border: none; padding: 0 0 2em; } .shopping-cart .invoice-email-settings { border-bottom: solid 1px lightgray; } .shopping-cart .invoice-email-settings .invoice-title { padding: 1em 0; } .shopping-cart .invoice-email-settings .invoice-title a { text-decoration: none; color: #999999; } .shopping-cart .invoice-email-settings .invoice-title a:hover { text-decoration: underline; } .shopping-cart .invoice-email-settings .invoice-body { border: none; } .shopping-cart .invoice-email-settings .invoice-body h2 { font-size: 1.3em; } .shopping-cart .page-submit { margin: 0; } .shopping-cart .page-submit p { font-size: 0.9em; margin: 0 0 2em; color: #999999; } .shopping-cart .page-submit .btn { float: right; margin-left: 1em; } .coupon-code .coupon-error { text-align: left !important; color: red; } .available-bundles { clear: both; } .available-bundles > div { /* Centres the DIV. Bootstrap 'offset' doesn't seem to work */ margin: 0 auto; float: none; } .available-bundles header { text-align: center; } .available-bundles header .announcement { font-size: 2.3em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; color: #999999; margin: 0 0 0.5em; font-weight: 400; } .available-bundles header .btn { width: 100%; } .available-bundles .bundle-list { display: none; padding: 0; margin: 0; color: #999999; } .available-bundles .bundle-list li { border-bottom: 1px solid #c7c8ca; list-style-type: none; } .available-bundles .bundle-list li a { display: block; color: #999999; padding: 1.1em 0; background: url(/static/jobs/img/icon-circle--grey.svg?7d2990af0ca4) right 50% no-repeat; background-size: 26px 25px; } .available-bundles .bundle-list li a:hover, .available-bundles .bundle-list li a:focus, .available-bundles .bundle-list li a.selected { color: #5996B5; text-decoration: none; background-image: url(/static/jobs/img/icon-tick-in-circle--blue.svg?7d2990af0ca4); } .available-bundles .bundle-list li a h3 { font-weight: 400; margin: 0 0 0.5em; min-width: 200px; font-size: 1em; line-height: 1.2; } .available-bundles .bundle-list li a p { margin: 0; } /******************************************************************************* CSS for logged in Employers Contents: - Employer Dashboard - Current Item Toolbar - Header Strip - Results Table - Sub Nav - Job Application - Job Details - Analytics - Contact Details - Payments - Payment History - Public Profile /******************************************************************************* EMPLOYER DASHBOARD *******************************************************************************/ .sidebar { right: -50px !important; width: 438.5px !important; } .sidebar .login-welcome p { opacity: 1!important; margin-left: 50px; transition: margin-left 0.5s ease !important; transition-delay: 1s; } #btn-sitenav.active hr { display: none; } #btn-sitenav.active .icon-x { font-size: 20px; color: #fff; transition-delay: 0.2s; transition: ease-in-out 0.5s; display: block!important; } .side-open { margin-right: -50px !important; opacity: 0; transition: all 0.2s ease !important; } .dashboard-nav { display: none; visibility: hidden; /* Mobile Version */ } .dashboard-nav .navbar { margin: 0; } .dashboard-nav a { color: #a7a9ab; } .dashboard-nav a:hover { color: #5996B5; } .dashboard-nav .navbar-inner { background: #f5f5f4; border: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; padding: 0 14px; } .dashboard-nav .navbar-inner li { padding: 1em 0; margin: 0 3em 0 0; } .dashboard-nav .navbar-inner li a { text-shadow: none; font-size: 1.571em; padding: 0; } .dashboard-nav .navbar-inner li.active a { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); background: transparent; color: #5996B5; } .dashboard-nav .navbar-inner li.active a:hover { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); background: transparent; color: #5996B5; } .dashboard-nav.mobile-friendly { display: block; visibility: visible; } .dashboard-nav.mobile-friendly .navbar-inner .nav-toggle { background: transparent; border: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); padding: 0.4em 0 0.36em; font-size: 1.571em; display: block; width: 100%; color: #a7a9ab; text-align: left; } .dashboard-nav.mobile-friendly .navbar-inner .accordion { display: none; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group { padding: 0; margin: 0; border: none; border-bottom: 1px solid #c7c8ca; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-toggle { font-size: 1.571em; padding: 0.5em 0em; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-toggle:hover, .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-toggle:focus { text-decoration: none; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-inner { border: 0; font-family: CircularStd-Book; padding: 0; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-inner ul { margin: 0; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-inner ul li { list-style-type: none; padding: 0; margin: 0.9em 0; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-inner ul li:first-child { margin-top: 0em; } .dashboard-nav.mobile-friendly .navbar-inner .accordion .accordion-group .accordion-inner ul li a { font-size: 1.286em; } .dashboard-nav.mobile-friendly .navbar-inner .nav-toggle, .dashboard-nav.mobile-friendly .navbar-inner .accordion-toggle { background: url(/static/jobs/img/icon_dropdown_arrow_down.svg?7d2990af0ca4) right 50% no-repeat transparent; background-size: 20px; } .dashboard-nav.mobile-friendly .navbar-inner .nav-toggle.active, .dashboard-nav.mobile-friendly .navbar-inner .accordion-toggle.active { background-image: url(/static/jobs/img/icon_dropdown_arrow_up.svg?7d2990af0ca4); } .dashboard-nav.mobile-friendly .navbar-inner .mobile-subnav-link a { font-size: 1.571em; padding: 0.5em 0em; display: block; border-bottom: 1px solid #c7c8ca; } .dashboard-nav.mobile-friendly .navbar-inner .mobile-subnav-link a:hover, .dashboard-nav.mobile-friendly .navbar-inner .mobile-subnav-link a:focus { text-decoration: none; } .profile-overview { border-bottom: 1px solid #c7c8ca; padding: 0 0 2em; margin: 2em 0 1em; } .profile-overview .complete-profile { margin: 0 0 1em; } .profile-overview .complete-profile p { color: #999999; font-size: 2.1em; margin: 0 0 0.5em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; width: 90%; } .profile-overview .complete-profile .btn { width: 100%; } .profile-overview .profile-content h2, .profile-overview .profile-content h3 { line-height: 1.5; } .profile-overview .profile-content h2 { font-weight: 400; font-size: 1.4em; margin: 0 0 0.3em; } .profile-overview .profile-content h3 { color: #999999; font-size: 1.1em; font-weight: 400; margin: 0 0 1em; } .profile-overview .profile-content p { clear: both; } .profile-overview .post-job .btn { float: none; width: 100%; } .profile-image { float: left; margin: 0 1em 1em 0; max-width: 135px; height: auto; } .profile-placeholder-image { display: inline-block; border: 1px solid #c7c8ca; background-image: url(/static/jobs/img/missing-user-pic.svg?7d2990af0ca4); background-repeat: no-repeat; background-position: 50% 50%; width: 135px; height: 135px; background-size: 37px; } .live-jobs, .applicants { margin-bottom: 2em; } .live-jobs .section-heading, .applicants .section-heading, .account-overview .section-heading { margin-bottom: 0.4em; } .result-list { margin: 0 0 1em; } .result-list li { list-style-type: none; border-bottom: 1px solid #c7c8ca; padding: 0.8em 0; margin: 0; } .result-list li.new-applicant { padding-left: 1.6em; background: url(/static/jobs/img/icon-circle-small.svg?7d2990af0ca4) 0 1.4em no-repeat; background-size: 12px; } .result-list li h3 { font-family: "pt-serif-n4", "pt-serif", serif; margin: 0; line-height: 1.2; font-size: 1.4em; } .result-list li h3 a, .result-list li h3 a:visited, .result-list li h3 a:hover, .result-list li h3 a:focus, .result-list li h3 a:active { color: #333333; } .result-list li h3 a:hover { text-decoration: none; color: #999999; } .result-list li h4 { font-size: 1.1em; margin: 0; color: #999999; font-weight: 400; } .result-list li .job-age { display: block; text-align: right; margin: 0.4em 0 0; color: #5996B5; } .result-list li .job-age.old-job { color: #999999; } .result-list li .shortlist { float: right; } .result-list li .lhs { float: left; width: 75%; } .result-list li .rhs { float: right; width: 25%; margin-left: 0; } .account-overview .result-list li { padding: 1em 0 1.15em; } .account-overview .result-list li h3 { font-family: CircularStd-Book; color: #999999; font-size: 1.1em; margin: 0; font-weight: 400; line-height: 1.5; } .account-overview .result-list li p { margin: 0; } /******************************************************************************* CURRENT ITEM TOOLBAR *******************************************************************************/ .span7.current-item-title { width: 50%; } .current-item-toolbar { border-bottom: 1px solid #c7c8ca; margin: 1em 0 0.5em; padding: 0 0 1em; position: relative; } .current-item-toolbar .current-item-title span { font-size: 2.1em; line-height: 1.5; margin: 0.75em 0 0; font-size: 2.15em; clear: both; border-bottom: 1px solid #c7c8ca; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; letter-spacing: -0.5px; color: #999999; font-style: italic; font-size: 1.9em; border: none; display: block; margin: 0 0 0.2em; } .current-item-toolbar .extend-view { float: left; } .current-item-toolbar .extend-view a { padding: 0.2em 1em 0.1em; } .current-item-toolbar .open-close-toggle { position: absolute; bottom: 14px; right: 0; } .current-item-toolbar .open-close-toggle .toggle-switch { width: 34px; height: 21px; font-size: 1em; font-family: CircularStd-Book; background-position: right 50%; text-align: right; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-size: 34px 21px; } .current-item-toolbar .open-close-toggle .toggle-switch:hover { background-color: transparent; } .current-item-toolbar .prev-next-controls { position: absolute; top: 7px; right: 0; } /******************************************************************************* HEADER STRIP *******************************************************************************/ .header-strip { padding-bottom: 0.5em; position: relative; } .header-strip h1.bs-page-heading { margin: 0 0 0.5em; border-bottom: 1px solid #c7c8ca; font-size: 2.1em; padding-bottom: 0.2em; } .header-strip .form-search { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #c7c8ca; background: transparent; position: relative; padding-right: 3em; width: 100%; float: left; margin: 0.5em 0; } .header-strip .form-search input[type="text"] { border: none; background: transparent; width: 175px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; transition: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin: 0; height: auto; padding: 0.5em 1em 0.4em; } .header-strip .form-search input[type="text"]:focus { outline: none; } .header-strip .form-search button { position: absolute; right: 6px; top: 6px; width: 20px; height: 20px; background: url(/static/jobs/img/icon-search.svg?7d2990af0ca4) no-repeat 50%; background-size: 20px; border: none; margin: 0; } .header-strip .form-search button:hover, .header-strip .form-search button:active, .header-strip .form-search button:focus { border: none; } .header-strip .result-count, .header-strip .sort-results-wrapper, .header-strip .prev-next-controls, .header-strip .view-all { display: none; visibility: hidden; } .header-strip .select2-selection__rendered { color: #999999 !important; } /******************************************************************************* RESULTS TABLE *******************************************************************************/ .results-table .data-table .tbody .tr { padding-bottom: 1.4em; } .results-table .data-table.live-jobs .th, .results-table .data-table.live-jobs .td { width: 100%; } .results-table .data-table.live-jobs .th.applicants, .results-table .data-table.live-jobs .td.applicants { position: absolute; top: 19px; left: 0; } .results-table .data-table.live-jobs .th.single-btn, .results-table .data-table.live-jobs .td.single-btn { position: absolute; top: 19px; right: 0; } .results-table .data-table.live-jobs .th.title, .results-table .data-table.live-jobs .td.title, .results-table .data-table.live-jobs .th.expires, .results-table .data-table.live-jobs .td.expires { padding: 0 40px; } .results-table .data-table.live-jobs .th.expires .job-age, .results-table .data-table.live-jobs .td.expires .job-age { display: block; float: none; } .results-table .data-table.live-jobs .th.expires .visible-phone, .results-table .data-table.live-jobs .td.expires .visible-phone { float: left; margin-right: 4px; } .results-table .data-table.live-jobs .th.expires .btn-primary, .results-table .data-table.live-jobs .td.expires .btn-primary { float: left; width: 48%; } .results-table .data-table.live-jobs .th.expires .btn-secondary, .results-table .data-table.live-jobs .td.expires .btn-secondary { float: right; width: 48%; } .results-table .data-table.businesses .th, .results-table .data-table.businesses .td { width: 100%; } .results-table .data-table.businesses .th.title, .results-table .data-table.businesses .td.title, .results-table .data-table.businesses .th.business-title, .results-table .data-table.businesses .td.business-title, .results-table .data-table.businesses .th.business-content, .results-table .data-table.businesses .td.business-content { padding-left: 15px; } .results-table .data-table.businesses .th .invite-text, .results-table .data-table.businesses .td .invite-text { color: #999999; font-size: 13px; } .results-table .data-table.businesses .th .input-invite-email, .results-table .data-table.businesses .td .input-invite-email { float: left; width: 66%; } .results-table .data-table.businesses .th .invite-button, .results-table .data-table.businesses .td .invite-button { width: 31%; } .results-table .data-table.businesses .th.invite-box, .results-table .data-table.businesses .td.invite-box { display: none; } .results-table .data-table.businesses .th .invite-business-form, .results-table .data-table.businesses .td .invite-business-form { padding-top: 10px; } .results-table .data-table.businesses .th .invite-business-form .invitation-error, .results-table .data-table.businesses .td .invite-business-form .invitation-error { float: left; display: none; } .results-table .data-table.businesses .th .invite-business-form .invitation-success-box, .results-table .data-table.businesses .td .invite-business-form .invitation-success-box { float: left; width: 100%; display: none; } .results-table .data-table.businesses .th .invite-business-form .invitation-success-box .invitation-success-text, .results-table .data-table.businesses .td .invite-business-form .invitation-success-box .invitation-success-text { font-size: 14px; color: green; vertical-align: middle; } .results-table .data-table.applicants .th, .results-table .data-table.applicants .td { width: 100%; } .results-table .data-table.applicants .th.new, .results-table .data-table.applicants .td.new { position: absolute; top: 12px; left: 0; width: auto; } .results-table .data-table.applicants .th.title, .results-table .data-table.applicants .td.title { padding: 0 60px 0 25px; } .results-table .data-table.applicants .th.title .row-note, .results-table .data-table.applicants .td.title .row-note { font-size: 0.8em; margin-top: 5px; color: #444; } .results-table .data-table.applicants .th.shortlist-col, .results-table .data-table.applicants .td.shortlist-col { position: absolute; top: 12px; right: 35px; width: auto; } .results-table .data-table.applicants .th.single-btn, .results-table .data-table.applicants .td.single-btn { position: absolute; top: 12px; right: 0; } .results-table .data-table h3 { font-family: "pt-serif-n4", "pt-serif", serif; margin: 0; line-height: 1.5; font-size: 1.4em; color: #333333; } .results-table .data-table h3 a, .results-table .data-table h3 a:visited, .results-table .data-table h3 a:hover, .results-table .data-table h3 a:focus, .results-table .data-table h3 a:active { color: #333333; } .results-table .data-table h3 a:hover { text-decoration: underline; } .results-table .data-table h4 { font-size: 1.1em; margin: 0; color: #999999; font-weight: 400; } .results-table .data-table .job-age { color: #5996B5; margin-bottom: 0.5em; } .results-table .data-table .job-age.old-job { color: #999999; } .results-table .data-table .icn-new, .results-table .data-table .icn-old { margin: 7px 0 0; } .results-table .data-table .icn-preview, .results-table .data-table .icn-download { float: left; } .results-table .data-table .icn-preview { margin: 2px 5px 0 0; } .results-table .data-table .icn-close { float: right; } .results-table table { width: 100%; text-align: left; color: #999999; } .results-table table tr { border-bottom: 1px solid #c7c8ca; } .results-table table tr th { padding: 0.8em 0 0.7em; color: #999999; font-weight: 400; } .results-table table tr th span { color: #5996B5; } .results-table table tr th.last { text-align: right; } .results-table table tr td { padding: 1em 0; vertical-align: top; } .results-table table tr td h3 { font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; margin: 0; line-height: 1.5; font-size: 1.4em; font-weight: 700; color: #000000; } .results-table table tr td h3 a, .results-table table tr td h3 a:visited, .results-table table tr td h3 a:hover, .results-table table tr td h3 a:focus, .results-table table tr td h3 a:active { color: #000000; } .results-table table tr td h3 a:hover { text-decoration: underline; } .results-table table tr td h4 { font-size: 1.1em; margin: 0; color: #999999; font-weight: 400; } .results-table table tr td .job-age { color: #5996B5; } .results-table table tr td .job-age.old-job { color: #999999; } .results-table table tr td .icn-new, .results-table table tr td .icn-old { margin: 7px 0 0; } .results-table table tr td .icn-preview, .results-table table tr td .icn-download { float: left; } .results-table table tr td .icn-preview { margin: 2px 5px 0 0; } .results-table table tr td .icn-close { float: right; } #add-business-error { float: left; margin: 5px 0; color: red; } .bordem-bottom-table { border-bottom: solid 1px lightgray !important; } #save-business { margin: 10px 0; } .add-new-business-button-container .add-business-container { padding: 15px !important; display: flex; flex-wrap: wrap; } .add-new-business-button-container .container-half-width { width: 50%; } .add-new-business-button-container .plus-button-container { display: flex; justify-content: flex-end; } /******************************************************************************* SUB NAV *******************************************************************************/ .sub-nav { display: none; visibility: hidden; } /******************************************************************************* JOB APPLICATION *******************************************************************************/ .job-application .header-strip .bs-page-heading { margin: 0 0 0.5em; } .job-application .header-strip .prev-next-controls { display: block; visibility: visible; position: absolute; right: 0; top: 8px; } .job-application .summary { margin: 1em 0 2em; } .job-application .summary li { list-style-type: none; clear: both; } .job-application .summary li h3 { float: left; width: 40%; margin-top: 0; } .job-application .summary li span, .job-application .summary li a { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; } .job-application .summary li span.emphasis, .job-application .summary li a.emphasis { color: #000000; } .job-application .reject-accept-wrapper { margin-bottom: 2em; } .job-application .summary h3, .job-application .application-body h3, .job-application .application-aside h3 { font-size: 1em; color: #999999; font-weight: 400; margin: 2em 0 0.3em; clear: both; line-height: 1.5; } .job-application .application-body .notice { font-style: italic; color: #999999; font-size: 0.9em; } .job-application .application-body .accept-reject-wrapper { margin-bottom: 2em; } .job-application .application-aside ul { margin: 2em 0 0; border-top: 1px solid #c7c8ca; } .job-application .application-aside ul li { list-style-type: none; clear: both; border-bottom: 1px solid #c7c8ca; padding: 1em 0; } .job-application .application-aside ul li h3 { float: left; margin: 0; padding: 0.2em 0 0; } .job-application .application-aside ul li > a, .job-application .application-aside ul li .btn-group { float: right; } .job-application .application-aside ul li .btn-group a { float: left; } .job-application .application-aside ul li .btn-group a.icn-preview { margin: 2px 5px 0 0; } /******************************************************************************* JOB DETAILS *******************************************************************************/ .job-details .job-details-content { padding-bottom: 2em; } .job-details .job-details-content .job-title { font-family: "pt-serif-n4", "pt-serif", serif; color: #333333; /* margin: 0; */ font-size: 2.1em; line-height: 1.5; } .job-details .job-details-content .group-name { font-size: 1.2em; margin: 0 0 1em; color: #808284; } .job-details .job-details-content h5 { font-family: "pt-serif-n4", "pt-serif", serif; font-size: 1.3em; font-weight: 400; margin: 1em 0 0.5em; } .job-details .job-details-content .job-details-aside .company-logo { margin-bottom: 1.8em; } .job-details .job-details-content .job-details-aside .job-meta { border-top: 1px solid #c7c8ca; margin: 2em 0 0; padding: 1.5em 0; } .job-details .job-details-content .job-details-aside .job-meta ul { margin: 0; } .job-details .job-details-content .job-details-aside .job-meta ul li { list-style-type: none; margin: 0 0 0.3em; } .job-details .job-details-content .job-details-aside .job-meta ul li span { display: inline-block; width: 48%; } .social-share { border: solid #c7c8ca; border-width: 1px 0; padding: 1.3em 0 1.2em; } .social-share h3 { font-weight: 400; font-size: 17px; display: inline-block; float: left; margin: 0.1em 1em 0 0; line-height: 1.5; } .social-share ul { margin: 0; } .social-share ul li { list-style-type: none; float: left; margin: 0 0 0 0.6em; } .social-share ul li:first-child { margin-left: 0; } .social-share ul li img { width: 30px; height: 30px; } /******************************************************************************* ANALYTICS *******************************************************************************/ .job-analytics { color: #999999; } .job-analytics .analytic { border-bottom: 1px solid #c7c8ca; padding: 2em 0 0; background: no-repeat 0 0; background-size: auto 20px; margin-top: 2em; } .job-analytics .analytic .number { font-size: 4em; font-family: "pt-serif-n4", "pt-serif", serif; display: block; margin: 0; line-height: 1; } .job-analytics .analytic.amount-search { background-image: url(/static/jobs/img/icon-search.svg?7d2990af0ca4); } .job-analytics .analytic.amount-views { background-image: url(/static/jobs/img/icon_preview.svg?7d2990af0ca4); } .job-analytics .analytic.amount-applications { background-image: url(/static/jobs/img/icon-file.svg?7d2990af0ca4); } .job-analytics .analytic.amount-shortlisted { background-image: url(/static/jobs/img/icon-heart-filled-grey.svg?7d2990af0ca4); } .job-notifications h2 { font-size: 18px; } /******************************************************************************* CONTACT DETAILS *******************************************************************************/ .contact-billing-details .btn { width: 100%; } .edit-contact-details-wrap, .edit-billing-details-wrap { display: none; visibility: hidden; padding: 1.5em 0 2em; } .edit-contact-details-wrap.visible, .edit-billing-details-wrap.visible { display: block; visibility: visible; } .heading-wrap { position: relative; } .heading-wrap .heading-right .checkbox { padding: 15px 0 0; } .heading-wrap .heading-right .checkbox input { margin: 3px 5px 0 0; } .contact-billing-details .heading-right { display: none; visibility: hidden; } .contact-billing-details .heading-right.visible { display: block; visibility: visible; } /******************************************************************************* PAYMENTS *******************************************************************************/ /* Saved Cards */ .saved-cards-wrap { margin: 1em 0; } ul.credit-cards { margin: 0; } ul.credit-cards li { list-style-type: none; margin: 0 0 1em; color: #999999; } ul.credit-cards li .card-details { float: left; } ul.credit-cards li .card-details span { display: block; } ul.credit-cards li .interact { float: right; } ul.credit-cards li .interact button { display: inline-block; } /* Add New Card */ .add-card-wrap > h3 { border: solid #c7c8ca; border-width: 1px 0; padding: 1em 0 0.8em; margin: 0 0 1em; } .add-card-wrap > h3 button { float: right; margin-top: -3px; } .add-card-wrap .add-card-form { margin: 2em 0; display: none; } /* Account Balance */ .account-balance { margin-top: 3em; } .account-balance h2 { margin-bottom: 0.1em; } .inline-list { margin: 0 0 2em; } .inline-list li { list-style-type: none; border-bottom: 1px solid #c7c8ca; padding: 0.8em 0; clear: both; color: #5996B5; } .inline-list li .key { margin: 0; color: #333333; line-height: 1.5; } /******************************************************************************* PAYMENT HISTORY *******************************************************************************/ .data-table.payment-history .description { font-size: 1.1em; font-weight: 700; } .data-table.payment-history .order-no, .data-table.payment-history .date, .data-table.payment-history .amount { float: left; width: auto; margin-right: 1em; } .data-table.payment-history .single-btn { position: initial; } .data-table.payment-history .single-btn .icn-download { position: absolute; bottom: 15px; right: 0; } /******************************************************************************* PUBLIC PROFILE *******************************************************************************/ .profile-logo { margin-bottom: 1.5em; } .profile-linked-to-directory { background: url(/static/jobs/img/icon-circle--grey.svg?7d2990af0ca4) no-repeat left 4px; background-size: 25px; padding: 6px 0 5px 35px; } .profile-linked-to-directory.link-true { background-image: url(/static/jobs/img/icon-tick-in-circle--blue.svg?7d2990af0ca4); } .public-profile-edit { display: none; visibility: hidden; } .public-profile-edit.visible { display: block; visibility: visible; } .public-profile-edit .resume-upload { margin-top: 20px; margin-bottom: 20px; } /******************************************************************************* EMAIL PREFERENCES *******************************************************************************/ #id_subscribe_applications, #id_subscribe_reporting { margin-left: 0; } #id_subscribe_applications li, #id_subscribe_reporting li { list-style-type: none; } #id_subscribe_applications .prettycheckbox > a, #id_subscribe_reporting .prettycheckbox > a, #id_subscribe_applications .prettyradio > a, #id_subscribe_reporting .prettyradio > a { background-image: url('/static/jobs/img/forms/sprites-employer-tick-radios.png?7d2990af0ca4'); } .JobView .utility-bar { margin: 0; } .JobView .header-image { height: 150px; width: 100%; background-size: cover; background-color: lightgray; margin: 0 0 2em; } .JobView .profile-link { margin: 30px 0; font-size: 1.3em; float: none; } .JobView .profile-description { float: none; } .JobView .life-at-separator { margin: 40px 0; } .JobView .bigger-size { font-size: 2em !important; } .JobView .business-info-container .business-info h2 { font-size: 2em; font-family: "adobe-garamond-pro", serif; margin-bottom: 0; } .JobView .business-info-container .business-info h3 { font-size: 1em; margin: 0; } .JobView .business-info-container .business-cover-image { width: 100%; margin-top: 10px; height: 80px; } .JobView .job-view-profile-button { margin-top: 15px; margin-left: 0; } .JobView .business-profile-carousel { margin-left: 0; padding: 20px 0; } .JobView .business-profile-carousel .item { height: auto; width: 100%; } .JobView .business-profile-carousel .item-video { width: 100%; height: 420px; } .JobView .business-profile-carousel figure { height: auto; } .JobView .business-profile-carousel figcaption { color: lightgray; padding-top: 10px; height: 31px; } .JobView .business-profile-carousel .owl-item { opacity: 0; } .JobView .business-profile-carousel .owl-item.active { opacity: 1; } .JobView .business-profile-carousel .owl-nav [class*=owl-] { padding: 0; margin: 0; background: none; } .JobView .business-profile-carousel .owl-nav [class*=owl-]:hover { padding: 0; margin: 0; background: none; } .JobView .business-profile-carousel .owl-nav [class*='owl-']:hover { padding: 10px !important; border-radius: 3px; } .JobView .business-profile-carousel .owl-nav .owl-prev, .JobView .business-profile-carousel .owl-nav .owl-next { position: absolute; top: 40%; } .JobView .business-profile-carousel .owl-nav .owl-prev span, .JobView .business-profile-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .JobView .business-profile-carousel .owl-nav .owl-prev span:hover, .JobView .business-profile-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .JobView .business-profile-carousel .owl-nav .owl-prev { left: 0px; padding: 10px; border-top-left-radius: 0; background-color: white; border-bottom-left-radius: 0; } .JobView .business-profile-carousel .owl-nav .owl-prev:hover { border-top-left-radius: 0 !important; background-color: white !important; border-bottom-left-radius: 0 !important; text-decoration: initial !important; } .JobView .business-profile-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .JobView .business-profile-carousel .owl-nav .owl-next { right: 0px; padding: 10px; border-top-right-radius: 0; background-color: white; border-bottom-right-radius: 0; } .JobView .business-profile-carousel .owl-nav .owl-next:hover { border-top-right-radius: 0 !important; background-color: white !important; border-bottom-right-radius: 0 !important; text-decoration: initial !important; } .JobView .business-profile-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .JobView .business-profile-carousel .owl-nav .disabled { display: none; } .JobView .business-figure { display: flex; align-items: center; flex-direction: column; justify-content: center; } .JobView .business-figure img { width: 100% !important; } .JobView .business-figure figcaption { align-self: flex-end; } /******************************************************************************* CSS for Business profile pages *******************************************************************************/ .BusinessProfileView a { color: gray; } .BusinessProfileView main { overflow: hidden; } .BusinessProfileView main p { color: gray; } .BusinessProfileView main .left-side-content { width: 60%; float: left; } .BusinessProfileView main .right-side-content { width: 30%; float: right; } .BusinessProfileView main section, .BusinessProfileView footer section { padding: 0 0 30px; } .BusinessProfileView header h1 { padding: 0; margin-top: 0; margin-bottom: 10px; font-family: "adobe-garamond-pro", serif; } .BusinessProfileView header a { white-space: nowrap; text-decoration: underline; } .BusinessProfileView header p { color: gray; } .BusinessProfileView header .header-image { background-color: lightgray; height: 150px; width: 100%; background-size: cover; } .BusinessProfileView header .header-container { display: flex; flex-wrap: wrap; } .BusinessProfileView header .align-bottom { align-self: flex-end; } .BusinessProfileView header .right-side-content { margin-left: auto; } .BusinessProfileView header .no-margin { margin: 0; } .BusinessProfileView header .top-banner-image { position: relative; background-size: cover; background-position: center center; height: 600px; background-repeat: no-repeat; text-align: center; } .BusinessProfileView header .banner-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; z-index: 100; font-size: 96px !important; font-family: adobe-garamond-pro, serif; font-weight: bold; line-height: 100%; } .BusinessProfileView footer { overflow: hidden; margin-top: 20px; } .BusinessProfileView footer p { color: gray; } .BusinessProfileView section h2 { border-bottom: 1px solid lightgray; padding: 0; } .BusinessProfileView h1, .BusinessProfileView h2, .BusinessProfileView h3 { font-family: "adobe-garamond-pro", serif; } .BusinessProfileView h1 { font-size: 2.5em; } .BusinessProfileView h2 { font-size: 1.5em; } .BusinessProfileView h3 { font-size: 22px; } .BusinessProfileView .container-padding-top { padding-top: 30px; } .BusinessProfileView .left-side-content { width: 48%; float: left; } .BusinessProfileView .right-side-content { width: 48%; float: right; } .BusinessProfileView .business-logo { float: left; margin-right: 30px; max-height: 140px; max-width: 140px; border: solid 2px lightgray; } .BusinessProfileView .business-profile-carousel { padding: 20px 0; } .BusinessProfileView .business-profile-carousel .item { height: auto; width: 100%; } .BusinessProfileView .business-profile-carousel .item-video { width: 100%; height: 420px; } .BusinessProfileView .business-profile-carousel figure { height: auto; } .BusinessProfileView .business-profile-carousel figcaption { color: lightgray; padding-top: 10px; height: 31px; } .BusinessProfileView .business-profile-carousel .owl-item { opacity: 0; } .BusinessProfileView .business-profile-carousel .owl-item.active { opacity: 1; } .BusinessProfileView .business-profile-carousel .owl-nav [class*=owl-] { padding: 0; margin: 0; background: none; } .BusinessProfileView .business-profile-carousel .owl-nav [class*=owl-]:hover { padding: 0; margin: 0; background: none; } .BusinessProfileView .business-profile-carousel .owl-nav [class*='owl-']:hover { padding: 10px !important; border-radius: 3px; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev, .BusinessProfileView .business-profile-carousel .owl-nav .owl-next { position: absolute; top: 40%; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev span, .BusinessProfileView .business-profile-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev span:hover, .BusinessProfileView .business-profile-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev { left: 0px; padding: 10px; border-top-left-radius: 0; background-color: white; border-bottom-left-radius: 0; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev:hover { border-top-left-radius: 0 !important; background-color: white !important; border-bottom-left-radius: 0 !important; text-decoration: initial !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next { right: 0px; padding: 10px; border-top-right-radius: 0; background-color: white; border-bottom-right-radius: 0; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next:hover { border-top-right-radius: 0 !important; background-color: white !important; border-bottom-right-radius: 0 !important; text-decoration: initial !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .BusinessProfileView .business-profile-carousel .owl-nav .disabled { display: none; } .BusinessProfileView .business-profile-carousel .owl-dots { text-align: left; position: relative; top: -30px; width: 50%; } .BusinessProfileView .business-profile-carousel .owl-dots span { border: solid 1px #ff645a; background-color: transparent !important; } .BusinessProfileView .business-profile-carousel .owl-dots .active span { background-color: #ff645a !important; } .BusinessProfileView #life-at img, .BusinessProfileView #life-at iframe { float: none; vertical-align: top; display: inline; clear: both; } .BusinessProfileView .business-save-search iframe { height: 270px; } .BusinessProfileView .business-figure { display: flex; align-items: center; flex-direction: column; justify-content: center; } .BusinessProfileView .business-figure img { width: 100% !important; } .BusinessProfileView .business-figure figcaption { align-self: flex-end; } .BusinessProfileView .similar-businesses-carousel .owl-item { opacity: 1; } .BusinessProfileView .similar-businesses-carousel .owl-item.active { opacity: 1; margin-left: -5px; padding-left: 10px; border-left: 1px solid lightgray; } .BusinessProfileView .similar-businesses-carousel .owl-nav [class*=owl-] { padding: 0; margin: 0; background: none; } .BusinessProfileView .similar-businesses-carousel .owl-nav [class*=owl-]:hover { padding: 0; margin: 0; background: none; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev, .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next { position: absolute; top: 40%; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev span, .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev span:hover, .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next { right: 0px; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .BusinessProfileView .similar-businesses-carousel .owl-nav .disabled { display: none; } .BusinessProfileView .similar-business-photo-container { width: 120px; height: 120px; display: flex; align-items: center; float: left; margin: 15px; } .BusinessProfileView .similar-business-photo-container .similar-business-logo { float: left; margin-right: auto; max-height: 115px; max-width: 115px; padding: 2px; } .BusinessProfileView .header-container .similar-business-photo-container { margin: 0 15px 0 0; } .BusinessProfileView .mfp-iframe-holder .mfp-content { max-width: 800px; } .BusinessProfileView .similar-business-data { display: flex; flex-direction: column; height: 140px; padding-top: 15px; overflow: scroll; max-width: 145px; } .BusinessProfileView .similar-business-data .jobs-active { margin-top: auto; } .BusinessProfileView .employee-container { display: flex; flex-wrap: wrap; justify-content: center; } .BusinessProfileView .employee-container .employee { width: 49.5%; padding-right: 30px; padding-top: 40px; color: gray; } .BusinessProfileView .employee-container .employee .employee-photo { border-radius: 50%; overflow: hidden; width: 133px; height: 133px; border: solid 1px; display: flex; justify-content: center; align-items: center; } .BusinessProfileView .employee-container .employee p { color: gray; } .BusinessProfileView .employee-container .employee .employee-identification { padding: 15px 0; color: black; } .BusinessProfileView .employee-container .employee .employee-identification span { white-space: nowrap; } .BusinessProfileView .employee-container .employee:nth-child(even) { padding-right: 0; padding-left: 30px; } .BusinessProfileView .job-listing { padding: 10px 0; border-top: 1px solid lightgray; display: flex; flex-wrap: wrap; } .BusinessProfileView .job-listing h3 { margin: 0; } .BusinessProfileView .job-listing:nth-of-type(1) { border-top: none; } .BusinessProfileView .job-listing .title-location-container { display: flex; flex-direction: column; width: 65%; } .BusinessProfileView .job-listing .title-location-container h3 { color: black; } .BusinessProfileView .job-listing .title-location-container h3 a { color: black; } .BusinessProfileView .job-listing .title-location-container p { align-self: flex-end; margin-top: auto; margin-right: auto; } .BusinessProfileView .job-listing .shortlist-date-container { display: flex; flex-direction: column; flex-wrap: wrap; width: 31%; } .BusinessProfileView .job-listing .shortlist-date-container .shortlist-button { margin-left: auto; } .BusinessProfileView .job-listing .shortlist-date-container p { align-self: flex-end; margin-top: auto; margin-left: auto; } .BusinessProfileView #similar-to h2 { margin-bottom: 20px; padding-bottom: 10px; } .BusinessProfileView #similar-to h3 { margin-bottom: 5px; color: black; } .BusinessProfileView #similar-to p { margin-bottom: 5px; color: gray; } .BusinessProfileView #similar-to .business-photo { padding-top: 10px; height: 230px; width: 100%; } .BusinessProfileView #related-articles a { color: black; } .BusinessProfileView #related-articles a:hover h4 { text-decoration: underline; } .BusinessProfileView #related-articles a:last-of-type { margin-bottom: 30px; } .BusinessProfileView #related-articles .article-container { margin: inherit; padding-top: 15px; display: flex; flex-wrap: wrap; justify-content: center; } .BusinessProfileView #related-articles .article-container .image-article { padding-right: 30px; width: 49.5%; } .BusinessProfileView #related-articles .article-container .content-article { width: 49.5%; } .BusinessProfileView .editorial-article-container { padding: 10px 0 20px; margin-bottom: 10px; border-bottom: 1px solid lightgray; } .BusinessProfileView .editorial-article-container .article-image { width: 25%; margin-right: 10px; float: left; } .BusinessProfileView .editorial-article-container .article-title { width: 70%; text-align: left; float: left; } .BusinessProfileView .ig-title-container { display: flex; flex-wrap: wrap; } .BusinessProfileView .ig-title-container span, .BusinessProfileView .ig-title-container a { width: 50%; color: gray; } .BusinessProfileView .ig-title-container .align-right { text-align: right; } .BusinessProfileView .ig-pictures { display: flex; flex-wrap: wrap; justify-content: space-between; } .BusinessProfileView .ig-pic-container { width: 48%; margin-top: 10px; overflow: hidden; position: relative; } .BusinessProfileView .ig-pic-container:nth-child(even) { margin-left: 5px; } .BusinessProfileView .ig-pic-container:nth-child(odd) { margin-right: 5px; } .BusinessProfileView .ig-pic-container:before { content: ""; display: block; padding-top: 100%; } .BusinessProfileView .ig-pic { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .BusinessProfileView .short-description { font-style: italic; font-size: 24px; font-family: "adobe-garamond-pro", serif; } .jobseeker .dashboard-nav.mobile-friendly a { color: #a7a9ab; } .jobseeker .dashboard-nav.mobile-friendly a:hover { color: #a7a9ab; } .jobseeker .dashboard-nav.mobile-friendly a.active { color: #ff645a; } /* don't show scout logo in topstrip on search page */ .SearchView .navbar-inner .brand { display: none; } /* override bootstrap defaults */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 3px; font-size: 15px; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: inherit; box-shadow: inherit; } .HumanSitemapView .breadcrumb-wrapper .breadcrumb { margin: 0; border: 0; } .HumanSitemapView .header { background-color: #f6f6f4; font-family: "adobe-garamond-pro", serif; font-size: 36px; line-height: 41px; height: 92px; padding-top: 35px; } .HumanSitemapView h1 { font-family: CircularStd-Book; font-size: 24px; line-height: 30px; margin-top: 28px; } .HumanSitemapView .row-fluid.items { border-top: 1px solid #c7c8ca; padding: 11px 0; font-size: 15px; line-height: 30px; color: #666666; } .HumanSitemapView .row-fluid.items strong { font-weight: normal; color: #333333; } .HumanSitemapView .row-fluid.items a, .HumanSitemapView .row-fluid.items a:active, .HumanSitemapView .row-fluid.items a:visited { color: inherit; text-decoration: none; } .HumanSitemapView .row-fluid.items ul { margin-left: 0; margin-top: 7px; list-style-type: none; } .HumanSitemapView .row-fluid.items ul li { line-height: 28px; } .HumanSitemapView .row-fluid.items ul li:hover { color: #333333; } .endless_container { display: block; width: 15%; clear: both; margin: auto; margin-bottom: 45px; } a.endless_more { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #ff645a; height: 39px; margin-top: 0; padding: 7px 15px 6px 35px; vertical-align: middle; text-align: center; border-radius: 5px; background: #fff; color: #ff645a !important; border: 2px solid #CCC; background-image: url(/static/jobs/img/btn_icon_post_a_job.svg?7d2990af0ca4); background-repeat: no-repeat; background-position: 10px 50%; } .endless_loading { font-family: CircularStd-Book, helvetica, georgia, sans-serif; font-size: 15px !important; color: #ff645a; height: 39px; margin-top: 0; padding: 7px 15px 6px 35px; vertical-align: middle; text-align: center; border-radius: 5px; background: #fff; color: #ff645a !important; border: 2px solid #CCC; background-image: url(/static/jobs/img/btn_icon_post_a_job.svg?7d2990af0ca4); background-repeat: no-repeat; background-position: 10px 50%; } body.EmployerLandingView .main-header { color: #ffffff; background-image: url('/static/jobs/images/banner.jpg?7d2990af0ca4'); background-size: cover; background-repeat: no-repeat; background-position: bottom; height: 530px; } body.EmployerLandingView .main-header h1 { margin: 65px 0; } body.EmployerLandingView .main-header .header-content { margin: 65px 0; } body.EmployerLandingView { padding-bottom: 376px; } body.EmployerLandingView .scout-logo { display: none; } body.EmployerLandingView .logo { width: 200px; } body.EmployerLandingView .logo img { width: 100%; } body.EmployerLandingView h1 { font-family: "adobe-garamond-pro", serif; font-size: 36px; line-height: 43px; } body.EmployerLandingView h2 { color: #333333; font-size: 26px; line-height: 40px; font-family: "adobe-garamond-pro", serif; } body.EmployerLandingView h2:nth-of-type(2) { line-height: 31px; } body.EmployerLandingView .text-muted { color: #999999; } .btn, .btn-wh-br, .btn-tl-br { padding: 7px 15px 6px 15px; font-family: CircularStd-Book; text-decoration: none; color: #ffffff; } .sc-btn { display: inline-block; padding: 6px 15px 9px 14px; background-image: none; } .sc-btn:hover { text-decoration: none; } .btn-m-right { margin-right: 20px; } .btn-m-left { margin-left: 20px; margin-right: 0; } .btn-wh-br { background: none; color: #ffffff; font-size: 15px; border: solid #ffffff 2px; border-radius: 4px; } .btn-wh-br:hover { background: #ffffff; color: #5996b5; text-decoration: none; } .btn-tl-br { background: none; color: #5996b5; font-size: 15px; border: solid #5996b5 2px; border-radius: 4px; } .btn-tl-br:hover { background: #5996b5; color: #ffffff; text-decoration: none; } .icon, .icon-plus { width: 15px; height: 12px; background-size: contain; position: relative; display: inline-block; background-repeat: no-repeat; } .icon-plus { background-image: url('/static/jobs/images/elements/144dpi/plus.png?7d2990af0ca4'); } .plus-icon { background-image: url(/static/jobs/img/btn_icon_post_a_job.svg?7d2990af0ca4); background-repeat: no-repeat; border: none; display: inline-flex; width: 18px; height: 18px; background-position: center center; position: relative; top: 4px; margin-right: 10px; } section { padding: 65px 0; background: #ffffff; } .content { background: #ffffff; } .content .broadsheet { width: 327px; margin-top: 50px; } .content .broadsheet a { opacity: 1; } .content .broadsheet a:hover { opacity: 0.8; } .content .broadsheet a img { width: 100%; } .align-center, .client-carousel .item img { margin: 0 auto; } .vcenter { vertical-align: middle; float: none; } .t-padding-30 { padding-top: 30px; } .t-padding { padding-top: 45px; } .t-padding-65 { padding-top: 65px; } .b-padding { padding-bottom: 45px; } .nopadding { padding: 0; } .nomargin { margin: 0; } .t-no-margin { margin-top: 0; } .margin-left { margin-left: 25px; } .text-width-85 { width: 85%; } .text-width-90 { width: 90%; } .client-carousel .item img { width: 85px; } .client-carousel .owl-stage { display: flex; align-items: center; } .client-carousel .owl-nav .owl-prev, .client-carousel .owl-nav .owl-next { position: absolute; top: 50%; } .client-carousel .owl-nav .owl-prev span, .client-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .client-carousel .owl-nav .owl-prev span:hover, .client-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .client-carousel .owl-nav .owl-prev { left: -16px; } .client-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .client-carousel .owl-nav .owl-next { right: -25px; } .client-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .article-images-carousel .owl-nav .owl-prev, .article-images-carousel .owl-nav .owl-next { position: absolute; top: 45%; color: gray; background: white !important; margin: 0 !important; border-radius: 0 !important; } .article-images-carousel .owl-nav .owl-prev span, .article-images-carousel .owl-nav .owl-next span { height: 20px; width: 20px; font-size: 0; display: block; background-size: contain; background-repeat: no-repeat; } .article-images-carousel .owl-nav .owl-prev span:hover, .article-images-carousel .owl-nav .owl-next span:hover { opacity: 0.8; } .article-images-carousel .owl-nav .owl-prev { left: 0px; } .article-images-carousel .owl-nav .owl-prev span { background-image: url(/static/jobs/images/elements/144dpi/arrow-left.png?7d2990af0ca4); } .article-images-carousel .owl-nav .owl-next { right: 0px; } .article-images-carousel .owl-nav .owl-next span { background-image: url(/static/jobs/images/elements/144dpi/arrow-right.png?7d2990af0ca4); } .margin-30 { margin: 30px 0; } .t-margin { margin-top: 65px; } .image-size { width: 100%; } .hide { display: none; } .img-list { margin: 0 0 10px 0; } .img-list li { list-style: none; background: url('/static/jobs/images/elements/144dpi/check.png?7d2990af0ca4') no-repeat; background-position: 0 6px; background-size: 12px; margin: 0; } .img-list li p { margin-left: 30px; display: inline-block; } /* span width */ .span-1 { width: 8.33333333%; } .span-2 { width: 20%; } .span-3 { width: 25%; } .span-4 { width: 33.33333333%; } .span-5 { width: 41.66666667%; } .span-6 { width: 50%; } .span-7 { width: 58.33333333%; } .span-8 { width: 66.66666666%; } .span-9 { width: 75%; } .span-10 { width: 83.33333333%; } .span-11 { width: 91.66666666%; } .span-12 { width: 100%; } body.EmployerLandingView .statistics { padding: 65px 0px 9em; border-bottom: solid 1px #999999; margin: 0 18px; } body.EmployerLandingView .statistics h2 { font-family: CircularStd-Book; font-size: 50px; color: #333333; } body.EmployerLandingView .caption { color: #999999; font-family: CircularStd-Book; line-height: 18px; } body.EmployerLandingView .employer-img-content { margin-top: 33px; } .bg-grey { background: #f3f2f0; } .bg-grey.carousel h2 { margin: 0 0 30px; } .btn-post-job { margin-left: 30px; font-size: 16px; line-height: 16px; } .first-advert h1 { margin: 0; } .contact { color: #ffffff; padding: 65px 0; background-image: url('/static/jobs/images/get_in_touch.jpg?7d2990af0ca4'); background-size: cover; background-repeat: no-repeat; } .p-icon { width: 50px; height: 50px; margin: 0 auto 2em; } body.PostListingLandingView .post-listing { font-size: 18px; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; } body.PostListingLandingView .post-listing section { border-bottom: solid 1px #999999; } body.PostListingLandingView .post-listing section:last-child { border-bottom: none; } body.PostListingLandingView .post-listing .post-confirmation-message-section { text-align: center; } body.PostListingLandingView .post-listing .post-confirmation-message-section h1 { margin-bottom: 0.3em; } body.PostListingLandingView .post-listing h1.greeting-subtitle { color: #999999; font-size: 1.75em; margin-top: 0; } body.PostListingLandingView .post-listing li { font-size: 1.5em; line-height: 1.5em; list-style-type: none; } body.PostListingLandingView .post-listing .gray-text { color: #999999; } body.PostListingLandingView .post-listing .explanation-box { padding-top: 20px; } body.PostListingLandingView .post-listing .explanation-text { font-family: CircularStd-Book; font-size: 15px; } body.PostListingLandingView .post-listing .btn-copy { height: 43px; background-color: #999999; border-color: #999999; } body.PostListingLandingView .post-listing .image-step { margin-top: 30px; } body.PostListingLandingView .post-listing .share-social-network-section button { display: block; text-align: left; color: #ffffff; font-family: CircularStd-Bold; background-repeat: no-repeat; background-position: 25px 50%; background-size: 21px; font-size: 16px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px 9px 40px; height: 43px; width: 100%; border: 2px solid; transition: background-color, 0.3s; margin-top: 13px; text-align: center; } body.PostListingLandingView .post-listing .share-social-network-section button.share-facebook { background-color: #3C5A9B; border-color: #3C5A9B; background-image: url(/static/jobs/img/social_facebook.svg?64a03a7feebf); } body.PostListingLandingView .post-listing .share-social-network-section button.share-facebook:hover { background-color: #4365ad; border-color: #4365ad; } body.PostListingLandingView .post-listing .share-social-network-section button.share-linkedin { background-color: #007BB6; background-image: url(/static/jobs/img/social_linkedin.svg?64a03a7feebf); border-color: #007BB6; } body.PostListingLandingView .post-listing .share-social-network-section button.share-linkedin:hover { background-color: #008cd0; border-color: #008cd0; } body.PostListingLandingView .post-listing .blue-text { color: #5996b5; } body.PostListingLandingView .post-listing .email-placement-section .section-title { font-size: 1.5em; line-height: 1.5em; } body.PostListingLandingView .post-listing .boosted-social-share-section .section-title { font-size: 1.5em; line-height: 1.5em; } body.PostListingLandingView .post-listing .image-price-box { margin-top: 30px; } @media screen and (min-width: 768px) { body.PostListingLandingView .post-listing .image-step { width: 267px; margin-left: 25px; } body.PostListingLandingView .post-listing .btn-copy { margin-left: -1.5em; width: 130%; } } @media screen and (min-width: 768px) and (max-width: 980px) { body.PostListingLandingView .post-listing .share-social-network-section button { height: 70px; } body.PostListingLandingView .post-listing .share-social-network-section .btn-copy { width: 150%; } } @media screen and (max-width: 1023px) { body.EmployerLandingView { padding-bottom: 325px; } } @media screen and (min-width: 1080px) { body.EmployerLandingView .container { width: 1024px !important; } } /**************************************** TABLET SCREEN ****************************************/ @media screen and (max-width: 768px) { body.EmployerLandingView .header-content { margin: 45px 0!important; } } /**************************************** MOBILE SCREEN ****************************************/ @media screen and (min-width: 320px) and (max-width: 767px) { body.EmployerLandingView { padding-bottom: 0; } body.EmployerLandingView .main-header { color: #ffffff; background-image: url('/static/jobs/images/banner.jpg?7d2990af0ca4'); background-size: cover; background-repeat: no-repeat; background-position: bottom; height: 400px; } body.EmployerLandingView .main-header .logo { width: 200px; margin: 50px 0; } body.EmployerLandingView .main-header .logo img { width: 130px; height: 55px; } body.EmployerLandingView .main-header .header-content { margin: 45px 0; } body.EmployerLandingView .main-header .header-content h1 { margin: 45px 0; font-size: 25px; line-height: 35px; } body.EmployerLandingView .main-header .header-content .sm-text-center { text-align: center; } body.EmployerLandingView .main-header .header-content .sm-text-center .btn-sm { width: 45%; } body.EmployerLandingView section { padding: 40px 0; margin: 0; } body.EmployerLandingView section h1, body.EmployerLandingView section h2 { font-size: 25px; line-height: 30px; } body.EmployerLandingView section .inner-content h2:first-child { margin-top: 40px; } body.EmployerLandingView section .first-advert-content { margin-bottom: 40px; } body.EmployerLandingView .spotlight-content { margin-top: 40px; } body.EmployerLandingView .employer-divider { margin: 40px 0 !important; } body.EmployerLandingView .broadsheet { width: 200px; margin: 40px auto; } body.EmployerLandingView .statistics { padding: 0; margin: 0; } body.EmployerLandingView .statistics .caption { width: 100px; display: block; margin: 0 auto; padding-bottom: 40px; } body.EmployerLandingView .btn-sm-full-width { margin: 0; } body.EmployerLandingView .image-intro { margin: 40px 0; } body.EmployerLandingView .img-list { margin: 0 0 40px 0; } body.EmployerLandingView .row { width: 100%; margin: 0; padding: 0; } body.EmployerLandingView [class*="t-padding-"], body.EmployerLandingView [class*="t-padding"] { padding: 0; } body.EmployerLandingView [class*="margin-"] { margin: 0; } body.EmployerLandingView .carousel { padding: 40px 0; } body.EmployerLandingView .carousel .client-carousel .item img { width: 100px; } body.EmployerLandingView .carousel .client-carousel .owl-nav .owl-next { right: -10px; } body.EmployerLandingView .carousel .client-carousel .owl-nav .owl-prev { left: 0; } body.EmployerLandingView .contact { height: 452px; } body.EmployerLandingView .contact h1 { margin-bottom: 30px; } body.EmployerLandingView .contact .contact-info { margin: 30px 0; } body.EmployerLandingView .contact .contact-info .span3 { margin-bottom: 20px; } [class*="span-"] { width: 100%; } .footer { margin-top: 0; } .btn-sm-full-width { display: block; width: 100%; margin: 15px 0; text-align: center; } /**************************************** PRIMARY NAVIGATION ****************************************/ .bs-nav-wrapper .container .right-side .btn-job-post { display: none; } } @media screen and (min-width: 768px) { /******************************************************************************* CONTENTS - Media Queries min 768px ******************************************************************************** 768PX AND HIGHER STYLES *******************************************************************************/ /* for fixed footer */ html { height: 100%; } body { padding: 0; padding-bottom: 414px; min-height: 100%; position: relative; } body.SearchView { padding-bottom: 358px; } .container { padding-left: 0; padding-right: 0; } .row-fluid [class*="span"] { min-height: 30px; } .bs-nav-wrapper .container, .SearchView .bs-nav-wrapper .container { padding-left: 0; padding-right: 0; } .sidebar-open { position: absolute; transition: right 0.3s linear; } .sidebar-open .btn-employers { opacity: 0; transition: 0.3s linear; } /**************************************** BUTTONS ****************************************/ .btn-full-mobile { width: auto; } /**************************************** ALERT STRIP ****************************************/ .alert-strip { padding: 1.4em 0; } .alert-strip p { font-size: 2.1em; max-width: 90%; } .alert-strip .close-alert { margin: 6px 0 0; } /**************************************** USER NAV ****************************************/ .dashboard-nav .navbar .container { width: 724px; } /**************************************** HOMEPAGE/SEARCH ****************************************/ .SearchView .bs-nav-wrapper.guest { position: absolute; width: 100%; top: 0; left: 0; } .masthead { background: url(/static/jobs/img/masthead/13.jpg?7d2990af0ca4) no-repeat; background-position: center -80px; } .masthead .container .search-heading { padding: 0; margin: 75px 0 110px; background: transparent; } .masthead .container .search-heading .tagline { display: inline-block; text-align: right; padding: 0; line-height: 1.2; } .masthead .container .search-heading .tagline p { font-size: 2.2em; margin: 0; padding: 0.95em 0 0; color: #ffffff; font-family: "adobe-garamond-pro", serif; } .masthead .container .search-heading .tagline span { display: inline; } .masthead .container .search-form-wrapper { background: transparent; padding: 0; } .no-svg .masthead .logo { background-image: url(/static/jobs/img/logo_scout_large.png?7d2990af0ca4); } /* Signin Text */ .search-sign-in { margin-top: 55px; margin-bottom: 50px; } /**************************************** 404 ****************************************/ .error-404 .masthead { background-image: url(/static/jobs/img/about/about-banner.jpg?7d2990af0ca4); } .error-404 .masthead .container .error-heading { margin: 92px 0 40px; background: none; padding: 0; } .error-404 .masthead .container .error-heading h1 { font-size: 26px; line-height: 1.6; margin: 0; max-width: 100%; } .error-404 .masthead .container .error-heading h1 span { display: block; } .error-404 .employer-cta { padding: 35px 0 0; } .error-404 .employer-cta .content { float: right; margin-bottom: 0; } .error-404 .employer-cta .content p { text-align: left; font-size: 24px; } .error-404 .employer-cta .interact { float: left; margin-left: 0; padding-right: 65px; padding-top: 40px; } .error-404 .employer-cta .interact .btn { width: 195px; height: 43px; background-position: 46px 50%; float: right; } /**************************************** SEARCH FORM ****************************************/ .search-template #search-form { margin-bottom: 75px; } .search-template #search-form .form-row { margin-bottom: 10px; } .search-template #search-form .dropdown { margin-bottom: 0; } .search-template #search-form .dropdown .dropdown-menu { margin-bottom: 0; } .search-template #search-form .more-less-options-button { float: right; width: auto; margin-top: 0; } .search-template #search-form .industry-position-location-row .span4 { margin-left: 2.2%; width: 31.8666%; } .search-template #search-form .industry-position-location-row .span4:first-child { margin-left: 0; } .search-template #search-form .industry-position-location-row, .search-template #search-form .keywords { margin-bottom: 10px; } .search-template #search-form .search-for-jobs-button { margin-left: 2.2%; padding: 9px 30px 13px; width: 31.8666%; } .search-template #search-form .more-less-options-button { width: 164px !important; } #search-form .mobile-search-utils { display: none; } #search-form .save-search { font-size: 14px; } #search-form .submit-search-mobile { display: none; } /**************************************** ADD JOB PROGRESS BAR ****************************************/ .navbar .job-type-nav li { font-size: 17px; margin-left: 52px; border-bottom: 2px solid transparent; } /***************************************************************************** CHOOSE YOUR JOB TYPE *****************************************************************************/ .job-type-header { margin-bottom: 3em; /* Tabs */ } .job-type-header .page-heading { margin-left: 0; margin-right: 0; } .job-type-header .nav-tabs { border: none; margin: 0; } .job-type-header .nav-tabs li { width: 33.3%; } .job-type-header .nav-tabs li a { font-size: 1.8em; } .job-type-header .nav-tabs li a .price { display: inline; } .job-type-header .nav-tabs li.active > a .price, .job-type-header .nav-tabs li.active > a:hover .price, .job-type-header .nav-tabs li.active > a:focus .price { position: relative; } .job-type-header .nav-tabs li.active > a .price:after, .job-type-header .nav-tabs li.active > a:hover .price:after, .job-type-header .nav-tabs li.active > a:focus .price:after { content: ""; display: block; width: 24px; height: 24px; background: url("/static/jobs/img/icon-tick-circle-white.svg?7d2990af0ca4") no-repeat transparent; background-size: 24px; position: absolute; top: 3px; right: -35px; } .job-type .tab-content .preview-window { border: none; padding: 0; } /******************************************************************************* CREATE YOUR AD *******************************************************************************/ .create-your-ad .btn, .emp-registration .btn { width: auto; display: inline-block; } .create-your-ad .upload-logo .btn, .emp-registration .upload-logo .btn { width: 100%; display: block; } .image-upload .logo-placeholder .logo-inner, .create-your-ad .image-upload .logo-placeholder .logo-inner { height: 166px; } .image-upload img, .create-your-ad .image-upload img { width: auto; } .preview-your-ad .submit-strip { position: relative; bottom: auto; left: auto; background: transparent; padding: 0; z-index: auto; } .preview-your-ad .submit-strip .btn-primary { float: right !important; } /******************************************************************************* PREVIEW YOUR AD *******************************************************************************/ .preview-your-ad { /* Job Page Preview */ /* Upsell Banner (e.g. Upgrade Your Ad!) */ } .preview-your-ad .job-page-preview { margin-bottom: 4em; } .preview-your-ad .job-page-preview .section-heading { margin: 10px 0 1.2em; } .preview-your-ad .job-page-preview .preview-main .btn { display: inline-block; } .preview-your-ad .job-page-preview .job-detail-aside .btn { display: inline-block; } .preview-your-ad .view-add-btns p { display: none; visibility: hidden; } .preview-your-ad .view-add-btns .btn { width: auto; margin: 0 0 0.4em; } .preview-your-ad .btn + .btn { margin-top: 0; } .preview-your-ad .upsell-banner { padding: 2.2em 5em; border: solid #c7c8ca; border-width: 1px 0; margin-bottom: 2em; } .preview-your-ad .upsell-banner p { font-size: 2.1em; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; color: #999999; margin: 0; float: left; } .preview-your-ad .upsell-banner .btn { float: right; padding-left: 3em; padding-right: 3em; } .preview-your-ad .submit-strip .btn.right { float: right; } /***************************************************************************** DIRECTORY PREVIEW (INCLUDES MODAL VIEW) *****************************************************************************/ .directory-preview-modal .preview-header, .directory-preview-inner .preview-header { border-top: solid #c7c8ca; border-width: 1px 0; margin-bottom: 1.5em; } .directory-preview-modal .preview-header h1, .directory-preview-inner .preview-header h1 { font-size: 1.6em; margin: 0; line-height: 1.5; } .directory-preview-modal .preview-body, .directory-preview-inner .preview-body { padding-bottom: 1.5em; } .directory-preview-modal .preview-body .profile-image, .directory-preview-inner .preview-body .profile-image { margin-bottom: 0; } .directory-preview-modal .preview-body h2, .directory-preview-inner .preview-body h2 { margin: 0 0 0.5em; } /******************************************************************************* SHOPPING CART *******************************************************************************/ .shopping-cart .btn { width: auto; margin-bottom: 0; } .shopping-cart .cart-contents-wrap { margin: 0 0 2em; } .shopping-cart .cart-contents-wrap .data-table.your-order .th, .shopping-cart .cart-contents-wrap .data-table.your-order .td { width: 16%; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.title, .shopping-cart .cart-contents-wrap .data-table.your-order .td.title { width: 38%; font-size: 1em; margin-bottom: 0; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.live-date, .shopping-cart .cart-contents-wrap .data-table.your-order .td.live-date, .shopping-cart .cart-contents-wrap .data-table.your-order .th.expiry-date, .shopping-cart .cart-contents-wrap .data-table.your-order .td.expiry-date { width: 13%; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.price, .shopping-cart .cart-contents-wrap .data-table.your-order .td.price { font-size: 1em; position: relative; top: auto; right: auto; width: 10%; } .shopping-cart .cart-contents-wrap .data-table.your-order .th.last, .shopping-cart .cart-contents-wrap .data-table.your-order .td.last { position: relative; bottom: auto; right: auto; width: 10%; } .shopping-cart .your-bundle-wrap { margin-bottom: 3em; } .shopping-cart .your-bundle-wrap > div { min-width: 600px; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td { width: 15%; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.title, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.title, .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.ads-remaining, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.ads-remaining { width: 36%; font-size: 1em; margin-bottom: 0; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.job-type, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.job-type { width: 19%; } .shopping-cart .your-bundle-wrap .data-table.your-bundle .th.last, .shopping-cart .your-bundle-wrap .data-table.your-bundle .td.last { width: 15%; position: relative; bottom: auto; right: auto; } .shopping-cart .available-bundles header .btn { width: auto; } .shopping-cart .available-bundles .bundle-list { padding: 0 2em; margin: 2em 0 0; } .shopping-cart .available-bundles .bundle-list li a h3 { width: 40%; min-width: 200px; float: left; margin: 0; } .shopping-cart .available-bundles .bundle-list li a p { margin: 0; } .shopping-cart .payment-method { padding-top: 1.5em; } .shopping-cart .shopping-cart-interactions a { margin-left: 0.5em; } .shopping-cart .order-summary { margin: 3em 0 2em; } .shopping-cart .page-submit { margin: 2em 0 0; } .shopping-cart .page-submit p { margin: 0 0 1em; } /**************************************** DASHBOARD NAV ****************************************/ .dashboard-nav { display: block; visibility: visible; } .dashboard-nav .navbar-inner li { padding: 1em 0; margin: 0 2.1em 0 0; } .dashboard-nav .navbar-inner li a { text-shadow: none; font-size: 18px; padding: 0; } .dashboard-nav .navbar-inner li a:hover { color: #5996B5; } .dashboard-nav.mobile-friendly { display: none; visibility: hidden; } /**************************************** EMPLOYER DASHBOARD ****************************************/ .profile-overview .complete-profile .btn { width: auto; } .profile-overview .profile-content p { clear: none; } .profile-overview .buttons .btn { width: 100%; float: right; clear: both; } .profile-overview .post-job .btn { float: right; width: auto; } .live-jobs, .applicants { margin-bottom: 0; } .result-list li .lhs, .result-list li .rhs { float: left; } .result-list li .lhs { width: 74.30939227%; } .result-list li .rhs { width: 23.07692308%; margin-left: 0; } /**************************************** COMMON LISTS ****************************************/ .floated-list { margin: 1em 0; padding-bottom: 0; } .floated-list li { width: 50%; float: left; margin: 0 0 1em; } .inline-list li .key { float: left; width: 150px; } /******************************************************************************* FOOTER *******************************************************************************/ .footer { position: absolute; left: 0; bottom: 0; width: 100%; background: #E7E5E1; } .footer .footer-inner > .container:first-child { display: block; visibility: visible; } .footer .footer-inner .footer-heading { padding-top: 15px; } .footer .footer-inner .footer-heading .footer__social-share-icon { margin-right: 9px; } .footer .footer-inner .footer__hr { border: none; border-top: 1px solid #C7C8CA; } .footer .footer-inner .footer-links { font-size: 0.8em; margin-bottom: 58px; } .footer .footer-inner .footer-links ul li { list-style: none outside none; } .footer .footer-inner .footer-links ul li:first-child { font-weight: bold; } .footer .footer-inner .footer-link { text-decoration: none; color: #333333; } .footer .footer-inner .footer__links li { list-style: none outside none; font-size: 0.8em; } .footer .footer-inner .footer__links a { white-space: nowrap; } .footer .footer-inner .footer__links a:link, .footer .footer-inner .footer__links a:visited, .footer .footer-inner .footer__links a:hover, .footer .footer-inner .footer__links a:active { text-decoration: none; color: #333333; } .footer .footer-inner .footer__links a:hover { text-decoration: none; color: #999999; } .footer .footer-inner .footer__copyright { margin-top: 8em; padding: 1.6em 0 1em; } .footer .footer-inner .footer__copyright .tagline { text-align: right; } .footer .footer-inner .footer__copyright .tcyk { text-align: right; } .footer.fixed { position: fixed; bottom: 0; width: 100%; } /******************************************************************************* RESPONSIVE TABLES *******************************************************************************/ .data-table .tr { padding: 0; } .data-table .tr.last { padding-bottom: 0; border-bottom: none; } .data-table .th, .data-table .td { width: 20%; padding: 15px 0; } .data-table .th.last .hide-text, .data-table .td.last .hide-text { float: right; } .data-table .th.last a + a, .data-table .td.last a + a { margin-right: 5px; } .data-table .th.single-btn, .data-table .td.single-btn { width: 10%; } .data-table .thead { border-bottom: 1px solid #c7c8ca; } .data-table .thead .th { float: left; color: #999999; } .data-table .tbody .tr .td { float: left; /* &.last { padding: 10px 0 9px; } */ } .data-table .tbody .tr .td .inline-table-label { display: none; visibility: hidden; } .data-table .tbody .tr .td.title { padding-top: 7px; } .data-table .tbody .tr.pagination .td { float: none; } .data-table .last { text-align: right; } /******************************************************************************* EMPLOYERS *******************************************************************************/ .results-table .data-table { /* Live Jobs */ } .results-table .data-table .tbody .tr { padding-bottom: 0; } .results-table .data-table.live-jobs .th.applicants, .results-table .data-table.live-jobs .td.applicants, .results-table .data-table.live-jobs .th.single-btn, .results-table .data-table.live-jobs .td.single-btn { position: relative; top: auto; left: auto; } .results-table .data-table.live-jobs .th.title, .results-table .data-table.live-jobs .td.title, .results-table .data-table.live-jobs .th.expires, .results-table .data-table.live-jobs .td.expires { padding: 15px 0 10px; } .results-table .data-table.live-jobs .th.applicants, .results-table .data-table.live-jobs .td.applicants { width: 15%; } .results-table .data-table.live-jobs .th.title, .results-table .data-table.live-jobs .td.title { width: 38%; } .results-table .data-table.live-jobs .th.expires, .results-table .data-table.live-jobs .td.expires { width: 31%; } .results-table .data-table.live-jobs .th.expires .job-age, .results-table .data-table.live-jobs .td.expires .job-age { margin-bottom: 0; } .results-table .data-table.live-jobs .th.expires .btn-primary, .results-table .data-table.live-jobs .td.expires .btn-primary, .results-table .data-table.live-jobs .th.expires .btn-secondary, .results-table .data-table.live-jobs .td.expires .btn-secondary { float: left; width: 47%; margin: 0 3% 0 0; } .results-table .data-table.live-jobs .th.single-btn, .results-table .data-table.live-jobs .td.single-btn { width: 16%; } .results-table .data-table.businesses .td.business-content { width: 50%; } .results-table .data-table.businesses .td.invite-action { width: 50%; padding-right: 15px; } .results-table .data-table.applicants .tr { padding: 0; } .results-table .data-table.applicants .th.new, .results-table .data-table.applicants .td.new, .results-table .data-table.applicants .th.shortlist-col, .results-table .data-table.applicants .td.shortlist-col, .results-table .data-table.applicants .th.single-btn, .results-table .data-table.applicants .td.single-btn { position: relative; top: auto; right: auto; left: auto; } .results-table .data-table.applicants .th.new, .results-table .data-table.applicants .td.new { width: 10%; } .results-table .data-table.applicants .th.title, .results-table .data-table.applicants .td.title { width: 51%; padding: 13px 0 10px; } .results-table .data-table.applicants .th.shortlist-col, .results-table .data-table.applicants .td.shortlist-col { width: 14%; } .results-table .data-table.applicants .th.submitted, .results-table .data-table.applicants .td.submitted { width: 17%; } .results-table .data-table.applicants .th.cover-letter, .results-table .data-table.applicants .td.cover-letter { width: 15%; } .results-table .data-table.applicants .th.resume, .results-table .data-table.applicants .td.resume { width: 10%; } .results-table .data-table.applicants .th.single-btn, .results-table .data-table.applicants .td.single-btn { width: 8%; } .results-table .data-table.saved-searches .email-alert { width: 30%; } .results-table .data-table.saved-searches .search { width: 10%; } .results-table .select2-container { border: 0; margin-bottom: 3px; } .results-table .select2-container .select2-selection { height: 32px; } .results-table .select2-container .select2-selection .select2-chosen { line-height: 32px; } /* Payment History */ .data-table.payment-history .thead { display: block; } .data-table.payment-history .th.description, .data-table.payment-history .td.description { width: 45%; font-weight: 400; font-size: 1em; } .data-table.payment-history .th.order-no, .data-table.payment-history .td.order-no { width: 15%; } .data-table.payment-history .th.date, .data-table.payment-history .td.date { width: 15%; } .data-table.payment-history .th.amount, .data-table.payment-history .td.amount { width: 15%; } .data-table.payment-history .th.order-no, .data-table.payment-history .td.order-no, .data-table.payment-history .th.date, .data-table.payment-history .td.date, .data-table.payment-history .th.amount, .data-table.payment-history .td.amount { margin: 0; } .data-table.payment-history .single-btn .icn-download { position: relative; bottom: auto; right: auto; } /******************************************************************************* HEADER STRIP *******************************************************************************/ .header-strip { padding-bottom: 4px; padding-top: 10px; border-bottom: 1px solid #c7c8ca; } .header-strip h1.bs-page-heading { border: none; padding: 0; margin: 0; float: left; } .header-strip .form-search { width: 208px; margin: 0.25em 0 0 0; float: right; } .header-strip .prev-next-controls { display: block; visibility: visible; float: right; padding-top: 0.85em; position: relative; top: auto; right: auto; } .header-strip .view-all { display: block; visibility: visible; padding: 1em 0 0 2em; display: inline-block; color: #999999; float: left; } .header-strip .view-all:hover { color: #5996B5; } .header-strip .rhs { float: right; } /******************************************************************************* SUB NAV *******************************************************************************/ .AdvertiserJobApplicantsView .sub-nav, .job-app-manager .sub-nav { /*margin-top: 3.3em;*/ margin-top: 60px; } .sub-nav { display: block; visibility: visible; margin: 4.2em 0 0; border-top: 1px solid #c7c8ca; font-size: 1.071em; } .sub-nav li { list-style-type: none; border-bottom: 1px solid #c7c8ca; padding: 1em 0; } .sub-nav li a { color: #999999; } .sub-nav li a:visited { color: #999999; } .sub-nav li a:hover, .sub-nav li a:focus, .sub-nav li a.current-section, .sub-nav li a.current-section:hover { color: #5996B5; text-decoration: none; } .sub-nav li .children { margin: 0.5em 0 0; border-top: 1px solid #c7c8ca; padding: 0.4em 0 0 1em; } .sub-nav li .children li { border: none; padding: 0.2em 0; } /* Jobseekers Page Link overrides */ .JobSeekerAccountEmailView .sub-nav li a:hover, .JobSeekerAccountPasswordView .sub-nav li a:hover, .JobSeekerSavedSearchesView .sub-nav li a:hover, .JobSeekerSavedJobsView .sub-nav li a:hover, .JobSeekerApplicationsView .sub-nav li a:hover, .JobSeekerAccountContactView .sub-nav li a:hover, .JobSeekerDashboardView .sub-nav li a:hover, .JobSeekerProfileView .sub-nav li a:hover, .JobView .sub-nav li a:hover, .JobSeekerAccountEmailView .sub-nav li a:focus, .JobSeekerAccountPasswordView .sub-nav li a:focus, .JobSeekerSavedSearchesView .sub-nav li a:focus, .JobSeekerSavedJobsView .sub-nav li a:focus, .JobSeekerApplicationsView .sub-nav li a:focus, .JobSeekerAccountContactView .sub-nav li a:focus, .JobSeekerDashboardView .sub-nav li a:focus, .JobSeekerProfileView .sub-nav li a:focus, .JobView .sub-nav li a:focus, .JobSeekerAccountEmailView .sub-nav li a.current-section, .JobSeekerAccountPasswordView .sub-nav li a.current-section, .JobSeekerSavedSearchesView .sub-nav li a.current-section, .JobSeekerSavedJobsView .sub-nav li a.current-section, .JobSeekerApplicationsView .sub-nav li a.current-section, .JobSeekerAccountContactView .sub-nav li a.current-section, .JobSeekerDashboardView .sub-nav li a.current-section, .JobSeekerProfileView .sub-nav li a.current-section, .JobView .sub-nav li a.current-section, .JobSeekerAccountEmailView .sub-nav li a.current-section:hover, .JobSeekerAccountPasswordView .sub-nav li a.current-section:hover, .JobSeekerSavedSearchesView .sub-nav li a.current-section:hover, .JobSeekerSavedJobsView .sub-nav li a.current-section:hover, .JobSeekerApplicationsView .sub-nav li a.current-section:hover, .JobSeekerAccountContactView .sub-nav li a.current-section:hover, .JobSeekerDashboardView .sub-nav li a.current-section:hover, .JobSeekerProfileView .sub-nav li a.current-section:hover, .JobView .sub-nav li a.current-section:hover { color: #ff645a; } .JobSeekerAccountEmailView .profile-description, .JobSeekerAccountPasswordView .profile-description, .JobSeekerSavedSearchesView .profile-description, .JobSeekerSavedJobsView .profile-description, .JobSeekerApplicationsView .profile-description, .JobSeekerAccountContactView .profile-description, .JobSeekerDashboardView .profile-description, .JobSeekerProfileView .profile-description, .JobView .profile-description, .JobSeekerAccountEmailView .profile-link, .JobSeekerAccountPasswordView .profile-link, .JobSeekerSavedSearchesView .profile-link, .JobSeekerSavedJobsView .profile-link, .JobSeekerApplicationsView .profile-link, .JobSeekerAccountContactView .profile-link, .JobSeekerDashboardView .profile-link, .JobSeekerProfileView .profile-link, .JobView .profile-link { float: left !important; } /******************************************************************************* CONTACT DETAILS *******************************************************************************/ .contact-billing-details .profile-logo .btn { width: 100%; margin-top: 0; } .contact-billing-details .btn { width: auto; margin-top: 0.5em; } /******************************************************************************* CURRENT ITEM TOOLBAR *******************************************************************************/ .AdvertiserJobApplicantsView .current-item-toolbar { margin-bottom: 0.6em; } .span7.current-item-title { width: 50%; } .current-item-toolbar { margin: 0 0 1em; padding: 0; } .current-item-toolbar .current-item-title span { font-size: 2.1em; line-height: 1.5; margin: 0.75em 0 0; font-size: 2.15em; clear: both; border-bottom: 1px solid #c7c8ca; font-family: "adobe-garamond-pro", serif, helvetica, georgia, sans-serif; letter-spacing: -0.5px; color: #999999; font-style: italic; font-size: 1.9em; display: inline; margin: 0; border: none; } .current-item-toolbar .extend-view { float: left; } .current-item-toolbar .extend-view a { padding: 0.2em 1em 0.1em; } .current-item-toolbar .open-close-toggle { color: #5996B5; position: relative; margin: 0 0 0 1em; float: left; bottom: auto; right: auto; padding-top: 6px; } .current-item-toolbar .open-close-toggle .toggle-switch { width: auto; height: 18px; font-size: 1em; padding: 2px 30px 2px 0; font-family: CircularStd-Book; background-position: right 50%; text-align: right; color: #5996B5; background-size: 24px 18px; float: none; } .current-item-toolbar .open-close-toggle .toggle-switch:hover { background-color: transparent; } .current-item-toolbar .prev-next-controls { top: 2px; } /******************************************************************************* JOB APPLICATION *******************************************************************************/ .job-application .header-strip .bs-page-heading { margin: 0; } .job-application .header-strip .prev-next-controls { position: relative; top: auto; right: auto; } .job-application .summary li h3 { width: 25%; } .job-application .application-aside ul { margin: 0; border: none; } .job-application .application-aside .btn { width: auto; } /******************************************************************************* JOB DETAILS *******************************************************************************/ .job-details .job-details-content { border-bottom: 1px solid #c7c8ca; } .job-details .job-details-content .job-details-aside { margin-top: 2.8em; } .job-details .job-details-content .job-details-aside .company-logo { margin-bottom: 3em; } .job-details .job-details-content .job-details-aside .job-meta { border: none; margin: 0 0 2em; padding: 0; } .job-details .job-details-content .job-details-aside .job-meta ul li span { display: block; width: 100%; } .job-details .job-details-content .preview-title { margin-top: 0.95em; } div.company-logo > .span12 img { max-height: 120px; max-width: 200px; width: auto; margin-bottom: 30px; } .job-detail .job-detail-main .company-info { border-bottom: 1px solid #c7c8ca; margin-bottom: 2em; } .job-detail .job-detail-main .btn { width: auto; display: inline-block; visibility: visible; margin: 15px 0; } .job-detail .job-detail-aside .save-apply-btns .btn { width: 100%; margin: 0 0 10px; } .job-detail .job-detail-aside .save-apply-btns .btn + .btn { margin: 0; } .job-detail .job-detail-aside .social-share { padding-top: 1.5em; } .job-detail .job-detail-aside .social-share h3 { display: block; width: 45px; } .save-apply-sticky { display: none; visibility: hidden; } /******************************************************************************* ACCOUNT SETTINGS: CONTACT DETAILS *******************************************************************************/ .contact-billing-details .heading-wrap .heading-right { position: absolute; right: 0; top: 0; } .contact-billing-details .heading-wrap .heading-right .checkbox { padding: 15px 0 0; } .contact-billing-details .heading-wrap .heading-right .checkbox input { float: right; margin: 4px 0 0 10px; } /******************************************************************************* ACCOUNT SETTINGS: PAYMENTS *******************************************************************************/ ul.credit-cards li .card-details span { display: inline; } ul.credit-cards li .interact { margin-top: -4px; } /******************************************************************************* ACCOUNT SETTINGS: PUBLIC PROFILE *******************************************************************************/ .profile-logo { margin-bottom: 0; } /******************************************************************************* SEARCH RESULTS (JOB SEEKERS) *******************************************************************************/ /* Search Results Filter */ .section-search-filter textarea, .section-search-filter input[type="text"], .section-search-filter input[type="password"], .section-search-filter input[type="datetime"], .section-search-filter input[type="datetime-local"], .section-search-filter input[type="date"], .section-search-filter input[type="month"], .section-search-filter input[type="time"], .section-search-filter input[type="week"], .section-search-filter input[type="number"], .section-search-filter input[type="email"], .section-search-filter input[type="url"], .section-search-filter input[type="search"], .section-search-filter input[type="tel"], .section-search-filter input[type="color"], .section-search-filter .uneditable-input, .section-search-filter select, .section-search-filter .select2-container { height: 39px; } .bs-nav-wrapper .container .right-side { right: -15px; } .SearchResultsView .select2-choice { height: 39px; } .SearchResultsView .select2-chosen { line-height: 38px; } .SearchResultsView .bs-nav-wrapper .container, .SearchResultsView .breadcrumb-wrapper { padding-left: 2.1em; padding-right: 2.1em; } .SearchResultsView .bs-nav-wrapper .container .right-side { right: 15px; } .section-search-filter__button-wrapper { margin-bottom: 0; } .results-utils { width: 190px; } .results-utils .select2-container { float: right; width: 100%; } .results-utils .select2-container .select2-selection { font-size: 14px; } .results-utils .select2-container .select2-selection > .select2-chosen { padding-left: 65px; } .results-utils #sort_by, .results-utils #s2id_sort_by { display: block; visibility: visible; } .new-year-subscription-box .new-year-subscription-content .banner-image { display: block; width: 40%; margin-top: -25px; } .new-year-subscription-box .new-year-subscription-content .banner-content { width: 60%; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-text h2 { font-size: 31.5px; } .new-year-subscription-box .new-year-subscription-content .banner-content .banner-text p { font-size: 15px; } /* Search Results Preview */ .search-result { padding: 2em; } .search-result .result-content .group-name { margin: 0 0 0.5em; } .search-result .result-meta { color: #808284; } .search-result .result-meta img { margin-top: 1em; } .search-result .result-interact .btn { float: right; } /******************************************************************************* SOCIAL/EMAIL REGISTER & LOGIN *******************************************************************************/ .signin-register-wrap { display: block; visibility: visible; } .inpage-sign-in .social-sign-in { display: block; visibility: visible; } .inpage-sign-in .mobile-register-sign-in { display: none; visibility: hidden; } .inpage-sign-in .buttons, .inpage-sign-in .form { float: right; padding: 0; margin-bottom: 0; } /* Social Signin */ .social-sign-in button { width: 330px; } .social-signup ul { margin: 0.6em 1.5em 0 0; float: right; } .social-signup ul li a { width: 300px; } /* Email Registration */ .email-register iframe .span6 { width: 48.93617021%; } .email-register iframe .span6 + .span6 { margin-left: 2.12765957%; } .covid-warning p { font-size: 20px; } .email-registration-wrap form { margin: 8px 1.6em 0 0; } .login-register-wrap { margin-top: 4em; } .login-register-wrap .login-register-text { float: right; margin-bottom: 0; } .login-register-wrap .login-register-form { float: left; margin-left: 0; } /******************************************************************************* SEARCH FILTERS *******************************************************************************/ /* Advanced Search Filters */ .section-search-filter { padding-top: 30px; position: relative; height: auto; overflow: auto; } .section-search-filter .button-wrap { margin-top: 0; } .section-search-filter .button-wrap .btn { width: 163px; float: right; } .section-search-filter .container { padding-left: 2.1em; padding-right: 2.1em; } .section-search-filter .container.salary-worktype-section { padding-bottom: 10px; } .SearchResultsView .salary-slider-wrapper { width: 100%; } .SearchResultsView .salary-slider-wrapper .noUi-handle { left: -4px !important; } .SearchResultsView .select2-container { height: 39px; } .search-filters-sort-wrap .container { padding-left: 2.1em; padding-right: 2.1em; } .search-filter__selected-filters { float: left; display: block; visibility: visible; } /* Current Filters / Sort */ .btn-search-filter__user_selection { display: inline; visibility: visible; border: none; font-size: 0.9em; padding: 0.75em 12px 0.6em; line-height: 20px; font-family: CircularStd-Book, helvetica, georgia, sans-serif; color: #333333; background: #ffffff; border: 2px solid #999999; padding: 8px 29px 6px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Sticky menu */ .sticky { height: 253px; } .sticky .search-filter-wrap { height: auto; } .sticky .search-filter-wrap .section-search-filter { height: auto; overflow: auto; } .sticky .search-filter-wrap .search-filters-sort-wrap { background: #F1F0ED; } .section-search-filter { display: block; padding-bottom: 0; } .search-filters-sort-wrap { background: transparent; } /******************************************************************************* TO SORT *******************************************************************************/ #job-application-form { width: 530px; padding: 2em; padding-right: 15px; /* this is to stop the app form's scrollbar being obscured by the main * window's, which means that people who only use scrollbars can't access it */ border-right: 15px solid white; } #job-application-form .dropzone-wrap { margin-top: 0; } .nav-scout .btn-post-a-job { width: 154px; background-position: 25px 50%; } .SearchView .select2-container { margin-bottom: 10px; } .SearchView [name="keywords"] { margin-bottom: 20px; } .salary-worktype-row { padding-bottom: 0; } .JobSeekerSavedSearchesView .criteria { width: 30%; } .JobSeekerSavedSearchesView .td.search-name { padding-top: 21px; } .JobSeekerSavedSearchesView .email-alert.th { padding-left: 15px; } .JobSeekerSavedSearchesView .email-alert .select2-container { width: 130px !important; margin: 0; } .JobSeekerSavedJobsView .title, .JobSeekerSavedJobsView .short-description { width: 30%; } .JobSeekerSavedJobsView .expires, .JobSeekerSavedJobsView .delete-shortlisted-job, .JobSeekerSavedJobsView .apply { width: 15%; } .JobSeekerSavedSearchesView .results-table .data-table .icn-close, .JobSeekerSavedJobsView .results-table .data-table .icn-close { float: none; } .JobSeekerPublicProfileView .complete-header, .JobSeekerProfileView .complete-header { padding-top: 2.75em; margin-bottom: 10px; } .JobSeekerPublicProfileView .complete-header h1, .JobSeekerProfileView .complete-header h1 { margin-top: 0; } .JobSeekerPublicProfileView .complete-header .buttons, .JobSeekerProfileView .complete-header .buttons { padding-top: 40px; } .JobSeekerPublicProfileView .public-profile-view .profile-image, .JobSeekerProfileView .public-profile-view .profile-image { padding-top: 30px; } .JobSeekerPublicProfileView .public-profile-view .floated-list li, .JobSeekerProfileView .public-profile-view .floated-list li { width: 100%; } .JobSeekerPublicProfileView .public-profile-view .floated-list li .key, .JobSeekerProfileView .public-profile-view .floated-list li .key { margin-bottom: 10px; } .JobSeekerPublicProfileView .public-profile-view .mug-wrap, .JobSeekerProfileView .public-profile-view .mug-wrap { padding-top: 30px; } .JobSeekerPublicProfileView .public-profile-view .mug-wrap button, .JobSeekerProfileView .public-profile-view .mug-wrap button { display: block; width: 200px; margin-top: 20px; } .JobSeekerPublicProfileView .public-profile-view h2, .JobSeekerProfileView .public-profile-view h2 { font-size: 18px; line-height: 30px; margin-top: 25px; margin-bottom: 10px; } .JobSeekerPublicProfileView .public-profile-edit #logo, .JobSeekerProfileView .public-profile-edit #logo { margin-bottom: 20px; } .JobSeekerPublicProfileView .public-profile-edit .resume-upload, .JobSeekerProfileView .public-profile-edit .resume-upload { margin-top: 0; margin-bottom: 0; margin-right: 16px; } .JobSeekerPublicProfileView .user-files, .JobSeekerProfileView .user-files { padding-top: 20px; } .JobSeekerPublicProfileView .user-files .user-document, .JobSeekerProfileView .user-files .user-document { border: 1px solid #c7c8ca; padding-top: 100px; padding-bottom: 53px; background-image: url('/static/jobs/img/user-file.svg?64a03a7feebf'); background-repeat: no-repeat; background-position: 50% 40px; background-size: 38px; text-align: center; } .JobSeekerPublicProfileView .user-files .user-document label, .JobSeekerProfileView .user-files .user-document label { display: block; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .JobSeekerPublicProfileView .user-files .user-document .actions, .JobSeekerProfileView .user-files .user-document .actions { height: 25px; } .JobSeekerPublicProfileView .user-files .user-document .actions a, .JobSeekerProfileView .user-files .user-document .actions a { display: inline-block; } .JobSeekerPublicProfileView .upload-button, .JobSeekerProfileView .upload-button { margin-top: 20px; } .JobSeekerPublicProfileView .upload-button > *, .JobSeekerProfileView .upload-button > * { display: inline-block; } .JobSeekerAccountContactView .floated-list li .key { margin-bottom: 10px; } .JobSeekerAccountContactView .floated-list li .value { display: block; margin-bottom: 20px; } .JobSeekerAccountEmailView .saved-search > span { width: 50%; display: inline-block; vertical-align: top; } .JobSeekerAccountEmailView .saved-search > span.search { text-align: right; } .JobSeekerAccountEmailView .saved-search > span.search > .select2-container { border: none; display: inline-block; max-width: 150px; } .JobSeekerAccountEmailView .saved-search > span.search > .select2-container .select2-selection { color: #999999; } .JobSeekerAccountEmailView .saved-search > span.search > .select2-container .select2-selection .select2-chosen { margin-right: 12px; } .JobSeekerAccountEmailView .saved-search > span.search > .select2-container .select2-selection .select2-arrow { margin-right: 0; width: 13px; } .JobSeekerAccountEmailView .saved-search > span.name { padding-top: 12px; } /**************************************** ABOUT PAGE ****************************************/ .about-page .header-banner { background: url('/static/jobs/img/about/about-banner.jpg?7d2990af0ca4') 50% 0 no-repeat; background-size: cover; height: 370px; margin-bottom: 45px; } .about-page .header-banner .inner { padding: 60px 10px 0; max-width: 780px; } .about-page .header-banner h1 { font-size: 16px; margin: 0 0 1em; } .about-page .header-banner p { font-size: 38px; } .img-content-block { margin-bottom: 58px; padding-bottom: 58px; } .img-content-block.flip .img { float: right; margin-left: 2.1%; } .img-content-block.flip .content { float: left; margin-left: 0; padding-left: 0; max-width: auto; } .img-content-block .content { padding-top: 0; padding-left: 38px; padding-right: 0; } .img-content-block .content h2 { font-size: 14px; font-family: CircularStd-Book; } .img-content-block .content p { font-family: "adobe-garamond-pro", serif; font-size: 21px; } .img-content-block .content p.subtext { font-size: 14px; font-family: CircularStd-Book; line-height: 1.4; } .user-cta { padding: 30px 0; } .user-cta + .user-cta { border-left: 1px solid #c7c8ca; border-top: none; margin-top: 0; padding-top: 30px; } .user-cta + .user-cta .content { padding-left: 38px; } .user-cta .content { padding-left: 0; padding-right: 0; } .user-cta .content h2 { font-size: 14px; font-family: CircularStd-Book; } .user-cta .content p { font-family: "adobe-garamond-pro", serif; font-size: 21px; min-height: 110px; } .user-cta .content .btn { width: 196px; } .user-cta .content .btn.btn-post-a-job { background-position: 42px 50%; } .social-sign-in button, .social-sign-in-modal button { background-position: 20px 50%; padding: 9px 10px 9px 60px; } .email-sign-in .search-sign-in-text .note { margin-top: 20px; } .email-register .search-sign-in-text .note[data-email-reg-show-signin] { margin-top: 74px; } .mfp-content .search-sign-in-text .inner { padding: 45px 0 0; } .mfp-content .search-sign-in-text .inner h1, .mfp-content .search-sign-in-text .inner p { font-size: 36px; line-height: 41px; letter-spacing: -0.01em; width: 392px; margin: 0; } .mfp-content .search-sign-in-text .inner .buttons { width: 333px; margin-top: 32px; } .mfp-content .search-sign-in-text .inner hr { display: none; } .sign-in-modal { padding: 55px; } .mfp-wrap .mfp-close { top: 44px; right: 55px; } .JobSeekerProfileView [data-saved-files-chunk], .JobSeekerProfileView .upload-button { display: block; } #s2id_id_sort { display: inline-block; } .endless_container { display: block; width: 19%; clear: both; margin: auto; margin-bottom: 45px; } .mobile-masthead { background-image: none !important; } .text-danger { max-width: 100%; } .SearchView .similar-businesses-carousel .owl-stage-outer { overflow: visible !important; } .SearchView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px !important; } .SearchView .similar-businesses-carousel .owl-nav .owl-next { right: 0px !important; } /************************************************** BUSINESS PROFILE PAGE **************************************************/ .BusinessProfileView .similar-businesses-carousel .owl-stage-outer { overflow: visible !important; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px !important; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next { right: 0px !important; } .BusinessProfileView .business-profile-carousel .owl-stage-outer { overflow: visible !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev { left: 0px !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next { right: 0px !important; } .BusinessProfileView .ig-pic-container:nth-child(odd) { margin-right: 0px; } } @media screen and (min-width: 980px) { /******************************************************************************* CONTENTS - Media Queries min 980px ******************************************************************************** 980PX AND HIGHER STYLES *******************************************************************************/ .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { /*bootstrap 2 default*/ /*width: 1170px;*/ width: 940px !important; } .sidebar-open { position: absolute; transition: right 0.3s linear; } .sidebar-open .btn-employers { opacity: 0; transition: 0.3s linear; } /**************************************** USER NAV ****************************************/ .dashboard-nav .navbar .container { width: 940px; } .dashboard-nav .navbar .navbar-inner li { margin: 0 3em 0 0; } .dashboard-nav .navbar .navbar-inner li a { font-size: 21px; } /******************************************************************************* CREATE YOUR AD *******************************************************************************/ .create-your-ad .submit-strip .btn-secondary { margin-left: 6em; } .image-upload .logo-placeholder .logo-inner, .create-your-ad .image-upload .logo-placeholder .logo-inner { height: 200px; } /******************************************************************************* PREVIEW YOUR AD *******************************************************************************/ .preview-your-ad { /* Upsell Banner (e.g. Upgrade Your Ad!) */ } .preview-your-ad .upsell-banner { padding: 2em 8em; } .preview-your-ad .upsell-banner p { font-size: 2.8em; } /**************************************** EMPLOYER DASHBOARD ****************************************/ .profile-overview .buttons .btn { width: 237px; } .result-list li .rhs { width: 23.40425532%; margin-left: 2.12765957%; } /******************************************************************************* EMPLOYERS *******************************************************************************/ /* Current Item Toolbar */ .current-item-toolbar .current-item-tools { padding-left: 6.5em; width: 45%; } /* Header Strip */ .header-strip .form-search { float: left; margin: 0.25em 1em 0 0; } .header-strip .sort-results-wrapper { display: block; visibility: visible; float: right; margin: 9px 0 0; } .header-strip .sort-results-wrapper .select2-container { min-width: 130px; -webkit-border-radius: 0; border-radius: 0; margin: 0; border: 0; } .header-strip .sort-results-wrapper .select2-container .select2-selection { font-size: 14px; text-align: left; } .header-strip .result-count { display: block; visibility: visible; color: #5996B5; display: inline-block; margin: 15px 0 0; float: left; } .header-strip .view-all { padding-left: 6.5em; } /* Live Jobs */ .results-table .data-table.live-jobs .th.applicants, .results-table .data-table.live-jobs .td.applicants { width: 13%; } .results-table .data-table.live-jobs .th.title, .results-table .data-table.live-jobs .td.title { width: 34%; } .results-table .data-table.live-jobs .th.expires, .results-table .data-table.live-jobs .td.expires { width: 39%; } .results-table .data-table.live-jobs .th.expires .job-age, .results-table .data-table.live-jobs .td.expires .job-age { display: block; float: left; } .results-table .data-table.live-jobs .th.expires .job-age + .btn, .results-table .data-table.live-jobs .td.expires .job-age + .btn { margin-left: 0; } .results-table .data-table.live-jobs .th.expires .btn, .results-table .data-table.live-jobs .td.expires .btn { width: 31.62393162%; margin: 0 0 0 2.76243094%; } .results-table .data-table.live-jobs .th.single-btn, .results-table .data-table.live-jobs .td.single-btn { width: 14%; } .results-table .data-table.businesses .td.business-content { width: 65%; } .results-table .data-table.businesses .td.invite-action { width: 35%; padding-right: 15px; } .results-table .data-table.applicants .th.new, .results-table .data-table.applicants .td.new { width: 7%; } .results-table .data-table.applicants .th.title, .results-table .data-table.applicants .td.title { width: 36%; } .results-table .data-table.applicants .th.shortlist-col, .results-table .data-table.applicants .td.shortlist-col { width: 10%; } .results-table .data-table.applicants .th.submitted, .results-table .data-table.applicants .td.submitted { width: 14%; } .results-table .data-table.applicants .th.cover-letter, .results-table .data-table.applicants .td.cover-letter { width: 15%; } .results-table .data-table.applicants .th.resume, .results-table .data-table.applicants .td.resume { width: 10%; } .results-table .data-table.applicants .th.single-btn, .results-table .data-table.applicants .td.single-btn { width: 8%; } /******************************************************************************* JOB DETAILS *******************************************************************************/ .job-details .job-details-content .job-details-aside .job-meta ul li span { display: inline-block; width: 48%; } .job-detail .job-detail-aside .save-apply-btns .btn { width: 48.71794872%; } .job-detail .job-detail-aside .save-apply-btns .btn + .btn { margin-left: 2.56410256%; } .job-detail .job-detail-aside .social-share { padding-top: 1.3em; } .job-detail .job-detail-aside .social-share h3 { display: inline-block; float: left; margin-right: 65px; } #job-application-form .application-form-wrap.guest .notice.guest, #job-application-form .application-form-wrap.not-enough-uploads .notice.guest, #job-application-form .application-form-wrap.guest .notice.not-enough-uploads, #job-application-form .application-form-wrap.not-enough-uploads .notice.not-enough-uploads { display: none; visibility: hidden; } #job-application-form .application-form-wrap.guest .application-form, #job-application-form .application-form-wrap.not-enough-uploads .application-form { display: block; visibility: visible; } #job-application-form .application-form-wrap .desktop-only { display: block; visibility: visible; } /******************************************************************************* SOCIAL/EMAIL REGISTER & LOGIN *******************************************************************************/ .login-register-wrap > div { padding: 0 5em; } .footer .footer-inner .footer__links .footer__col-4 { display: block; } /**************************************** ABOUT PAGE ****************************************/ .about-page .header-banner { height: 470px; margin-bottom: 65px; } .about-page .header-banner .inner { padding-top: 130px; } .img-content-block .content { padding-top: 34px; padding-left: 52px; max-width: 400px; } .img-content-block .content h2 { font-size: 16px; margin: 0 0 0.8em; } .img-content-block .content p { font-size: 26px; } .img-content-block .content p.subtext { font-size: 16px; } .user-cta + .user-cta .content { padding-left: 52px; } .user-cta .content { max-width: 400px; } .user-cta .content h2 { font-size: 14px; } .user-cta .content p { font-size: 26px; min-height: 135px; } /**************************************** 404 ****************************************/ .error-404 .employer-cta .content p { font-size: 30px; } .error-404 .employer-cta .interact { padding-top: 60px; } /***************************************** Homepage AD *****************************************/ .homepage-ad-container { padding: 30px 0; } .homepage-ad-container .ad-homepage { width: 970px; } .homepage-ad-container .ad-homepage.desktop { display: block; } .homepage-ad-container .ad-homepage.mob { display: none; } .leveraging-networks { padding-top: 60px; } .leveraging-networks .span-2 { width: 21.9%; } /********************************* SEARCH PAGE *********************************/ .new-year-subscription-box .new-year-subscription-content .banner-image { width: 30%; } .new-year-subscription-box .new-year-subscription-content .banner-content { width: 70%; } .SearchView .similar-businesses-carousel .owl-stage-outer { overflow: visible !important; } .SearchView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px !important; } .SearchView .similar-businesses-carousel .owl-nav .owl-next { right: 0px !important; } /************************************************** BUSINESS PROFILE PAGE **************************************************/ .BusinessProfileView .similar-businesses-carousel .owl-stage-outer { overflow: visible !important; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px !important; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next { right: 0px !important; } .BusinessProfileView .business-profile-carousel .owl-stage-outer { overflow: visible !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev { left: 0px !important; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next { right: 0px !important; } } @media screen and (max-width: 767px) { .search-sign-in { margin: 10px 0; } .CartAddJobView .ad-bundle-option { margin-top: 20px; } .CartAddJobView .job-type__btn-continue { width: 100%; } .CartAddJobView .selected-bundle-btn { width: 100%; } .CartAddJobView .buttons .control-group { width: 100%; margin-left: 0; } .CartAddJobView select { width: 100%; } .CartAddJobView .job-type-box { margin: 20px 0; } .CartAddJobView .bundle-box { margin: 30px 0; } .CartAddJobView .bundle-features .bundle-feature { width: 100% !important; padding: 10px 0; } .select2-dropdown .select2-results > ul:hover .select2-results__option[aria-selected="true"]:before { background: #ff645a !important; border-color: #ff645a !important; } .select2-dropdown .select2-results > ul .select2-results__option:hover { color: #999; } .select2-dropdown .select2-results > ul .select2-results__option:hover:before { background: transparent; border-color: #999999; } .search-filters-sort-wrap .btn-save { margin: 0; } .SearchView { right: 0; transition: right 0.3s linear; transition-delay: -0.1s; } .SearchView .bs-nav-wrapper .right-side { right: 6px; } #site-navigation a:hover { color: inherit !important; } .guest #site-navigation a.active:hover, .jobseeker #site-navigation a.active:hover { color: #ff645a !important; } .employer #site-navigation a.active:hover { color: #ff645a !important; } .upgrade-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 501; background-color: rgba(255, 255, 255, 0.9); } .upgrade-overlay .upgrade-wrapper { display: table; width: 100%; } .upgrade-overlay .upgrade-content { display: table-cell; vertical-align: middle; height: 100vh; } .upgrade-overlay p { color: #000; font-size: 16px; padding: 20px; font-weight: lighter; margin: 0 auto; line-height: 1.5em; letter-spacing: 1px; } .upgrade-overlay button { margin: 0 auto; width: 80% !important; } .upgrade-overlay a.cancel { line-height: 3.5em; color: #ccc; text-decoration: none; } body { transition: all 0.5s ease !important; left: 0; } body.active-sidebar .right-side-bar { width: 260px; } body.active-sidebar .right-side-bar .container { width: 260px; } /************************************************** BUSINESS PROFILE PAGE **************************************************/ .BusinessProfileView .employee { width: 100% !important; padding: 20px 0 0 0 !important; text-align: center; display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; } .BusinessProfileView .employee .employee-photo { display: inline-block; margin: auto; } .BusinessProfileView .employee:nth-child(even) { padding: 20px 0 0 0 !important; } .BusinessProfileView .left-side-content { width: 100% !important; } .BusinessProfileView .right-side-content { width: 100% !important; } .BusinessProfileView header .container-padding-top .left-side-content { width: 60% !important; } .BusinessProfileView header .container-padding-top .right-side-content { width: 30% !important; } .BusinessProfileView header .top-banner-image { height: 200px; } .BusinessProfileView header .banner-title { font-size: 45px !important; line-height: 100%; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-prev { left: 0px; } .BusinessProfileView .business-profile-carousel .owl-nav .owl-next { right: 0px; } .BusinessProfileView #related-articles img { width: 100%; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-prev { left: 0px; } .BusinessProfileView .similar-businesses-carousel .owl-nav .owl-next { right: 0px; } } @media only screen and (max-width: 420px) { .endless_container { display: block; width: 43%; clear: both; margin: auto; margin-bottom: 45px; } }