/* Skin: Mazars_03 Version: 20180123 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 1.7 Maps 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 3.12 Talent Pool Register 3.13 Events 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 Onboarding 5.8 Animated Onboarding 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone Refresh Styling */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.1 Fonts -----------------------------------------*/ html body { font-family: "Halyard"; line-height: 1.8; font-size: 16px; } body h4 { color: #000000; } .main-navigation ul ul#talentToggle a { width: 360px; } .margin-2em { margin: 2em auto; } .margin-4em { margin: 4em auto; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; color: inherit; } .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 screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } /*--------------------------------------- 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 .ulListItemLabel, /* #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 .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #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: 0; } /* Rounded corners */ #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, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 0; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ 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\ 5 Pro'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'Font Awesome\ 5 Pro'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /*--------------------------------------- 1.7 Maps -----------------------------------------*/ .map-container { width: 960px; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1000px) { .map-container { width: 768px; } } @media only screen and (max-width: 767px) { .map-container { width: 420px; } } @media only screen and (max-width: 480px) { .map-container { width: 300px; } } .map-container a img { border: none; } .map-container h1, h2, h3, h4, h5, h6 { font-weight: normal; } .map-container h1 { font-size: 26px; line-height: 32px; } .map-container p, ul { margin-bottom: 10px; } .hero-map { background-color: #F2F2F2; } .textpage_landing #content-main, .textpage_landing #eaContainer { min-height: 0; margin-bottom: 0; } /* -------------------------------------- ========================================= 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, /*#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, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #slider-latest-jobs ol li a.flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup { background-color: #0072CE; border: 1px solid #0072CE; } #eaContainer a.buttonAnchor.buttonRight.buttonActionId_withdraw_application { background: #fff; border: 1px solid #036; color: #036; } #eaContainer a.buttonAnchor.buttonRight.buttonActionId_withdraw_application:hover { background-color: #0072CE; border: 1px solid #0072CE; color: #fff; } html body .pageBlockInner_GridBlock table.gridTable tr:hover { background: #f1f1f1; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, 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, body #FindJobHeroBlock input.buttonSubmit, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { color: #036; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #036; } .charCounterValue { float: left; } /* 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, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #036; } .tabs-style-shape nav li a:hover svg { fill: #036; } /* 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: #036; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink 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 { color: #036; } a#JobsNearMe:hover { color: #f1f1f1; } #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, 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: #036 !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 .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: #fff; border-color: #036; color: #036; } /* 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: #fff; } .hero-bg h2, .hero-bg p, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a, .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 *, 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, .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; } 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: #eee; } #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/white-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, .PosMyAppSummaryValues, .tabs-style-shape nav li a span, #eaContainer .posBrowserMapBlock .addressContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { background: #fff; } .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; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border: 1px solid #9B9C9E; } /* Withdraw */ body #eaContainer div#ConfirmForm_ApplicationStatusComment_formRow .controlContainer { width: 250px; } /*--------------------------------------- 2.2 General -----------------------------------------*/ .mb-2 { margin-bottom: 2rem; } #Mazars-jobs-btn { position: absolute; text-indent: -9999px } #UsernameForm_NoSso_formRow { margin-bottom: 1em; } /* Parallax */ .parallax-window { min-height: 400px; background: transparent; margin-top: 40px; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; padding: 1rem; } #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; padding-left: 20px; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #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; } #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; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContainer#Grid_WORKEXPERIENCE_pageBlockContainer { display: none; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin: 1em 0 0 0em; text-align: left; color: #9a9b9c; } body.pos_description #breadcrumb { margin: 1em 0 0px 1em; } #breadcrumb a { color: #036; } 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 { } body.pos_find_results .content-warp, body.pos_find_results_map .content-warp { margin-top: 0; } .banner-main { margin-top: 70px; width: 100%; } #eaContainer { margin-bottom: 2em; } .owl-carousel ul { list-style: disc; padding-left: 20px; } .iti { width: 100%; } /*--------------------------------------- 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 { /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */ /* margin: 1em !important; */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ /* padding: 6.5px 25px; */ /*padding: 5px 15px;*/ padding: 7px 15px; text-align: center; font-size: inherit; font-family: inherit; font-weight: normal; /* text-transform: uppercase; */ } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } body:not(.assessmentcentrebookingbyapplication) a.buttonAnchor.buttonActionId_unsuitable { display: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 7px 25px; } 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 { background: #fff; border: 1px solid #036; color: #036; } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #036; } /* body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } */ body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: left; } .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: #036; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #036; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none !important; position: absolute; z-index: 999999999; overflow: auto; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 76.5% !important; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ #home-img { position: relative; } body.home .Section-content.Section-content--html.text-grey { display: block; } .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .Home #eaContainer { margin-bottom: 0; width: 100%; } body.home .page-content { text-align: left; max-width: 980px; margin: auto; } .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: #036; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #036; font-size: 34px; } .blockquote-author { font-size: 20px; } /* 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: 1280px; max-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; } #eaContainer #latestJobsContainer { background-color: #F1F1F1; } #eaContainer #latestJobsContainer #latest-jobs { width: 100%; background: #F1F1F1; border-top-right-radius: 15px; padding: 3em 2em; display: block; overflow: auto; max-width: 1200px; margin: 0 auto; } #eaContainer #latestJobsContainer #latest-jobs h2 { margin-top: 0px; } /* .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%; } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; max-width: 25px; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #slider-latest-jobs .slides li { overflow: auto; } #eaContainer #slider-latest-jobs .slides li span.jobDetails { float: left; width: 25%; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: "Halyard"; 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; } div#latest-jobs h2.Section-title { color: #fff; } div#latest-jobs { margin: 2em auto 0; padding: 2em; background-image: url(../images/custom/ipad.jpg); background-size: cover; background-position: top; background-attachment: fixed; } div#latest-jobs .Section-content { padding: 0; width: 100%; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } div#slider-latest-jobs.flexslider { border: none !important; box-shadow: none !important; background: no-repeat; margin: 2em auto; } .latestjobs-container { max-width: 100%; width: 100%; margin: auto; } div#latest-jobs h1 { position: relative; margin-top: 0; margin-bottom: 20px; font-size: 20px; color: #036; line-height: 40px; } .latestjobs-container .flexslider { padding: 0 25px; } #slider-latest-jobs ul.slides { display: flex; } .flexslider .slides > li { display: flex !important; flex-direction: column; } .flexslider .slides > li a.jobDetails { background: rgba(255,255,255,0.9); /*margin: 30px 0;*/ padding: 40px 30px; text-align: center; position: relative; box-shadow: 0px 0px 20px 0px rgba(23,31,44,0.15); display: flex; flex-direction: column; flex: 1 0 auto; } .flexslider .slides > li a.jobDetails:hover { box-shadow: 0px 0px 40px 0px rgba(23,31,44,0.15); } .flexslider .slides > li a.jobDetails:before { content: "\f02d"; width: 50px; height: 50px; position: relative; background: #0072CE; border-radius: 100%; font-family: 'Font Awesome\ 5 Pro'; color: #fff; display: block; margin: -10px auto 20px; padding: 0px; font-size: 28px; } .flexslider .slides > li a.jobDetails#jobDetails0:before { content: "\f02d"; } .flexslider .slides > li a.jobDetails#jobDetails1:before { content: "\f0b1"; } .flexslider .slides > li a.jobDetails#jobDetails2:before { content: "\f0ea"; } .flexslider .slides > li a.jobDetails#jobDetails3:before { content: "\f02d"; } .flexslider .slides > li a.jobDetails#jobDetails4:before { content: "\f0b1"; } .flexslider .slides > li a.jobDetails#jobDetails5:before { content: "\f0ea"; } .flexslider .slides > li a.jobDetails#jobDetails5:before { content: "\f02d"; } .flexslider .slides > li a.jobDetails h3 { font-size: 20px; line-height: normal; margin-bottom: 20px; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } div#slider-home { position: relative; } div#slider-home .flexslider { background: #fff; border: 1px solid #fff; } div#slider-home .flex-direction-nav .flex-prev { left: 0; } div#slider-home .flex-direction-nav .flex-next { right: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .nojobs_jobBlock { padding: 1em; background: rgba(255,255,255,0.7); } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } #bottomlinks a.bottomlink { color: #fff; background: #036; border: 1px solid #036; padding: 12px; margin: 1em auto 2em; position: relative; display: block; } #bottomlinks a.bottomlink:hover { color: #036; background: #fff; border: 1px solid #036; } img.footer-logo { max-height: 130px; } body.stopScroll { overflow: hidden; } .popupContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 101; overflow-y: scroll; overflow-x: hidden; } .popupContainer .popupBlock { position: absolute; top: 450px; left: 50%; transform: translate(-50%, -50%); overflow: visible; max-width: 90%; } .popupContainer .popupBlock .close { position: absolute; top: -20px; right: -20px; opacity: 1; padding: 20px; background: #000; color: #fff; border-radius: 100%; } .popupContainer .popupBlock .close span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .popupContainer .popupBlock .popupImage { height: 200px; width: 100%; background-image: url(../images/custom/UKCovidImage.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .popupContainer .popupBlock .popupText { padding: 30px; background: #fff; } .popupContainer .popupBlock .popupText h3 { margin-top: 0; } .popupContainer .popupBlock .popupText p:last-child { margin-bottom: 0; } .popupContainer .popupBlock .popupButtons { padding: 10px; background: #fff; text-align: center; } .popupContainer .popupBlock .popupButtons a { border: 0; border-radius: .25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; margin: .3125em; padding: .625em 2em; box-shadow: none; font-weight: 500; display: inline-block; text-decoration: none; } .popupContainer .popupBlock .popupButtons a:nth-child(2) { background-color: rgb(221, 51, 51); } .popupContainer .popupBlock .popupButtons a:hover { background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)); } .popupContainer .popupBlock .popupButtons a:focus { outline: 0; box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50,100,150,.4); } body.internal-site.Home.Intranet .popupImage { background-image: url(../images/custom/Email_header_v2.jpg); height: 250px; } body.home.Intranet .Section-content.Section-content--html.text-grey.bg-white a.Button.Button--grey.mt-4, body.home.Intranet section.job-listing { visibility: hidden; display: none; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ .pos_find_results .banner-main-container, .pos_find_results_map .banner-main-container { background-image: url(https://www.mazarscareers.co.uk/wp-content/uploads/2018/07/DSC_1528_lighter3.png); background-size: cover; background-position: center; min-height: 550px; } #quicksearch_pageBlockContainer { margin: 0; } #quicksearch_filter_text_formRow div.controlContainer { margin-bottom: 5px; } #FindJobHeroBlock .pageBlockInner_FormBlock div.controlContainer { } #FindJobContainer { position: relative; width: 600px; max-width: 100%; margin: 0; } #FindJobHeroBlock { background: #fff; padding-bottom: 5px; position: relative; z-index: 50; width: 100%; padding: 1em; border: none; } #FindJobHeroBlock h1 { color: #101010; margin: 0; font-size: 30px; margin-left: 15px; } #FindJobHeroBlock h5 { margin-bottom: 0; font-size: 16px; color: #eee; } #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; } body #FindJobHeroBlock input.buttonSubmit { padding: 5px 60px; margin: 10px auto; font-size: 18px; background-color: transparent; border: 1px solid #464b4b; color: #464b4b; } body #FindJobHeroBlock input.buttonSubmit:hover { background-color: #081f8f !important; border: 1px solid #081f8f !important; color: #fff !important; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; border-radius: 0; color: grey; } body #FindJobHeroBlock .formRowTextInputRow { width: 100%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock div.pageBlockContent { /* padding-top: 25px; */ padding-top: 15px; padding-left: 15px; padding-right: 10px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: table; width: auto; } #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; display: block; text-align: center; } a#JobsNearMe:before { font-family: 'Font Awesome\ 5 Pro'; content: "\f124"; padding-right: 1em; } .sa-site #FindJobHeroBlock { background: #0a214f; border-color: #0a214f; } .sa-site #FindJobHeroBlock a#JobsNearMe { border: none; } /*--------------------------------------- 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); } section#programmes { background: #fff; margin: 4em auto; } .prog-items { margin: 1em auto; position: relative; display: flex; } .prog-items li { list-style: none; } img.prog-img { width: 100px; } .cd-testimonials-wrapper, .cd-testimonials-wrapper * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .cd-testimonials-wrapper ul { list-style: none; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 100%; font-family: "Halyard"; color: #39393c; /*background-color: #f1f1f1;*/ } a { color: inherit; text-decoration: none; } img { max-width: 100%; } .cd-testimonials-wrapper { position: relative; width: 100%; background-color: #f1f1f1; margin: 2em auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 20px 40px 70px; z-index: 1; } .cd-testimonials-wrapper::after { /* quotation mark */ content: '\201C'; position: absolute; top: 0; left: 0; width: 50px; height: 50px; padding-top: 8px; margin-left: 0; background: rgba(32, 32, 34, 0.9); font-family: "Georgia", serif; color: white; font-size: 70px; font-size: 4.375rem; text-align: center; /* visible on big devices only */ display: none; } .cd-testimonials-wrapper::before { /* quotation mark */ content: '\201C'; position: absolute; top: 100px; right: 0px; width: 50px; height: 50px; padding-top: 8px; margin-left: 0; background: rgba(32, 32, 34, 0.9); font-family: "Georgia", serif; color: white; font-size: 70px; font-size: 4.375rem; text-align: center; display: none; transform: rotate(180deg); z-index: 1; /* visible on big devices only */ display: none; } @media only screen and (min-width: 768px) { .cd-testimonials-wrapper { margin: auto; padding: 3em; } } @media only screen and (min-width: 1170px) { .cd-testimonials-wrapper::after, .cd-testimonials-wrapper::before { /* quotation mark visible */ display: block; } } .cd-testimonials { color: white; text-align: center; } .cd-testimonials:after { content: ""; display: table; clear: both; } .cd-testimonials > li { position: absolute; opacity: 0; } .cd-testimonials > li:first-child { position: relative; opacity: 1; } .cd-testimonials p { font-family: "Georgia", serif; font-style: italic; line-height: 1.4; margin-bottom: 1em; padding: 0 14px; } @media only screen and (min-width: 768px) { .cd-testimonials p { font-size: 22px; font-size: 1.375rem; } } @media only screen and (min-width: 1170px) { .cd-testimonials p { font-size: 26px; font-size: 1.625rem; line-height: 1.6; min-height: 90px; } } .cd-author img, .cd-author .cd-author-info { /*display: inline-block;*/ vertical-align: middle; } .cd-author img { width: 32px; height: 32px; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } .cd-author .cd-author-info { padding: 10px 0; text-align: center; line-height: 1.2; } .cd-author .cd-author-info li:first-child { font-size: 14px; font-size: 0.875rem; } .cd-author .cd-author-info li:last-child { font-size: 12px; font-size: 0.75rem; color: #6b6b70; } @media only screen and (min-width: 768px) { .cd-author img { width: 130px; height: 130px; } .cd-author .cd-author-info { line-height: 1.4; } .cd-author .cd-author-info li:first-child { font-size: 16px; } .cd-author .cd-author-info li:last-child { font-size: 14px; } } .flex-direction-nav li { position: absolute; height: 100%; width: 25px; top: 0; display: flex; flex-direction: column; justify-content: center; } .flex-direction-nav li:first-child { left: 0; } .flex-direction-nav li:last-child { right: 0; } .flex-direction-nav li a { display: block; height: 100%; width: 100%; /* image replacement */ overflow: hidden; text-indent: 0; white-space: nowrap; position: relative; margin: 0; top: initial; display: flex; flex-direction: column; justify-content: center; transition: all .2s ease; } .flex-direction-nav li a:before, .flex-direction-nav li a:after { color: #fff; font-size: 17px; } .no-touch .flex-direction-nav li a:hover { background-color: #323234; } .flex-direction-nav li a { color: transparent; } .flex-prev, .flex-next { font-size: 0; } .cd-see-all { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: #252527; text-align: center; text-transform: uppercase; color: #6b6b70; font-weight: 700; font-size: 12px; font-size: 0.75rem; -webkit-transition: color, 0.2s; -moz-transition: color, 0.2s; transition: color, 0.2s; } .no-touch .cd-see-all:hover { color: #79b6e4; } .cd-testimonials-all { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: white; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-testimonials-all .cd-testimonials-all-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .cd-testimonials-all .cd-testimonials-all-wrapper > ul { width: 90%; max-width: 1170px; margin: 4em auto; } .cd-testimonials-all .cd-testimonials-all-wrapper > ul:after { content: ""; display: table; clear: both; } .cd-testimonials-all .cd-testimonials-item { margin-bottom: 2em; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0) scale(0.4); -moz-transform: translate3d(0, 0, 0) scale(0.4); -ms-transform: translate3d(0, 0, 0) scale(0.4); -o-transform: translate3d(0, 0, 0) scale(0.4); transform: translate3d(0, 0, 0) scale(0.4); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; } .cd-testimonials-all p { position: relative; background: #79b6e4; color: white; padding: 2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.4; border-radius: 0.25em; margin-bottom: 1em; } .cd-testimonials-all p::after { /* creating the triangle in css */ content: ''; position: absolute; top: 100%; left: 2em; height: 0; width: 0; border: 8px solid transparent; border-top-color: #79b6e4; } .cd-testimonials-all .cd-author { text-align: left; margin-left: 1.5em; } .cd-testimonials-all .cd-author img { box-shadow: 0 0 0 transparent; } .cd-testimonials-all.is-visible { visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-testimonials-all.is-visible .cd-testimonials-item { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } @media only screen and (min-width: 768px) { .cd-testimonials-all .cd-testimonials-item { width: 46%; margin: 0 2% 3em; } .cd-testimonials-all .cd-author { margin-left: 1em; } } @media only screen and (min-width: 1170px) { .cd-testimonials-all .cd-testimonials-item { width: 30%; margin: 0 1.6666% 3em; } } .cd-testimonials-wrapper .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 70px; /* margin: -20px 0 0; */ position: absolute; /* top: 50%; */ z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; } .cd-testimonials-wrapper .flex-direction-nav .flex-prev { left: auto; } .cd-testimonials-wrapper .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { background: transparent; } .cd-testimonials-wrapper .flex-direction-nav .flex-next { right: 0; text-align: right; } .cd-light .flex-direction-nav li a::before, .cd-light .flex-direction-nav li a::after { background-color: #39393c; color: transparent; } .close-btn { position: fixed; display: block; width: 40px; height: 40px; top: 10px; right: 5%; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; } .close-btn::before, .close-btn::after { /* close icon in css */ content: ''; position: absolute; display: inline-block; width: 2px; height: 24px; top: 8px; left: 19px; background-color: #39393c; } .close-btn::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close-btn::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } div#cd-main { background: #f1f1f1; margin: 3em auto; } .cd-light.cd-testimonials-wrapper::after, .cd-light.cd-testimonials-wrapper::before { color: rgba(32, 32, 34, 0.9); background: #f0f0f0; } .cd-light .cd-testimonials { color: #39393c; } .cd-light .flex-direction-nav li a::before, .cd-light .flex-direction-nav li a::after { background-color: #39393c; } .cd-light .flex-direction-nav li:hover { background: #eee; } #culture { align-items: center; display: flex; } .culture-container { /*background: url("../images/custom/rue_merged.jpg"); position: relative; display: block; background-size: contain; background-repeat: no-repeat; background-position: 0 50%;*/ } .culture-text { padding: 2em; position: relative; } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 { margin: 0 auto; text-align: center; overflow: hidden; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 31.3%; position: relative; height: 250px; margin-bottom: 20px; border: 1px solid lightgrey; transition: all .2s ease; margin: 10px; box-shadow: inset 0 13px 20px -10px #9e9e9e, 0 13px 20px -10px #9e9e9e; float: none; display: inline-block; } /*#eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { width: 25%; }*/ #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .2s ease; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: #0072CE; height: 65px; /*kma*/ text-align: center; transition: all .2s ease; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 5px 0 0; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 15px; font-weight: bold; line-height: normal; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #fff; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 14px; font-weight: 400; text-align: center; transition: all .2s ease; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: #0072CE; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #fff; } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { background-position: 50% 10%; } body.textpage_role_details .flexslider .slides > li span { width: 93%; } /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ .pageBlockInner_FormBlock div.labelContainer { width: 43%; } .basicIcons { background-image: none; } html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 800px; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.normalanchor img { display: none; } #home-img { position: relative; max-height: 500px; overflow: hidden; } #home-img .flexslider .slides > li { min-height: 500px; background-position: center 40%; background-size: cover; } .video-carousel__overlay { position: absolute; background-image: linear-gradient(90deg,rgba(0,51,102,.7) 0%,rgba(0,51,102,0) 100%); top: 0; left: 0; bottom: 0; right: 0; } .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; } .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; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 130px; font-family: "Halyard"; } .posBrowserMapBlock .addressContainer .addressInput { border: 1px solid #ccc !important; width: 150px; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } div#posBrowser_Filter_pageBlockContainer { float: left; width: 30%; } #eaContainer div#SearchForm_pageBlockContainer { background: rgb(246, 250, 255); padding: 1em; width: 100%; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock { background: #fff; padding-bottom: 5px; position: relative; width: 100%; padding: 1em; border: none; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow { width: 100%; margin-bottom: 5px; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .labelContainer { display: none; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .controlContainer { width: 100%; margin: 0; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowTextInputRow .controlContainer input { width: 100%; padding-top: 4px; border-radius: 0; color: grey; border-color: #eee; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow .buttonsRight, #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow .buttonsRight ul li { width: 100%; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow .buttonsRight ul li input { padding: 5px 60px; margin: 5px auto 10px; font-size: 18px; background-color: transparent; border: 1px solid #464b4b; color: #464b4b; } #eaContainer div#SearchForm_pageBlockContainer #SearchForm_pageBlock .formRow.formRowButtonRow .buttonsRight ul li input:hover { background-color: #081f8f !important; border: 1px solid #081f8f !important; color: #fff !important; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { margin: 0; padding: 0 0 5px 5px; list-style: none; overflow: auto; max-height: 340px; overflow-x: hidden; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background-size: 20px; padding-left: 25px; width: 97%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; /* padding-left: 25px; */ background-size: 20px; } #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; background-size: 20px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #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: 5px; min-height: 100px; height: auto; width: 99%; padding: 10px; display: block; background: #fff; border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:last-child .rowContainer { margin-bottom: 30px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; font-family: "Halyard"; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover { color: #f1f1f1; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem a:hover { color: #313131; } #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 { color: #313131; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { float: none; padding: 3px 0 3px 30px; } #eaContainer .FilterContainer .HeaderLabel:hover { cursor: pointer; } .FilterContainer .HeaderLabel:after { font-family: 'Font Awesome\ 5 Pro'; content: '\f067'; /* content: '\02795'; */ font-size: 16px; float: right; margin-right: 10px; margin-top: 2px; color: #fff; font-weight: lighter; } .FilterContainer .HeaderLabel.active:after { font-family: 'Font Awesome\ 5 Pro'; content: '\f068'; /* content: "\2796"; */ color: #fff; } .FilterContainer .ValueContainer { display: none; } .FilterContainer.show .ValueContainer { display: block; } .gridFooter { width: 100%; float: left; } .gridFooter .pagingControls_Tiles { padding: 2em 0; position: relative; text-align: center; width: 100%; } .gridFooter .pagingControls_Tiles .pagingText { float: none; margin: 0; padding: 0; } .gridFooter .pagingControls_Tiles .pagingButtons { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .gridFooter .pagingControls_Tiles .pagingButtons a { margin: 0; font-size: .938em; text-decoration: none; position: relative; -webkit-transition: all .2s; transition: all .2s; width: auto; height: auto; background: none; border: none; } .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled { cursor: initial; pointer-events: none; opacity: 0.3; } .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before { display: block; height: 27.0144px; width: 1em; line-height: 1em; background-position: 50% 50%; background-size: 1em 1em; background-size: contain; background-repeat: no-repeat; content: ''; background-image: url(../Images/sprites/arrow-right.png); font-size: .875em; float: left; margin-right: .6em; -webkit-transition: .2s transform ease-out; transition: .2s transform ease-out; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:after { content: 'Previous'; } .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext { float: right; } .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:before { content: 'Next'; } .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after { display: block; height: 27.0144px; width: 1em; line-height: 1em; background-position: 50% 50%; background-size: 1em 1em; background-size: contain; background-repeat: no-repeat; content: ''; background-image: url(../Images/sprites/arrow-right.png); font-size: .875em; float: right; margin-left: .6em; -webkit-transition: .2s transform ease-out; transition: .2s transform ease-out; } .noRecordsContainer a { font-weight: bold; text-decoration: underline; color: #144d75; } .titleTopContainer { width: 100%; overflow: hidden; } .titleTopContainer .heading-section { width: auto; float: left; } .titleTopContainer .talentButtonContainer { float: right; margin: 0.67em 0; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ body.pos_description { background: #f1f1f1; } #posdesc_pageBlock .earcu_posdescriptionContainer { text-align: left; } .JobTitle h1 { margin: 15px auto; line-height: normal; } div.posDescriptionContainer317 .LeftJobBox { display: block; float: left; overflow: hidden; position: relative; width: 70%; } #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } .earcu_posdescriptionnote ul { list-style: disc; list-style-position: outside; margin-left: 2em; } #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 a.right { margin-right: 0; margin-bottom: 10px; padding: 8px 40px; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; min-height: 60px; } #eaContainer .button.connect, #eaContainer .button.disconnect { width: 92%; display: block; text-align: center; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyWelcomePackSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; } .PosMyAppSummaryValues dd, .PosMyWelcomePackSummaryValues dd { margin: 0; } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: none; display: table; margin: auto; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { } #eaContainer span.miniMapButton { } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); background: #fff; border-radius: 0; padding: 2em; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li { list-style: none; display: inline-block; margin: 0 10px; padding: 2px 8px; border-radius: 5px; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li:hover { transition: all ease-in .2s; color: #f1f1f1; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { padding: 1em; background: #0072CE; color: #fff; } li.jobSumItem a { pointer-events: none; color: #fff !important; } /*location*/ li.jobSumItem.SumItem_codelist5value:before { content: "\f041"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } /*department*/ li.jobSumItem.SumItem_codelist2value:before { content: "\f15c"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } /*division*/ li.jobSumItem.SumItem_codelist7value:before { content: "\f200"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } /*division*/ li.jobSumItem.SumItem_codelist11value:before { content: "\f573"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } /*employment*/ li.jobSumItem.SumItem_codelist10value:before, li.jobSumItem.SumItem_lastpublisheddate:before, li.jobSumItem.SumItem_pospublishenddate:before { content: "\f017"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } /*salary*/ li.jobSumItem.SumItem_displaysalarydescription:before { content: "\f0d6"; width: 20px; height: 20px; position: absolute; margin-left: -22px; font-family: 'Font Awesome\ 5 Pro'; text-align: center; margin-top: 0px; } .Pos_Description .heading-section { display: none; } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsLeft li { width: 100%; } .RightJobBox .ApplyNowContainer.ApplyViaFormContainer, .RightJobBox .ApplyNowContainer .buttonsLeft, .RightJobBox .ApplyNowContainer .buttonsLeft a.right { width: 100%; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: auto; display: table; } #eaContainer #PosDescSharingItems a.PosDescSharingItem { width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: all .2s ease; position: relative; border-radius: 0; } #eaContainer #PosDescSharingItems a.PosDescSharingItem:hover { background-color: #e0e0e0; } #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem { background-image: url(../images/loginsocial/Linkedin.png); filter: brightness(0.4); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem { background-image: url(../images/loginsocial/Facebook.png); filter: brightness(0.4); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#google_plusone_share_PosDescSharingItem { background-image: url(../images/loginsocial/Google-plus.png); filter: brightness(0.4); } #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem { background-image: url(../images/loginsocial/Email.png); filter: brightness(0.4); } #eaContainer #PosDescSharingItems a#twitter_PosDescSharingItem { background-image: url(../images/loginsocial/twitter.png); filter: brightness(0.3); } #eaContainer #PosDescSharingItems a.PosDescSharingItem img { display: none; } #eaContainer #PosDescSharingItems a.PosDescSharingItem:hover { background-color: transparent; } #eaContainer .RightJobBox .posAlerts { text-align: center; } .LeftJobBox { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); background: #fff; padding: 40px; } .VacancyMap { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); margin-bottom: 10px; } .benefitsContainer { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); background: #fff; border-radius: 0; padding: 2em; display: flex; margin: 10px 0; } h2.benefits-title { text-align: center; font-weight: bold; margin-top: 3px; font-family: "Halyard"; line-height: 1.8; font-size: 16px; color: #39393c; } .benefitBlock { width: 50%; text-align: center; float: left; min-height: 140px; line-height: normal; } .benefitBlock:before { content: ""; width: 70px; 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.pension:before { background: url("../images/icons/pension.png"); background-size: 100%; } .benefitBlock.medical:before { background: url("../images/icons/private-medical-care.png"); background-size: 100%; } .benefitBlock.virtualgp:before { background: url("../images/icons/virtual-gp.png"); background-size: 100%; } .benefitBlock.gym:before { background: url("../images/icons/gym.png"); background-size: 100%; } .benefitBlock.psychologist:before { background: url("../images/icons/psychologist.png"); background-size: 100%; } .benefitBlock.annualleave:before { background: url("../images/icons/annual.png"); background-size: 100%; } .benefitBlock.lifeassurance:before { background: url("../images/icons/life.png"); background-size: 100%; } .benefitBlock.criticalillness:before { background: url("../images/icons/critical.png"); background-size: 100%; } .benefitBlock.flexible:before { background: url("../images/icons/flexible.png"); background-size: 100%; } .benefitBlock.physiotherapy:before { background: url("../images/icons/physiotherapy.png"); background-size: 100%; } .benefitBlock.fitness:before { background: url("../images/icons/fitness.png"); background-size: 100%; } .benefitBlock.charitable:before { background: url("../images/icons/responsability.png"); background-size: 100%; } .benefitBlock.dental:before { background: url("../images/icons/dental.png"); background-size: 100%; } .benefitBlock.wellbeing:before { background: url("../images/icons/critical.png"); background-size: 100%; } .benefitBlock.bike:before { background: url("../images/icons/bike.png"); background-size: 100%; } .sa-site .benefitsContainer, .internal-sa-site .benefitsContainer { display: none; } .recruiterContainer { border: .25rem solid #dedede; box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2); background: #fff; border-radius: 0; padding: 2em 1em; word-break: break-all; margin-bottom: 10px; text-align: center; } .recruiterContainer.hide, body.posType184 .recruiterContainer { display: none; } body.sa-site.Pos_Description .recruiterContainer { display: none; } h2.recruiter-title { text-align: center; font-weight: bold; margin-top: 3px; font-family: "Halyard"; line-height: 1.8; font-size: 16px; color: #39393c; } .rec-img img { border-radius: 100%; max-width: 120px; } /*Chatbot*/ /* don't displat on uk site, only displaying the onboarding chatbot*/ #menu-item-98.chatbot { display: none; } div.escb-conv-form-wrapper { position: relative; padding: 5px; box-shadow: 0px 4px 5px #ccc; background: #fdfdfd; } div.escb-conv-form-wrapper div.escb-wrapper-messages { position: relative; min-height: 500px; max-height: 100%; height: 100%; overflow-y: hidden; } div.escb-conv-form-wrapper:before { content: ''; background: transparent; } .escb-message img { max-width: 60px; float: left; } div.escb-conv-form-wrapper div#escb-messages { max-height: 100% !important; overflow-y: scroll; padding-bottom: 10px !important; } div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to { background: #f1f1f1; color: #6f6f6f; float: left; border-top-left-radius: 0; display: flex; align-items: center; } div.escb-conv-form-wrapper div#escb-messages div.escb-message { border-radius: 20px; padding: 12px 22px; font-size: 20px; color: #333; display: inline-block; padding: 10px 15px 8px; border-radius: 20px; margin-bottom: 15px; float: right; clear: both; max-width: 95%; word-wrap: break-word; } form.escb-convFormDynamic textarea.escb-userInputDynamic { font-size: 16px; height: auto !important; box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.4); } div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-from { background: #036; } div.escb-conv-form-wrapper div.escb-options div.escb-option { font-size: 15px; border: 1px solid rgba(72, 93, 197, 0.66); color: #036; } .escb-spinLoader { visibility: hidden; display: none; } form.escb-convFormDynamic { width: 99%; box-shadow: none; margin: 0; padding: 10px !important; } div.escb-conv-form-wrapper div.escb-options { display: block; position: relative; overflow: hidden; white-space: inherit; } form.escb-convFormDynamic button.escb-submit { color: #036; } form.escb-convFormDynamic button.escb-submit:hover { background: #036; color: #fff; } /*--------------------------------------- 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 .pageBlockInner_FormBlock label.formLabel { text-align: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: visible; margin: 1em; } #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.pos_alertcriteria div#Form_row0_formRow { margin: 1em auto; } body.pos_alertcriteria .controlContainer { padding: 3px; width: 30%; background-color: #f0f0f0; color: black; display: grid; } div#Pos_AlertCriteria_pageView .controlContainer { background: transparent; } body .dialog_noTitle div.ui-dialog-titlebar { border-radius: 0; } div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background-image: url(../images/sprites/white-cross.png); background-repeat: no-repeat; background-position: center; background-color: transparent; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { width: 100%; } #eaContainer div.pageBlockInner_FormBlock div.formRow#SubmitForm_contactconsent_formRow { display: none; } .mybasicdetails #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer input { display: inline-block; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #UsernameForm_pageBlock .ssoIconsInnerContainer { margin: 0 auto; max-width: fit-content; max-width: 280px; overflow: auto; } /* Center apply social icons */ #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; max-width: 360px; } #eaContainer #login_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink { width: 64px; height: 64px; padding: 5px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #eaContainer #login_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink .ssoIconImage, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer .ssoIcon .ssoIconLink .ssoIconImage { display: none; } .ssoIconsInnerContainer .ssoIcon.linkedin_ssoIcon .ssoIconLink { background-image: url(../images/loginsocial/Linkedin.png); } .ssoIconsInnerContainer .ssoIcon.google_ssoIcon .ssoIconLink { background-image: url(../images/loginsocial/Google-plus.png); } .ssoIconsInnerContainer .ssoIcon.facebook_ssoIcon .ssoIconLink { background-image: url(../images/loginsocial/Facebook.png); } .ssoIconsInnerContainer .ssoIcon.microsoft_ssoIcon .ssoIconLink { background-image: url(../images/loginsocial/Windows.png); } .ssoIcon.linkedin_ssoIcon a.ssoIconLink { background-image: url(../images/loginsocial/Linkedin.png); width: 50px; height: 50px; background-size: 50px; background-repeat: no-repeat; } .ssoIcon.google_ssoIcon a.ssoIconLink { background-image: url(../images/loginsocial/Google-plus.png); width: 50px; height: 50px; background-size: 50px; background-repeat: no-repeat; } .ssoIcon.facebook_ssoIcon a.ssoIconLink { background-image: url(../images/loginsocial/Facebook.png); width: 50px; height: 50px; background-size: 50px; background-repeat: no-repeat; } .ssoIcon.microsoft_ssoIcon a.ssoIconLink { background-image: url(../images/loginsocial/Windows.png); width: 50px; height: 50px; background-size: 50px; background-repeat: no-repeat; } img.ssoIconImage { display: none; } #UsernameForm_pageBlock .ssoIcon { display: block; float: left; padding: 10px; width: auto; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; } #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; } /*--------------------------------------- 3.12 Talent Pool Register -----------------------------------------*/ #talentpooldesc_pageBlock .talentImg { position: relative; } #talentpooldesc_pageBlock .talentImg .buttonsContainer { overflow: auto; } #talentpooldesc_pageBlock .talentBtn { } #eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer { margin-top: 20px; } #eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer .buttonsRight { width: 100%; } #talentpoolgrid_pageBlockContainer .pageBlockHeader { display: none; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent { border: none; padding: 0; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer { margin: 0; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 33%; height: 400px; position: relative; margin: 10px 0 30px; overflow: hidden; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_24_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_35_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_34_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_33_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_32_rowId, #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_106_rowId { display: none; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:before { background: #036; content: ''; display: block; height: calc(100% - 60px); width: 90%; z-index: 0; position: absolute; top: 60px; left: -40px; transition: all .2s ease-in-out; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer { width: 90%; margin: 0 auto !important; position: relative; overflow: hidden; transition: all .2s ease-in-out; border: none; background: none; padding: 0; overflow: hidden; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader { position: relative; width: 100%; float: left; z-index: 2; text-align: center; margin-top: 15px; padding: 0; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a { text-decoration: none; display: block; background: #036; transition: all .2s ease; padding: 15px; width: 100%; overflow: auto; font-size: 20px; box-sizing: border-box; line-height: normal; color: #fff; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:after { content: "Register your interest"; width: 100%; clear: left; float: left; text-align: center; margin-top: 5px; font-weight: normal; font-size: 16px; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel { float: none; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer { float: left; width: 100%; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer { padding: 0; margin: 0; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span { z-index: 1; transition: all .2s ease-in-out; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span a.rcMenu img { width: 100%; height: 284px; object-fit: cover; object-position: 50% 50%; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover:before { top: 0px; left: 10px; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer { transform: scale(1.1); transition: all .2s ease-in-out; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter { overflow: visible; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles { position: relative; width: 100%; overflow: visible; text-align: center; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingText { float: none; margin: 0; padding: 0; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a { padding: 20px; border-radius: 100%; display: block; background-color: #036; background-repeat: no-repeat; background-position: 50% 50%; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a:hover { opacity: 0.7; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev { float: left; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext { float: right; } #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled { background-color: grey; opacity: 1; pointer-events: none; cursor: initial; } #alerts-box { text-align: center; overflow: hidden; background-image: url(../Images/custom/alerts-bg.jpg); background-position: right top; margin-bottom: 30px; } #alerts-box .text-container { background-color: #036; margin: 0; padding: 10px; width: 469px; min-height: 253px; } #alerts-box .ee-inner { padding: 10px; } #alerts-box ul { list-style: none; } #alerts-box li { text-align: left; } #alerts-box h2 { font-size: 26px; font-size: 2.6rem; margin-top: 0; } #alerts-box h2, #alerts-box p { color: #ffffff; margin-bottom: 20px; } #alerts-box p.lrg { font-size: 22px; line-height: 110%; margin-bottom: 10px; } #alerts-box a { background: #fff; font-weight: bold; border: 1px solid #fff; padding: 5px 60px; margin: 10px auto; font-size: 20px; color: #036; } #alerts-box a:hover { background: #036; color: #fff; } @media all and (max-width:1200px) { #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 49%; } } @media all and (max-width:767px), all and (max-device-width:767px) { #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder { width: 100%; } #alerts-box { background: none; } #alerts-box .text-container { width: auto; } #alerts-box .ee-inner { padding: 10px 15%; } .content-warp { margin-top: 0; } #home-img .flexslider .slides > li { min-height: 300px; } } @media all and (max-width:479px), all and (max-device-width:479px) { #alerts-box .ee-inner { padding: 10px; } } /*--------------------------------------- 3.13 Events -----------------------------------------*/ .candidateevent_list .titleTopContainer, .candidateevent_detail .titleTopContainer, .candidateevent_detail .candidateEventName, .candidateevent_detail .candidateEventDescriptionTitle { display: none; } #intro_pageBlockContainer ul, #intro_pageBlockContainer ol { padding-left: 20px; } #intro_pageBlockContainer ul { list-style: disc; } #intro_pageBlockContainer ol { list-style: decimal; } #eventsListContainer { display: flex; gap: 20px; flex-wrap: wrap; } #eventsListContainer .eventContainerWrapper { width: 100%; float: none; display: flex; flex-direction: column; flex: 30%; cursor: pointer; padding: 10px; } #eventsListContainer .eventContainerWrapper .eventContainer { padding: 0; display: flex; flex-direction: column; flex: 1 0 auto; align-items: center; text-align: center; min-height: 1px; padding: 40px 30px; box-shadow: 0px 0px 20px 0px rgba(23,31,44,0.15); transition: all .2s ease; } #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: relative; background: #0072CE; border-radius: 100%; overflow: hidden; transition: all .2s ease; } #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a img { filter: brightness(0) invert(1); max-width: 30px; max-height: 30px; object-fit: contain; object-position: 50% 50%; transition: all .2s ease; } #eventsListContainer .eventContainerWrapper .eventContainer:hover { background: #0072CE; color: #fff; } #eventsListContainer .eventContainerWrapper .eventContainer:hover a { color: #fff; } #eventsListContainer .eventContainerWrapper .eventContainer:hover .eventImageContainer a { background: #fff; } #eventsListContainer .eventContainerWrapper .eventContainer:hover .eventImageContainer a img { filter: brightness(0); } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ #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; } #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow:hover { background: #fdfdfd; } #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: "Halyard"; font-weight: normal; font-size: 24px; } .banner-main-container .videoBanner { max-height: 400px; overflow: hidden; } .banner-main-container .videoBanner video { max-height: inherit; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { } #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; } body.login #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.profileregister #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.application_login #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.profileregisterwithalerts #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.pos_alertcriteria #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: center; } body.login h1.heading-section, body.profileregister h1.heading-section, body.application_login h1.heading-section, body.profileregisterwithalerts h1.heading-section, body.pos_alertcriteria h1.heading-section { text-align: center; } #UsernameForm_pageBlock .ssoIconLink { display: block; cursor: pointer; filter: brightness(0.5); } #UsernameForm_pageBlock .ssoIconLink:hover { filter: brightness(0.8); } #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%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { background: #f1f1f1; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; font-family: "Halyard"; padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #posSummaryBlockv2_pageBlock .MySummaryItem { display: block; width: 70%; height: auto; margin: 1em auto; } #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner { margin-left: 0; margin-right: 0; } #posSummaryBlockv2_pageBlock .MySummaryItemInner { margin-left: 0; border: none; background: transparent; text-align: center; height: 100%; } #posSummaryBlockv2_pageBlock .MySummaryItemTitle { margin: 5px; font-weight: bold; display: none; } #posSummaryBlockv2_pageBlock .appCompleteChartBlockInner { background: #fff; height: 20px; margin: 0 1px 0 1px; border: 1px solid #d0d0d0; } .MySummaryItemContent { font-size: 20px; font-weight: bold; color: #036; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 3px 3px 3px 10px; } 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: #fff; padding: 1em; border-bottom: 1px solid #d0d0d0; } #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: "Halyard"; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } #eaContainer #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: auto; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: inherit; position: relative; background: none; overflow: visible; min-width: 10% !important; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar:before { content: ''; position: absolute; height: 25px; bottom: 40px; right: 120px; width: 100%; background: linear-gradient(to right, #00204e 0%,#036 80%,#f1f1f1 100%); z-index: 1; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar:after { content: ''; position: absolute; bottom: 0; right: 0; height: inherit; width: 133px; background-image: url(../images/custom/zebra.gif); background-size: contain; background-repeat: no-repeat; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: 2; display: block; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar.stopped:after { background-image: url(../images/custom/zebra.jpg); -webkit-transform: scaleX(1); transform: scaleX(1); width: 110px; } /*#posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd:before { content: ''; float: right; width: 156px; height: 100px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(../images/custom/ZebralZeal.png); }*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 100px; /*width: calc(100% - 70px);*/ width: 100%; background: none; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: left; font-weight: bold; } #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted { display: none; } #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: 85%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .formRow.formRowFileUploadRow { text-align: center; display: block; } .formRow.formRowFileUploadRow .labelContainer { width: 100%; text-align: center; } .formRow.formRowFileUploadRow .controlContainer { width: 100%; margin: auto; } .formRow.formRowFileUploadRow .buttonsLeft, .formRow.formRowFileUploadRow li, .formRow.formRowFileUploadRow a.buttonAnchor.buttonLeft.fileuploadbutton.normal { margin: auto; float: none; } .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; filter: brightness(0.5); } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #f1f1f1; } 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; } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { clear: none; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: center; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { } #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #fff; background-image: url(../images/sprites/unselected-progress-hover.png); background-position: 96% 88%; border: 1px solid #f1f1f1; float: left; height: 120px; margin: 5px; padding: 0; width: 32%; font-weight: normal; position: relative; align-content: end; display: grid; filter: grayscale(1); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #f1f1f1; } #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #f1f1f1; } #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #f1f1f1; } #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a { color: #036; } #Application_Home_pageView #sectionslist_pageBlock .ulListItem:before { content: ''; background-image: url(../images/icons/personaldetails.png); background-position: center; position: absolute; width: -webkit-fill-available; height: 100px; margin: auto; background-repeat: no-repeat; background-size: 70px; transition: background-size .2s ease; } #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover:before { background-size: 75px; } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_PersonalDetails:before { content: ''; background-image: url(../images/icons/icon_personal.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_CV:before { content: ''; background-image: url(../images/icons/icon_cv.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_WorkExperience:before { content: ''; background-image: url(../images/icons/qualification.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_Education:before { content: ''; background-image: url(../images/icons/education.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_ProfQual:before { content: ''; background-image: url(../images/icons/qualification.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_Referees:before { content: ''; background-image: url(../images/icons/referees.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_Referral:before { content: ''; background-image: url(../images/icons/icon_referral.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_EqualOps:before { content: ''; background-image: url(../images/icons/diversity.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_Questions1:before { content: ''; background-image: url(../images/icons/supporting.png); } #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Section_SubmitAndDeclarations:before { content: ''; background-image: url(../images/icons/submit.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { width: calc(33.3333% - 20px); float: left; margin: 10px; border: 1px solid gray; background: #fff; height: auto; min-height: 232px; background-repeat: no-repeat; position: relative; padding: 0; clear: none; background-size: 90px; background-position: 50% 30%; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(3n+1) { clear: left; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel { padding: 10px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; transition: all .3s ease; font-family: "Halyard"; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel a.listAnchor { color: #313131; transition: all .3s ease; display: block; text-align: center; } /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel { background: rgba(0, 32, 78, 0.7); }*/ #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel a.listAnchor, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel a.listAnchor { color: #fff; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover .ulListItemLabel { background: #6689CC; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem { background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferPersonalDetails, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm5 { background-image: url(../images/onboarding/PersonalDetails.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferBankDetails { background-image: url(../images/onboarding/BankDetails.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferTaxInformation { background-image: url(../images/onboarding/Tax.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile1 { background-image: url(../images/onboarding/P45Upload.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm1 { background-image: url(../images/onboarding/ExpressionOfWish.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferNextOfKin { background-image: url(../images/onboarding/NextofKin.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferEmergencyContact { background-image: url(../images/onboarding/EmergencyContact.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm2, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile6, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile7, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm7 { background-image: url(../images/onboarding/PrivateMedical.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm3 { background-image: url(../images/onboarding/PersonalAccountDealing.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferMultiFile2 { background-image: url(../images/onboarding/ITAcceptableUsage.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm4, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm6, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm8 { background-image: url(../images/onboarding/Pension.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferMultiFile3 { background-image: url(../images/onboarding/ComplianceManual.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile10 { background-image: url(../images/onboarding/Pass.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm9 { background-image: url(../images/onboarding/BusinessInterests.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { background-image: url(../images/onboarding/Submit.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferPreviousAddress { background-image: url(../images/onboarding/Location.png); } /*-----*/ #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm13 { background-image: url(../images/onboarding/IWI.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm12 { background-image: url(../images/onboarding/Key_Policy.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm12 { background-image: url(../images/onboarding/Key_Policy.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile4 { background-image: url(../images/onboarding/SPS.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferFile5 { background-image: url(../images/onboarding/FormA.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm11 { background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferGenericForm10 { background-image: url(../images/onboarding/ConflictsOfInterestPolicy.png); } /*---------*/ #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1 { background-image: url(../images/creativeonboarding/welcometomazars.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2 { background-image: url(../images/creativeonboarding/yourlocation.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3 { background-image: url(../images/creativeonboarding/Your_Service_Line.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4 { background-image: url(../images/creativeonboarding/Prepare_for_Day_1.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5 { background-image: url(../images/creativeonboarding/Your_First_90_Days.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6 { background-image: url(../images/creativeonboarding/Supporting_You.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7 { background-image: url(../images/creativeonboarding/Your_Development.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation8 { background-image: url(../images/creativeonboarding/Trainees.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation9 { background-image: url(../images/creativeonboarding/International_New_Joiners.png); background-position: top center; background-size: cover; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation10 { background-image: url(../images/creativeonboarding/tech10.png); background-position: top center; background-size: cover; } /*---------*/ /***offer sections completed extra***/ #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed { background-color: #d0e8ee; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed .ulListItemLabel:hover { background: rgba(0, 32, 78, 0.7); color: white; background-image: url(../images/sprites/white-tick.png); background-repeat: no-repeat; background-position: 97% 50%; } /***offer sections completed extra***/ /***styling for offer literal***/ .pageBlockContent.onboardingHeading.heading1 { padding-left: 0px; padding-bottom: 0px; } #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer { /*background-color:#f1f1f1*/ } #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem { display: inline-block; } #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem_active .menuItemInner a.menuAnchor { color: #3e5b7e; font-weight: bold; padding-top: 10px; padding-bottom: 4px; } .onboardingMenuContainer .menuItemInner { background: #f1f1f1; padding: 10px; text-align: center; margin: 5px; } /***styling for offer literal***/ /*--------------------------------------- 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 .labelContainer { padding-top: 0px; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } .phoneInputMessageInvalid { display: block; } .intl-tel-input.allow-dropdown { width: 100%; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 7px 3px; } #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 7px 3px; width: 250px; } body #eaContainer .formRowTextAreaRow .controlContainer /*body #eaContainer #Edit_OFFERGENERICFORM1_pageBlock .formRowTextAreaRow .controlContainer*/ { width: 100%; } #eaContainer textarea, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, body #eaContainer #Edit_OFFERGENERICFORM1_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea { min-width: 250px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer { margin-top: 1em; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; border: none; background: #fff; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #fff; padding: 1em; border-bottom: 1px solid #d0d0d0; margin-bottom: 1em; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyWelcomePackSummaryValues { background: #F1F1F1; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a, #eaContainer .PosMyWelcomePackSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 1px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: "Halyard"; } #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 #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd, #eaContainer #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl.jobSum:nth-child(2n+2) dd { width: 100%; } #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dt, #eaContainer #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl.jobSum:nth-child(2n+2) dt { display: none; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; height: auto; min-width: 100px; } /**KMAX**/ /*body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { width: calc(43% + 250px); }*/ body.mywelcomepacks_offerform_referee #eaContainer .formRowTextAreaRow .controlContainer, body.mywelcomepacks_offerform_convictions #eaContainer .formRowTextAreaRow .controlContainer, body.mywelcomepacks_offerform_genericform #eaContainer .formRowTextAreaRow .controlContainer { width: auto; height: auto; min-width: auto; } body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, body.mywelcomepacks_offerform_referee #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description4_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description3_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description2_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description1_control, body.earcu_mywelcomepacks_offerform_convictions #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { width: 250px; /*margin-left: 43%;*/ height: 140px; } /*end-end-end*/ .StandardQuestionsForm div.labelContainer { text-align: left; width: auto; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } div#confirmdialogDialogContainer { z-index: 550 !important; /*override inline*/ } .pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile { position: relative; z-index: 500; } .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; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: right; } #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 .controlContainer { float: right; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: right; width: 100%; margin-bottom: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: "Halyard"; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } .application_section_cv #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } .Application_Section_CV #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; } .Application_Section_CV #eaContainer #fileupload_Files_formRow .controlContainer { width: 100%; } #Application_Section_CV_pageView #fileupload_pageBlock .controlContainer .buttonsLeft { float: none; overflow: auto; width: 112px; margin: 0 auto; } #Application_Section_CV_pageView .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li { float: none; margin: 0 auto; } .Application_Section_CV #eaContainer #fileupload_Files_formRow .labelContainer .formLabel { text-align: center; } /*--------------------------------------- 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%; margin-left: 43%; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow td, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow td { transition: all .2s ease; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td { color: #036 !important; } /*--------------------------------------- 5.7 Onboarding -----------------------------------------*/ #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl { margin: 0 0 3px 0; padding: 0; overflow: auto; } body.offer .pageBlockContent.onboardingHeading.heading1, body.offer_accepted .pageBlockContent.onboardingHeading.heading1, body.mywelcomepacks_offerform_summary .pageBlockContent.onboardingHeading.heading1, body.mywelcomepacks_offerinformation_section .pageBlockContent.onboardingHeading.heading1 { display: none; } @media all and (max-width:1235px) { .flexslider .slides > li span { width: 31%; } } @media all and (max-width:1200px) { .popupContainer .popupBlock { position: relative; max-width: 100%; margin-top: 70px; top: initial; left: initial; transform: none; } .popupContainer .popupBlock .close { position: relative; float: right; top: initial; right: initial; border-radius: 0; } .popupContainer .popupBlock .popupImage { display: none; } .popupContainer .popupBlock .popupText { width: 100%; float: left; } } @media(max-width: 1200px) { .category-boxes #cat1, .category-boxes #cat2, .category-boxes #cat3, .category-boxes #cat4, .category-boxes #cat5 { margin-left: 2% !important; } #eaContainer .posBrowserMapBlock .addressContainer { position: relative; left: 0 !important; margin: auto; border: 1px solid #ccc; } .addressContainer.addressContainer_Hidden { display: block; } } @media (max-width: 1200px) { .flexslider .slides > li span { width: 30%; margin: 10px; } .flexslider .slides > li span h3 { font-size: 14px; line-height: normal; margin-bottom: 0; } } @media(max-width: 1051px) { .sub-cont-btn { width: 9%; } } @media(max-width: 934px) { .sub-cont-btn { width: 100%; margin-left: 0% !important; } } @media(max-width: 838px) { .category-boxes #cat1, .category-boxes #cat2, .category-boxes #cat3, .category-boxes #cat4, .category-boxes #cat5 { width: 100%; margin-left: 0% !important; } } @media (max-width: 778px) { .flexslider .slides > li span { width: 96%; margin: 10px; padding: 20px 10px; min-height: auto; box-shadow: none; } } @media(max-width: 500px) { .sub-cont p { font-size: 14px; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { margin: 0em; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 0; } .pageBlockInner_FormBlock .iconListStyle .iconImage { float: none; margin-left: auto; } .pageBlockInner_FormBlock .iconListStyle .iconContainer .iconLabel { text-align: center; } } /*--------------------------------------- Added CSS Fixes -----------------------------------------*/ .pos_description .ApplyNowContainer .buttonsRight, .pos_description .ApplyNowContainer .buttonsRight li, .pos_description .ApplyNowContainer .buttonsRight .buttonAnchor.right { width: 100%; } .application_login #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral, .login #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral, .profileregister #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral, .profileregisterwithalerts #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral { text-align: center; } .application_section_personaldetails #Edit_PERSONALDETAILS_Int11_formRow .labelContainer .formLabel { width: 100%; } /*sa site*/ body.pos_description.sa-site .benefitsContainer, body.sa-site #menu-item-98 { display: none; } .tilter { position: relative; display: block; flex: none; width: 300px; height: 415px; margin: 1.5em 2.5em; color: #fff; perspective: 1000px; } .tilter * { pointer-events: none; } .tilter:hover, .tilter:focus { color: #fff; outline: none; } .tilter__figure, .tilter__image { display: block; width: 100%; height: 100%; margin: 0; } .tilter__figure > * { transform: translateZ(0px); /* Force correct stacking order */ } .tilter__figure { position: relative; } .tilter__figure::before { content: ''; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; box-shadow: 0 30px 20px rgba(35,32,39,0.5); } .tilter__deco { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .tilter__deco--overlay { background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4)); } .tilter__deco--shine div { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%); } .tilter__deco--lines { fill: none; stroke: #fff; stroke-width: 1.5px; } .tilter__caption { position: absolute; bottom: 0; width: 100%; padding: 4em; } .tilter__title { font-family: 'Abril Fatface', serif; font-size: 2.5em; font-weight: normal; line-height: 1; margin: 0; } .tilter__description { font-size: 0.85em; margin: 1em 0 0 0; letter-spacing: 0.15em; } body.textpage_earlycareers article.short-art img { width: 40%; margin: auto; display: block; } .leaver-box { padding: 35px; height: 100%; background: #f5f5f5; display: block; position: relative; margin-bottom: 25px; } .leaver-box h4 { font-size: 20px; line-height: 24px; margin-bottom: 20px; text-align: center } .leaver-box p { text-align: center; margin-bottom: 1.5rem; } .leaver-box-ico img { vertical-align: middle; max-width: 80px; max-height: 50px; } .leaver-box-ico { text-align: center; } body.textpage_yourdevelopment .leaver-box { min-height: 430px; } body.textpage_diversity .training-sector .col-lg-4 { margin-bottom: 15px; margin-top: 15px; } body.textpage_diversity .training-sector .leaver-box { background: #f5f5f5; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; flex-direction: row } @media screen and (max-width:992px) { body.textpage_diversity .training-sector .leaver-box { min-height: 550px; } } body.textpage_blog_details .Card, body.textpage_post_details .Card { display: block; } body.textpage_blog_details .Card .Card-image, body.textpage_blog_details .Card .Card-container, body.textpage_post_details .Card .Card-image, body.textpage_post_details .Card .Card-container { width: 100%; } body.textpage_blog_details .Card .Card-image, body.textpage_post_details .Card .Card-image { margin-left: 0; } body.textpage_life section#training p.Card-text { min-height: 168px; } .Card { min-height: 500px; } .flexRow .d-flex { display: flex; flex-direction: column; flex: 1 0 auto; } .largeBlocks .d-flex { margin-bottom: 30px; max-width: 33.33333333%; } .mywelcomepacks_offerform_referee #Grid_OFFERREFEREE_pageBlockContainer { display: none; } /*--------------------------------------- 5.8 Animated Onboarding -----------------------------------------*/ .mywelcomepacks_offerform_summary .TopHero, .mywelcomepacks_offerform_summary .border-container #breadcrumb, .mywelcomepacks_offerform_summary .border-container h1.heading-section, .mywelcomepacks_offerform_summary .border-container #intro_pageBlockContainer, .mywelcomepacks_offerform_summary .border-container #posSummaryBlockv2_pageBlockContainer { display: none; } .mywelcomepacks_offerform_summary .border-container { border: none; background: #F4F4F4; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main { border-bottom: 1px solid #dadbdb; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-anim-wrapper { position: relative; width: 100%; height: 100%; margin: auto; max-width: 1260px; overflow: hidden; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-anim-wrapper .onboarding-intro { color: #163752; margin-left: 10px; margin-bottom: 30px; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-anim-wrapper .onboarding-intro h2 { color: inherit; font-size: 30px; padding-top: 20px; margin-top: 0; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons { float: left; width: 300px; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons.mobile { display: none; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons a { margin: 7px 10px; position: relative; color: #fff !important; font-family: 'Penumbra', 'arial', 'sans-serif'; font-size: 1em; border: none; -moz-transition: background-color ease .2s; -o-transition: background-color ease .2s; -webkit-transition: background-color ease .2s; transition: background-color ease .2s; text-decoration: none !important; max-width: 230px; display: block; z-index: 2; text-align: center; padding: 3px 20px; background-color: #0072CE; border: 1px solid #0072CE; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons a:hover, .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons a.stage-complete, .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons a.stage-complete:hover { background: #464B4B; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper { width: calc(100% - 300px); max-width: 1260px; max-height: 700px; position: relative; padding-top: 56.9%; float: right; margin-top: -142px; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper .replay { position: absolute; top: 0; right: 0; z-index: 1; width: 40px; height: 40px; background: grey; border: 1px solid darkgrey; border-radius: 50%; color: #fff; transition: all .2s ease; cursor: pointer; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper .replay:hover { background: #fff; color: grey; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper .replay:before { content: '\f2f9'; font-family: "Font Awesome\ 5 Pro"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: block; border: none; overflow: hidden; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup #SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0; } .mywelcomepacks_offerform_summary .modalContent { min-height: 1px !important; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .labelContainer, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlError { max-width: 500px; width: 100% !important; display: block; float: none; margin: 0 auto; padding-left: 0; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .labelContainer * { text-align: left; width: 100%; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer input, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer select, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow .controlContainer textarea { width: 100%; margin-right: 0; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer .popup { float: none; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowCheckBoxRow .controlContainer input { width: auto; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow { width: 100% !important } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li { width: 100%; text-align: center; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li { margin-top: 5px; } .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li input, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li input, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsRight ul li a, .earcu_mywelcomepacks_offerform_summary .sectionInPopup .formRow.formRowButtonRow .buttonsLeft ul li a { display: inline-block; float: none; margin-left: 0 !important; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media all and (max-width:1448px) { body .textpage_diversity .training-sector .b30 { width: calc(50% - 30px); } } @media only screen and (max-width: 1224px) { .row { margin: 0; } #FindJobHeroBlock div.pageBlockContent { padding-right: 15px; } #FindJobHeroBlock .pageBlockInner_FormBlock div.controlContainer { margin-right: 0; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { } /* 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; } #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { width: 100%; float: none; display: block; margin: 0; } .benefitBlock { width: 25%; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } #eaContainer #slider-latest-jobs .slides li span.jobDetails { width: 50%; } } @media screen and (max-width: 1199px) { #eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer { margin-top: 10.5em; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { width: calc(50% - 20px); } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(3n+1) { clear: none; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(2n+1) { clear: left; } } @media screen and (max-width: 1199px) { #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { width: 31%; } } @media screen and (max-width: 991px) { .row { flex-wrap: wrap; } .largeBlocks .d-flex { max-width: 100%; } .flexRow .d-flex.col-md-3, .flexRow .d-flex.col-md-4 { max-width: 100%; } body.textpage_diversity .training-sector .b30 { width: calc(100% - 30px); min-height: 1px !important; } body.textpage_diversity .training-sector .b30 .leaver-box { position: relative; top: 0; transform: none; min-height: 1px; } .leaver-box-ico img { max-height: 100%; } #TalentPool_Description_pageView #talentpooldesc_pageBlock .talentPoolDescription { margin-bottom: 0px; } #eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer { margin-top: 0em; } #eaContainer #talentpooldesc_pageBlock .pageBlockInner .buttonsRight { float: none; } #eaContainer #talentpooldesc_pageBlock .pageBlockInner .buttonsRight li { float: none; } #eaContainer #talentpooldesc_pageBlock .buttonsRight a.buttonAnchor { width: 99.8%; float: none; margin: 0em 0em 1em 0em; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { width: 100%; margin: 0; margin-bottom: 10px; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { margin-bottom: 0; } body.home .page-content { max-width: 100%; } .cd-testimonials-wrapper { padding: 20px; width: 100%; } .culture-container { background-size: 100%; } #Application_Home_pageView #sectionslist_pageBlock .ulListItem { width: 48%; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen 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, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, 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: calc(100% - 2px); text-align: left; } #eaContainer .pageBlockInner_FormBlock .formRow.formRowFileUploadRow div.controlContainer, body #eaContainer .pageBlockInner_FormBlock .formRow.formRowFileUploadRow label.formLabel { text-align: center; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #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, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; margin-left: 0 !important; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; margin: 10px auto; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 10px 5px; width: auto; padding: 5px; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #interviewdetailform_interviewLocationSummary_formRow .labelContainer { height: auto; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } div#posBrowser_Filter_pageBlockContainer { width: 100%; float: none; } /* 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 #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } .possibleDistances li { padding-left: 35px !important; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 0 !important; } #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; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; top: 25% !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; } /*textareas*/ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { width: 100%; } /*KMAX*/ body.mywelcomepacks_offerform_referee #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description4_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description3_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description2_control, body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM1_Description1_control, body.earcu_mywelcomepacks_offerform_convictions #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { width: 100%; margin-left: 0; height: 140px; } body.mywelcomepacks_offerform_genericform #eaContainer .pageBlockInner_FormBlock textarea#Edit_OFFERGENERICFORM4_Description5_control { width: 100% !important; margin-left: 0 !important; height: 140px !important; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #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; } /* 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; } /* 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 .pageBlockInner_FormBlock div.formRowFileUploadRow .buttonsContainer { overflow: inherit; } #supportingfileupload_pageBlock .fileuploadcontainer .buttonsLeft li { width: 150px; margin-left: auto; margin-right: auto; } #eaContainer .fileuploadbutton { display: inline-block; } body #eaContainer div#ConfirmForm_ApplicationStatusComment_formRow .controlContainer, body #eaContainer div#ConfirmForm_ApplicationStatusComment_formRow textarea#ConfirmForm_ApplicationStatusComment_control { width: 100%; min-width: 100%; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons.desktop { display: none; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .ani-wrapper { width: 100%; margin-top: 0; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons.mobile { display: block; width: 100%; text-align: center; } .earcu_mywelcomepacks_offerform_summary .border-container #content-main .stage-buttons.mobile a { display: inline-block; margin: 5px; max-width: 100%; } } @media screen and (max-width: 875px) { #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { width: 47%; } } @media screen and (max-width: 767px) { .main-navigation ul ul#talentToggle a { width: 320px; padding: 0px 0px 10px 15px; } .sticky-navigation.transparent .main-navigation li a { color: #00204e; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { width: 97%; } .banner-main-container .videoBanner { margin-top: 0; max-height: 250px; } .prog-items { display: block; } .home section#mazarsMe { overflow: hidden; } .home section#mazarsMe a .TopHero-image { min-height: 750px } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem { width: 100%; margin: 0; margin-bottom: 10px; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media all and (max-width:610px) { #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { text-align: left; } #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd:before { display: none; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { width: 100%; } } @media screen and (max-width: 600px) { .sticky-navigation .navbar-brand img { } /* Align buttons */ #eaContainer a.button, #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 { float: none; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 98%; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1em; } .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%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { background-size: 250px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: 500px; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } section#programmes { padding: 2em 0 0em; margin: 1em auto; } .cd-testimonials-wrapper { padding: 20px; width: 100%; } #culture { display: block; } .culture-container { background-size: 100%; padding: 1em; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } /* Job alerts */ .modalContent { min-height: auto !important; } div#lookupResults_pageBlock { overflow: hidden; } .ui-widget.ui-widget-content { width: 100% !important; margin: auto; } th#col_lookupResults_name { max-width: 100% !important; width: 100% !important; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } /* Job Description */ #posdesc_pageBlock ul.jobSum { display: grid; } #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } .benefitBlock { width: 50%; } /* #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { background-size: 330px; } */ #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { background-size: cover; } #eaContainer #slider-latest-jobs .slides li span.jobDetails { width: 100%; } #Application_Home_pageView #sectionslist_pageBlock .ulListItem { width: 99%; } .titleTopContainer .heading-section { width: 100%; } .titleTopContainer .talentButtonContainer { width: 100%; margin-top: 0; } } @media all and (max-width:500px) { #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit { min-height: 1px; background-image: none !important; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel { position: relative; padding: 20px; } #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem { display: block; width: 100% !important; } #posSummaryBlockv2_pageBlock .MySummaryItem { display: block; width: 100%; } #posSummaryBlockv2_pageBlock .MySummaryItemContent { margin: 5px; font-size: 16px; } .Footer-part--social .Footer-content { display: block; text-align: center; } .Footer-part--social .Footer-content .Footer-title, .Footer-part--social .Footer-content ul { width: 100%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) { width: 96%; } /* Job alerts */ /* 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; } .JobTitle h1 { margin: 15px auto; line-height: normal; font-size: 22px; } } div#VisiblePosVideo { max-width: 100% !important; } .moviePlayerContainer { max-width: 100% !important; } #player { width: 100% !important; height: 100% !important; } @media screen and (max-width: 414px) { #eaContainer .posBrowserMapBlock .addressContainer { width: 100%; } } @media screen and (max-width: 350px) { .main-navigation ul ul#talentToggle a { font-size: 14px; width: 280px; } } #menu-item-98 { background-image: url(../images/Mazars_chabot.png) !important; background-size: 215px; background-repeat: no-repeat; background-position: center; width: 215px; height: 97px; position: fixed; bottom: 50px; right: 5px; color: transparent; opacity: 0.8; transition: all 0.3s ease; } #menu-item-98:hover { opacity: 1; } #menu-item-98.active { display: none; } #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist9Id_formRow, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist9Id_formRow .controlContainer, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist9Id_formRow .controlContainer select, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist10Id_formRow, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist10Id_formRow .controlContainer, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist10Id_formRow .controlContainer select, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist16Id_formRow, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist16Id_formRow .controlContainer, #eaContainer div.pageBlockInner_FormBlock div.formRow#Edit_EQUALOPS_Codelist16Id_formRow .controlContainer select { width: 100% !important; margin: 0 !important; word-wrap: normal !important; white-space: normal; } /* Refresh Styling */ /* Misc Styling */ .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } #pojo-a11y-toolbar, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { bottom: 0; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { background: #0072CE; color: #fff; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { background: #fff; } /*Misc Styling Ends */ /* Home Styling */ .home .TopHero, .textpage_holding .TopHero { padding: 0; } .home .TopHero .TopHero-bg, .textpage_holding .TopHero .TopHero-bg { background: #0072CE; flex: 1; } .home .TopHero .TopHero-bg .TopHero-part, .textpage_holding .TopHero .TopHero-bg .TopHero-part { flex: 1; width: 50%; } .home .TopHero .TopHero-bg .TopHero-part.TopHero-part--last, .textpage_holding .TopHero .TopHero-bg .TopHero-part.TopHero-part--last { padding-left: 0; position: initial; } .home .TopHero .TopHero-bg .TopHero-part.TopHero-part--last video, .textpage_holding .TopHero .TopHero-bg .TopHero-part.TopHero-part--last video { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; height: 100%; object-fit: cover; object-position: 50% 50%; } .home section#mazarsMe a { position: relative; min-height: 500px; display: block; } .home section#mazarsMe a .TopHero-image { left: initial; width: 100%; background-color: transparent; background-image: url(../images/custom//videoBackground.jpg); background-size: cover; background-position: 65% 50%; } .home section#mazarsMe a .TopHero-image:after { display: none; } .home section#mazarsMe a .job-listing-upper { padding-right: 0; } .home section#mazarsMe a .job-listing-upper .job-lisitng-title h2 { margin-top: 0; font-size: 55px; line-height: 1; overflow: hidden; display: inline-block; background: #fff; font-weight: bold; padding: 10px; color: transparent; position: relative; } .home section#mazarsMe a .job-listing-upper .job-lisitng-title h2 span { background-image: url(../images/custom/videoBackground.jpg); -webkit-text-fill-color: transparent; -webkit-background-clip: text; display: block; } .home section#mazarsMe a .Button { position: absolute; left: 5.5rem; bottom: 3.5rem; width: auto; min-width: 300px; } .home section#mazarsMe a:hover .Button { background-color: #081f8f !important; border: 1px solid #081f8f !important; color: #fff !important; } .home #youtubeModal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0,0,0,0.9); display: none; } .home #youtubeModal .close { position: absolute; top: 10%; right: 10%; color: #fff; cursor: pointer; font-size: 40px; opacity: 0.7; transition: all .2s ease; } .home #youtubeModal .close:hover { opacity: 1; } .home #youtubeModal .modalContent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 75vw; width: 100%; } .home #youtubeModal .modalContent .iframeContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .home #youtubeModal .modalContent .iframeContainer iframe, .home #youtubeModal .modalContent .iframeContainer object, .home #youtubeModal .modalContent .iframeContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #quotes { background: none; border: none; margin-bottom: 0; } #quotes ul.slides li .content { padding: 2rem; padding-left: 4rem; background: #A32052; color: #fff; overflow: hidden; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #quotes ul.slides li:nth-of-type(3n+1) .content { background: #46349C; } #quotes ul.slides li:nth-of-type(3n+2) .content { background: #A32052; } #quotes ul.slides li:nth-of-type(3n+3) .content { background: #D65748; } #quotes ul.slides li .content .textContent { max-width: 34%; padding-bottom: 4rem; float: left; } #quotes ul.slides li .content .textContent .quote { font-size: 55px; line-height: 1; font-weight: bold; margin-bottom: 20px; } #quotes ul.slides li .content .textContent .quote:before, #quotes ul.slides li .content .textContent .quote:after { content: '"'; } #quotes ul.slides li .content .textContent .author { line-height: 1; } #quotes ul.slides li .content .textContent .author strong { display: block; margin-bottom: 5px; } #quotes ul.slides li .content img { max-width: 50%; max-height: 500px; object-fit: cover; object-position: 50% 50%; float: right; } #quotes ul.flex-direction-nav li { height: 50px; top: initial; bottom: 2rem; left: 4rem !important; z-index: 2; } #quotes ul.flex-direction-nav li.flex-nav-prev { display: none; } #quotes ul.flex-direction-nav li a { opacity: 1; margin: 0; top: 0; color: #fff; display: flex; align-items: center; justify-content: center; text-indent: initial; } #quotes ul.flex-direction-nav li a:before { content: '\f054'; font-family: "Font Awesome\ 5 Pro"; position: relative; top: initial; left: initial; transform: none; background: none; color: inherit; width: auto; height: auto; text-shadow: none; font-size: 30px; } #quotes ul.flex-direction-nav li a:after { display: none; } /* Home Styling Ends */ /* Our Stories Styling */ .textpage_blog .TopHero-image { background-position: 50% 30%; } .textpage_blog .Card .Card-container { margin-top: 10px; } .textpage_blog .Card.text-grey .Card-container *:not(.mazarsme) { color: #464b4b !important; } .textpage_blog .Card.text-white .Card-container *:not(.mazarsme) { color: #fff !important; } .textpage_blog .Card .Card-container .Card-content { display: block; overflow: hidden; } .textpage_blog .Card .Card-container .Card-content .mazarsme { float: right; padding: 5px; background: #fff; font-weight: bold; line-height: 1; } .textpage_blog .Card .Card-container .Card-content .mazarsme.maz-2 { visibility: hidden; /*keeps block height*/ } .textpage_blog .Card .Card-container .Card-content h3 { margin-top: 0; float: left; width: 100%; } .textpage_blog .Article--content:not(#blog) .Card .Card-content p { color: inherit; float: left; width: 100%; font-weight: bold; font-size: 20px } .textpage_blog .Article--content:not(#blog) .Card .Card-content p:before, .textpage_blog .Article--content:not(#blog) .Card .Card-content p:after { content: '"'; } .textpage_blog_details .Card { min-height: 1px; } .textpage_blog_details .Card.text-grey .Card-container *:not(.mazarsme), .colourbanner .col-flex.text-grey * { color: #464b4b !important; border-color: #464b4b !important; } .textpage_blog_details .Card.text-white .Card-container *:not(.mazarsme), .colourbanner .col-flex.text-white * { color: #fff !important; border-color: #fff !important; } .textpage_blog_details .Card .Card-image { margin-top: 0; margin-bottom: 0; } .textpage_blog_details .Card .Card-image iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .textpage_blog_details .Card .Card-container { min-height: 1px; } .textpage_blog_details .Card .Card-container .Card-content { display: block; overflow: hidden; } .textpage_blog_details .Card .Card-container .Card-content .Card-title { margin-bottom: 0; font-weight: bold; font-size: 1.125rem; } .textpage_blog_details .Card .Card-container .Card-content p { color: inherit; float: left; clear: left; } .textpage_blog_details .Card .Card-container .Card-content p:last-of-type { margin-bottom: 0; } .textpage_blog_details .Card .Card-container .Card-content .play { float: right; margin-top: -22px; } .textpage_blog_details .accordionsContainer { margin-top: 2rem; } .textpage_blog_details .accordionsContainer .accordion .accordionHeader, .textpage_blog_details .accordionsContainer .fakeAccordion { background: none; border: none; border-bottom: 2px solid #39393c; padding: 10px 0; border-radius: 0; font-weight: bold; width: 100%; display: block; } .textpage_blog_details .accordionsContainer .accordion .accordionHeader:after, .textpage_blog_details .accordionsContainer .fakeAccordion:after { content: '\f054'; font-family: "Font Awesome\ 5 Pro"; float: right; transition: all .2s ease; } .textpage_blog_details .accordionsContainer .accordion .accordionHeader .ui-accordion-header-icon { display: none; } .textpage_blog_details .accordionsContainer .accordion .accordionHeader:hover, .textpage_blog_details .accordionsContainer .accordion .accordionHeader.ui-accordion-header-active { color: #081f8f; } .textpage_blog_details .accordionsContainer .accordion .accordionHeader.ui-accordion-header-active:after { transform: rotate(90deg); } .textpage_blog_details .accordionsContainer .accordion .accordionContent { padding: 2em; border: 2px solid #39393c; border-top: none; background-color: #eeeeee; } /* Our Stories Styling Ends */ /* Other Pages Styling */ .textpage_earlycareers .quoteContainer .quote, .textpage_life .quoteContainer .quote { color: inherit; font-weight: bold; max-width: 270px; } .textpage_earlycareers .quoteContainer .quote:before, .textpage_earlycareers .quoteContainer .quote:after, .textpage_life .quoteContainer .quote:before, .textpage_life .quoteContainer .quote:after { content: '"'; } .textpage_life #ourCulture, .textpage_experienced #whatWeLookFor .container { padding-left: 15px; padding-right: 15px; } .textpage_life #ourCulture .d-flex, .textpage_experienced #whatWeLookFor .container .d-flex { margin-bottom: 30px; } .textpage_rewards #additional ul, .textpage_diversity #networks ul { list-style: disc; padding-left: 20px; } /*.textpage_experienced #whatWeLookFor .container .d-flex:nth-child(2n+1) { padding-left: 0; } .textpage_experienced #whatWeLookFor .container .d-flex:nth-child(2n+2) { padding-right: 0; } .textpage_life #ourCulture .d-flex:nth-last-child(-n+2), .textpage_experienced #whatWeLookFor .container .d-flex:nth-last-child(-n+2) { margin-bottom: 0; }*/ .returners .Section:nth-child(even) .Section-container { flex-direction: row-reverse; } body.textpage_diversity .training-sector .b30 { min-height: 500px; } .textpage_diversity .leaver-box-ico img { max-width: 150px; max-height: 73px; } .accordionsHeader { cursor: pointer; } .accordionsHeader:before { border-radius: 50%; content: "\F054"; font-family: Font Awesome\ 5 Pro; font-weight: 900; color: #464b4b; margin-right: 10px; font-size: 1em; transition: all .2s ease; display: inline-block; } .accordionsHeader.active:before { transform: rotate(90deg); } .Article--content ul[data-class="accordionsList"] { display: none; padding-left: 20px; } .Article--content ul[data-class="accordionsList"] > li { padding-left: 10px; list-style: none; } .Article--content ul[data-class="accordionsList"] > li:before { display: none; } .Article--content ul[data-class="accordionsList"] > li > a:before { position: relative; margin-right: 10px; transition: all .2s ease; display: inline-block; background: none; border-radius: 0; top: initial; bottom: initial; } .Article--content ul[data-class="accordionsList"] > li.current-menu-item > a:before { transform: rotate(90deg); } .Article--content ul[data-class="accordionsList"] > li div.sub-menu { padding: 20px; } /* Other Pages Styling Ends */ /* Responsive Styling */ @media all and (max-width:1024px) { .home .TopHero .TopHero-bg, .textpage_holding .TopHero .TopHero-bg { display: block; } .home .TopHero .TopHero-bg:before, .textpage_holding .TopHero .TopHero-bg:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 113, 206, 0.4); z-index: 2; } .home .TopHero .TopHero-bg .TopHero-part, .textpage_holding .TopHero .TopHero-bg .TopHero-part { width: 100%; height: 100%; max-width: 100%; flex: initial; display: block; } .home .TopHero .TopHero-bg .TopHero-part.TopHero-part--first, .textpage_holding .TopHero .TopHero-bg .TopHero-part.TopHero-part--first { z-index: 3; } .home .TopHero .TopHero-bg .TopHero-part.TopHero-part--last video, .textpage_holding .TopHero .TopHero-bg .TopHero-part.TopHero-part--last video { width: 100%; z-index: 1; } .home section#mazarsMe a .Button { left: 1rem; right: 1rem; min-width: 1px; } #quotes ul.slides li .content { padding-left: 2rem; padding-bottom: 4rem; display: block; } #quotes ul.slides li .content .textContent, #quotes ul.slides li .content img { max-width: 100%; } #quotes ul.slides li .content .textContent { margin-bottom: 2rem; padding-bottom: 0; } #quotes ul.slides li .content .textContent .quote { font-size: 30px; } #quotes ul.flex-direction-nav li { height: 40px; left: 50% !important; transform: translateX(-50%); bottom: 1rem; } .textpage_blog_details .Card .Card-container { padding-bottom: 1.5rem; } #eventsListContainer .eventContainerWrapper { flex: 100%; } } /*@media all and (max-width:991px) { .textpage_life #ourCulture .d-flex, .textpage_experienced #whatWeLookFor .d-flex { margin-bottom: 0 !important; } }*/ /* Responsive Styling Ends */ /* Refresh Styling Ends */ /*temp hide cont to info for offers*/ /*.buttonActionId_continue_to_information, #eaContainer .PosMyWelcomePackSummaryLinks .myWelcomePackLink:last-child { display: none !important; }*/ /**end**/