/* Skin: KierGroup_03 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 5.7 Talent Pools 5.8 Animated Application/Onboarding 5a. REDEPLOYMENT PORTAL 5a.1 Home 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.1 Fonts -----------------------------------------*/ p:last-child { margin-bottom: 0; } /*html { scroll-behavior: smooth; }*/ html body { font-family: var(--font-regular), arial, sans-serif; line-height: 1.8; font-size: 15px; } html body:before { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: transparent; transition: all .4s ease; z-index: -1; } html.chatbotActive, html.chatbotActive body { padding-right: 0 !important; overflow: hidden; } html.chatbotActive body:before { z-index: 1043; background: rgba(0,0,0,0.7); } body.modal-open { padding-right: 0 !important; } h1 { padding-bottom: 20px; margin: 0; font-size: calc(20px + 20 * (100vw - 320px)/1080); font-weight: bold; color: #323232; } h1.strapline { padding: 1em 0; margin: 30px auto; font-size: calc(18px + 20 * (100vw - 320px)/1080); font-weight: bold; color: #323232; } .px-0 { padding: 0; } .py-1 { padding-top: 1em; padding-bottom: 1em; } .py-2 { padding-top: 2em; padding-bottom: 2em; } .py-4 { padding-top: 4em; padding-bottom: 4em; } .px-4 { padding-left: 4em; padding-right: 4em; } .p-1 { padding: 1em; } .p-2 { padding: 2em; } .p-3 { padding: 3em; } .p-4 { padding: 4em; } .pb-0 { padding-bottom: 0 !important; } .pt-0 { padding-top: 0 !important; } .pt-2 { padding-top: 2em; } .pb-2 { padding-bottom: 2em; } .pb-4 { padding-bottom: 4em; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 1rem !important; } .mt-2 { margin-top: 2rem !important; } .mt-3 { margin-top: 3rem !important; } .mt-4 { margin-top: 4rem !important; } .mt-5 { margin-top: 5rem !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 1rem !important; } .mb-2 { margin-bottom: 2rem !important; } .mb-3 { margin-bottom: 3rem !important; } .mb-4 { margin-bottom: 4rem !important; } .mb-5 { margin-bottom: 5rem !important; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ body.home.geoLocationSupported_Body.modal-open { padding: 0 !important; overflow: auto; } .navbar-header { width: 100%; } body nav.navbar button.btn.navbar-btn { background-image: url(../images/icons/menu-hamburger-png-white.png); height: 43px; padding-right: 32px; background-size: 30px; background-repeat: no-repeat; background-position: right center; color: #fff; text-decoration: none; margin-top: 24px; margin-bottom: 24px; } body nav.navbar button.btn.navbar-btn.clse { background-image: url(../images/icons/close.png); display: none; } /*body.modal-open nav.navbar button.btn.navbar-btn { background-image: url(../images/icons/close.png); }*/ .menu-primary-container { display: grid; } .menu-primary-container .mobile { display: none; } #header-nav .modal-backdrop.in { opacity: 0.9; max-height: 100%; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; z-index: 1041; } nav.navbar.navbar-fixed-top { background: #020101cc; } nav.navbar.navbar-fixed-top.transparent { background: transparent; } nav.navbar.navbar-fixed-top .container { overflow-x: hidden; } .menu-primary-container li.menu-item, .menu-primary-container li.sub-menu-item { list-style-type: none; } .menu-primary-container li.menu-item a { color: #fff; padding: 10px; font-size: calc(18px + 6 * (100vw - 320px)/1080); font-weight: bold; } .menu-primary-container ul li.sub-menu-item a { color: #ccc !important; font-size: 20px; font-weight: lighter; } .menu-primary-container li.menu-item.active a, .menu-primary-container li.menu-item a:hover, .menu-primary-container li.menu-item.active > a { color: var(--secondary-color); } .menu-primary-container ul li.sub-menu-item a:hover, .menu-primary-container ul li.sub-menu-item.active a { color: var(--secondary-color) !important; } .menu-primary { height: 100%; vertical-align: top; align-content: center; display: grid; max-width: 100%; width: 1360px; margin: auto; padding-top: 100px; } .menu-primary ul { list-style: none; } .menu-primary-container .col-md-4 { border-right: 1px solid #444; height: 100%; } .menu-primary-container ul { margin-left: 0; } .menu-primary h3.menu-item, .menu-primary h3.menu-item a { color: #fff; padding: 10px 0; font-size: calc(18px + 6 * (100vw - 320px)/1080); font-weight: bold; margin: 0; } .menu-primary h3.menu-item a { display: block; padding: 0; } .menu-selector li#active h3.menu-item, .menu-selector li#active h3.menu-item a { color: var(--secondary-color); } .menu-section { min-height: 460px; } .menu-section div:hover { display: block !important; } h4.submenu-title { color: #fff; font-size: 20px; font-weight: bold; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } /* for 1048px or less */ @media all and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } .redeploy .menu-selector, .alumni .menu-selector { border: none !important; } .redeploy .menu-section, .alumni .menu-section { opacity: 0; } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { /*border-radius: 0.25em;*/ } /* No radius */ body.home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* No border */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: none; background-color: transparent; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'Font Awesome 6 Pro'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'Font Awesome 6 Pro'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, a.buttonlink, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #slider-latest-jobs ol li a.flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #227C9D; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: #227C9D; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #227C9D; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #455D73; } .tabs-style-shape nav li a:hover svg { fill: #455D73; } /* body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { border-color: #455D73; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .pos_description_review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover { color: #455D73; } #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover { color: #455D73 !important; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .pos_description_review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, #eaContainer a.buttonAnchor:hover { background: #455D73; border-color: #455D73; color: #ffffff; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #DFEEF0; } .hero-bg h2, .hero-bg p, .srt-menu li li:hover > a, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, html body .tooltip2_FormError, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a, #eaContainer div.listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer, .listItemAnchorContainer *, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, body button.buttonAnchor, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .menu-control, #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, /*#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text,*/ #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, #eaContainer div.FilterRowsContainer .AvailableContainer a, #eaContainer .posBrowserMapBlock .alternateViewsCurrent a, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .posBrowserMapBlock .markerStatsContainer, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer a.buttonAnchor, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover, #eaContainer .pageBlockContainer .rowHeader .rowlink a, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { color: #fff; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, body.home #eaContainer .listItemContainer a, body.home #eaContainer .listItemContainer a:hover, html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover, .tabs-style-shape nav .tab-current a, .tabs-style-shape nav li a:hover { color: #fff !important; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #fff; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext { background-image: url("../images/sprites/arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/arrow-right.png"); transform: rotate(-180deg); } /* Greys */ .tabs-style-shape nav li a svg { fill: #f1f0f0; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #313131; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484 !important; } .dark-bg h3 { color: #fff; } /*--------------------------------------- 2.2 General -----------------------------------------*/ html body #footer, html body .dropdown-toggle, html body .hero-bg, html body .srt-menu li li:hover > a, html body #topnav, html body #nav-mobile, html body a.buttonlink, /*html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ html body #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, html body #ui-datepicker-div .ui-widget-header .ui-state-active, html body div .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body div .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ html body #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, html body div.FilterRowsContainer .AvailableContainer, html body #eaContainer .posBrowserMapBlock .gridTop, html body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, html body .listItemAnchorContainer, html body .ui-dialog-titlebar-close, html body .dialog_noTitle div.ui-dialog-titlebar, html body button.buttonAnchor, html body input.buttonSubmit, html body a.buttonAnchor, html body #eaContainer a.button, html body #eaContainer .addressButton, html body #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, html body #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, html body #eaContainer .fileuploadbutton, html body #eaContainer .buttonsLeft button.buttonAnchor, html body #eaContainer .buttonsRight button.buttonAnchor, html body #eaContainer .buttonsLeft input.buttonSubmit, html body #eaContainer .buttonsRight input.buttonSubmit, html body #eaContainer .buttonsLeft a.buttonAnchor, html body #eaContainer .buttonsRight a.buttonAnchor, html body #eaContainer .pageBlockInner_GridBlock .gridTop, html body #eaContainer #Home_pageView .availableListsItemContainer_Selected, html body #eaContainer #Home_pageView .availableListsContainer ul li:hover, html body .tabs-style-shape nav li.tab-current a span, html body #eaContainer .buttonsRight a.buttonActionId_forgotten, html body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, html body #eaContainer .buttonsRight a.buttonActionId_cancel, html body #eaContainer .buttonsRight a.buttonActionId_doitlater, html body .Application_Withdraw #eaContainer .withdrawapp a, html body #Grid_PERSONALDETAILS_pageBlock .rowlink a, html body .gridContainer .rowlink a, html body #eaContainer .posBrowserMapBlock .markerStatsContainer, html body #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, html body #slider-latest-jobs ol li a.flex-active, html body #login-register-block .buttonAnchor:hover, html body #eaContainer .TilesGridSortingPopup, html body #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar, html body #eaContainer .actionMessageContainer, html body #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-color: var(--secondary-color); } html body h1, html body h2, html body .yellow-text, html body #SignInTitleBlock_pageBlock .pageBlockInner h1, html body #eaContainer h1.eArcuInfoHeader, html body #eaContainer a, html body #links-top li.current a, html body .srt-menu li:hover > a, html body .srt-menu li.current a, html body a, html body a:visited, html body a:active, html body .ui-widget-content a, html body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, html body #eaContainer div.pageBlockTitle, html body #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, html body #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, html body #eaContainer a, html body #eaContainer .TilesGridSortingPopup a:hover, html body #Welcome_pageView .iconLabel a, html body #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, html body #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, html body #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted, html body .no-of p, html body .hero-text .section-content .blockquote { /*color: #227C9D;*/ color: var(--primary-color); } html body #eaContainer a, html body #links-top li.current a, html body .srt-menu li:hover > a, html body .srt-menu li.current a, html body a, html body a:visited, html body a:active html body .ui-widget-content a { color: var(--secondary-color); } html body .ui-widget-content a, html body .pageBlockInner_FormBlock div.curFocus label.formLabel, html body #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel { color: #227C9D; } html body #eaContainer .cyan-bg a, html body .cyan-bg a { color: var(--primary-color); } html body #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { /*border: 1px solid #227C9D;*/ border: 1px solid var(--primary-color); } /* Secondary Colour */ html body #footer a:hover, html body a:hover, html body .navbar-inverse .navbar-nav > li > a:focus, html body .navbar-inverse .navbar-nav > li.not-active, html body .sticky-navigation .main-navigation li.current > a, html body .this-open > a, html body #eaContainer a:hover, html body .hero-content h2 span, html body #eaContainer .alternateViews .alternateViewsButton:hover, html body #Welcome_pageView .iconLabel a:hover, html body #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, html body #eaContainer .actionMessageContainer div.actionMessageOk, html body #eaContainer .actionMessageContainer div.actionMessageWarning, html body #eaContainer .actionMessageContainer, html body .logo-tag, html body #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, html body .pos_description_review #eaContainer .reviewposlink a, html body .Application_Home #eaContainer .myapplink a, html body #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, html body #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, html body #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, html body #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, html body #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, html body #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, html body button.accordion-button.active:after, html body a#JobsNearMe:hover, html body #ProfileIcon:hover a, html body #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, html body .menu-control:hover, html body #breadcrumb a:hover, html body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, html body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, html body #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, html body footer #footer .copy-right p a:hover, html body #eaContainer .footer a:hover, html body #eaContainer #latest-jobs a:hover h3, html body #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover, html body .count-block .fa, html body .count-block .counter, html body .count-block .counter-icon, html body span.fasymbol { /*color: #455D73;*/ color: var(--secondary-color); } html body .dropdown-toggle, html body .dropdown-toggle:hover, html body .dropdown-toggle:focus, html body .dropdown-toggle.toggled-on, html body .dropdown-toggle.toggled-on:hover, html body .dropdown-toggle.toggled-on:focus, html body .navbar-inverse .navbar-toggle .icon-bar, html body .sticky-navigation .main-navigation ul .this-open > .dropdownmenu, html body .this-open > .dropdownmenu, html body #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*html body #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, html body #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ html body .listItemContainer:hover .listItemAnchorContainer, html body .listItemAnchorContainer:hover, html body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, html body #quicksearch_pageBlockContainer div.pageBlockTitle, html body .tabs-style-shape nav li a:hover span, html body #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, html body #FindJobHeroBlock input.buttonSubmit:hover, html body #pageTitleSignInHeaderContainer h2.active, html body #pageTitleRegisterHeaderContainer h2.active, /* html body #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body div .tooltip2_Outer, html body button.buttonAnchor:hover, html body input.buttonSubmit:hover, html body a.buttonAnchor:hover, html body #eaContainer a.button:hover, html body #eaContainer .addressButton:hover, html body #eaContainer a.button:hover, html body #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, html body #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, html body #eaContainer .fileuploadbutton:hover, html body #eaContainer .buttonsLeft button.buttonAnchor:hover, html body #eaContainer .buttonsRight button.buttonAnchor:hover, html body #eaContainer .buttonsLeft input.buttonSubmit:hover, html body #eaContainer .buttonsRight input.buttonSubmit:hover, html body #eaContainer .buttonsLeft a.buttonAnchor:hover, html body #eaContainer .buttonsRight a.buttonAnchor:hover, html body .ui-widget-content input.buttonSubmit:hover, html body .ui-widget-content button.buttonAnchor:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, html body span.fake-button:hover, html body .ui-widget-content input.buttonSubmit:hover, html body .ui-widget-content button.buttonAnchor:hover, html body #quicksearch_pageBlockContainer input.buttonSubmit:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, html body .pos_description_review #eaContainer .reviewposlink a:hover, html body .Application_Withdraw #eaContainer .withdrawapp a:hover, html body #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, html body .gridContainer .rowlink a:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, html body #eaContainer a.buttonAnchor:hover, html body.home .tooltip2_Surround_FormToolTip, html body.home .tooltip2_Surround_FormToolTip { /*background-color: #455D73;*/ background-color: var(--third-color); } html body .tabs-style-shape nav li a:hover svg { /*fill: #455D73;*/ fill: var(--secondary-color); } /* Buttons */ html body button.buttonAnchor:hover, html body input.buttonSubmit:hover, html body a.buttonAnchor:hover, html body #eaContainer a.button:hover, html body #eaContainer .addressButton:hover, html body #eaContainer a.button:hover, html body #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, html body #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, html body #eaContainer .fileuploadbutton:hover, html body #eaContainer .buttonsLeft button.buttonAnchor:hover, html body #eaContainer .buttonsRight button.buttonAnchor:hover, html body #eaContainer .buttonsLeft input.buttonSubmit:hover, html body #eaContainer .buttonsRight input.buttonSubmit:hover, html body #eaContainer .buttonsLeft a.buttonAnchor:hover, html body #eaContainer .buttonsRight a.buttonAnchor:hover, html body .ui-widget-content input.buttonSubmit:hover, html body .ui-widget-content button.buttonAnchor:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, html body span.fake-button:hover, html body .ui-widget-content input.buttonSubmit:hover, html body .ui-widget-content button.buttonAnchor:hover, html body #quicksearch_pageBlockContainer input.buttonSubmit:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, html body .pos_description_review #eaContainer .reviewposlink a:hover, html body .Application_Withdraw #eaContainer .withdrawapp a:hover, html body #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, html body .gridContainer .rowlink a:hover, html body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, html body #eaContainer a.buttonAnchor:hover { /*border-color: #455D73;*/ border-color: var(--secondary-color); } /* Parallax */ .parallax-window { min-height: 100vh; background: transparent; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-image: none !important; background-attachment: fixed; position: relative; z-index: 3; } div#textpage-img, div#main-img { background: #0a2737; } div#textpage-img .parallax-window { /*min-height: 70vh;*/ align-items: center; display: grid; height: 100%; } div#main-img .parallax-window { height: 70vh; min-height: 500px; align-items: end; display: grid; height: 100%; } .pos_find_results div#main-img .parallax-window, .pos_find_results_map div#main-img .parallax-window { min-height: 500px; } div#main-img { position: relative; } /*div#textpage-img .mainhero { position: relative; top: auto; }*/ .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } .home #content-main { min-height: 1px; } #content-main { min-height: 480px; background-color: #007b8620; } #content { min-height: 430px; } .pos_find_results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; color: #000; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: var(--font-regular), Helvetica Neue, Sans-serif;*/ } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected { display: none; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; } h1#EarcuIntroTextBlockTitle, h1#EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 0; } .banner-main { margin-top: 70px; width: 100%; } #eaContainer { margin-bottom: 2em; } .d-flex { display: flex; align-items: initial !important; } .d-flex.align-items-flex-end { align-items: flex-end !important; } .d-flex.justify-content-center { justify-content: center; } .d-flex.flex-row-reverse { flex-direction: row-reverse; } .d-flex.wrap { flex-wrap: wrap; } .d-flex .col-lg-6, .d-flex .col-lg-6 .intro-element, .d-flex .col-lg-6 .intro-element .video-container, .d-flex .col-lg-6 .impact-overlay { display: flex; flex-direction: column; flex: 1 0 auto; } .d-flex .col-lg-6 .intro-element, .imageContainer { width: 100%; position: relative; } .d-flex .col-lg-6 .intro-element img, .d-flex .col-lg-6 .intro-element .video-container iframe, .d-flex .col-lg-6 .impact-overlay img { flex: 1 0 auto; object-fit: cover; object-position: 50% 50%; } .d-flex.align-items-center .col-lg-6 { align-items: center; justify-content: center; } @media (min-width: 1200px) { .col-lg-6 { max-width: 50%; } } .intro-element.image { background: var(--primary-color); } .intro-element.button { justify-content: center; align-items: flex-start; } .textpage_thisiskier div#textpage-img .parallax-window { align-items: initial; } .textpage_thisiskier div#textpage-img .mainhero { top: 35%; } .textpage_thisiskier .intro-element.image { background: none } img.contain { object-fit: contain !important; object-position: 50% 100% !important; } .tealOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; filter: invert(35%) sepia(58%) saturate(1863%) hue-rotate(158deg) brightness(89%) contrast(101%); display: flex; } .white .flex-direction-nav a.flex-prev { background-image: url(../images/custom-icons/white-chevron-left.png) } .white .flex-direction-nav a.flex-next { background-image: url(../images/custom-icons/white-chevron-right.png) } .charCounterValue { float: left; } .flex-control-nav { position: relative; bottom: initial; margin-top: 40px; display: none; } video { max-width: 100%; } .videosContainer { display: flex; flex-wrap: wrap; text-align: left; } .videosContainer .col-lg-6 { width: 100%; } .videosContainer .col-lg-6 h2 { display: flex; align-self: flex-start; flex: 1 0 auto; } .videosContainer .col-lg-6 .intro-element.video { flex: initial; } .ui-widget.ui-widget-content { z-index: 1042 !important; } .ui-widget-overlay { opacity: .7; -ms-filter: Alpha(Opacity=7); } .pageBlockInner_FormBlock div.controlError { width: 100%; display: block; clear: left; text-align: center; } .eventSearchContainer { overflow: hidden; width: 100%; margin: 20px 0; } #eventsListContainer { display: flex; flex-wrap: wrap; gap: 10px; } #eventsListContainer .eventContainerWrapper { flex: 22%; max-width: 25%; width: auto; } #eventsListContainer .eventContainerWrapper .eventContainer { min-height: 1px; padding: 0; } #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer .eventImageLink { display: block; height: 200px; } #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer .eventImageLink img { width: 100%; height: inherit; object-fit: cover; object-position: 50% 50%; } #candidateEventDetail_pageBlockContainer .candidateEventName { display: none; } .pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow { display: flex; flex-wrap: wrap; justify-content: center; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a { background: var(--secondary-color); border: none; border-radius: 0; padding: 10px 30px; font-weight: bold; text-transform: uppercase; text-decoration: none !important; } a.btn.btn-primary { background: var(--secondary-color); color: #fff; border: none; border-radius: 0; padding: 1em 3em; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; text-decoration: none !important; } a.btn.btn-primary:hover { background: var(--third-color); } a.btn.btn-secondary { background: var(--third-color); color: #fff; border: none; border-radius: 0; padding: 1em 3em; font-weight: bold; text-transform: uppercase; text-decoration: none; } a.btn.btn-secondary:hover { background: var(--primary-color); } a.btn.btn-thirdly { background: var(--primary-color); color: #fff; border: none; border-radius: 0; padding: 1em 3em; font-weight: bold; text-transform: uppercase; text-decoration: none; } a.btn.btn-thirdly:hover { color: var(--primary-color); background: #fff; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 10px 30px; } body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } ul#tabs { padding-left: 0; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #227C9D; } body.home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .pageBlockInner_FormBlock div.controlError { padding-top: 5px; } /*--------------------------------------- 2.5 Dialogues -----------------------------------------*/ body .pageBlockInner_GridBlock div.pagingControls input.pagenumber { text-shadow: none; } body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current { color: #000000; } .ui-dialog-titlebar-close { background-image: url("../images/sprites/white-cross.png"); background-repeat: no-repeat; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.home .tooltip2_Surround_FormToolTip { display: none !important; background: #455D73; } body.home .tooltip2_Surround_FormToolTip { display: none !important; background: #455D73; } body .tooltip2_Outer { padding-left: 1em; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none; position: absolute; z-index: 999999999; overflow: auto; display: none !important; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow#SectionCompleteBlock_completed_formRow { width: 100%; text-align: center; } .modalContent .formRow#SectionCompleteBlock_completed_formRow .labelContainer { width: 100%; text-align: inherit; } .modalContent .formRow#SectionCompleteBlock_completed_formRow .labelContainer label { text-align: inherit; } .modalContent .formRow#SectionCompleteBlock_completed_formRow .controlContainer { display: inline-block; float: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 100%; text-align: center; } .modalContent .formRow.formRowButtonRow .buttonsLeft, .modalContent .formRow.formRowButtonRow .buttonsLeft li, .modalContent .formRow.formRowButtonRow .buttonsRight, .modalContent .formRow.formRowButtonRow .buttonsRight li, .modalContent .formRow.formRowButtonRow .buttonsLeft li a, .modalContent .formRow.formRowButtonRow .buttonsLeft li input, .modalContent .formRow.formRowButtonRow .buttonsLeft li button, .modalContent .formRow.formRowButtonRow .buttonsRight li a, .modalContent .formRow.formRowButtonRow .buttonsRight li input, .modalContent .formRow.formRowButtonRow .buttonsRight li button { float: none; width: 100%; text-align: center; } .modalContent .formRow.formRowButtonRow .buttonsLeft li a, .modalContent .formRow.formRowButtonRow .buttonsLeft li input, .modalContent .formRow.formRowButtonRow .buttonsLeft li button, .modalContent .formRow.formRowButtonRow .buttonsRight li a, .modalContent .formRow.formRowButtonRow .buttonsRight li input, .modalContent .formRow.formRowButtonRow .buttonsRight li button { display: inline-block; clear: left; width: auto; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 5px; color: #fff; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } .modalContent { min-height: auto !important; } .swal2-popup.ayvpopup { background-color: var(--secondary-color) !important; max-width: 500px; } .swal2-popup.swal2-toast .swal2-close { position: absolute !important; } .swal2-popup.swal2-toast .swal2-title { justify-content: center !important; } .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 { font-weight: bold; font-size: calc(18px + 20 * 180px/1080); padding-top: 0; text-align: center; color: #fff; } .swal2-popup.swal2-toast .swal2-content.ayvcontent { font-weight: 400; font-size: 15px; color: white; padding: 0 20px; } body.swal2-toast-column .swal2-toast .swal2-actions { height: auto !important; margin-top: 10px !important; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton { background: var(--primary-color) !important; color: #fff; border: none; border-radius: 0; padding: 1em 3em; font-size: 14px; line-height: 1.42857143; font-weight: bold; text-transform: uppercase; transition: all ease 0.25s; } .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton:hover { color: var(--primary-color); background: #fff !important; } @media screen and (max-width:768px) { .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 { font-size: 25px; padding: 0px 22px 0px 22px; } .swal2-popup.swal2-toast .swal2-content.ayvcontent { font-size: 16px; padding: 10px 10px 20px 10px; } } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ div#home-img, div#textpage-img, div#main-img { position: relative; background: #050B17; } .mainhero { position: absolute; width: 40%; height: auto; text-align: left; top: 35%; left: 10%; color: #fff; font-weight: bold; z-index: 2; } body:not(.pos_find_results):not(.pos_find_results_map) div#main-img .parallax-window .mainhero { top: 50%; transform: translateY(-50%); } body:not(.pos_find_results):not(.pos_find_results_map) div#main-img .parallax-window .mainhero h1 { padding-bottom: 0; } .smallBanner .mainhero { width: 100%; left: 0; text-align: center; } .smallBanner .mainhero #FindJobHeroBlock { max-width: 60%; text-align: left; } body .smallBanner .mainhero #FindJobHeroBlock input.buttonSubmit { max-width: 100%; } h1.mainherotext { color: #fff; font-weight: bold; font-size: calc(22px + 20 * (100vw - 320px)/1080); line-height: 1.3; padding-bottom: 0; } h1.mainherotext a, h1.mainherotext a:hover { color: #fff; } span.navy-text { color: var(--primary-color); transition: inherit; } span.red-text { color: var(--third-color); transition: inherit; } span.cyan-text, a.cyan-text { color: var(--secondary-color); transition: all .2s ease; } a.cyan-text:hover { color: var(--third-color); } .home #intro_pageBlock { display: none; } img.city-ill { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; object-position: 50% 50%; object-fit: cover; z-index: 0; opacity: 0.05; } img.city { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; object-fit: cover; min-height: 200px; } img.people { position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 1500px; transform: translateX(-50%); z-index: 1; object-fit: cover; min-height: 200px; } img.cutout { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 60%; z-index: 2; object-fit: contain; } @media all and (max-width:767px) { img.cutout { max-width: 100%; } } .dark-bg { /*background-image: url(../images/custom/dark-bg.jpg); background-attachment: fixed;*/ background: var(--primary-color); } .light-bg { background-color: #fff; } .cyan-bg { background-color: var(--secondary-color); } .light-cyan-bg { background-color: #007b8620; } .white-bg { background-color: #fff !important; } .impact-overlay { background-image: url(../images/custom/smiling-employee_cutout_overlay.png); background-position: bottom; background-size: 100%; background-repeat: no-repeat; } .impact-overlay2 { background-image: url(../images/custom/kier-leeds_cutout_overlay.png); background-position: bottom; background-size: 100%; background-repeat: no-repeat; } h1.herotext { color: #fff; font-weight: bold; font-size: calc(18px + 20 * (100vw - 320px)/1080); line-height: 50px; padding-top: 0; } .section-text { padding: 1em 0; } .home #impact .section-text { padding: 2em 0 2em; } @media (min-width: 1000px) { .home #impact .section-text { padding: 5em 3em; } } @media (min-width: 1200px) { .home #impact .section-text { padding: 3em 0 0; } } @media (min-width: 1400px) { .home #impact .section-text { padding: 3em 4em 0; } } @media (min-width: 1600px) { .home #impact .section-text { padding: 5em 4em 1em; } } .section-paragraphs { padding: 2em 0; } .section-text p { font-size: 15px; color: #fff; font-weight: 400; } .section-text p:last-child { margin-bottom: 0; } .item-offer { text-align: center; color: #fff; } .item-offer img { max-height: 80px; width: auto; } .item-offer h4 { color: #fff; font-size: 26px; line-height: normal; font-weight: bold; min-height: 78px; } .item-offer p { font-size: 14px; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #455D73; } .count-block .counter, .count-block .counter-icon { color: #455D73; font-size: 32px; } .count-block .counter-icon { margin-left: 0; text-align: center; width: 100%; } .count-block .counter-icon img { width: 100%; max-width: 67px; height: 67px; object-fit: contain; object-position: 50% 50%; display: inline-block; } .no-of p { color: #227C9D; } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; display: inline-table; } .home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: #227C9D; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #227C9D; font-size: 34px; } .blockquote-author { font-size: 20px; } .content-selector { /*padding: 20px; margin: 30px auto;*/ } .content-selector .content-inner { display: grid; grid-template-columns: 40% 1fr; grid-template-areas: ". ."; margin: 0 auto; } @media screen and (max-width: 1200px) { .content-selector .content-inner { width: 100%; } } @media screen and (max-width: 767px) { .content-selector .content-inner { grid-template-columns: 1fr; grid-template-areas: "."; } } .content-selector .content-inner ul { list-style: none; max-width: 85%; padding-left: 0; margin-top: 0; } @media screen and (max-width: 850px) { .content-selector .content-inner ul { max-width: 93%; } } @media screen and (max-width: 767px) { .content-selector .content-inner ul { max-width: 100%; } } .content-selector .content-inner ul li { list-style: none; color: #404040; border-bottom: 1px solid #dedede; position: relative; } .content-selector .content-inner ul li { font-size: 20px; } .content-selector .content-inner ul li:last-of-type { border: 0 !important; } .content-selector .content-inner ul li:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 5px; border-right: 2px solid #dedede; border-bottom: 2px solid #dedede; transform: rotate(-45deg); transition: 0.4s ease all; } @media screen and (max-width: 767px) { .content-selector .content-inner ul li:after { transform: rotate(45deg); } } @media screen and (min-width: 768px) { .content-selector .content-inner ul li#active { border-bottom: 2px solid #0097a4; } .content-selector .content-inner ul li#active h4 { } .content-selector .content-inner ul li#active:after { border-right: 2px solid #000; border-bottom: 2px solid #000; transition: 0.4s ease all; } } @media screen and (max-width: 767px) { .content-selector .content-inner ul li.active { border-bottom: 2px solid #f9ae00; } .content-selector .content-inner ul li.active h4 { } .content-selector .content-inner ul li.active:after { border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(225deg); transition: 0.4s ease all; } } .content-selector .content-inner ul li h4 { font-weight: 400; margin: 25px 0; } .content-selector .content-inner ul li .mob-accordion, .accordionsContainer .accordion .mob-accordion { display: none; } .accordionsContainer .accordion .accordionHeader { border-bottom: 1px solid #fff; margin: 0; padding: 10px 40px 10px 0; position: relative; cursor: pointer; } .accordionsContainer .accordion .accordionHeader:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-50%) rotate(45deg); transition: 0.4s ease all; } .accordionsContainer .accordion.active .accordionHeader:after { transform: translateY(-50%) rotate(225deg); } .accordionsContainer .accordion .mob-accordion { padding: 20px; border: 1px solid #fff; border-top: none; } .accordionsContainer .accordion .mob-accordion p:last-child, .accordionsContainer .accordion .mob-accordion ul:last-child { margin-bottom: 0; } .light-bg .accordionsContainer .accordion h2, .light-bg .accordionsContainer .accordion h2:after, .light-bg .accordionsContainer .accordion .mob-accordion { border-color: #0B111D; } @media screen and (max-width: 767px) { .content-selector .content-inner ul li h4 { width: 90%; } } .content-selector .content-inner .copy-container { background-color: white; padding: 15px 40px; display: flex; align-items: center; } @media screen and (max-width: 767px) { .content-selector .content-inner .copy-container { display: none; } } .content-selector .content-inner .copy-container div { margin-bottom: 20px; } .content-selector .content-inner .copy-container div h4 { font-size: 20px; } .content-selector .content-inner .copy-container div p { font-size: 15px; } .content-selector .content-inner ul li .mob-accordion { font-size: 15px; } .content-selector .content-inner ul li h2 { padding-left: 60px; } .content-selector .content-inner ul li h2:before { content: ""; left: 0; width: 40px; height: 40px; position: absolute; background-image: url(../images/custom-icons/group-functions.png); background-size: contain; background-position: left; background-repeat: no-repeat; } .content-selector .content-inner ul li:nth-child(1) h2:before { background-image: url(../images/icons/cranePrecast.svg); } .content-selector .content-inner ul li:nth-child(2) h2:before { background-image: url(../images/custom-icons/group-functions.png); } .content-selector .content-inner ul li:nth-child(3) h2:before { background-image: url(../images/icons/nRNN.svg); } .content-selector .content-inner ul li:nth-child(4) h2:before { background-image: url(../images/icons/buildings3.svg); } .content-selector .content-inner ul li:nth-child(5) h2:before { background-image: url(../images/icons/transportation.svg); } .content-selector .content-inner ul li:nth-child(6) h2:before { background-image: url(../images/custom-icons/property.png); } .content-selector .content-inner ul li:nth-child(7) h2:before { background-image: url(../images/custom-icons/highways.png); } .home.redeploy .content-selector .content-inner ul li h2:before { display: none; } .home.redeploy .content-selector .content-inner ul li h2 .icon { top: 0; left: 0; width: 40px; height: 40px; position: absolute; } .home.redeploy .content-selector .content-inner ul li h2 .icon img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; } /* Full width */ /* body.home .wrapper { width: 100%; max-width: 100%; margin: 0; } body.home #banner, body.home #topnav, body.home #nav-mobile, body.home .srt-menu, body.home .srt-menu li { border-radius: 0; } */ .home #eaContainer .container, .home .template-home .container { width: 100%; padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #F1F1F1; border-top-right-radius: 15px; padding: 2em; } /* .home #eaContainer { margin-top: 60px; margin-bottom: 60px; } */ /* #eaContainer #latestjobs_pageBlock { padding-left: 0; } #eaContainer .col-right #latest-jobs-container .rowContainer { margin-left: 0 !important; margin-bottom: 0; border-radius: 0; background: none; padding: 0; } #eaContainer .col-right #latest-jobs-container .rowHeader { padding: 0; } */ #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 90%; margin: auto; display: flex; } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: fit-content; position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: var(--font-bold), Helvetica Neue, Sans-serif; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .home .img-container { margin-bottom: 30px; margin-top: 15px; } .footer { padding-top: 2.5em; border-top: 5px solid #092737; overflow: hidden; max-width: 100%; } .footer__inner { display: block; padding: 0 2.5em; max-width: 100%; overflow-x: hidden; } .footer__inner .footer__nav:first-child { min-width: 122px; } @media screen and (min-width: 768px) { .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer__nav { width: 50%; float: left; margin-bottom: 1.25em; } @media screen and (min-width: 768px) { .footer__nav { width: auto; float: none; margin-right: 2.5em; margin-bottom: 0; } } .footer__nav-title { font-weight: 700; font-family: "Poppins",sans-serif; font-size: 1.375em; margin-bottom: 0.875em; } .footer__nav ul { list-style: none; padding: 0; margin: 0; } .footer__nav a { color: #092737; text-decoration: none; } .footer__nav--social { width: 100%; margin-right: 0; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .footer__nav--social { width: auto; } } .footer__nav--social ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; float: none; -ms-flex-pack: distribute; justify-content: space-around; } @media screen and (min-width: 768px) { .footer__nav--social ul { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .footer .social { margin-right: 0.875em; text-decoration: none !important; font-size: 2em; } @media screen and (min-width: 768px) { .footer .social { font-size: 1.5em !important; margin-right: 0; margin-left: 0.875rem; } } .social--twitter:before { content: "\F099"; font-family: 'FontAwesome'; } .social--linkedin:before { content: "\F08C"; font-family: 'FontAwesome'; } .social--youtube:before { content: "\F16A"; font-family: 'FontAwesome'; } .social--facebook:before { content: "\F082"; font-family: 'FontAwesome'; } .social--instagram:before { content: "\F16D"; font-family: 'FontAwesome'; } .footer__text--registered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: auto; text-align: right; } @media screen and (min-width: 768px) { .footer__text--registered { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .footer__signoff { background-color: #092737; color: #fff; padding-top: 0.9375rem; padding-bottom: 0.9375rem; margin-top: 2.5rem; } .footer__text--copyright { margin-left: auto; } @media screen and (max-width: 767px) { .footer__signoff { margin-top: 0.625rem; } } @media screen and (max-width: 600px) { .footer__nav { width: 100%; } } /*--------------------------------------- TextPage_Rewards -----------------------------------------*/ .small-container { padding-bottom: 1em; width: 70%; margin: auto; } .dark-bg, .dark-bg h1, .dark-bg h2, .cyan-bg, .cyan-bg h1, .cyan-bg h2, .dark-bg a, #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text a { color: #fff; } .dark-bg a, #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text a { text-decoration: underline; } .benefits-swiper { --swiper-navigation-color: #fff; --swiper-navigation-sides-offset: 0px; padding: 0 2em; } section.benefits-selection a.btn.btn-primary { margin: 4px 2px; } section.benefits-section ul.nav.nav-tabs { justify-content: center; display: flex; } section.benefits-section .nav-tabs > li { width: 100%; text-align: center; } section.benefits-section ul.nav.nav-tabs li a { background-color: transparent; border: none; font-weight: bold; margin: 2px; border-radius: 0; padding: 20px 0; border: 1px solid var(--secondary-color); height: 80px; align-items: center; display: grid; text-align: center; align-content: center; } section.benefits-section ul.nav.nav-tabs li.active a { color: #fff; background-color: var(--secondary-color); } section.benefits-section .tab-content { /*border: 1px solid var(--secondary-color);*/ padding: 20px; margin-bottom: 20px; } section.benefits-section .tab-content .tab-pane.active { align-items: center; display: flex; } section.benefits-section .whatweoffer.carousel .item-offer { margin: 30px auto; } section.benefits-section .whatweoffer.carousel .item-offer-img { min-height: 100px; } section.benefits-section .whatweoffer.carousel .item-offer img { height: 80px; } section.benefits-section .whatweoffer.carousel h5 { color: #000; font-weight: bold; } section.benefits-section .whatweoffer.carousel p { color: #000; } section.benefits-section .tab-content .video-container { position: relative; padding-bottom: 56.25%; width: auto; max-width: 100%; min-width: 300px; margin: 0em auto 2em; } section#wider-benefits .item-offer img { height: 150px; } .intro-element.image img { width: 100%; } .textpage_rewards .content-selector .content-inner ul li h2 { padding-left: 0; } .textpage_rewards .content-selector .content-inner ul li h2:before { display: none; } .textpage_rewards #benefitsContainer .accordionsContainer, .textpage_water #companies .accordionsContainer { display: flex; flex-direction: column; gap: 20px; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .accordionHeader, .textpage_water #companies .accordionsContainer .accordion .accordionHeader { border: none; font-size: 3.5rem; line-height: normal; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .accordionHeader:after, .textpage_water #companies .accordionsContainer .accordion .accordionHeader:after { content: '\f078'; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: inherit; color: var(--third-color); border: none; transform: translateY(-50%); width: auto; height: auto; transition: all .2s ease; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion, .textpage_water #companies .accordionsContainer .accordion .mob-accordion { padding: 20px 0; border: none; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer { overflow: hidden; display: flex; flex-wrap: wrap; gap: 40px; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock { width: auto; flex: 30%; max-width: 31%; float: none; margin: 0; text-align: left; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock:before { display: none; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock a { display: flex; gap: 20px; align-items: flex-start; flex: 100%; text-decoration: none; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock a:hover { color: #fff; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock a .benefitIcon { max-width: 50px; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock a .benefitText { flex: 100%; display: flex; flex-direction: column; gap: 5px; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock a .benefitText h3 { margin: 0; font-size: 18px; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion.active .accordionHeader:after, .textpage_water #companies .accordionsContainer .accordion.active .accordionHeader:after { transform: translateY(-50%) rotate(180deg); } /*--------------------------------------- TextPage_Diversity -----------------------------------------*/ swiper-container.dijourney-slider swiper-slide { vertical-align: middle; background-size: cover; background-position: center; } .swiper-content { min-height: 500px; height: 100%; align-items: center; display: grid; color: #fff; background: #000000a3; } .swiper-content .tp-bigger, .swiper-content h2 { color: #fff; width: 70%; margin: auto; } swiper-container.dijourney-slider { --swiper-navigation-color: #227C9D; --swiper-pagination-color: #227C9D; --swiper-pagination-bullet-inactive-color: #fff } .cd-h-timeline__date.cd-h-timeline__date--selected { background: #ed1c2e; } .cd-h-timeline__date--selected::after { background-color: #ed1c2e; border-color: #ed1c2e; } .video-container { position: relative; padding-bottom: 56.25%; aspect-ratio: 16/9; } .video-container iframe, .video-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; } .carousel { max-height: 310px; } #armed-testimonials, #stats { max-height: 750px; overflow: hidden; } .testimonials.carousel, .testimonials2.carousel, .testimonials3.carousel { max-height: 100%; } .testimonials.carousel .flex-viewport, .testimonials2.carousel .flex-viewport, .testimonials3.carousel .flex-viewport { max-height: 350px; } .testimonials.carousel .flex-direction-nav .flex-prev, .testimonials2.carousel .flex-direction-nav .flex-prev { left: 0; } .testimonials.carousel .flex-direction-nav .flex-next, .testimonials2.carousel .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav a { margin: 0; } .item-testimonial, .testimonialBlock { position: relative; max-width: 600px; display: block; } .hasVideo .item-testimonial:before, .testimonialBlock.hasVideo:before { content: "\f144"; font-family: "Font Awesome 6 Pro"; color: #fff; font-size: 65px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; line-height: 1; } .testimonials3.carousel .item-testimonial, .testimonialBlock { max-width: 100%; } .testimonials2.carousel .item-testimonial img, .testimonials3.carousel .item-testimonial img, .testimonialBlock img { height: 340px; width: 100%; object-fit: cover; object-position: center; } .text-testimonial { background: #00000080; position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; padding: 20px; display: flex; align-items: end; color: #fff; font-weight: bold; font-size: 20px; line-height: normal; cursor: pointer; transition: all .2s ease; } .item-testimonial:hover .text-testimonial, .testimonialBlock:hover .text-testimonial { background: none; } div#testimonial-modals .modal { z-index: 1050; } div#testimonial-modals .modal-header { border: none; } div#testimonial-modals .modal-header .close { margin-top: -2px; color: #fff; opacity: 1; font-weight: normal; } div#testimonial-modals .modal-content { background: #0b0f1c; color: #fff; padding: 1em 2em; border: 2px solid #fff; } div#testimonial-modals .modal-content a { color: var(--secondary-color); } .testimonialsContainer { display: flex; flex-wrap: wrap; } .testimonialsContainer .testimonialBlock { width: calc(50% - 20px); margin: 10px; } .testimonialsContainer .buttonContainer { flex: 100%; } p.quote { height: 100%; font-size: 18px; font-style: italic; font-weight: bold; line-height: normal; padding: 20px; } .object-pdf { } .object-pdf object { min-height: 95vh; } section.employee-inclusion .employee-box { background: var(--secondary-color); padding: 2em; color: #fff; text-align: center; width: 33.3%; float: left; border: 2px solid #fff; min-height: 300px; align-items: center; display: grid; } section.employee-inclusion .employee-box h3 { color: #fff; } section.employee-inclusion .employee-box .employee-img img { max-height: 60px; } .employee-box:hover .employee-img { animation: pulse 1.5s; } #blogContainer .text-testimonial { flex-direction: column; justify-content: flex-end; align-items: flex-start; } #blogContainer .text-testimonial .brief { font-size: 16px; font-weight: normal; } /*--------------------------------------- TextPage_Emerging -----------------------------------------*/ section.emerging-section { background-color: var(--secondary-color); } .emerging.carousel .item-offer { text-align: center; color: #fff; display: grid; align-items: end; height: 300px; } .emerging.carousel .item-offer img { max-width: 100px; margin: auto; filter: invert(1); } /*--------------------------------------- TextPage_Graduates -----------------------------------------*/ ul#gradstabs { padding: 0; margin: 0; } ul#gradstab { padding: 0; margin-bottom: 0; } ul#gradstab li.tab-item { display: none; } ul#gradstab li.tab-item.active { display: block; } section.app-process-section ul.nav.nav-tabs { text-align: center; align-items: center; display: flex; justify-content: center; flex-wrap: wrap; border: none; } section.app-process-section .nav-tabs > li { width: auto; margin-bottom: 2px; } section.app-process-section .nav-tabs > li > a { border: none; border-radius: 0; height: 100px; width: 100px; font-size: 24px; align-items: center; display: grid; background: #fff; color: var(--secondary-color); border: 1px solid #b0b0b0; } section.app-process-section .nav-tabs > li.active > a, section.app-process-section .nav-tabs > li.active > a:hover, section.app-process-section .nav-tabs > li.active > a:focus { background: var(--secondary-color); color: #fff; } section.app-process-section .nav-tabs > li:after { content: ""; background-image: url(../images/custom-icons/cyan-arrow.png); background-size: 25px; background-repeat: no-repeat; position: absolute; width: 25px; height: 25px; right: -10px; top: 42%; z-index: 1; } section.app-process-section .nav-tabs > li:last-child:after { content: none } section.app-process-section .tab-content { padding-top: 2em; width: 700px; max-width: 100%; text-align: center; margin: auto; } section.app-process-section .tab-content p { padding-top: 1em; font-size: 20px; font-weight: bold; } .textpage_teachers section.app-process-section .tab-content, .textpage_parents section.app-process-section .tab-content { text-align: left; } .textpage_teachers section.app-process-section .tab-content ul, .textpage_parents section.app-process-section .tab-content ul { margin-bottom: 0; } .textpage_teachers section.app-process-section .tab-content p, .textpage_teachers section.app-process-section .tab-content ul li, .textpage_parents section.app-process-section .tab-content p, .textpage_parents section.app-process-section .tab-content ul li { padding: 0; font-weight: normal; font-size: 18px; } /*--------------------------------------- TextPage_Apprenticeships -----------------------------------------*/ .blog-element { cursor: pointer; } body.textpage_apprenticeships ul#tabs { padding: 0; margin: 0; } ul#tab { padding: 0; list-style: none; margin: 0; } ul#tab > li { display: none; } ul#tab > li.active { display: block; } section.tab-selection .btn.btn-primary { background: var(--secondary-color); color: #fff; border: none; border-radius: 0; padding: 1em 3em; font-weight: bold; text-transform: uppercase; position: relative; margin-bottom: 15px; text-wrap: inherit; } section.tab-selection .btn.btn-primary.large { width: 452px; } section.tab-selection .btn.btn-primary.active, section.tab-selection .btn.btn-primary:hover { background: var(--third-color); } section.tab-selection .btn.btn-primary.active:after { content: ""; position: absolute; width: 20px; height: 20px; background: var(--third-color); bottom: -10px; margin: auto; left: 50%; transform: rotate(45deg); } section.courses-section .panel { background-color: transparent; } section.courses-section h5.panel-title a.collapsed:after { text-align: center; content: "\f067"; font-family: fontAwesome; position: relative; display: block; margin: 10px 0; color: #17a0b2; } section.courses-section h5.panel-title a:after { text-align: center; content: "\f068"; font-family: fontAwesome; position: relative; display: block; margin: 10px 0; color: #17a0b2; } .textpage_apprenticeships section.coursesContainer .content-selector .container { padding: 0; margin-top: 30px; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses { display: flex; flex-direction: column; gap: 15px; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li { padding-bottom: 10px; border-bottom: 2px solid #fff !important; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li#active, .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li.active { border-color: var(--secondary-color) !important; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li h2 { margin: 0; padding-left: 0; display: flex; line-height: 1.1; gap: 10px; align-items: center; position: relative; padding-right: 20px; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li h2:before { display: none; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li h2 img { max-width: 40px; max-height: 40px; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li h2:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; transition: 0.4s ease all; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li#active h2:after, .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li.active h2:after { transform: translateY(-50%) rotate(45deg); border-color: var(--secondary-color); } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li:after { display: none; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner ul.courses li .mob-accordion { color: #fff; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner .copy-container { background: none; } .textpage_apprenticeships section.coursesContainer .content-selector .container .content-inner .copy-container h2:first-child { margin-top: 0; } /*.textpage_apprenticeships section.coursesContainer .content-selector .container#fourSix .content-inner ul.courses li#active, .textpage_apprenticeships section.coursesContainer .content-selector .container#fourSix .content-inner ul.courses li#active h2:after, .textpage_apprenticeships section.coursesContainer .content-selector .container#fourSix .content-inner ul.courses li.active, .textpage_apprenticeships section.coursesContainer .content-selector .container#fourSix .content-inner ul.courses li.active h2:after { border-color: var(--secondary-color) !important; }*/ /*--------------------------------------- TextPage_Trades -----------------------------------------*/ section.career-roles .role-box { background: var(--secondary-color); padding: 1em 2em; color: #fff; text-align: center; width: 33.3%; float: left; border: 2px solid #000; min-height: 310px; align-items: center; display: grid; } section.career-roles .role-box h3 { color: #fff; font-weight: bold; margin: 0; min-height: 56px; } section.career-roles .role-box p { margin-bottom: 0; min-height: 135px; } .role-img img { width: 50px; height: 50px; object-fit: contain; object-position: 50% 50%; } .role-box:hover .role-img { animation: pulse 1.5s; } @keyframes pulse { 0% { transform: scale(.85); } 70% { transform: scale(1); box-shadow: 0 0 0 50px rgba(#5a99d4, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(#5a99d4, 0); } } .textpage_careersatkier section.career-roles #roleBoxesContainer { display: flex; flex-wrap: wrap; } .textpage_careersatkier section.career-roles #roleBoxesContainer .role-box { display: flex; flex-direction: column; flex: 33.3333%; justify-content: center; gap: 20px; padding: 20px; } .textpage_careersatkier section.career-roles #roleBoxesContainer .role-box h3, .textpage_careersatkier section.career-roles #roleBoxesContainer .role-box p { min-height: 1px; flex: 1 0 auto; margin: 0; } /*--------------------------------------- TextPage_ThisIsKier -----------------------------------------*/ .before-after-image { position: relative; } .textpage_thisiskier img.city-ill { object-position: 50% 65%; } img.after-img { position: absolute; top: 0; left: 0; opacity: 0; } @keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes flickerAnimationReverse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .animate-flicker { opacity: 1; animation: flickerAnimation 4s infinite; } .animate-flickerReverse { opacity: 0; animation: flickerAnimationReverse 4s infinite; } #social .col-md-6 { padding-left: 22px; padding-right: 28px; } /*--------------------------------------- TextPage_GetInvolved -----------------------------------------*/ .textpage_getinvolved .item-offer h4 { min-height: 1px; } /*--------------------------------------- TextPage_Water -----------------------------------------*/ .textpage_water img.city-ill { opacity: 0.7; } .textpage_water #companies .accordionsContainer { flex-wrap: wrap; flex-direction: row; gap: 0 40px; } .textpage_water #companies .accordionsContainer .accordion { flex: 46%; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader { border-bottom: 1px solid var(--primary-color); display: flex; align-items: center; padding: 20px 40px 20px 0; height: 130px; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .logoContainer { max-width: 30%; text-align: center; display: flex; flex-direction: column; flex: 1 0 auto; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .logoContainer img { max-width: 150px; max-height: 75px; flex: 1 0 auto; object-fit: contain; object-position: 50% 50%; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .textContainer { display: flex; flex-direction: column; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .textContainer h3 { margin: 0; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .textContainer p { font-size: 15px; line-height: 1.8; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader:after { content: '\f13a'; font-weight: 100; color: var(--primary-color); } /*.textpage_water #companies .accordionsContainer .accordion .mob-accordion { padding: 20px; border: 1px solid var(--primary-color); border-top: none; }*/ .textpage_water #pac-input, .home #pac-input { display: none; margin: 10px 0; margin-left: 0; height: 40px; padding: 0 23px; font-size: 18px; border-radius: 2px; color: #565656; border: none !important; outline: none; box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px; max-width: 400px; width: 100%; } .textpage_water #pac-input:focus, .home #pac-input:focus { background: #ebebeb; color: #000; } .textpage_water #map, .home #map { width: 100%; height: 500px; color: #313131; } .textpage_water #map #pac-input, .home #map #pac-input { display: block; } .textpage_water #map .gm-style-iw, .textpage_water #map .gm-style-iw-d, .home #map .gm-style-iw, .home #map .gm-style-iw-d { padding: 0; } .textpage_water #map .gm-style-iw .gm-style-iw-chr, .home #map .gm-style-iw .gm-style-iw-chr { justify-content: flex-end; position: absolute; top: 0; right: 0; z-index: 2; } .textpage_water #map .gm-style-iw .gm-style-iw-chr .gm-style-iw-ch, .home #map .gm-style-iw .gm-style-iw-chr .gm-style-iw-ch { display: none; } .textpage_water #map .gm-style-iw .gm-style-iw-chr .gm-ui-hover-effect, .home #map .gm-style-iw .gm-style-iw-chr .gm-ui-hover-effect { display: flex !important; justify-content: center; align-items: center; width: 25px !important; height: 25px !important; background: #fff !important; border-radius: 2px !important; } .textpage_water #map .gm-style-iw .gm-style-iw-chr .gm-ui-hover-effect span, .home #map .gm-style-iw .gm-style-iw-chr .gm-ui-hover-effect span { margin: 0 !important; width: 15px !important; height: 15px !important; } .textpage_water #map .gm-style-iw-d, .home #map .gm-style-iw-d { overflow: hidden !important; max-height: 100% !important; } .textpage_water #map .gm-style-iw-d .marker, .home #map .gm-style-iw-d .marker { padding: 0; overflow: auto; max-height: 300px; display: flex; flex-direction: column; } .textpage_water #map .gm-style-iw-d .marker .vacancyCount, .home #map .gm-style-iw-d .marker .vacancyCount { width: 100%; background: #e0e0e0; padding: 5px 30px 5px 5px; } .textpage_water #map .gm-style-iw-d .marker .vacanciesList, .home #map .gm-style-iw-d .marker .vacanciesList { display: flex; flex-direction: column; gap: 5px; } .textpage_water #map .gm-style-iw-d .marker .vacanciesList .vacancy, .home #map .gm-style-iw-d .marker .vacanciesList .vacancy { width: 100%; } .textpage_water #map .gm-style-iw-d .marker .vacanciesList .vacancy a, .home #map .gm-style-iw-d .marker .vacanciesList .vacancy a { display: block; text-decoration: none; color: var(--third-color); font-size: 12px; padding: 5px; } .textpage_water #map .gm-style-iw-d .marker .showAll, .home #map .gm-style-iw-d .marker .showAll { width: 100%; background: #e0e0e0; padding: 5px; } .textpage_water #map .gm-style-iw-d .marker .showAll a, .home #map .gm-style-iw-d .marker .showAll a { display: block; text-decoration: none; color: var(--secondary-color); font-size: 12px; } .textpage_water #projectsSlider { background: none; padding: 0 100px; } .textpage_water #projectsSlider ul.slides { display: flex; } .textpage_water #projectsSlider ul.slides li.slide { display: flex !important; flex-direction: column; margin: 0; } .textpage_water #projectsSlider ul.slides li.slide .slideContent { width: 100%; flex: 1 0 auto; display: flex; position: relative; } .textpage_water #projectsSlider ul.slides li.slide .slideContent > div { flex: 50%; } .textpage_water #projectsSlider ul.slides li.slide .slideContent > div.imgContainer img { height: 100%; object-fit: cover; object-position: 50% 50%; } .textpage_water #projectsSlider ul.slides li.slide .slideContent > div.textContainer { display: flex; flex-direction: column; gap: 10px; padding: 15px; background: var(--primary-color); color: #fff; } .textpage_water #projectsSlider ul.slides li.slide .slideContent > div.textContainer h3 { margin: 0; color: inherit; font-size: 18px; line-height: 27px; } .textpage_water #projectsSlider ol.flex-control-nav { display: block; } .textpage_water #projectsSlider ul.flex-direction-nav li a.flex-prev { left: 40px; } .textpage_water #projectsSlider ul.flex-direction-nav li a.flex-next { right: 40px; } .textpage_water #projectsSlider ol.flex-control-nav li a, .textpage_getinvolved .schemes ol.flex-control-nav li a { background: none; border: 2px solid var(--third-color); } .textpage_water #projectsSlider ol.flex-control-nav li a.flex-active, .textpage_getinvolved .schemes ol.flex-control-nav li a.flex-active { background: var(--third-color); } .textpage_water .resultsContainer #slider-latest-jobs { padding: 0 40px; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides { display: flex; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide { display: flex !important; flex-direction: column; margin: 0; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a { width: 100%; flex: 1 0 auto; display: flex; flex-direction: column; position: relative; text-decoration: none; padding: 20px; gap: 10px; color: #fff; background: var(--primary-color); } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a h3 { margin: 0; color: inherit; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a .valuesContainer { display: flex; flex-direction: column; gap: 10px; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a .valuesContainer .value { display: flex; gap: 5px; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a .linkContainer { margin-left: auto; margin-top: auto; color: var(--third-color); text-transform: uppercase; font-weight: bold; display: flex; gap: 5px; } .textpage_water .resultsContainer #slider-latest-jobs ul.slides li.slide a .linkContainer:after { content: '\f054'; font-family: "Font Awesome 6 Pro"; } .textpage_water .resultsContainer #slider-latest-jobs ol.flex-control-nav li a { background: var(--secondary-color); opacity: 0.3; } .textpage_water .resultsContainer #slider-latest-jobs ol.flex-control-nav li a.flex-active { opacity: 1; } .textpage_water .resultsContainer #slider-latest-jobs ul.flex-direction-nav li a.flex-prev { left: 40px; } .textpage_water .resultsContainer #slider-latest-jobs ul.flex-direction-nav li a.flex-next { right: 40px; } .textpage_water .benefitsContainer { display: flex; flex-wrap: wrap; gap: 30px; padding: 0; } .textpage_water .benefitsContainer .benefitBlock { flex: 15%; display: flex; flex-direction: column; gap: 20px; margin: 0; } .textpage_water .benefitsContainer .benefitBlock:before { display: none; } .textpage_water .benefitsContainer .benefitBlock .iconContainer img { max-height: 50px; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer { margin-bottom: 0; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer #quicksearch_pageBlock { padding: 0; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer #quicksearch_pageBlock form { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer #quicksearch_pageBlock form .formRow { width: auto; padding-top: 0; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer #quicksearch_pageBlock form .formRow.formRowTextInputRow .controlContainer { margin: 0; } .home.redeploy #eaContainer #quicksearch_pageBlockContainer #quicksearch_pageBlock form .formRow.formRowTextInputRow .controlContainer input { padding: 10px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { bottom: 0; width: 100%; z-index: 1; margin-top: 20px; } #FindJobHeroBlock { background: transparent; max-width: 100%; padding-bottom: 0; z-index: 1; border-radius: 10px; margin: auto; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { display: none; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } #FindJobHeroBlock #quicksearch_pageBlockContainer { margin: 0; } #FindJobHeroBlock #quicksearch_pageBlockContainer div.pageBlockContent { padding: 0; } body #FindJobHeroBlock input.buttonSubmit { background: var(--secondary-color); border: none; border-radius: 0; padding: 10px 20px; font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; width: 100%; max-width: 150px; text-align: center; } body #FindJobHeroBlock input.inputText { width: 100%; padding: 10px 40px 10px 10px; color: #000; } body #FindJobHeroBlock .formRowTextInputRow { width: 38%; display: inline-block; float: none; position: relative; } body #FindJobHeroBlock .formRowTextInputRow .controlContainer { position: relative; } body #FindJobHeroBlock .formRowTextInputRow .controlContainer:after { content: ""; width: 25px; height: 25px; position: absolute; right: 10px; float: right; top: 50%; transform: translateY(-50%); z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: center; } div#quicksearch_filter_text_formRow .controlContainer:after { background-image: url(../images/custom-icons/magnifying-glass.png); } div#quicksearch_filter_locationradius_formRow .controlContainer:after { background-image: url(../images/custom-icons/location.png); } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: 22%; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } a#JobsNearMe { background: none; padding-left: 25px; display: inline-block; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; text-transform: none; } .home #FindJobContainer { position: relative; } .home #FindJobHeroBlock { max-width: 100%; padding-bottom: 0; } body.home #FindJobHeroBlock div#quicksearch_filter_locationradius_formRow { display: none; } body.home #FindJobHeroBlock .formRowTextInputRow, body div#textpage-img #FindJobHeroBlock .formRowTextInputRow { width: calc(100% - 115px); } body.home #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow, body div#textpage-img #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { width: auto; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Several different images */ .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff !important; font-family: sans-serif; text-align: center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; /*text-decoration: none;*/ } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } .chatBotWindow { position: fixed; bottom: 0; right: 0; width: 320px; transition: all .3s ease; height: 480px; z-index: 500; padding-left: 1px; padding-right: 1px; } .chatBotWindow { height: 90px; width: auto; } .chatBotWindow .escb-hidden { display: none; } .chatBotWindow .chatBotHeader { width: 90px; height: 90px; border-radius: 100%; margin-right: 0; margin-left: auto; border: none; background: #000410; cursor: pointer; align-items: end; border: 1px solid #0097a4; } .chatBotWindow .chatBotHeader { padding: 10px; border-bottom: 2px solid var(--secondary-color); display: grid; text-align: center; background: #00020e; } .chatBotWindow .chatBotHeader .chatBotIcon, .chatBotWindow .chatBotHeader h3 { float: left; color: var(--secondary-color); font-size: 14px; } .chatBotWindow .chatBotHeader .chatBotIcon { cursor: pointer; } .chatBotWindow .chatBotHeader .chatBotBtn { display: none; } .chatBotWindow .chatBotHeader .chatBotBtn { width: 35px; height: 35px; float: right; cursor: pointer; text-align: center; } .chatbotModal, .videoModal { position: fixed; top: 20px; bottom: 20px; left: 20px; right: 90px; z-index: 1044; display: none; } .chatbotModal .close, .videoModal .close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 30px; } .chatbotModal .chatBotBody, .videoModal { background: #fff; height: 100%; padding: 30px; } .chatbotModal .chatBotBody .escb-conv-form-wrapper { height: inherit; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages { overflow: hidden; clear: both; height: calc(100% - 200px); } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages .escb-hidden { display: none; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages { overflow-x: hidden; top: 0px; bottom: 0; overflow-y: auto; padding-bottom: 0 !important; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message { font-size: 14px; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message.escb-to img { display: none; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message.escb-from { background: #17a0b2; } .chatbotModal .chatBotBody #convForm { width: 100%; margin-bottom: 0; box-shadow: none; } .chatbotModal .chatBotBody #convForm * { font-size: 14px; } .chatbotModal .chatBotBody #convForm .escb-dragscroll { cursor: default; position: relative; bottom: initial; transform: none; height: 135px; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 5px; } .chatbotModal .chatBotBody #convForm .escb-dragscroll:after { display: none; } .chatbotModal .chatBotBody #convForm #userInput { box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.4); height: 35px !important; max-width: 100%; width: calc(100% - 66px); margin-right: 10px; } .chatbotModal .chatBotBody #convForm button { color: #17a0b2; } .chatbotModal .chatBotBody #convForm button:hover { color: var(--third-color); background: transparent; } .chatBotHeader h3 { margin-top: 9px; } .chatBotWindow h3 { margin-top: -10px; } .chatBotWindow .chatBotHeader .chatBotIcon img { max-height: 35px; width: auto; } div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to { background: #e6e8ed !important; color: #37576f !important; } div.escb-conv-form-wrapper div.escb-options div.escb-option { padding: 7px 12px; border: none; margin: 0; cursor: pointer; border-radius: 0; font-size: 0.9rem; font-weight: bold; white-space: normal; float: left; display: block; color: #fff; background-color: #17a0b2; } div.escb-conv-form-wrapper div.escb-options div.escb-option:hover { background-color: var(--third-color) !important; border-color: var(--third-color) !important; color: #fff !important; } .videoModal { left: 50%; top: 50%; bottom: initial; right: initial; height: auto; transform: translate(-50%, -50%); max-width: 750px; width: 100%; } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { /*width: 33%;*/ width: 50%; position: relative; /*border-radius: 5px;*/ margin: 10px; height: 275px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: cover; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); height: 100%; text-align: center; transition: all .2s ease; align-items: end; display: grid; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 2em; text-align: left; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 30px; font-weight: bold; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #fff; } @media all and (min-width:601px) { #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(odd) .listItemContainerBorder .codeListBlockLower .listItemTitle { text-align: right; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(4n+3) .listItemContainerBorder .codeListBlockLower, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(4n+4) .listItemContainerBorder .codeListBlockLower { align-items: start; } } html body #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: transparent; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; opacity: 0; transition: all .2s ease; text-align: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: rgba(23, 160, 178, 0.5) !important; opacity: 0.9; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: rgba(23, 160, 178, 0) !important; opacity: 1; } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } /* Category images */ /* .listItemContainer_Value1 .listItemImageContainer, .listItemContainer_Value65 .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2 .listItemImageContainer, .listItemContainer_Value66 .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3 .listItemImageContainer, .listItemContainer_Value67 .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4 .listItemImageContainer, .listItemContainer_Value68 .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5 .listItemImageContainer, .listItemContainer_Value69 .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6 .listItemImageContainer, .listItemContainer_Value70 .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7 .listItemImageContainer, .listItemContainer_Value71 .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8 .listItemImageContainer, .listItemContainer_Value72 .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9 .listItemImageContainer, .listItemContainer_Value73 .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /* Category images on hover */ /* .listItemContainer_Value1:hover .listItemImageContainer, .listItemContainer_Value65:hover .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2:hover .listItemImageContainer, .listItemContainer_Value66:hover .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3:hover .listItemImageContainer, .listItemContainer_Value67:hover .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4:hover .listItemImageContainer, .listItemContainer_Value68:hover .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5:hover .listItemImageContainer, .listItemContainer_Value69:hover .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6:hover .listItemImageContainer, .listItemContainer_Value70:hover .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7:hover .listItemImageContainer, .listItemContainer_Value71:hover .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8:hover .listItemImageContainer, .listItemContainer_Value72:hover .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9:hover .listItemImageContainer, .listItemContainer_Value73:hover .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } h2.secondherotext { color: #fff; font-weight: bold; font-size: calc(12px + 20 * (100vw - 320px)/1080); line-height: normal; margin: 0; } body.pos_find_results_map #content-main, body.pos_find_results #content-main { min-height: 480px; background-color: #dfeef0; } div#posBrowser_Filter_pageBlockContainer { width: 37%; float: left; border-right: 1px solid #444; margin-right: 3%; } .pagingControls_Tiles .pagingButtons img { display: none; } html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.pos_find_results #eaContainer { min-height: 500px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } div#Pos_Find_Results_pageView { margin-top: 3em; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { float: none; } #eaContainer .FilterContainer .HeaderLabel:hover { cursor: pointer; } .FilterContainer .HeaderLabel:after { font-family: 'FontAwesome'; content: '\f067'; /* content: '\02795'; */ font-size: 16px; float: right; margin-right: 10px; margin-top: 2px; color: var(--secondary-color); font-weight: lighter; } .FilterContainer .HeaderLabel.active:after { font-family: 'FontAwesome'; content: '\f068'; /* content: "\2796"; */ color: var(--secondary-color); } .FilterContainer .ValueContainer { display: none; } .FilterContainer.show .ValueContainer { display: block; } #posBrowser_Filter_pageBlock .LocationValue { padding: 0; } .pagingControls_Tiles { background: #fff; padding-left: 12px; font-weight: normal; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { z-index: 1; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } html body #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { background: transparent; color: #000; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 0; font-weight: bold; font-size: 24px; } .FilterRow { margin-bottom: 30px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; width: 90%; border-bottom: 1px solid #444; margin: 0; padding: 15px 15px 15px 30px; background-size: 20px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { background: #F1F0F0; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-top: 10px; height: auto; width: 100%; padding: 10px; border-radius: 0; color: #000; border-bottom: 1px solid #000; background: transparent; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; color: #fff; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; color: var(--secondary-color); } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer span:nth-last-child(-n+2) { display: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: 13px; font-family: var(--font-regular), Helvetica Neue, Sans-serif; /*white-space: normal;*/ border-radius: 0; padding: 0; } #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a.RemoveLink { color: var(--secondary-color) } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { max-height: 320px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances ul.ValueList li { padding-left: 25px; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #posdesc_pageBlock .earcu_posdescriptionContainer { text-align: left; } #posdesc_pageBlock .earcu_posdescriptionContainer * { font-family: inherit !important; font-size: inherit !important; } #posdesc_pageBlock .earcu_posdescriptionContainer h1 { font-size: calc(20px + 20 * (100vw - 320px)/1080) !important; } #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .LeftJobBox a.right { margin-right: 0; margin-bottom: 10px; text-align: center; width: 300px; max-width: 100%; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .RightJobBox a.right { margin-right: 0; margin-bottom: 10px; text-align: center; width: 100%; max-width: 100%; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; margin-bottom: 1em; } .PosMyAppSummaryValues dd { margin: 0 } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-right: 2%; margin-left: 0; padding: 2em; border-right: 1px solid #92a9ac; width: 40%; } div.posDescriptionContainer317 .LeftJobBox { display: block; float: left; overflow: hidden; position: relative; width: 56%; margin-left: 1%; } #eaContainer span.miniMapButton, #eaContainer .mapContainer .ButtonHolder .bigMapButton { margin-bottom: 10px; background: #17a0b2; color: #fff; text-align: center; } #eaContainer span.miniMapButton:hover, #eaContainer .mapContainer .ButtonHolder .bigMapButton:hover { background: var(--third-color); } #eaContainer span.miniMapButton a.Text, #eaContainer .mapContainer .ButtonHolder .bigMapButton span.closeMapButton, #eaContainer .mapContainer .ButtonHolder .bigMapButton a.googleMapsButton { color: #fff; font-weight: bold; text-transform: uppercase; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; display: inline-block; } #posdesc_pageBlock ul.jobSum li { list-style: none; font-weight: 100; color: #000; border-bottom: 1px solid #92a9ac; padding: 15px 10px; } #posdesc_pageBlock ul.jobSum li:before { content: ""; width: 30px; height: 30px; background-image: url(../images/custom-icons/category.png); background-repeat: no-repeat; background-size: 26px; display: inline-block; vertical-align: middle; } #posdesc_pageBlock li.jobSumItem.SumItem_displaysalarydescription:before { background-image: url(../images/custom-icons/salary.png); } #posdesc_pageBlock li.jobSumItem.SumItem_payratevalue:before { background-image: url(../images/custom-icons/contract.png); } #posdesc_pageBlock li.jobSumItem.SumItem_codelist17value:before { background-image: url(../images/custom-icons/category.png); } #posdesc_pageBlock li.jobSumItem.SumItem_codelist4value:before, #posdesc_pageBlock li.jobSumItem.SumItem_codelist5value:before { background-image: url(../images/custom-icons/marker.png); } #posdesc_pageBlock li.jobSumItem.SumItem_pospublishenddate:before { background-image: url(../images/custom-icons/calendar.png); } #posdesc_pageBlock ul.jobSum li.SumItem_int4:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist38value:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist30value:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist37value:after { content: "Flexible working could include part time, job share, condensed hours, or flexible start/end times."; display: block; } #posdesc_pageBlock ul.jobSum li.SumItem_int4.no-values:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist38value.no-values:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist30value.no-values:after, #posdesc_pageBlock ul.jobSum li.SumItem_codelist37value.no-values:after { content: '' !important; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { margin-left: 5px; display: inline-block; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: transparent; border: 0 none; border-radius: 0; padding: 1em; } #eaContainer #posdesc_pageBlock .possharing { background: #040b15; color: #fff; text-transform: uppercase; } #eaContainer #PosDescSharingItems { text-align: center; margin: 10px auto 0; width: auto; display: table; } #eaContainer #PosDescSharingItems a.PosDescSharingItem { width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .2s ease; position: relative; border-radius: 0; } #eaContainer #PosDescSharingItems a.PosDescSharingItem img { display: none; } #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem { background-image: url(../images/custom-icons/linkedin-white.png); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem { background-image: url(../images/custom-icons/facebook-white.png); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem { background-image: url(../images/custom-icons/email-white.png); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem { background-image: url(../images/custom-icons/twitter-white.png); } .benefitsContainer { padding: 2em; margin: 10px 0; text-align: center; } h2.benefits-title { font-size: 24px; font-weight: bold; } .benefitBlocksContainer { display: flex; flex-wrap: wrap; } .benefitBlock { width: 50%; text-align: center; float: left; line-height: normal; margin-bottom: 10px; } .benefitBlock:before { content: ""; width: 50px; height: 70px; margin: 5px auto 5px; display: block; background-position: center; background-size: 100%; background-repeat: no-repeat; transition: all ease .2s; } .benefitBlock:hover:before { /*filter: grayscale(1);*/ transform: scale(1.1); } .benefitBlock.family:before { background-image: url("../images/custom-icons/sharedParentalLeave-blue.svg"); } .benefitBlock.responsible:before { background-image: url("../images/custom-icons/responsible.png"); } .benefitBlock.real:before { background-image: url("../images/custom-icons/real-wage.png"); } .benefitBlock.breaking:before { background-image: url("../images/custom-icons/breaking.png"); } .benefitBlock.delivering:before { background-image: url("../images/custom-icons/delivering.png"); } .benefitBlock.making:before { background-image: url("../images/custom-icons/making.png"); } .benefitBlock.supporting:before { background-image: url("../images/custom-icons/supporting.png"); } .benefitBlock.lifeassurance:before { background-image: url("../images/custom-icons/lifeAssurance-blue.svg"); } .benefitBlock.pension:before { background-image: url("../images/custom-icons/pension-blue.svg"); } .benefitBlock.discounts:before { background-image: url("../images/custom-icons/saleTag-blue.svg"); } .benefitBlock.health:before { background-image: url("../images/custom-icons/health-blue.svg"); } .benefitBlock.training:before { background-image: url("../images/custom-icons/training-blue.svg"); } .benefitBlock.electric:before { background-image: url("../images/custom-icons/electricChargePoint-blue.svg"); } .benefitBlock.volunteering:before { background-image: url("../images/custom-icons/givingCharity-blue.svg"); } .benefitBlock.kierrewards:before { background-image: url("../images/custom-icons/shoppingBags-blue.svg"); } .benefitBlock.holidaypurchase:before { background-image: url("../images/custom-icons/calendar-blue.svg"); } .benefitBlock.shareplan:before { background-image: url("../images/custom-icons/pieChart-blue.svg"); } .benefitBlock.lottery:before { background-image: url("../images/custom-icons/cash1-blue.svg"); } .benefitBlock.privatemedical:before { background-image: url("../images/custom-icons/medicalInsurance-blue.svg"); } html body #eaContainer .benefitsContainer a.btn.btn-primary { background: var(--secondary-color); border: none; border-radius: 0; padding: 1em; font-weight: bold; text-transform: uppercase; color: #fff; width: 100%; max-width: 100%; } html body #eaContainer .benefitsContainer a.btn.btn-primary:hover { background: var(--third-color); } .recruiterContainer { word-break: break-all; margin-bottom: 10px; text-align: center; } h2.recruiter-title { font-size: 24px; font-family: var(--font-regular); font-weight: bold; } .rec-img img { border-radius: 100%; max-width: 120px; } .pos_description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } .mapContainer .ButtonHolder .bigMapButton { padding: 4px 8px; float: right; } #eaContainer #PosDescSharingItems a.PosDescSharingItem { float: none; display: inline-block; } #eaContainer .RightJobBox .posAlerts { text-align: center; } #Pos_Description_pageView #posdesc_pageBlockContainer .LeftJobBox .ApplyNowContainer.ApplyViaFormContainer { overflow: auto; text-align: center; display: table; width: auto; margin: auto; float: none; } #Pos_Description_pageView #posdesc_pageBlockContainer .LeftJobBox .ApplyNowContainer.ApplyViaFormContainer .buttonsLeft { float: none; } #quickapplydialogDialogContainer { top: 70px !important; border-radius: 0; border: 1px solid #17a0b2; } #quickapplydialogDialogContainer .ui-dialog-titlebar { border: none; border-radius: 0; } div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background: transparent; border: none; background-image: url(../images/sprites/white-cross.png); background-repeat: no-repeat; background-position: 70% 70%; } #quickapplydialogDialogContainer .ui-button-icon-only .ui-icon { position: absolute; margin-top: -5px; margin-left: 10px; background-image: none; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow { width: 99% !important; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul, #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li { width: 100%; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li { text-align: center; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_buttons_formRow .buttonsRight ul li input { float: none; display: inline-block; } #QuickApplyForm_pageBlockContainer #QuickApplyForm_pageBlock #QuickApplyForm_gdprinfo_formRow .textLiteral { text-align: left; } div#quickapplydialog { background-image: url(../images/custom/dark-bg.jpg); background-attachment: fixed; background-color: transparent; color: #fff; padding: 2em; } .pageBlockInner_FormBlock .formRow.formRowCheckBoxRow div.labelContainer { width: auto; text-align: left; } div#QuickApplyForm_pageBlockContainer div.formRow { width: 99%; margin: 10px auto; } html body div#QuickApplyForm_pageBlockContainer div.curFocus label.formLabel { color: #fff; } div#QuickApplyForm_pageBlockContainer input.inputText, div#QuickApplyForm_pageBlockContainer textarea, div#QuickApplyForm_pageBlockContainer select { background: transparent; border: 1px solid #444; width: 360px; max-width: 100%; padding: 5px; height: auto; color: inherit; } div#QuickApplyForm_pageBlockContainer textarea#QuickApplyForm_Description4_control { max-width: 360px; max-height: 173px; height: 100%; } div#QuickApplyForm_pageBlockContainer select { padding: 10px; margin-top: 6px; } div#QuickApplyForm_pageBlockContainer option, div#QuickApplyForm_pageBlockContainer .iti__country-list { background: #010512; } div#QuickApplyForm_pageBlockContainer .iti__country-list li { width: 360px; white-space: normal; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock div.labelContainer { float: left; width: 49%; text-align: right; padding-top: 6px; padding-right: 10px; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock .formRow.formRowCheckBoxRow div.labelContainer { width: 95%; text-align: left; float: right; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock div.controlContainer { float: left; margin-right: 5px; margin-top: 0px; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock .formRow.formRowCheckBoxRow .controlContainer { margin-top: 6px; } input#QuickApplyFormpostcodelookup { background-color: var(--secondary-color); border: none; border-radius: 0; color: #fff; font-weight: bold; text-transform: uppercase; padding: 8px 30px; } input#QuickApplyFormpostcodelookup:hover { background-color: var(--third-color); border: none; border-radius: 0; color: #fff; font-weight: bold; text-transform: uppercase; padding: 8px 30px; } .pageBlockInner_FormBlock .formRow.formRowCheckBoxRow label.formLabel { text-align: left; } .sticky-apply, #eaContainer #Pos_Description_pageView #posdesc_pageBlock .sticky-apply { position: fixed; top: 25%; right: -60px; transform: rotate(-90deg); z-index: 11; } .sticky-apply a.buttonAnchor.right, #eaContainer #Pos_Description_pageView #posdesc_pageBlock .sticky-apply a.buttonAnchor.right { background-color: var(--third-color); min-width: 160px; text-align: center; color: #fff; } div#latest-jobs { background-image: url(../images/custom/dark-bg.jpg) } div#slider-latest-jobs { background: transparent; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } div#slider-latest-jobs.flexslider .slides > li { margin: 0; min-height: 150px; display: flex !important; flex-direction: column; justify-content: center; } div#slider-latest-jobs.flexslider .slides > li a { overflow: hidden; display: block; } div#slider-latest-jobs.flexslider { border: none !important; box-shadow: none !important; background: no-repeat; margin: 2em auto; } .latestjobs-container { width: 1200px; max-width: 100%; margin: auto; } div#latest-jobs h1 { font-size: 40px; margin: 20px; padding: 10px; position: relative; color: #fff; font-weight: bold; } .flexslider .slides > li { width: 30%; float: left; background: #fff; margin: 30px 15px; padding: 0; text-align: left; position: relative; min-height: 300px; } .jobimg { position: relative; height: 200px; background-image: url(../images/custom/og-img.jpg); width: 100%; background-position: top; background-size: cover; } div#slider-latest-jobs h3 { padding: 0; margin: 10px 20px; font-size: 18px; font-weight: bold; color: #000; } div#slider-latest-jobs p { padding: 0 20px; font-size: 12px; color: #000; } div#slider-latest-jobs p.viewpost { color: var(--third-color); float: right; font-weight: bold; text-transform: uppercase; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100% !important; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li { padding-left: 5px; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } body.MyJobFeed input#buttonSubmit_save { color: #fff; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { /* width: 98%; */ width: 100%; } body #eaContainer div.pageBlockInner_FormBlock div.formRow#SubmitForm_contactconsent_formRow { display: none; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ body.login #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.profileregisterwithalerts #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.register #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.application_login #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } /* Center apply social icons */ #eaContainer #UsernameForm_ssoicons_formRow .ssoIcon { display: inline-block; float: none; } #eaContainer #UsernameForm_ssoicons_formRow .ssoIconsInnerContainer { text-align: center; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral, #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral { background: #fff; } #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; border: none; width: 340px; max-width: 100%; } #eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #F1F1F1; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit { background: #0078B5; color: #ffffff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover { background: #9b9c9e; } /* Tabs */ body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer, body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer { border: 0; margin-left: 0; } #pageTitleSignInHeaderContainer h2, #pageTitleRegisterHeaderContainer h2 { background: #f1f1f1; color: #9a9b9c; padding: 10px; } div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input { background-size: 30px; background-position: 100% 50%; } div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type="password"] { background-image: url(../images/icons/eye-slash-solid.svg); background-position-x: calc(100% + 1.75px); } div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type="text"] { background-image: url(../images/icons/eye-solid.svg); background-size: 27px; } .passwordStrength { width: 340px; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } body.MyDetails div#fileupload_pageBlock .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: auto; } html body.MyDetails #eaContainer #fileupload_Files_formRow .controlContainer { float: none; margin-bottom: 10px; display: table; margin: auto; } html body.MyDetails #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } html body.MyDetails div.pageBlockHeader { overflow: auto; margin: auto; display: table; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: var(--font-bold), Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important; } #newProfileImageContainer img { display: none; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 251px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; background: transparent; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; background: transparent; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText { border: none; color: #313131; } div#EmailForm_emailAddressTypeId_formRow .controlContainer select { padding: 10px 0px; border: none; } div#EmailForm_ajaxButtons_formRow input#buttonSubmit_ajaxSave { color: #fff; } div#SkillsForm_newskill_formRow a.buttonAnchor.buttonActionId_saveSkill { padding: 5px 20px; } div#Edit_PERSONALDETAILS_postcode_formRow input#Edit_PERSONALDETAILSpostcodelookup { background: var(--secondary-color); border: none; border-radius: 0; padding: 10px 30px; font-weight: bold; text-transform: uppercase; color: #fff; } div#Edit_PERSONALDETAILS_postcode_formRow input#Edit_PERSONALDETAILSpostcodelookup:hover { background: var(--third-color); } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: var(--font-bold), Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; } #SkillsForm_pageBlockContainer { display: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ body.pos_find_results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer { position: relative; } body.pos_find_results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer:after { content: "Apply now"; color: #fff; background: #ed1c2e; right: 10px; top: 10px; padding: 5px 25px; font-size: 14px; font-weight: bold; position: absolute; } body.pos_find_results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 10px; font-size: 22px; position: relative; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a { text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent { padding: 10px 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: transparent; border-bottom: 1px solid #95c1c7; padding: 1em; margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: var(--font-bold), Helvetica Neue, Sans-serif; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #posSummaryBlockv2_pageBlock .MySummaryItemsContainer { display: table; width: 100%; height: auto; background: #00263a; } #posSummaryBlockv2_pageBlock .MySummaryItemInner { margin-left: 5px; border: none; background: #00263A; text-align: center; height: 100%; color: #fff; margin: 0; } #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner { margin: 0; } #posSummaryBlockv2_pageBlock .MySummaryItemTitle { margin: 0; font-weight: bold; background: #17a0b2; padding: 10px; } html body #eaContainer span.earcujobref a, html body #eaContainer .MySummaryItemContent a { color: #17a0b2; } #posSummaryBlockv2_pageBlock .appCompleteChartBlockInner { background: #9b9c9e; height: 20px; margin: 0 1px 0 1px; border: none; } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: #ed1c2e; border: none; } #posSummaryBlockv2_pageBlock .MySummaryItemContent { margin: 5px; padding: 10px; } html body #dialogDialogContainer { margin-top: 6em; } span.fasymbol { font-size: 32px; margin-right: -10px !important; } html body #content-main #eaContainer .actionMessageContainer div.actionMessage { color: #FFF; } html body #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } body #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: auto; } body .buttonsRight a.buttonAnchor { color: #FFF; } body.Application_Section_CV #eaContainer div.pageBlockInner_FormBlock #fileupload_Files_formRow { width: 100%; margin-left: 0px; justify-content: center; display: grid; text-align: center; } body.Application_Section_CV #eaContainer div.pageBlockInner_FormBlock #fileupload_Files_formRow .bottomControlContainer, body.Application_Section_CV #eaContainer div.pageBlockInner_FormBlock #fileupload_Files_formRow .buttonsLeft { justify-content: center; display: grid; text-align: center; float: none; } body #eaContainer .nofilesmessage { text-align: center; } body.Application_Section_SupportingFile #eaContainer .nofilesmessage { padding-right: 0; width: 100%; text-align: center; } .ApplyNowContainer .buttonsRight, html body .ApplyNowContainer .buttonsRight li { float: none; } .ApplyNowContainer .buttonsRight a { width: 100%; } body #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer { min-height: 120px !important; } /* body #Edit_PERSONALDETAILS_pageBlockContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } */ body #posdesc_pageBlock .videoOuterContainer { margin-bottom: 10px; } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl { margin: 1em 0 3px; } */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } html .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer, html .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .mandatoryIndicator { height: auto !important; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer { overflow: hidden; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: transparent; border-bottom: 1px solid #95c1c7; } body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar { background: none; } #eaContainer #posSummaryBlock_pageBlock div.greenbox { padding-left: 0; padding-right: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; display: flex; flex-wrap: wrap; width: 100%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem, #eaContainer #Application_Home_pageView .ulList .ulListItem { max-width: calc(25% - 2px); font-weight: 400; display: flex; flex-direction: column; flex: 1 0 auto; min-height: 180px; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover, #eaContainer #Application_Home_pageView .ulList .ulListItem:hover, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed, #eaContainer #Application_Home_pageView .ulList .ulListItem.Completed { color: #fff; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 0; text-align: center; position: relative; width: 100%; height: auto; display: flex; flex-direction: column; flex: 1 0 auto; justify-content: flex-start; padding: 30px 10px; } div#sectionslist_pageBlock li.ulListItem .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/submission.png); background-position: 50% 20%; background-size: contain; background-repeat: no-repeat; height: 50px; width: 100%; text-align: center; margin-bottom: 5px; } div#sectionslist_pageBlock ul.ulList li.Section_PersonalDetails .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/personal-completed.png); filter: invert(1); } div#sectionslist_pageBlock ul.ulList li:hover .ulListItemLabel:before, div#sectionslist_pageBlock ul.ulList li.Completed .ulListItemLabel:before { filter: invert(1); } div#sectionslist_pageBlock ul.ulList li.Section_CV .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/cv.png); } div#sectionslist_pageBlock ul.ulList li.Section_Referees .ulListItemLabel:before, div#sectionslist_pageBlock ul.ulList li.Section_Referral .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/referral.png); } div#sectionslist_pageBlock ul.ulList li.Section_WorkExperience .ulListItemLabel:before, div#sectionslist_pageBlock ul.ulList li.Section_ProfQual .ulListItemLabel:before, div#sectionslist_pageBlock ul.ulList li.Section_Education .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/rare.png); } div#sectionslist_pageBlock ul.ulList li.Section_EqualOps .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/equality.png); } div#sectionslist_pageBlock ul.ulList li.Section_Questions1 .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/questions.png); } div#sectionslist_pageBlock ul.ulList li.Section_SubmitAndDeclarations .ulListItemLabel:before { content: ""; background-image: url(../images/app-icons/submission.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel:after, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel:after { font-weight: inherit; color: inherit; margin-top: 5px; font-size: 13px; } li.ulListItem.ToDo:after { content: ""; width: 36px; height: 29px; background-image: url(../images/custom-icons/cyan-arrow.png); background-size: 36px; right: -20px; top: 60px; position: absolute; z-index: 1; } li.ulListItem:nth-child(4n+4).ToDo:after { display: none; } li.ulListItem.Section_SubmitAndDeclarations:after { display: none; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } #eaContainer .OfferSectionsSummaryBlockContainer .ulList .ulListItem.Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .ulListItem.Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList .ulListItem:hover div.ulListItemLabel a { color: #ffffff; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #fff; border-color: #e3e3e3; float: none; /*min-height: 150px;*/ height: auto; padding: 0; width: 100%; margin: 1px; display: grid; align-content: center; position: relative; overflow: visible; background-image: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: var(--secondary-color); } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { min-height: 150px; height: auto; padding: 0; width: 100%; margin: 0; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { background-color: var(--secondary-color); /*height: 180px;*/ } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:after, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:after { content: "Complete"; text-align: center; background-color: var(--third-color); color: #fff; width: 80%; margin: auto; text-transform: uppercase; font-size: 13px; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-color: #00263a; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a { color: #000; font-weight: bold; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ /* Login / Register block */ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #F1F1F1; color: #313131; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none !important; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; /*margin-top: 1em;*/ } #eaContainer .PosMyAppSummaryLinks a { /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/ padding-left: 20px; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue { padding-left: 1em; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader { font-weight: bold; } #eaContainer div#SectionCompleteBlock_completed_formRow { justify-content: center; display: flex; } #eaContainer div#SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0px; width: auto; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { padding: 5px; border: none; width: 340px; max-width: 100%; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer, .textpage_employeestory .buttonsContainer, .textpage_employeestories .buttonsContainer { margin-top: 1em; } .textpage_employeestory .intro-section img { float: right; max-width: 500px; width: 100%; margin: 0 0 10px 10px; } .textpage_employeestory .intro-section .videoContainer { width: 100%; position: relative; } .textpage_employeestory .intro-section .videoContainer iframe { width: 100%; aspect-ratio: 16/9; } .textpage_employeestory .intro-section .videoContainer video { width: 100%; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .pos_description_review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: var(--font-regular), Helvetica Neue, Sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } /* #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: center; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; width: 100%; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .controlContainer { float: right; width: 100%; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft, #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft li { width: 100%; text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft li a.buttonAnchor { float: none; display: inline-block; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: var(--font-bold), Helvetica Neue, Sans-serif; color: #313131; } body #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } .Application_Section_SupportingFile #supportingfileupload_supportingfiles_formRow .controlContainer { width: 100%; display: grid; place-items: center; } .Application_Section_SupportingFile .fileuploadcontainer { margin-left: auto; margin-right: auto; width: 120px; /*this width if button alignment gets seems off*/ } @media all and (max-width: 980px) { html body.Application_Section_CV#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 0; text-align: left; } html body.Application_Section_CV #eaContainer .nofilesmessage, html body.Application_Section_CV #eaContainer #fileupload_Files_formRow .labelContainer { text-align: left; } html body.MyDetails #eaContainer .pageBlockInner_FormBlock div.controlContainer .fileuploadcontainer { width: auto; margin: auto; display: table; } } /*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/ body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Edit_EQUALOPS_form .textLiteral { margin-top: 1em; margin-bottom: 1em; text-align: left; } /*--------------------------------------- 5.6 Interviews -----------------------------------------*/ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { margin-left: 0; width: auto; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 30%; } /*--------------------------------------- 5.7 Talent Pools -----------------------------------------*/ .talentpool_list #form_talentpoolgrid a.rcMenu { display: block; text-align: center; font-size: 18px; font-weight: bold; line-height: normal; color: var(--secondary-color); } #talentpoolgrid_pageBlock .ListGridContainer { display: flex; flex-wrap: wrap; } #talentpoolgrid_pageBlock .rowContainerHolder { width: 33.3333%; display: flex; flex-direction: column; flex: 1 0 auto; } #talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_69_rowId, #talentpoolgrid_pageBlock .rowContainerHolder.rowContainerHolder_71_rowId { display: none; } #talentpoolgrid_pageBlock .gridFooter { display: none; } div#talentpoolgrid_pageBlock .rowContainer { display: flex; flex-direction: column-reverse; justify-content: flex-end; min-height: 1px; flex: 1 0 auto; margin-left: 0 !important; } div#talentpoolgrid_pageBlock .rowContentContainer { max-width: 150px; margin: 10px auto; } div#talentpoolgrid_pageBlock .rowContentContainer img { width: 125px; height: 125px; object-fit: contain; object-position: 50% 50%; } div#talentpoolgrid_pageBlock .rowLabel { width: 100%; } body.Intranet #eaContainer .buttonsRight a.buttonAnchor.buttonActionId_continue_to_welcome { display: none; } .talentpool_description .buttonsContainer { overflow: hidden; display: flex; justify-content: center; } .talentPool71 #TalentPool_Description_pageView #talentpooldesc_pageBlock .talentPoolDescription:before { content: ''; width: 100%; background-image: var(--tpImg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; aspect-ratio: 20/7; display: block; margin-bottom: 20px; } /*--------------------------------------- 5.8 Animated Application/Onboarding -----------------------------------------*/ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .mywelcomepacks_offerform_summary #breadcrumb, .mywelcomepacks_offerform_summary .earcuintro, .mywelcomepacks_offerform_summary #eaContainer #posSummaryBlockv2_pageBlockContainer { display: none; } .mywelcomepacks_offerform_summary #content-main { background: rgb(213,240,253); background: linear-gradient(180deg, rgba(213,240,253,1) 0%, rgba(173,225,249,1) 100%); } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper { overflow: hidden; width: 100%; margin: 0 auto; max-width: 1200px; height: 800px; position: relative; padding-top: 56.9%; background-size: cover; background-position: 50% 50%; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer { position: absolute; top: 0; max-width: 296px; display: grid; gap: 1rem; margin: 0 3rem; padding-block-start: 3.0625rem; padding-block-end: 4.625rem; z-index: 1; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer .onboarding-intro h2 { margin-top: 0; margin-bottom: 5px; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer .onboarding-intro p { line-height: 15px; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer .onboarding-intro p strong { margin-bottom: 0; display: block; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons { display: flex; flex-direction: column; gap: 0.5rem; opacity: 0; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.mobile { display: none; margin-top: 20px; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.fade-out { opacity: 0; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.fade-out a { cursor: initial; pointer-events: none; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.fade-in { animation: fadeIn ease 2s; -webkit-animation: fadeIn ease 2s; -moz-animation: fadeIn ease 2s; -o-animation: fadeIn ease 2s; -ms-animation: fadeIn ease 2s; animation-fill-mode: forwards; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a { display: flex; align-items: center; text-decoration: none; color: #313131; width: 260px; height: 40px; padding: 0 0.8125rem; background-color: transparent; border: 0; background-position: 0 -200px; background-image: url(../images/custom/sprites.png); transition: none; -webkit-user-select: none; user-select: none; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a.stage-complete { color: #fff; background-position: 0 -300px; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a:hover { color: #fff; background-position: 0 -250px; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper, .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; overflow: hidden; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper.stage0 { background-image: url(../images/custom/holding.png); background-position: 50% 50%; background-size: cover; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper.stage0 iframe { display: none; } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock .labelUl li { list-style-position: inside; } @media all and (min-width:768px) { .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper { height: 700px; } } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation2 .ulListItemLabel:before { background-image: url(../images/icons/video-message.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation3 .ulListItemLabel:before { background-image: url(../images/icons/getting-started.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation4 .ulListItemLabel:before { background-image: url(../images/icons/rewards-and-benefits.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation5 .ulListItemLabel:before { background-image: url(../images/icons/bringing-your-whole-self-to-work.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation6 .ulListItemLabel:before { background-image: url(../images/icons/supporting-your-development.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation7 .ulListItemLabel:before { background-image: url(../images/icons/being-a-responsible-business.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation8 .ulListItemLabel:before { background-image: url(../images/icons/keeping-in-touch.svg); } .mywelcomepacks_offerinformation_summary div#sectionslist_pageBlock li.ulListItem.Section_OfferInformation9 .ulListItemLabel:before { background-image: url(../images/icons/FAQ.svg); } .mywelcomepacks_offerinformation_section #content-main .container, .mywelcomepacks_offerinformation_section #content-main .container #OfferInfoBlock_pageBlock { width: 100%; padding: 0; } .mywelcomepacks_offerinformation_section #content-main .container #breadcrumb, .mywelcomepacks_offerinformation_section #content-main .container #TitleBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #posSummaryBlockv2_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #BackBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutInnerPlaceHolder { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100%; } @media (min-width: 768px) { .mywelcomepacks_offerinformation_section #content-main .container #breadcrumb, .mywelcomepacks_offerinformation_section #content-main .container #TitleBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #posSummaryBlockv2_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #BackBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutInnerPlaceHolder { width: 100%; } } @media (min-width: 992px) { .mywelcomepacks_offerinformation_section #content-main .container #breadcrumb, .mywelcomepacks_offerinformation_section #content-main .container #TitleBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #posSummaryBlockv2_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #BackBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutInnerPlaceHolder { width: 970px; } } @media (min-width: 1200px) { .mywelcomepacks_offerinformation_section #content-main .container #breadcrumb, .mywelcomepacks_offerinformation_section #content-main .container #TitleBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #posSummaryBlockv2_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #BackBlock_pageBlockContainer, .mywelcomepacks_offerinformation_section #content-main .container #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutInnerPlaceHolder { width: 1170px; } } #OfferInfoBlock_pageBlock .offerLayoutBox { overflow: hidden; display: flex; flex-wrap: wrap; margin-bottom: 0; } #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(even) { flex-direction: row-reverse; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder, #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder, #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer, #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer .imageContainer { float: none; display: flex; flex-direction: column; justify-content: flex-start; flex: 1 0 auto; position: relative; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer .imageContainer img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; flex: 1 0 auto; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text { padding: 4em; background: #fff; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text h1 { color: inherit; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text h1:first-child { margin-top: 0; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text img { max-height: 85px; width: auto; } #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text { background: var(--primary-color); color: #fff; } #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text img { filter: grayscale(1) invert(1); } #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutPlaceHolder { padding: 0 4em; background: var(--secondary-color); color: #fff; } #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1:nth-of-type(even) .offerLayoutPlaceHolder { background: #fff; color: inherit; } #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text { background: none; color: inherit; padding-left: 0; padding-right: 0; } .earcu_offerinformationpage_2 #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder { background: none; color: inherit; } .earcu_offerinformationpage_2 #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text { padding-bottom: 1em; } .earcu_offerinformationpage_4 #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder .offerBlockContainer:not(.prideKier) img { filter: grayscale(100%) invert(1); } #MyWelcomePacks_OfferForm_TaxInformation_pageView #Edit_OFFERTAXINFORMATION_pageBlock #Edit_OFFERTAXINFORMATION_PaymentsAfterApril6th_formRow label { text-align: left; } /* -------------------------------------- ========================================= 5a. REDEPLOYMENT PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 5a.1 Home -----------------------------------------*/ body.redeploy #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { background-position: 50% 50%; } /*body.redeploy #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_ValueReturning .listItemContainerBorder .listItemImageContainer { background-position: 50% 10%; } body.redeploy #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_ValueCV .listItemContainerBorder .listItemImageContainer { background-position: 50% 10%; } body.redeploy #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_ValueCulture .listItemContainerBorder .listItemImageContainer { background-position: 50% 10%; } body.redeploy #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_ValueBenefits .listItemContainerBorder .listItemImageContainer { background-position: 50% 75%; }*/ /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media all and (max-width:1700px) { section .benefits-selection a.btn.btn-primary, section.tab-selection .btn.btn-primary { width: calc(33.3333% - 7px); } } @media all and (max-width:1300px) { .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper { width: 80%; } } @media all and (max-width: 1224px) { /* Summary box */ .pos_description_review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .pos_description_review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .myemailsbyapplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .email_detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } .pos_description_review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .myemailsbyapplication #eaContainer #posSummaryBlock_pageBlockContainer, .email_detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } #eaContainer div#SectionCompleteBlock_completed_formRow .controlContainer { width: auto; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } @media all and (max-width:1199px) { body.home #FindJobHeroBlock div.pageBlockContent { padding: 0; } body .uwy.userway_p1 .uai { top: 65px !important; } .benefitsContainer { padding: 0em; margin: 10px 0; text-align: center; } .d-flex, .d-flex.flex-row-reverse { flex-direction: column; } .d-flex.flex-column-reverse { flex-direction: column-reverse; } .blog-section .d-flex.flex-column-reverse { display: block; flex-direction: initial; } section.career-roles .role-box, section.employee-inclusion .employee-box { width: 49%; } .textpage_careersatkier section.career-roles #roleBoxesContainer .role-box { flex: 50%; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper { width: 100%; } #OfferInfoBlock_pageBlock .offerLayoutBox { flex-direction: column-reverse !important; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder { width: 100% !important; } #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.offerBlockContainer_Text { padding: 4em 15px; } #OfferInfoBlock_pageBlock .offerLayoutBox.offerLayoutBox_TotalItems_1 .offerLayoutPlaceHolder { padding: 0; } } @media (min-width: 992px) { .modal-lg { width: 1200px; margin: auto; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media all and (max-width:991px) { #social .col-md-6 { padding-left: 15px; padding-right: 15px; } div#modalNavigation { background-color: #000; } .menu-primary { height: 100%; margin-top: 0; vertical-align: top; align-content: baseline; } .menu-primary-container { display: block; } .menu-primary-container .desktop { display: none; } .menu-primary-container .mobile { display: block; } .menu-selector li.\31 40 { display: none; } .menu-primary h3.menu-item, .menu-primary h3.menu-item a { padding: 0; font-size: calc(18px + 6 * (100vw - 320px)/1080); margin: 0; } .menu-primary h4.submenu-title { font-size: 16px; padding: 0 20px; margin: 0; } .menu-primary-container ul li.sub-menu-item a { font-size: 16px; font-weight: lighter; padding: 0; line-height: normal; } .menu-primary-container li.menu-item, .menu-primary-container li.sub-menu-item { line-height: normal; } .menu-section { min-height: auto; } .menu-primary-container li.menu-item a { padding: 0; } .menu-section .default { padding-left: 20px; } #quickapplydialogDialogContainer { width: 100% !important; left: 0 !important; } #talentpoolgrid_pageBlock .rowContainerHolder { float: left; width: 50%; overflow: auto; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { margin-right: 0; } .small-container { padding: 1em; width: 100%; } section.benefits-selection a.btn.btn-primary, section.tab-selection .btn.btn-primary, section.tab-selection .btn.btn-primary.large { width: calc(100% - 4px); white-space: normal; } .testimonialsContainer .testimonialBlock { width: 100%; margin-left: 0; margin-right: 0; } .textpage_employeestory .intro-section img { margin: 0 auto 10px; float: none; display: block; } .textpage_employeestory .intro-section .text { width: 100%; } .textpage_water #companies .accordionsContainer .accordion { flex: 100%; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader { height: auto; flex-direction: column; align-items: flex-start; gap: 5px; } .textpage_water #companies .accordionsContainer .accordion .accordionHeader .logoContainer { flex: 100%; max-width: 100%; } .textpage_water #pac-input { display: block; } .textpage_water .benefitsContainer .benefitBlock { flex: 100%; } .textpage_rewards #benefitsContainer .accordionsContainer .accordion .mob-accordion .blocksContainer .benefitBlock { flex: 100%; max-width: 100%; } } @media all and (max-width: 980px) { /* Set label and input widths to 100% */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer, body .pageBlockInner_FormBlock label.formLabel, body .pageBlockInner_FormBlock input.inputText, #eaContainer html body #lookupResults_gridTable, #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock label.formLabel, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer { width: 100%; text-align: left; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer { margin-top: 4px; width: auto; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 1em 0em; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } #FindJobHeroBlock { max-width: 100%; } /* No vacancies */ #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 50%; /* height: auto; */ } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } /* Category pages */ #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer { display: block; width: 100%; } /* Search results */ #eaContainer .category-blocks .category-block { min-height: 210px; } /* Alerts */ #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: visible; } #MyJobFeedForm_MultiCodeList4_formRow .labelContainer { display: none; } #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter { float: none !important; } /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } /* Email address */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } /* Questions and answers */ #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } /* File upload */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } /* Main Banner */ #login-register-block { background: #9b9c9e; display: block; width: 100%; bottom: 0; margin-left: 0; position: relative; min-height: 75px; } #login-register-block .buttonAnchor { margin-bottom: 16px; width: auto; } .block-right { float: right; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .possibleDistances ul.ValueList li { padding-left: 40px; } .passwordStrength { width: 100%; } #eventsListContainer .eventContainerWrapper { flex: 45%; max-width: 50%; } } @media all and (max-width: 800px) { /* Job Description */ #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox, .RightBackBox { width: 100%; display: block; } .RightBackBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 0; margin-top: 1em; padding: 1em; border: none; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 1em 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; align-items: center; width: 100%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem, #eaContainer #Application_Home_pageView .ulList .ulListItem { max-width: calc(50% - 2px); } li.ulListItem.ToDo:after { content: ""; right: initial; left: 50%; top: initial; bottom: -15px; z-index: 1; transform: translateX(-50%) rotate(90deg); } li.ulListItem:nth-child(4n+4).ToDo:after { display: block; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media all and (max-width: 767px) { .mainhero { left: 0; top: 30%; width: 100%; text-align: center; padding: 0 20px; } body #FindJobHeroBlock .formRowTextInputRow, body #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow, body #FindJobHeroBlock input.buttonSubmit { display: inline-block; width: 100%; margin: 0 !important; } body #FindJobHeroBlock .formRowTextInputRow { margin-bottom: 5px !important; } body.home #FindJobHeroBlock .formRowTextInputRow, body.home #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow, body.home #FindJobHeroBlock input.buttonSubmit { width: 100%; max-width: 100%; } body.home #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; } section.app-process-section .nav-tabs > li { text-align: center; } .blog-section .d-flex.flex-column-reverse { display: flex; flex-direction: column-reverse; } .chatbotModal { top: 90px; bottom: 20px; left: 20px; right: 20px; } .chatbotModal .chatBotBody { padding: 20px; padding-top: 30px; } html.chatbotActive body .uwy.userway_p1 .uai { top: 20px !important; } .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message { max-width: 100%; } section.career-roles .role-box, section.employee-inclusion .employee-box { width: 100%; min-height: auto; padding: 2em; } section.career-roles .role-box h3, section.career-roles .role-box p { min-height: 1px; } section.career-roles .role-box h3 { margin: 20px 0; } .textpage_careersatkier section.career-roles #roleBoxesContainer .role-box { flex: 100%; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper { padding-top: 0; height: auto; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer, .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper { position: relative; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .leftContainer { max-width: 100%; margin: 0; padding: 20px 0; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons { flex-direction: row; flex-wrap: wrap; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.desktop { display: none; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons.mobile { display: flex; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a { width: auto; background: #fff; border: 3px solid var(--third-color); border-radius: 4px; position: relative; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a.stage-complete { color: #fff; background: var(--secondary-color); border-color: var(--secondary-color); } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a:hover { color: #fff; background: var(--third-color); border-color: var(--third-color); } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .ani-wrapper { padding-bottom: 56.9%; } .textpage_water #projectsSlider ul.slides li.slide .slideContent { flex-direction: column; } } @media all and (max-width: 680px) { section.benefits-section ul.nav.nav-tabs { display: block; } section.benefits-section .tab-content .tab-pane.active { display: block; } section.benefits-section .nav-tabs > li { text-align: left; } section.benefits-section ul.nav.nav-tabs li a { padding: 10px; height: auto; text-align: left; } } @media all and (max-width: 600px) { .p-4, .py-4 { padding: 1em; } section.app-process-section .nav-tabs > li > a { height: 50px; width: 50px; font-size: 16px; } section.app-process-section .nav-tabs > li:after { content: none; } h1.herotext, #eaContainer h1 { font-size: 28px; } .item-offer h4 { min-height: 1px; } .sticky-apply { display: none; } /* Align buttons */ .buttonsLeft, .buttonsLeft li, .buttonsRight, .buttonsRight li, #eaContainer a.button, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { float: none; margin: 0 !important; width: 100%; text-align: center; } .buttonsLeft li, .buttonsRight li { margin: 2.5px 0 !important; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ /* Search Results */ div#posBrowser_ResultsGrid_pageBlockContainer, div#posBrowser_Filter_pageBlockContainer, div#MapBlock_pageBlockContainer { width: 100%; display: block; } .FilterRow { margin-bottom: 0; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { font-size: 18px; } #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; } #FindJobHeroBlock { max-width: 90%; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } .hero-text .section-content .blockquote { font-size: 28px; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 100%; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { text-align: center; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } #talentpoolgrid_pageBlock .rowContainerHolder { width: 100%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; width: 100%; } /* Job Description */ #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } .flex-direction-nav { display: none !important; } .flex-control-nav { display: block !important; } body.pos_find_results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer:after { position: relative; top: initial; right: initial; margin-top: 10px; display: inline-block; } body.pos_find_results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader .rowLabel { float: none; } a.btn.btn-primary { width: 100%; } .textpage_water #projectsSlider { padding: 0 40px; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media all and (max-width: 500px) { div#main-img .parallax-window { min-height: 250px; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock div.labelContainer { width: 95%; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock div.controlContainer, div#QuickApplyForm_pageBlockContainer input.inputText, div#QuickApplyForm_pageBlockContainer select, div#QuickApplyForm_pageBlockContainer .iti.iti--allow-dropdown, div#QuickApplyForm_pageBlockContainer .iti__country-list li { width: 100%; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock .formRowCheckBoxRow div.controlContainer { width: auto; } div#QuickApplyForm_pageBlockContainer .pageBlockInner_FormBlock .formRow.formRowCheckBoxRow div.labelContainer { width: 90%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem, #eaContainer #Application_Home_pageView .ulList .ulListItem { max-width: 100%; margin-left: 0; margin-right: 0; } .mywelcomepacks_offerform_summary #eaContainer .stage-anim-wrapper .stage-buttons a { width: 100%; justify-content: center; } #eventsListContainer .eventContainerWrapper { flex: 100%; max-width: 100%; } #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer .eventImageLink { height: auto; } } @media all and (max-width: 480px) { /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } #posSummaryBlockv2_pageBlock .MySummaryItem { display: block; width: 100%; height: 100%; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 0; margin-bottom: 5px; float: none; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 0; } } .buttonAnchor.buttonLeft.buttonActionId_DeleteConfirm { color: white !important; } #Application_Home_pageView #additionalinformationsectionslist_pageBlock .ulListItem { width: 100%; background: gray !important; height: auto; margin: 0 !important; margin-bottom: 0px; margin-bottom: 10px !important; } /**talent pools and onboarding**/