/* Jump to: Root Misc Styling Landing Page Styling Results Page Styling Job Description Page Styling Login/Register Styling Profile Styling Application/Onboarding Styling Creative Onboarding Styling Responsive Styling */ /* Root */ :root { --primaryColor: #0B463D; --secondaryColor: #A5FEAE; --creamColor: #FFEEBD; } /* Root Ends */ /* Misc Styling */ label { font-size: inherit; } label *:first-child, .formLabel *:first-child { margin-top: 0 !important; } label *:last-child, .formLabel *:last-child { margin-bottom: 0 !important; } a { font-size: inherit; } p:last-child { margin-bottom: 0; } div.pageBlockInner_FormBlock div.formRow { margin-top: 10px; width: 100%; overflow: hidden; } div.pageBlockInner_FormBlock div.formRow .controlError, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer, .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer, .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer, .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer, #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer, .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer, .quickSearchContainer .formRowTextInputRow .controlContainer, .textpage_filters .selectContainer { max-width: 500px; margin: 5px auto; display: block; float: none; text-align: left; width: 100%; color: #33475b; font-weight: normal; height: auto; overflow: auto; } div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow, #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow .textLiteralAlignment_Left, div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer { text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel { text-align: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input, div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption .radioOptionLabel { display: inline-block; vertical-align: middle; float: none; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow { float: none; margin: 0 auto; max-width: 100%; display: block; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer, div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { float: none; display: inline-block; width: auto !important; max-width: 100%; text-align: center; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label { text-align: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer { margin-right: 0; margin-top: 0 !important; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer { display: flex; align-items: flex-start; } div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup { margin-top: 10px; } .iti { width: 100%; } .pageBlockInner_FormBlock label.formLabel { text-align: left; margin: 0 4px; max-width: calc(100% - 8px); font-size: 18px; color: var(--primaryColor); font-weight: 700; line-height: 1.2; } .pageBlockInner_FormBlock label.formLabel a { text-decoration: underline; } div.pageBlockInner_FormBlock div.formRow .controlError { color: red; padding-left: 0; } textarea { min-height: 100px; } .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select, .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input, .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input, .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea, #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput, .quickSearchContainer .formRowTextInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input, .pageBlockInner_FormBlock .formRow .addresspoints { background-color: white; border: none; border-radius: 0px; box-shadow: rgb(29, 29, 29) 0px 0px 0px 1px inset; font: 300 1.2rem / 1.62rem arial, sans-serif; margin: 4px; height: auto !important; padding: 0.5rem 0.75rem; transition-property: color, background-color, border, border-color, box-shadow; transition-duration: 0s; transition-timing-function: ease-in-out; width: calc(100% - 8px); max-width: 500px; text-align: left; color: #000; outline: transparent solid 0.25rem; } .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus, .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus, .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus, .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus, .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus, .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus, .pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select, .pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect, .pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input, .pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input, .pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, .quickSearchContainer .formRowTextInputRow .controlContainer input:focus, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput:focus, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input:focus { outline-color: rgb(232, 108, 0); outline-offset: 0px; box-shadow: rgb(29, 29, 29) 0px 0px 0px 1px inset; border: none; } .pageBlockInner_FormBlock span.mandatoryContainer { color: inherit; } .pageBlockInner_FormBlock div.curFocus label.formLabel { color: inherit; } div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer { overflow: visible; } .intl-tel-input { width: 100%; } .intl-tel-input .country-list .country, .intl-tel-input .country-list .divider { margin-top: 0; } .controlContainer .passwordStrength { width: 100%; } .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input, div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter { width: calc(100% - 26px); } div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .inputContainer, div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .customButtonContainer { width: 100%; } .skillcontainer { float: none; display: inline-block; } .pageBlockInner_FormBlock .formRowButtonRow, #Quiz_pageBlockContainer .buttonsContainer { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; flex-direction: row-reverse; } #Quiz_pageBlockContainer .buttonsContainer { flex-direction: row; } .buttonsRight, .buttonsRight ul li, .buttonsLeft, .buttonsLeft ul li { width: auto; text-align: center; float: none !important; display: block; overflow: hidden; } .buttonsRight, .buttonsLeft { margin-top: 10px; } .buttonsLeft ul, .buttonsRight ul { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; } .buttonsRight ul li a, .buttonsRight ul li input, .buttonsLeft ul li a, .buttonsLeft ul li input, ul.pageBlockHeaderButtons { float: none; margin-left: 0 !important; margin-right: 0 !important; width: 100%; /*max-width: 200px;*/ } .buttonsLeft button.buttonAnchor, .buttonsRight button.buttonAnchor, .buttonsLeft input.buttonSubmit, .buttonsRight input.buttonSubmit, .buttonsLeft a.buttonAnchor, .buttonsRight a.buttonAnchor, #posdesc_pageBlockContainer #posdesc_pageBlock a.right, #homepage .googleMapsButton, button.buttonAnchor, input.buttonSubmit, a.buttonAnchor, div.posDescriptionContainer317 .BigVacancyMap .moreJobs a, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, .socialWallContainer .newsLinkContainer a, .textpage_wellbeing .buttonContainer a, .textpage_application .buttonContainer a, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a, .backButtonContainer a, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a, mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton, #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton, .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton, .textpage_filters a.button, .pageBlockInner_FormBlock .formRow .postcodelookup, .pageBlockInner_FormBlock .formRow .postcodeskip { position: relative; display: inline-block; cursor: pointer; color: #fff; font-family: barnardos-speak, sans-serif; font-size: var(--step-2); line-height: 1.2; padding: 15px 12px; white-space: normal; background: var(--primaryColor); border: none; text-decoration: none; border-radius: 0; box-shadow: 3px 3px #1d1d1d; float: none; width: auto; margin: 0 4px 4px !important; max-width: calc(100% - 8px); min-width: 100px; text-align: center; text-decoration: none !important; white-space: nowrap; } .buttonsLeft button.buttonAnchor:hover, .buttonsRight button.buttonAnchor:hover, .buttonsLeft input.buttonSubmit:hover, .buttonsRight input.buttonSubmit:hover, .buttonsLeft a.buttonAnchor:hover, .buttonsRight a.buttonAnchor:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:hover, #homepage .googleMapsButton:hover, button.buttonAnchor:hover, input.buttonSubmit:hover, a.buttonAnchor:hover, #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, .socialWallContainer .newsLinkContainer a:hover, .textpage_wellbeing .buttonContainer a:hover, .textpage_application .buttonContainer a:hover, .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover, .backButtonContainer a:hover, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover, #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:hover, mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:hover, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:hover, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:hover, #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:hover, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover, .mapContainer .ButtonHolder .miniMapButton a:hover, .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover, .textpage_filters a.button:hover, .pageBlockInner_FormBlock .formRow .postcodelookup:hover, .pageBlockInner_FormBlock .formRow .postcodeskip:hover { box-shadow: none; } .actionTextButtonContainer .buttonsRight, .actionTextButtonContainer .buttonsRight ul li, .fileuploadcontainer .buttonsLeft, .fileuploadcontainer .buttonsLeft ul li, .ui-dialog.ui-widget.ui-widget-content .buttonsLeft, .ui-dialog.ui-widget.ui-widget-content .buttonsLeft ul li, .ui-dialog.ui-widget.ui-widget-content .buttonsRight, .ui-dialog.ui-widget.ui-widget-content .buttonsRight ul li { width: 100%; max-width: 100%; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none !important; } .charCounterValue { float: left; } video, img { max-width: 100%; } .eArcuInfoHeader, #EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } .ui-dialog.ui-widget.ui-widget-content { border: none; z-index: 1001 !important; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar { border: .125rem solid #000; border-bottom: none; background: #efefef; color: #000; } .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { outline: none !important; } .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content { border: .125rem solid #000; border-top: none; background: #efefef; color: #000; } .modalContent { min-height: 1px !important; } .modalContent .sectionInPopup { max-height: 75vh; overflow: auto; } .ui-widget-overlay { z-index: 1000 !important; opacity: 0.7; background: #000; } .desktop-menu .menu-item.login a { border: 2px solid var(--secondaryColor); border-radius: 40px; font-size: 16px; padding: 10px 20px; text-align: center; text-decoration: none; transition: all .4s ease-in-out; } .desktop-menu .menu-item.login a:hover { background-color: #fff; border: 2px solid #fff; color: var(--primaryColor) !important; } .bannerContainer { height: 300px; height: 60vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .bannerContainer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2; } .bannerContainer img.banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1; } .bannerContainer .bannerContent { text-align: center; display: flex; flex-direction: column; gap: 25px; align-items: center; width: 70%; max-width: 900px; color: #fff; position: relative; z-index: 3; } .bannerContainer .bannerContent h1, .bannerContainer .bannerContent p { margin: 0 !important; color: inherit; } .bannerContainer .bannerContent .quickSearchContainer, .bannerContainer .bannerContent .quickSearchContainer .inputContainer { width: 100%; max-width: 100%; } .bannerContainer .bannerContent .quickSearchContainer { display: flex; gap: 20px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer { position: relative; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer button, .bannerContainer .bannerContent .quickSearchContainer .inputContainer a { position: absolute; top: 0; left: 0; height: 100%; width: 50px; display: flex; align-items: center; justify-content: flex-end; z-index: 2; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer button img { max-width: 30px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a { color: #fff; border: none !important; margin: 0; background: none !important; padding: 0; bottom: 0; font-size: 30px; padding-right: 5px; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a i { font-style: normal; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer a i:before { content: '\f3c5'; font-family: "Font Awesome 6 Pro"; font-weight: 900; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer input { width: 100%; max-width: 100%; background: transparent; border: 1px solid #fff; border-radius: 40px; padding: 20px 20px 20px 60px; height: auto; line-height: normal; margin: 0; transition: all .2s ease; outline: none !important; color: #fff; } .bannerContainer .bannerContent .quickSearchContainer .inputContainer input:focus { background: rgba(0,0,0,0.2); } body:before { content: ''; z-index: -1; opacity: 0; transition: opacity .4s ease; background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } body.cookiesOpen { overflow: hidden; } body.cookiesOpen:before { z-index: 9991; opacity: 0.7; } .cookiesButton { position: fixed; bottom: 0; left: 0; width: 80px; height: 80px; z-index: 9990; } .cookiesButton a { clip-path: polygon(0 0, 0% 100%, 100% 100%); background: var(--primaryColor); display: block; height: 100%; position: relative; transition: all .2s ease; color: #fff; } .cookiesButton a:hover { background: #000; } .cookiesButton a i { position: absolute; bottom: 10px; left: 10px; font-size: 30px; } .gdprcookie { z-index: 9992; background: var(--primaryColor); } .gdprcookie.too-big { position: fixed; bottom: 1.5rem; top: 1.5rem; overflow: auto; } .gdprcookie h1 { font-size: 24px; line-height: 32px; } .gdprcookie h2 { font-size: 20px; line-height: 28px; } .gdprcookie input[type=checkbox] { position: relative; opacity: 1; } .gdprcookie input[type=checkbox] + label { color: inherit; display: inline-block; } .gdprcookie .gdprcookie-buttons { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 20px; } .gdprcookie .gdprcookie-buttons button { transition: all .2s ease; margin: 0; } .gdprcookie .gdprcookie-buttons button:disabled { pointer-events: none; } .gdprcookie .gdprcookie-buttons button:not(:disabled):hover { background: rgba(255,255,255,0.3); } footer { position: relative; z-index: 11; } .pageBlockInner_GridBlock div.gridContentWithHeader { background: none; } .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li { display: flex; align-items: center; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right { bottom: 0; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { bottom: 0; background: var(--secondaryColor); color: var(--primaryColor); transition: all .2s ease; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle:hover { background: var(--primaryColor); color: #fff; } #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay { background: #fff; } #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay a:hover { text-decoration: underline; } body.pojo-a11y-grayscale { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } body.pojo-a11y-grayscale #pojo-container, body.pojo-a11y-grayscale #pojo-a11y-toolbar, body.pojo-a11y-grayscale .gdprcookie { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .quickSearchContainer { display: flex; flex-wrap: wrap; overflow: visible; } .quickSearchContainer .formRowTextInputRow { flex: 50%; overflow: visible; } .quickSearchContainer .formRowTextInputRow .controlContainer { overflow: visible; position: relative; max-width: 100%; } .quickSearchContainer .formRowTextInputRow .controlContainer:before { font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 24px; position: absolute; top: 5px; bottom: 6px; left: 17.5px; display: flex; align-items: center; justify-content: center; width: 30px; } .quickSearchContainer .formRowTextInputRow .controlContainer input { padding-left: 53.5px; max-width: 100%; } .quickSearchContainer .formRowTextInputRow#keywordSearch .controlContainer:before { content: '\f002'; } .quickSearchContainer .formRowTextInputRow#locationSearch .controlContainer:before { content: '\f5a0'; } .quickSearchContainer .home-hero-image__cta { flex: 100%; display: flex; flex-wrap: wrap; gap: 10px; padding-top: 9px; } .quickSearchContainer .home-hero-image__cta button, .quickSearchContainer .home-hero-image__cta a { cursor: pointer; display: flex; gap: 5px; align-items: center; justify-content: center; letter-spacing: 1px; } .accordionsContainer { display: flex; flex-direction: column; gap: 16px; } .accordionsContainer .accordion { display: flex; flex-direction: column; margin: 0; box-shadow: 0 3px 8px rgba(0,0,0,.2); max-width: 100%; } .accordionsContainer .accordion .accordionHeader { padding: 32px 64px 32px 32px; margin: 0; border: none; background: #fff; position: relative; font-family: arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2; transition: all .2s ease; } .accordionsContainer .accordion .accordionHeader .ui-accordion-header-icon { position: absolute; top: 50%; right: 32px; transform: translateY(-50%); background: none; font-family: "Font Awesome 6 Pro"; font-size: 20px; text-align: center; margin-top: 0; text-indent: initial; width: auto; height: auto; display: block; } .accordionsContainer .accordion .accordionHeader .ui-accordion-header-icon:before { content: '\f078'; transition: transform .4s ease; display: block; } .accordionsContainer .accordion .accordionContent { padding: 32px; } .accordionsContainer .accordion .accordionHeader.ui-accordion-header-active { background: var(--primaryColor); } .accordionsContainer .accordion .accordionHeader.ui-accordion-header-active .ui-accordion-header-icon:before { transform: rotate(180deg); } @media screen and (min-width: 1024px) { .hero-banner.small .hero-image { min-height: 0; } .hero-banner.small .hero-image .hero-image__image img { object-position: 50% 15%; } .hero-banner.small .hero-image .hero-image__small-screen-section { min-height: 0; padding: 40px 100px; } } div#logo a span { font-family: barnardos-speak, Impact, "Arial Narrow Bold", sans-serif; color: #0B463D; font-size: var(--step-2); line-height: 27px; padding-left: 10px; } /* Misc Styling Ends */ /* Landing Page Styling */ @media screen and (min-width: 1024px) { .home-hero-image { margin: 0 auto -200px } } @media screen and (min-width: 1304px) { .home-hero-image { margin: 0 auto -162px } } .home-hero-image--focus-right .home-hero-image__image .flexslider { margin: 0; background: none; border: none; border-radius: 0; z-index: -1; } .home-hero-image--focus-right .home-hero-image__image .flexslider ul.slides li img { object-position: 50% 70%; aspect-ratio: 275 / 108 } .home-hero-image--focus-right .home-hero-image__image .flexslider ul.slides li#slide1 img { object-position: 50% 20%; } .home-hero-image--focus-right .home-hero-image__image .flexslider ul.slides li#slide3 img { object-position: 50% 20%; } .home-hero-image--focus-right .home-hero-image__image .flexslider ul.slides li#slide4 img { object-position: 50% 10%; } #Home_pageView, #Home_pageView #CodeListCounts_pageBlockContainer, #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock { overflow: visible; padding: 0; margin: 0; } #Home_pageView #intro_pageBlockContainer { display: none; } #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .codelistBlocks .callout-block__cards { flex-wrap: wrap; gap: 24px; justify-content: center; cursor: pointer; } #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .codelistBlocks .callout-block__cards .callout-block__card-container { margin: 0 !important; } #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .codelistBlocks .callout-block__cards .callout-block__card-container div.callout-block__card-body { padding-bottom: 0; } #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .codelistBlocks .callout-block__cards .callout-block__card-container .callout-block__card-image img { transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock .codelistBlocks .callout-block__cards .callout-block__card-container:hover .callout-block__card-image img { transform: scale(1.1); } .awardsContainer { display: flex; gap: 50px; align-items: center; justify-content: center; } .awardsContainer .awardBlock { } .awardsContainer .awardBlock img { max-height: 130px; max-width: 260px; width: 100%; } /* Landing Page Styling Ends */ /* Results Page Styling */ #Pos_Find_Results_pageView .pageViewMain, #Pos_Find_Results_Map_pageView .pageViewMain { display: flex; flex-wrap: wrap; gap: 20px; } #posBrowser_Filter_pageBlockContainer { flex: 30%; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle { border: none; padding: 0; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock { overflow: hidden; padding: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:after { font-family: "Font Awesome 6 Pro"; margin-left: 5px; display: inline-block; font-weight: 900; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_List:after { content: '\f03a'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map:after { content: '\f5a0'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander { padding-top: 20px; position: relative; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a { width: auto; padding-right: 35px; position: relative; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after { content: '\25BC'; font-weight: bold; right: 15px; transition: transform 0.4s ease; position: absolute; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after { transform: rotate(180deg); } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer { border: none; display: block; transition: all .4s ease; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer.FiltersContainer_Hidden { height: 0px !important; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer { padding: 0; background: none; display: flex; flex-direction: column; gap: 10px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow { width: 100%; margin-bottom: 0; text-align: left; border-radius: 10px; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow.poscodelist8 { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer { background-image: url(../Images/Custom/shadow.png); background-position-y: bottom; background-repeat: no-repeat; background-size: contain; background-color: #f3f3f3; color: var(--primaryColor); font-size: 16px; line-height: 28px; padding-right: 16px; border: none; overflow: hidden; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel { padding: 0; float: none; font-size: inherit; color: inherit; position: relative; width: 100%; padding: 11px 30px 12px 16px; cursor: pointer; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel:after { content: '\f067'; font-family: "Font Awesome 6 Pro"; font-weight: bold; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer { display: none; margin: 0; padding: 24px; background: #f3f3f3; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue { padding: 0; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue .locationValueLabel { font-weight: bold; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue .locationValueLabel:after { content: ':'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList { padding: 0; display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow: auto; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li { padding: 0; float: none; background: rgba(0, 0, 0, 0) url(../images/Icons/unticked.png) no-repeat scroll left center; width: auto; margin: 0; padding-left: 30px; background-size: 20px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url(../images/Icons/ticked.png) no-repeat scroll left center; background-size: 20px; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_empty { display: none; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a { font-size: inherit; color: var(--primaryColor); text-decoration: none !important; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .label { color: inherit; font-size: inherit; padding: 0; border-radius: 0; display: initial; background: none; line-height: inherit; cursor: inherit; white-space: initial; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel { width: 100%; background: none; padding: 0; border: none; cursor: initial; pointer-events: initial; font-weight: bold; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:after { content: ':'; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ButtonsContainer a.RemoveLink { display: block; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .FilterContainer.show .HeaderContainer .HeaderLabel:after { content: "\f068"; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .FilterContainer.show .ValueContainer { display: block; } #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow { display: none; } #posBrowser_ResultsGrid_pageBlockContainer { margin: 0; flex: 60%; } #MapBlock_pageBlockContainer { flex: 60%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock { padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop { border: none; position: relative; overflow: visible; width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer { margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer { padding: 0; margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer { float: none; display: inline-block; vertical-align: middle; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer { display: flex; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent { float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a { font-size: inherit; color: var(--primaryColor); text-decoration: underline; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a:hover, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a:hover, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a:hover { text-decoration: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a:after { content: '\f078'; font-family: "Font Awesome 6 Pro"; font-weight: 900; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup { z-index: 10; background: #a5feae; border-radius: 0; border: 2px solid #F3F3F3; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup ul { margin: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup ul li { padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup ul li:last-child { margin-bottom: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup ul li a { font-size: inherit; display: block; transition: all .2s ease; padding: 3px 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup a:hover { background: var(--primaryColor); color: #fff; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles { display: flex; align-items: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons { float: none; padding-top: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons { display: flex; gap: 5px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a { background: none; border: none; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; width: auto; height: auto; line-height: 1; font-size: 25px; color: var(--primaryColor); transition: all .2s ease; text-decoration: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:hover { color: #000; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:before { content: '\f32b'; font-family: "Font Awesome 6 Pro"; font-weight: 300; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before { content: '\f32a'; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.buttonDisabled { opacity: 0.3; cursor: initial; pointer-events: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a img { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer { display: flex; flex-wrap: wrap; gap: 20px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 100%; border-bottom: none; overflow: auto; position: relative; display: flex; flex-direction: column; flex: 1 0 auto; background: #fff; border: 1px solid var(--primaryColor); transition: all .2s ease; border-radius: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { width: 100%; border: none; margin: 0 !important; padding: 20px; height: auto; overflow: hidden; position: relative; text-align: left; display: flex; flex-direction: column; flex: 1 0 auto; gap: 10px; background: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader { padding: 0; float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a { text-decoration: none !important; color: inherit; font-size: 20px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer { float: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer { margin: 0; padding: 0; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span strong { font-weight: bold; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover { background: var(--primaryColor); color: #fff; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer { width: 100%; text-align: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft { display: inline-block; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft .createAlertsButton { width: auto; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .gridButtons { display: none; } .posListHover { display: none !important; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer { position: relative; left: initial !important; width: 100%; box-sizing: border-box; background: #F3F3F3; border: none; padding: 20px; display: flex; align-items: center; justify-content: center; z-index: 1; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer { width: 100%; max-width: 100%; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form { display: flex; flex-wrap: wrap; gap: 5px; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressLabel { width: 100%; text-align: left; flex: 100%; margin-right: 0; padding-top: 0; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressInput { width: 100%; max-width: calc(100% - 93px); position: relative; display: inline-block; vertical-align: middle; margin: 0; } #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressButton { min-width: 80px; padding: 8px 12px; } /* Results Page Styling Ends */ /* Job Description Page Styling */ .hero-image__title .jobValues { margin-top: 10px; } .hero-image__title .jobValues .valuesHeader { font-weight: bold; margin-bottom: 5px; } .hero-image__title .jobValues ul.jobSum { list-style: none; display: flex; gap: 5px; flex-wrap: wrap; } .hero-image__title .jobValues ul.jobSum li { display: flex; gap: 5px; } .hero-image__title .jobValues ul.jobSum li .jobSumLabel { font-weight: bold; } .mapContainer .ButtonHolder .miniMapButton, .mapContainer .ButtonHolder .bigMapButton { background: none; padding: 0; } .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton { margin: 0; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .mapContainer .ButtonHolder .bigMapButton .closeMapButton { margin: 0; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer { display: flex; flex-wrap: wrap; gap: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .stickyApplyContainer { position: fixed; z-index: 10; right: 0; top: 50%; transform: translateY(-50%); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox { background: none; border-radius: 0; padding: 0; width: 100%; flex: 50%; color: #000; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .videoOuterContainer { max-width: 100%; margin-bottom: 20px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer { text-align: left; padding: 0; } /*.pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer * { font-size: inherit !important; font-family: inherit !important; }*/ .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:first-child { margin-top: 0 !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:last-child { margin-bottom: 0 !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p { margin-bottom: 1em; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer ul, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .arrowList ul { list-style: disc; padding-left: 20px; margin-bottom: 1em; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .arrowList ul:last-child { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .arrowList ul li:not(:last-child) { margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .arrowList ul li a { font-weight: bold; text-decoration: underline; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .arrowList .arrowListTitle { font-weight: bold; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText a.buttonAnchor { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap { width: 100%; display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer #JobDescriptionMap_BigVacancyMap_pageBlock { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .ApplyNowContainer .buttonsLeft, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .ApplyNowContainer .buttonsLeft li { width: 100%; float: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { width: 100%; flex: 30%; display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; margin-left: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft { margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li a, .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .closeMapButton, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton { width: 100%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock { background: #F3F3F3; color: inherit; border-radius: 0; padding: 24px; border: none; margin: 0; border-radius: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock h2 { color: inherit; font-weight: bold; font-size: 30px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues { background: #A5FEAE; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues p.valuesHeader { font-weight: bold; margin-bottom: 5px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox { padding: 0; margin: 0; border: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum { display: flex; flex-direction: column; gap: 5px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li:first-child { padding-top: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue { margin-right: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue a { pointer-events: none; cursor: initial; color: #fff !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer { text-align: center; position: relative; z-index: 1; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer.hide { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer .rec-img img { max-width: 120px; border-radius: 100%; margin: 0 auto; display: block; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer p { margin-bottom: 0; margin-top: 5px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer a { word-break: break-all; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer { margin-bottom: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .mapBlock { background-size: cover !important; border-radius: 10px; height: 300px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .ButtonHolder { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer { text-align: center; position: relative; z-index: 1; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing .possharing_header, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .posAlerts_header { margin-top: 0; margin-bottom: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a { float: none; display: inline-block; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts a.buttonAnchor { font-size: 24px; margin: 0 4px 4px !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .buttonsContainer { margin-top: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .hide { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer { overflow: hidden; display: flex; flex-direction: column; gap: 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer h2 { margin: 0; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer { display: flex; flex-wrap: wrap; gap: 30px 10px; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock { width: 100%; flex: 48%; text-align: center; display: flex; flex-direction: column; gap: 5px; align-items: center; transition: all .2s ease; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon { font-size: 40px; color: var(--primaryColor); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon img { max-width: inherit; aspect-ratio: 1/1; object-fit: contain; object-position: 50% 50%; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock:hover { transform: scale(1.1); } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .awardsContainer { display: flex; flex-direction: column; gap: 10px; align-items: center; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .awardsContainer .awardLogo { max-width: 300px; } #QuickApplyHeaderBlock_pageBlockContainer .quickApplyHeaderContainer img { display: inline-block; } /* Job Description Page Styling Ends */ /* Login/Register Styling */ #UsernameForm_pageBlock .ssoIconsInnerContainer { text-align: center; max-width: 100%; } #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon { float: none; display: inline-block; vertical-align: middle; } #PasswordForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRowButtonRow { flex-direction: column; } #PasswordForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRowButtonRow .buttonsRight input { width: 200px; } .passwordreset_request #form_pageBlockContainer .blockSummarySurround { text-align: center; } /* Login/Register Styling Ends */ /* Profile Styling */ .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form { display: flex; flex-wrap: wrap; gap: 20px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow { width: 100%; flex: 48%; padding: 20px; overflow: hidden; position: relative; background: #F3F3F3; display: block; cursor: pointer; transition: all .2s ease; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer { padding: 0; margin: 0; overflow: visible; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconImage { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue { margin-left: 0; display: flex; flex-direction: column; gap: 10px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel { margin-bottom: 0; float: left; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel a { text-decoration: none; color: inherit; font-size: 20px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconDescription { color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues { line-height: 27px; font-size: .9em; overflow: visible; float: right; color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue { margin: 0; float: none; display: inline-block; vertical-align: middle; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel { margin-right: 0; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after { content: ':'; margin-right: 5px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData { font-weight: normal; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after { content: '|'; padding: 0 12px; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required { color: red; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after { display: none; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover:before { height: 100%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover { background: var(--primaryColor); color: #fff; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconDescription { color: inherit; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel a, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after { color: inherit; } .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight { transition: all .15s ease; } .mydetails div.pageBlockTitle { padding: 0; display: block; width: 100%; } .mydetails #MyDetails_pageView div.pageBlockContainer:first-of-type:before { display: none; } .mydetails #MyDetails_pageView div.pageBlockContainer:before { content: ''; width: 100%; margin: 50px 0; overflow: hidden; height: 2px; background: #999999; display: block; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent { padding: 0; margin-bottom: 20px; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#intro_pageBlock, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#MyDetailsStauts_pageBlock { padding: 0; border-radius: 0; background: none; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .labelContainer { color: inherit; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight { margin-top: 20px; } .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight ul li, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight ul li { width: 100%; text-align: center; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft { width: 100%; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks { border: none; overflow: auto; padding: 0; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li { float: left; width: 49.5%; margin-bottom: 10px; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) { float: right; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a { display: block; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom { margin-top: 20px; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer { border: none; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader { padding: 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel { margin: 10px 0 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer { margin: 0; padding: 0; } .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer, .mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel { padding: 0; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer:nth-child(2n+1) { clear: left; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { padding: 20px; border: none; text-align: center; min-height: 90px; margin: 0; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer { width: 100%; margin-bottom: 20px; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer img { margin: 0 auto; display: block; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer { margin-left: 0; float: left; width: 100%; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer { margin-bottom: 20px; } #Welcome_pageView #ToDoList_pageBlockContainer, #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock { overflow: visible; } #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItemLabel { padding: 20px; background-image: none; text-align: center; background: #F3F3F3; border: none; } #MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover { color: #fff; } .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons { padding: 0; } .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable thead, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tbody, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr { width: 100%; } .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr th:nth-child(n+3), .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr td:nth-child(n+3) { width: 25%; } .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 100%; max-width: 500px; margin: 0 auto; } .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer { width: 100%; margin: 0; } .pageBlockInner_GridBlock table.gridTable { width: 100% !important; max-width: 100%; display: block; } .pageBlockInner_GridBlock table.gridTable thead, .pageBlockInner_GridBlock table.gridTable tr { width: 100%; } .pageBlockInner_GridBlock table.gridTable th:not(.firstColumn) { max-width: calc(100% - 24px); width: 100% !important; } div.pageBlockInner_FormBlock div.boxedText { background: none; } .myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist2_formRow, .myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist12_formRow { display: none; } /* Profile Styling Ends */ /* Application/Onboarding Styling */ .pos_questions #questions_pageBlockContainer #questions_pageBlock { padding: 40px 40px 31px !important; background: #F7F6F1; } #Quiz_pageBlockContainer .previewContainer form { display: flex; flex-direction: column; } #Quiz_pageBlockContainer .previewContainer form .questionTextContainer { order: 2; } #Quiz_pageBlockContainer .previewContainer form .imageContainer { order: 1; } #Quiz_pageBlockContainer .previewContainer form .imageContainer img { max-width: 500px !important; } #Quiz_pageBlockContainer .previewContainer form .questionOptionListContainer { order: 3; } .pageBlockContainer.rjpQuiz .headingTextContainer, .feedbackContainer2 .feedbackTextContainer { font-weight: bold; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer { padding-bottom: 0; margin-bottom: 0; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer { display: block; height: auto; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem { display: block; width: 100%; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner { margin: 0; border: none; background: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle { display: none; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.posInfo .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent { margin: 0; font-size: 18px; font-weight: 700; color: var(--primaryColor); margin-bottom: 28px; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent { color: inherit; font-weight: normal; } div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack, .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack { margin-bottom: 15px; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner { border-radius: 15px; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: var(--secondaryColor); border-color: var(--secondaryColor); } div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer { padding-bottom: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer { padding-top: 0; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList { display: flex; flex-wrap: wrap; gap: 20px; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem { border: none; margin: 0; height: auto; font-weight: normal; background: #F3F3F3; width: 100%; flex: 48%; padding: 20px; overflow: auto; position: relative; transition: all .2s ease; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel { padding: 0; margin: 0; float: left; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a { font-weight: normal; text-decoration: none !important; margin: 0; font-weight: 700; color: inherit; font-size: 20px; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer { float: right; padding-right: 5px; display: block; padding-top: 2px; color: red; transition: all .2s ease; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue { font-size: .9em; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed { background: var(--primaryColor); color: #fff; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer { color: inherit; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a { color: inherit !important; } #BackBlock_pageBlockContainer, #ButtonBlock_pageBlockContainer { background: none !important; padding: 0 !important; } .pageBlockContainer_GridBlock .pageBlockContent_GridBlock { padding: 0; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer, .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock#questionsSummary_pageBlock { border: none; border-bottom: 1px dashed silver; margin-bottom: 10px; padding: 20px; background: #fff; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer:last-of-type { border-bottom: none; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowLabel { margin: 0; margin-left: 2px; } .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowItemContainer .cell_ApplicationsGrid_status[title~=Additional] { color: red; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { max-width: 100%; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload { text-align: center; } .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li.fileOuterContainer { float: none; display: inline-block; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer.uploadedFilesContainer { height: auto !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .dropHere { height: auto !important; display: block; text-align: center; padding: 10px 0 !important; } .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .nofilesmessage { display: none; } .mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer { display: none; } .pos_description_review #intro_pageBlockContainer #intro_pageBlock { text-align: center; color: #fff; } #Edit_OFFERGENERICFORM1_pageBlockContainer #Edit_OFFERGENERICFORM1_pageBlock #Edit_OFFERGENERICFORM1_Text1_formRow .controlContainer input { text-transform: uppercase; } .pageBlockInner_FormBlock .formRow .postcodelookup, .pageBlockInner_FormBlock .formRow .postcodeskip { margin-top: 5px; } /* Creative Onboarding Styling */ .mywelcomepacks_offerform_summary .hero-text__bc, .mywelcomepacks_offerform_summary div.pageBlockContainer#intro_pageBlockContainer, .mywelcomepacks_offerform_summary div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer { display: none; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer { background: #CCC5FF; padding: 72px; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock { padding: 0; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper { display: flex; gap: 40px; flex-wrap: wrap; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .buttonsText { flex: 100%; font-family: barnardos-speak, sans-serif; font-size: max(2.4883rem,min(calc(2.4261rem + 0.311vw),2.7994rem)); line-height: 1.2; color: #0B463D; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons { display: flex; flex-direction: column; gap: 10px; max-width: 300px; overflow: visible; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a { position: relative; display: inline-block; cursor: pointer; color: #fff; font-family: barnardos-speak, sans-serif; font-size: 24px; line-height: 1.2; padding: 6px 12px; white-space: normal; background: var(--primaryColor); border: none; text-decoration: none; border-radius: 0; box-shadow: 3px 3px #1d1d1d; float: none; width: auto; margin: 0 4px 4px; max-width: calc(100% - 8px); text-align: center; text-decoration: none !important; overflow: visible; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a.stage-complete { background: #ff955a; color: var(--primaryColor); } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a.stage-active:before, .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a.stage-active:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 21px 0 20px 40px; border-color: transparent transparent transparent var(--primaryColor); transform: rotate(0deg); position: absolute; top: 0; right: -40px; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a.stage-active:before { border-color: transparent transparent transparent #1d1d1d; top: 3px; right: -43px; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a:hover { box-shadow: none; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a.stage-active:hover:before { display: none; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .ani-wrapper { flex: 65%; padding: 40px; background: #fff; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock label { justify-content: flex-start; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop, #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom { max-width: 500px; margin: 0 auto; display: block; float: none; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop { margin-top: 10px; text-align: left; background: #fff; padding: 20px 20px 0; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightTop label { max-width: 100%; margin: 0; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom { padding: 0 20px 20px 20px; margin-bottom: 10px; background: #fff; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom div.textLiteral { padding: 0; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom b { font-weight: bold; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .highlightBottom ul { list-style: disc; padding-left: 20px; } /* Creative Onboarding Styling Ends */ .pos_description_review .buttonContainer { text-align: center; } /* Application/Onboarding Styling Ends */ /* Responsive Styling */ @media all and (max-width:1199px) { .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer { padding: 0; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .buttonsText { padding: 40px 40px 0; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons, .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .ani-wrapper { max-width: 100%; flex: 100%; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons { flex-direction: row; flex-wrap: wrap; padding: 0 40px; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a:before, .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a:after { display: none; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .ani-wrapper { padding: 40px 0; } } @media all and (max-width:991px) { #posBrowser_Filter_pageBlockContainer, #posBrowser_ResultsGrid_pageBlockContainer, #MapBlock_pageBlockContainer { width: 100%; margin-right: 0; flex: 100%; } #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight, #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a, #posdesc_pageBlock .posButton .buttons .buttonsRight, #posdesc_pageBlock .posButton .buttons .buttonsRight li, #posdesc_pageBlock .posButton .buttons .buttonsRight li a { margin: 0 auto !important; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .stickyApplyContainer { display: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox { flex: 100%; order: initial; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer { display: none; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li { width: 100%; text-align: center; } .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a { display: inline-block; width: auto; } #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer { width: 100%; text-align: center; } } @media all and (max-width:767px) { .quickSearchContainer { flex-direction: column; } .quickSearchContainer .home-hero-image__cta button, .quickSearchContainer .home-hero-image__cta a { width: 100%; } #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer { margin-bottom: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { text-align: center; } div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow { flex: 100%; } .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel, div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer, div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer { width: 100%; text-align: center; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop, #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter { display: flex; flex-direction: column; gap: 10px; align-items: center; margin-bottom: 10px; overflow: hidden; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter, #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter { margin-bottom: 0; margin-top: 10px; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel { float: none; } .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock { flex: 100%; } } @media all and (max-width:500px) { .ui-dialog.ui-widget.ui-widget-content { width: 100% !important; } #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { width: 100%; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span { width: 100%; display: block; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma { display: none; } #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:after { display: none; } .mywelcomepacks_offerform_summary div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .stage-anim-wrapper .stage-buttons a { width: 100%; } } /* Responsive Styling Ends */