/* Skin: ASDA_Graduates_03 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /* -------------------------------------- ========================================= 1. HELP PAGES ========================================= -----------------------------------------*/ html body a.sendAnotherLink { background: #5e9b1a; border-color: #5e9b1a; color: #ffffff; font-family: 'Source Sans Pro Bold', Arial, sans-serif; padding: 7px 15px; text-align: center; font-weight: normal; text-align: center; display: block; margin: 0 auto; margin-top: 1em; width: 150px; border-radius: 5px; } /* bhoechie tab */ div.bhoechie-tab-container { z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ddd; margin-top: 20px; margin-left: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } div.bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0; } div.bhoechie-tab-menu div.list-group { margin-bottom: 0; } div.bhoechie-tab-menu div.list-group > a { margin-bottom: 0; } div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa { color: #5A55A3; } div.bhoechie-tab-menu div.list-group > a:first-child { border-top-right-radius: 0; -moz-border-top-right-radius: 0; } div.bhoechie-tab-menu div.list-group > a:last-child { border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa { background-color: #5A55A3; background-image: #5A55A3; color: #ffffff; } div.bhoechie-tab-menu div.list-group > a.active:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #5A55A3; } div.bhoechie-tab-content { background-color: #ffffff; /* border: 1px solid #eeeeee; */ padding-left: 20px; padding-top: 10px; } div.bhoechie-tab div.bhoechie-tab-content:not(.active) { display: none; } #contact, #cant-find { border: 1px solid #ccc; margin-bottom: 1em; margin-top: 1em; text-align: center; } #cant-find { padding-bottom: 20px; } /*#contact { display: none; }*/ h3.green-title { color: #5e9b1a; font-size: 24px; text-align: center; line-height: 28px; } .contact-form label.formLabel { margin-right: 1em; } /* html body #ContactForm_reCaptcha_formRow { margin: 0 auto; float: none; width: 100%; } */ #recaptcha > div { display: inline-block; } html body .pageBlockInner_FormBlock div.labelContainer, html body .pageBlockInner_FormBlock div.controlContainer { max-width: 500px; width: 100%; margin: 0 auto; display: block; float: none; text-align: left; } html body .pageBlockInner_FormBlock div.controlContainer input, html body .pageBlockInner_FormBlock div.controlContainer select, html body .pageBlockInner_FormBlock div.controlContainer textarea { width: 100%; } html body .pageBlockInner_FormBlock textarea.inputTextArea { height: 200px; border-radius: 0.25em; } html body .pageBlockInner_FormBlock .formRow select, html body .pageBlockInner_FormBlock input.inputText { width: 336px; } .tabcontent h3 { color: #5e9b1a; } /* Style the tab */ .tab { float: left; /*border: 1px solid #ccc;*/ background-color: #f1f1f1; width: 30%; /*height: 600px;*/ } /* Style the buttons that are used to open the tab content */ .tab button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { float: left; padding: 0px 12px; /*border: 1px solid #ccc;*/ width: 70%; border-left: none; /*height: 600px;*/ } .call-to-contact { height: 45px; text-align: center; margin: 0 auto; position: relative; display: block; /*width: 125px;*/ width: 129px; } .further-help { position: relative; display: block; margin: 0 auto; text-align: center; font-weight: bold; } #help-content { position: relative; width: 100%; display: block; overflow: hidden; background-color: #f1f1f1; border: 1px solid #ccc; } .tabcontent { background-color: #FFF; border-left: 1px solid #ccc; min-height: 500px; } #help-content .accordion-container:last-child { border-bottom: 0; } body.textpage_help .actionMessageContainer div.actionMessage { color: #5e9b1a; background-image: url("../images/sprites/green-tick.png"); } body.textpage_help .actionMessageContainer div.actionMessageWarning { color: red; background-image: url("../images/sprites/red-cross.png"); } html body.textpage_help .actionMessageContainer div.actionMessage { display: inline-block; float: none; } html body.textpage_help .pageBlockInner_FormBlock #ContactForm_success_formRow div.textLiteralAlignment_Left { text-align: center; } .textpage_help button.accordion-button, .textpage_help button.accordion-button.active:after, .textpage_help button.accordion-button:after { color: #767676; } html body.textpage_help a, .textpage_help a.buttonAnchor { font-family: 'Source Sans Pro Bold', Arial, sans-serif; } /*.textpage_help .accordion-content ul li { margin-left: 1em; }*/ .textpage_help .accordion-content ul { margin-bottom: 10px; } @media screen and (max-width: 450px) { body .col-logins { width: 100%; float: none; margin-top: 0; } } /*--------------------------------------- 1.1 Onboarding -----------------------------------------*/ /*body.is-offerform,*/ body.is-application, /*body.is-offerform.offerimg1,*/ body.is-application.appimg1 { background-image: url(../images/custom/apply_store.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } /*body.is-offerform.offerimg2,*/ body.is-application.appimg2 { background-image: url(../images/custom/apply_opticians.jpg); background-repeat: no-repeat; } /*body.is-offerform.offerimg3,*/ body.is-application.appimg3 { background-image: url(../images/custom/apply_post.jpg); background-repeat: no-repeat; } /*body.is-offerform.offerimg4,*/ body.is-application.appimg4 { background-image: url(../images/custom/apply_warehouse.jpg); background-repeat: no-repeat; } /*body.is-offerform.offerimg5,*/ body.is-application.appimg5 { background-image: url(../images/custom/apply_stair.jpg); background-repeat: no-repeat; } /*body.is-offerform.offerimg6,*/ body.is-application.appimg6 { background-image: url(../images/custom/apply_vans.jpg); background-repeat: no-repeat; } /*body.is-offerform.offerimg7,*/ body.is-application.appimg7 { background-image: url(../images/custom/apply_greewall.jpg); background-repeat: no-repeat; } body.is-onboarding #main-container, body.is-offerform #main-container, body.is-application #main-container { background: rgba(255,255,255,0.95); border: none; margin-top: 2em; margin-bottom: 2em; padding: 2em; border-radius: 3px; box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54); -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.54); border-top: 4px solid #97ce68; } body.is-onboarding #main-container, body.is-offerform #main-container { border-left: 1px solid #dddddd; } body.is-offerform #eaContainer div.pageBlockInner_FormBlock div.formRow, body.is-application #eaContainer div.pageBlockInner_FormBlock div.formRow { width: 98%; width: 100%; margin-bottom: 1em; } body.is-offerform label, body.is-offerform label:visited, body.is-offerform label:hover { color: #5e9b1a !important; } html body.is-offerform #eaContainer input.inputText, html body.is-offerform #eaContainer select, html body.is-offerform #eaContainer textarea { border: 1px solid #cccccc !important; background: none !important; } html body #eaContainer input.inputText { border: 1px solid #cccccc; } #contract-intro ul { margin-bottom: 0; } body.Offer #earcuintro, body.Offer .offerBeforeSigningText { display: none; } body.is-onboarding #breadcrumb, body.is-onboarding .overlay-layer-nav, body.is-onboarding #posSummaryBlockv2_pageBlock, body.is-onboarding .heading-section, body.is-onboarding .earcuintro { display: none !important; } body.Offer .heading-section, /***KMA this for contract page title***/ body.MyWelcomePacks_OfferInformation_Summary .heading-section, body.is-offerform .heading-section { display: block !important; font-family: "Gotham A", "Gotham B"; } .heading-section.show-heading-please { font-family: "Gotham A", "Gotham B"; } body.is-onboarding .show-heading-please { display: block !important; } body.is-onboarding.is-offerform #main-container .fa, body.is-application #main-container .fa { font-family: "Font Awesome 5 Free"; } .ob-countdown { padding: 2em; max-width: 100%; background-size: cover; background-position: center bottom -88px; background-image: url(../images/custom/asda-new-obg.png); background-repeat: no-repeat; display: block; min-height: 400px; } /*.MyWelcomePacks_OfferInformation_Summary .ob-countdown, .MyWelcomePacks_OfferForm_Summary .ob-countdown { background-position: center bottom -88px; }*/ body.Offer .ob-countdown { padding: 3em 3em 158px 3em; } .welcome-card { margin: 0 auto; width: 600px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px 50px 20px; background-color: #fff; border: 4px solid #97ce68; border-left: 0; border-right: 0; border-bottom: 0; box-shadow: 0 0 22px -1px rgba(0,0,0,.42); font-family: "Gotham A","Gotham B"; font-style: normal; font-weight: 500; } .welcome-card-short { padding: 20px; } .welcome-card h1, .welcome-card h2, .welcome-card p { margin: 0; font-family: "Gotham A", "Gotham B"; font-weight: 500; color: #000000; } .welcome-card .icon { cursor: pointer; width: 40px; height: 40px; fill: #97ce68; } .welcome-card h1 { font-size: 38px; font-weight: 800; } .welcome-card h2 { font-size: 26px; } .welcome-card p { margin-top: 20px; margin-bottom: 20px; font-size: 15px; line-height: 20px; } .welcome-card a, .welcome-card a:hover, .welcome-card a:visited { text-decoration: underline; color: #000000; } a.jumptop { padding-top: 20px; } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem, /*ADDED*/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover, /*ADDED*/ html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock li.Section_SubmitAndDeclarations { background: #ffffff; border-top: 1px dotted grey; border-right: none; border-bottom: none; border-left: none; float: none; height: auto; margin: 0 0 0 0 !important; padding: 16px; width: 100%; text-align: left; } html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock li.Section_SubmitAndDeclarations { border-top: 1px solid #5e9b1a; } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulList div.ulListItemLabel, /*ADDED*/ html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel { text-align: left; } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulList li.ulListItem a:visited, /*ADDED*/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem a:visited, /*ADDED*/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem a:hover, /*ADDED*/ .OfferFormSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a:hover, .OfferFormSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a:visited, html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a:hover, html body #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a:visited, html body #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover a, html body #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover a:hover, html body #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover a:visited, html body #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem a, html body #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem a:visited, html body #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem:hover a, html body #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem:hover a:hover, html body #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem:hover a:visited, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem a:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem a:visited, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .Completed div.ulListItemLabel a:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .Completed div.ulListItemLabel a:visited, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a:visited, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem a:visited, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover a:visited { color: #5e9b1a; font-weight: bold; } .OfferFormSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a, .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem a, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .Completed div.ulListItemLabel a, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem a { color: #000000; /***!!hover state for these classes!!***/ } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem a, /*ADDED*/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulList li.ulListItem a, /*ADDED*/ html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem a, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem a { background-image: url(../images/icons/big_arrow_green.gif); background-repeat: no-repeat; background-position: right center; padding-right: 22px; } html body .OfferFormSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem a, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem a, html body #eaContainer .earcu_onboarding #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem a { background-image: url(../images/icons/big_arrow_black.gif); } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed, /*ADDED*/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem.Completed:hover, /*ADDED*/ html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem.Completed:hover { background-image: url(../images/icons/ApplicationSectionComplete.png); background-color: #f6f4f1; background-repeat: no-repeat; background-position: 21px center; padding-left: 40px; } html body #eaContainer #additionalinformationsectionslist_pageBlock .ulList li.ulListItem:hover, /**ADDED**/ html body #eaContainer #additionalinformationsectionslist_pageBlock .ulListItem:hover, /**ADDED**/ html body #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList li.ulListItem:hover, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock .ulListItem:hover { background-color: #f6f4f1; } #onboardingTopContainer .menuItem span { margin-right: 5px; } .onboardingMenuContainer { background: url(../images/icons/dots.png) repeat-x center left transparent; } body.OfferSign div.onboardingMenuContainer { background: none; } .onboardingMenuContainer .menuItem { width: calc(33.3333% - 10px); display: block; margin: 0px 1px 0px 9px; background-color: white; border: 1px solid #cccccc; border-top: 4px solid #97ce68; border-radius: 0; } .onboardingMenuContainer .menuItem:last-child { margin-right: 9px; } .onboardingMenuContainer .menuItem_active { border: 1px solid #5e9b1a; } #onboardingTopContainer .menuItemInner a.menuAnchor { height: auto; text-align: left; } #onboardingTopContainer .onboardingMenuContainer .menuItem a.menuAnchor, #onboardingTopContainer .onboardingMenuContainer .menuItem a.menuAnchor:hover, #onboardingTopContainer .onboardingMenuContainer .menuItem a.menuAnchor:focus, #onboardingTopContainer .onboardingMenuContainer .menuItem a.menuAnchor:visited { color: #000000; text-decoration: none; } html body div#onboardingTopContainer { /*background: #F3F3F3;*/ padding-top: 3em; padding-bottom: 1em; /*margin-top:-104px*/ } html body .onboardingMenuContainer .menuItem_active { background: #5e9b1a; } #onboardingTopContainer .onboardingMenuContainer .menuItem_active a.menuAnchor, #onboardingTopContainer .onboardingMenuContainer .menuItem_active a.menuAnchor:hover, #onboardingTopContainer .onboardingMenuContainer .menuItem_active a.menuAnchor:focus, #onboardingTopContainer .onboardingMenuContainer .menuItem_active a.menuAnchor:visited { color: #ffffff; } html body #eaContainer #additionalinformationsectionslist_pageBlock li.Section_SubmitAndDeclarationsAdditionalInformation, html body #eaContainer #additionalinformationsectionslist_pageBlock li.Section_SubmitAndDeclarationsAdditionalInformation:hover, html body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, html body #eaContainer #sectionslist_pageBlockContainer #sectionslist_pageBlock li.Section_SubmitAndDeclarations { border-bottom: 1px dotted grey; } #MyWelcomePacks_OfferForm_Summary_pageView #BackBlock_pageBlock { margin-top: 1em; } html body #OfferDetails_pageBlock { padding-left: 0; } @media screen and (max-width: 1024px) { .welcome-card { width: 80%; } .onboardingMenuContainer .menuItem { float: none; margin-bottom: 1em; border: 0; } .onboardingMenuContainer { background: none; } .is-onboarding .container { width: 100%; } body.is-offerform #main-container, body.is-application #main-container { margin-top: 0; margin-bottom: 0; padding: 2em; } } @media screen and (max-width: 767px) { .welcome-card { width: 100%; } .ob-countdown { padding: 20px; } .onboardingMenuContainer .menuItem { margin-left: 0; } html body div#onboardingTopContainer { background: #F3F3F3; padding-top: 1em; padding-bottom: 2em; padding-left: 1em; padding-right: 1em; } } /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ #posdesc_pageBlock .videoOuterContainer { max-width: 500px; } html body { font-family: 'Source Sans Pro Regular', Arial, sans-serif; font-size: 18px; } h1 { font-size: 24px; } h1.strapline { font-size: 42px; color: #5e9b1a; padding-bottom: 0; margin-top: 30px; margin-bottom: 30px; font-family: 'Source Sans Pro Bold', arial, sans-serif; } h1.heading-section { text-align: center; font-size: 30px; } h1.moto { font-family: "Source Sans Pro Regular",Arial,serif; font-weight: bold; color: #333; font-size: 30px; padding: 0 10px; position: relative; } h1.moto2 { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; font-family: "Source Sans Pro Bold",Arial,serif; font-weight: bold; color: #333; font-size: 30px; padding: 0 10px; } h1.moto2:before, h1.moto2:after { content: ''; border-top: 1px solid; margin: 0 20px 0 0; flex: 1 0 20px; color: #bbb; } h1.moto2:after { margin: 0 0 0 20px; } h2.moto { font-family: 'Source Sans Pro Regular', Helvetica Neue, Sans-serif; color: #333; font-size: 26px; margin: auto; padding: 5px 10px; font-weight: 100; } a { color: #5e9b1a; text-decoration: none; } .margin-2em { margin-top: 2em; } .margin-4em { margin-top: 4em; } .margin-6em { margin-top: 6em; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ a.navbar-brand img { height: 100%; width: 140px; min-width: 140px; } .col-logins { display: inline-flex; margin: 30px 10px 0; float: right; } .col-logins a { color: #333 !important; margin: 0 10px; font-weight: bold; font-size: 16px; } .col-logins img { width: 20px; height: 20px; margin: 5px; } .main-navigation .primary-menu { padding-left: 0; } .sticky-navigation .main-navigation li#menu-item-10 a { font-weight: bold; border-right: 1px solid #ddd; padding: 0 30px 0 0; } /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; color: #5e9b1a; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .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, .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; } /*--------------------------------------- 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: 'fontAwesome'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'fontAwesome'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, 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: #5e9b1a; } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #5e9b1a; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #5e9b1a; color: #fff; } .tabs-style-shape nav li a:hover svg { fill: #5e9b1a; } /* 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: #5e9b1a; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .Pos_Description_Review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover { color: #5e9b1a; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, #eaContainer a.buttonAnchor:hover { background: #5e9b1a; border-color: #5e9b1a; color: #ffffff; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #bbb; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext { background-image: url("../images/sprites/arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/arrow-left.png"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, 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: #f1f0f0; } .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; } li#menu-item-10 i.fa.fa-home { padding-right: 15px; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* Parallax */ .parallax-window { min-height: 330px; background: transparent; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 380px; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } body.Pos_Description div#content-main { } div#Pos_Description_pageView { background: #fffffff0; background: rgba(255, 255, 255, 0.94); } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #footer .container .footer-last-row .footerLinks { padding: 0em 0em 2em; } #footer .container .footer-last-row img { margin: 1em 0em; } /*onboarding text link*/ /**ONBOARDING**/ a.hereclass { font-weight: bold; text-decoration: underline; font-size: 20px; } #eaContainer div.filescontainer .file a.filename, a.uloblink, #eaContainer div.offerAnchorContainer a#download { text-decoration: underline; } /*show hide ni number based on company*/ div#ninumber { display: none; } body.company-3 div#ninumber, body.company-7 div#ninumber { display: inline-block; } /*****/ h2.firsth2, h3.firsth3 { margin-top: 0; padding-top: 0; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: 'Source Sans Pro Regular', Helvetica Neue, Sans-serif;*/ } #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer #latest-jobs a.buttonAnchor.left { color: #fff; border: 2px solid #5e9b1a; background: #5e9b1a; font-weight: bold; } #eaContainer #latest-jobs a.buttonAnchor.left:hover { color: #5e9b1a; border: 2px solid #5e9b1a; background: #fff; } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .alternateViews a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a { color: #5e9b1a; } #eaContainer div.pageBlockContainer { margin: 0; } div#sectionslist_pageBlockContainer { } #eaContainer div.pageBlockContent { overflow: hidden; } body.Pos_Description section#breadcrumb { margin-left: 20px; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; } #breadcrumb a { color: #333; } #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer { overflow: hidden; } h1#EarcuIntroTextBlockTitle, h1#EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } div#MyDetails_pageView .pageBlockTitle { display: block; padding: 20px 20px 0; width: 100%; } div#Grid_PERSONALDETAILS_pageBlockContainer .pageBlockTitle { display: none; } div#MyDetailsStauts_pageBlockContainer .pageBlockTitle { display: none; } div#MyDetails_pageView div.pageBlockContainer { border-bottom: 1px solid #f1f1f1; margin: 20px 0; } div#MyDetails_pageView div#intro_pageBlockContainer { border-bottom: none; } div#MyDetails_pageView div#intro_pageBlock { background: #fff; } div#MyDetails_pageView .buttonsRight { } div#MyDetails_pageView div#SkillsForm_skills_formRow { padding: 0 15px 15px; } div#MyDetails_pageView .pageBlockInner_GridBlock .noResults { text-align: left; } div#MyDetails_pageView #fileupload_Files_formRow .labelContainer { text-align: left; margin: 5px; } div#MyDetails_pageView #fileupload_Files_formRow .labelContainer label.formLabel { text-align: left; } div#MyDetails_pageView #fileupload_Files_formRow .controlContainer { float: right; } div#MyDetails_pageView .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .message.nofilesmessage { text-align: left; padding-left: 15px; } div#MyDetails_pageView div#Grid_PERSONALDETAILS_pageBlockContainer .rowContainer { padding: 10px; } div#MyDetails_pageView div#Grid_REFERRAL_pageBlock .rowContainer { padding: 0; background: #fff; } div#MyDetails_pageView div#Grid_REFERRAL_pageBlock .buttonsRight { } div#MyDetails_pageView div#Grid_PERSONALDETAILS_pageBlock .buttonsRight { } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { /*margin-top: 6em;*/ } .banner-main { margin-top: 70px; width: 100%; } #eaContainer { margin-bottom: 2em; } .pageBlockInner_FormBlock span.mandatoryContainer { color: red; margin-left: 0px; margin-right: 0px; } /*--------------------------------------- 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 { padding: 7px 15px; text-align: center; font-size: inherit; font-family: inherit; font-weight: normal; background: #5e9b1a; color: #fff; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 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 { /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #5e9b1a; } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { } .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) !important; background-repeat: no-repeat !important; background-position: center !important; background-color: transparent !important; height: 39px !important; border-radius: 0 !important; } 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: #5e9b1a; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #5e9b1a; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; padding: 10px } .modalContent .formRow.formRowButtonRow { margin-top: 1em; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } div#removesingleitem_buttons_formRow .buttonsRight { float: none; margin: auto; width: auto; display: table; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ div#home-img { background: url("../images/custom/ASDA_Dundee_Milton.jpg"); background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; min-height: 300px; height: auto; } div#left-bg { width: 100%; padding: 0 1em; height: 100%; } h2.moto:after { } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-80px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-80px); } 100% { opacity: 1; transform: translateX(0); } } .Home #intro_pageBlock { display: none; } .page-content hr { margin-top: -18px; overflow: hidden; } .p-strapline { width: 70%; margin: auto; padding: 2em; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .Home #eaContainer { margin-bottom: 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: #5e9b1a; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #5e9b1a; font-size: 34px; } section#testimonials { background: #f1f1f1; padding: 1em; margin: 1em 0; } .blockquote-author { font-size: 20px; } p.subtitle1, p.subtitle2 { font-size: 20px; } .testimonials-description-text { font-size: 24px; font-style: italic; padding: 0 1em; line-height: normal; text-align: center; } p.nametestimonial1 { font-size: 20px; font-style: normal; font-weight: normal; padding: 1em 0 0; width: 70%; margin: auto; } p.roletestimonial1 { font-size: 20px; font-style: normal; font-weight: normal; padding: 0 0 1em; width: 70%; margin: auto; } .typical { background: #f1f1f1; padding: 20px; margin-top: -110px; margin-left: -30px; padding-top: 70px; z-index: 0; position: relative; max-width: 540px; } p.typical-title { font-weight: bold; } .Home #eaContainer .container, .Home .template-home .container { padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 49%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 50%; border-top-right-radius: 15px; } #eaContainer .col-right p { margin: 0; } .section-header { width: 80%; padding-top: 2em; margin: auto; } #slider-latest-jobs ul.slides { display: inline-block; vertical-align: top; width: 90%; background: #f1f1f1; padding: 0 1em; } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin: 12px 0; } #eaContainer #latest-jobs h3 { font-family: 'Source Sans Pro Bold', Helvetica Neue, Sans-serif; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .category-description-text { margin-bottom: 1em; margin-top: 1em; color: #333; width: 90%; } .category-description-text p { font-size: 18px; } .category-description-text p:nth-child(1) { font-size: 20px; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } section#youtube-home { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0em 0 2em; /*background: linear-gradient(70deg, #f1f1f1 51%, #cccccc 41%);*/ } section#youtube-home .col-yt { margin-top: 0em; color: #333; } section#youtube-home iframe { width: 100%; height: 278px; max-width: 100%; box-shadow: -6px 6px 7px #bbb; } h2.h2-yt { color: #333; font-size: 34px; padding-bottom: 1em; font-family: 'Source Sans Pro Bold', Arial, sans-serif; } section#youtube-home h2.h2-yt { color: #5e9b1a; font-size: 44px; padding-bottom: 1em; font-family: 'Source Sans Pro Bold', Arial, sans-serif; } section#youtube-home .col-yt p { width: 90%; } section#youtube-home p.p-video { background: #f1f1f1; padding: 20px; padding-top: 100px; margin-top: -90px; margin-left: -60px; max-width: 550px; } section#prefooter { margin: 4em auto; color: #333; } section#prefooter h2.h2-yt { color: #333; } section#prefooter img { width: 100%; max-width: 100%; } .col-yt { color: #333; } section#category1 { padding: 4em 0 6em; background: #f1f1f1; border-top: 3px solid #000; } section#category1 div.cat-top { width: 30%; margin-right: -50px; } section#category1 div.cat-bottom { width: 30%; margin-right: -50px; margin-top: 50px; } div.cat-bottom img, div.cat-top img { box-shadow: 5px 3px 10px #bbbbbb; } section#category1 div.desc-bottom { width: 30%; height: 360px; background: #fff; margin-right: -50px; margin-top: 50px; padding: 20px; border: 1px solid #bbb; box-shadow: 5px 3px 10px #bbbbbb; position: relative; } div.desc-bottom h2 { font-family: 'Source Sans Pro Bold', Arial, sans-serif; } section#category2 div.desc-bottom h2 { line-height: normal; } .category-cards { display: inline-flex; } .desc-bottom a.green-btn { text-align: center; margin: 1em auto; width: auto; background: #5e9b1a; color: #fff; padding: 5px 30px; border-radius: 3px; position: relative; display: table; } .desc-bottom h3.h3-cat1 { background: #000; margin: -20px; margin-bottom: 10px; padding: 5px; text-align: right; font-size: 20px; } section#category2 { padding: 4em 0 6em; background: #fff; } section#category2 div.cat-top { width: 30%; margin-right: -50px; } section#category2 div.cat-bottom { width: 30%; margin-right: -50px; margin-top: 50px; } section#category2 div.desc-bottom { width: 30%; height: 360px; background: #fff; margin-right: -50px; margin-top: 50px; padding: 20px; z-index: 1; border: 1px solid #bbb; box-shadow: 5px 3px 10px #bbbbbb; } section#category2 h2.h2-yt { margin: 20px; } .desc-bottom h3.h3-cat2 { background: #5e9b1a; margin: -20px; margin-bottom: 10px; padding: 5px; text-align: right; font-size: 20px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ body.Home #FindJobContainer { padding: 6em 0; width: 1170px; max-width: 100%; } #FindJobContainer { position: relative; margin: 0 auto; width: 100%; z-index: 4; padding-top: 9em; } body.Home #FindJobHeroBlock { border: 1px solid #bbb; width: 500px; max-width: 100%; margin: 0; } #FindJobHeroBlock { max-width: 702px; border-radius: 0; position: relative; z-index: 1000; margin: auto; padding: 1em; background: #fff; } div#FindJobHeroBlock div#quicksearch_pageBlockContainer { margin: 0; } #FindJobHeroBlock h1 { } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } body #FindJobHeroBlock input.buttonSubmit { background: #5e9b1a; text-shadow: 0 !important; color: #fff; border-radius: 3px; padding: 5px 33px; font-weight: bold; } body #FindJobHeroBlock input.buttonSubmit:hover { background: #5e9b1a; color: #fff; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; border-radius: 3px; } body.Home #FindJobHeroBlock input.inputText { padding: 10px 5px; color: #191919; font-size: 14px; } body.Home #FindJobHeroBlock .formRowTextInputRow { width: 100%; } body #FindJobHeroBlock .formRowTextInputRow { width: 40%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } body.Home #FindJobHeroBlock .buttonsRight { margin: 1em 0; } #FindJobHeroBlock div.pageBlockContent { padding-left: 15px; padding-right: 15px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: auto; } #FindJobHeroBlock .buttonSubmit { padding: 5px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } #FindJobHeroBlock .pageBlockInner_FormBlock label.formLabel { text-align: right; font-size: 16px; } a#JobsNearMe { text-align: right; display: block; color: #337ab7; background: transparent; width: 100%; padding: 10px 20px; font-size: 14px; position: relative; width: auto; margin-bottom: -40px; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f05b"; padding-right: 1em; color: #000; } #FindJobHeroBlock h1 { margin-top: 0; text-transform: none; margin-bottom: 0; padding: 5px 10px 10px; } div#posBrowser_Filter_pageBlockContainer { width: 20%; float: left; } body.Pos_Find_Results #FindJobContainer, body.Pos_Find_Results_Map #FindJobContainer { margin: auto; padding-left: 0; padding-top: 0; } body.Pos_Find_Results #FindJobHeroBlock, body.Pos_Find_Results_Map #FindJobHeroBlock { background: transparent; max-width: 1060px; border-radius: 0; position: relative; z-index: 1000; margin-left: 30%; padding: 1em; } /*body.Pos_Find_Results #FindJobHeroBlock { max-width: 700px; background: #fff; border: none; padding-bottom: 0; position: relative; z-index: 1000; margin-left: 25%; box-shadow: none; }*/ div#main-img, #aboutBanner { height: auto; border: 1px solid #ccc; } div#main-img { background: url(../images/custom/results-banner.jpg); background-position: left; background-size: cover; background-repeat: no-repeat; } div#main-img h1 { font-size: 48px; color: #fff; position: absolute; width: 200px; line-height: 40px; font-weight: bold; } body.Pos_Find_Results h1.heading-section, body.Pos_Find_Results_Map h1.heading-section { display: none; } a.nojobs_anchor { font-weight: bold; text-decoration: underline; color: #5e9b1a; } .FilterRow:nth-child(1) .FilterContainer .ValueContainer { /*display: block;*/ } /*--------------------------------------- 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; } .cat-align h1 { margin: 0; font-family: 'Source Sans Pro Bold', arial, sans-serif; line-height: normal; } body.textpage_roles .cat-align p, body.textpage_campaigns .cat-align p { margin: 0 3px; line-height: normal; font-size: 14px; padding: 0; } div.category-summary { min-height: 150px; padding: 10px 0; } body.textpage_campaigns div.category-summary { height: 150px; overflow: hidden; } body.textpage_roles .cat-align p.category-summary { line-height: normal; font-size: 18px; padding: 10px 0; } #roles-img { background: url(../images/custom/westwood.jpg); background-repeat: no-repeat; background-size: auto; background-position: right; height: 350px; width: 100%; border-bottom: 1px solid #333; } h2.roles-h2 { font-size: 40px; font-weight: normal; } h1.roles-h1 { font-size: 50px; font-weight: bold; margin: 10px; margin-left: 30px; } p.roles-p { padding: 20px 10px; } .categoryj.choose .cat-container { background: #5e9b1a; padding: 30px; color: #fff; overflow: inherit; } div#cat-0 h1 { font-size: 40px; } div#cat-0 p { padding: 20px 0; } .cat-container a.dropdown-item { display: block; } body.textpage_roles button#dropdownMenuButton { background: #fff; color: #000; width: 100%; text-align: left; border-radius: 0; font-size: 18px; padding: 10px; } body.textpage_roles button#dropdownMenuButton:after { float: right; } body.textpage_roles .dropdown-menu { width: 100%; font-size: 18px; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 100%; min-height: 430px; max-height: 430px; overflow: hidden; position: relative; display: inline-block; margin: 10px 0; background: #fff; border: 1px solid #ddd; box-shadow: 5px 5px 5px #ddd; } .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); } .cat-align { padding: 10px 20px; } .cat-container .image-catj { width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } div#cat-1.technology .cat-container .image-catj { background-image: url(../images/custom/technology1.jpg); } div#cat-2.customer-delivery-driver .cat-container .image-catj { background-image: url(../images/custom/drivers125.jpg); } div#cat-3.store-roles .cat-container .image-catj { background-image: url(../images/custom/store102.jpg); } div#cat-4.warehouse-and-logistics .cat-container .image-catj { background-image: url(../images/custom/warehouse62.jpg); } div#cat-5.head-office-roles .cat-container .image-catj { background-image: url(../images/custom/office8.jpg); } div#cat-6.george .cat-container .image-catj { background-image: url(../images/custom/george36.jpg); background-position: bottom; } div#cat-7.optical .cat-container .image-catj { background-image: url(../images/custom/optical119.jpg); } div#cat-8.pharmacy .cat-container .image-catj { background-image: url(../images/custom/pharmacy121.jpg); } a.readj, a.viewj { font-size: 16px; padding: 2px 25px; border-radius: 3px; margin: 5px; position: relative; display: inline-block; text-align: center; } body.textpage_campaigns #eaContainer a.readj, body.textpage_campaigns #eaContainer a.viewj { margin-top: 20px; } a.readj { background: #5e9b1a; color: #fff !important; border: 2px solid #5e9b1a; width: 50%; } a.readj:hover { background: #fff; color: #5e9b1a !important; } a.viewj { background: #fff; color: #5e9b1a; border: 2px solid #5e9b1a; width: 40%; } a.viewj:hover { background: #5e9b1a; color: #fff !important; } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 24%; position: relative; margin: 10px; height: 80px; margin: 5px !important; background: linear-gradient(-90deg, #f1f1f1 70%, #fff 70%); } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { border: 1px solid #ccc; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover { border: 1px solid #6eba4f; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: 60px; background-position: 5% 45%; } #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { filter: grayscale(100%); opacity: 0.6; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; top: 10px; left: 60px; right: 0; z-index: 2; height: auto; text-align: center; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 15px 20px 0px; text-align: left; margin-left: 1em; line-height: 20px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 20px; font-weight: 400; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #333 !important; font-weight: bold; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; padding: 0 20px; text-align: left; margin-left: 1em; opacity: 1; transition: all .2s ease; display: none; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { /*height: 100px;*/ } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { color: rgba(120, 190, 32, 0.8); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower a { color: rgba(120, 190, 32, 0.8); } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } div#textpage_role_details { } body.textpage_role_details #eaContainer { min-height: auto; } body.textpage_role_details #content-main { min-height: auto; } .herobanner { background: transparent; background-size: cover; min-height: 500px; max-width: 100%; } .herobanner.technology { min-height: 100%; } .herobanner.technology .typical { background: #f1f1f1; padding: 20px; margin-top: -40px; margin-left: -20px; /*z-index: -1;*/ z-index: 0; padding-top: 60px; } .customimage { background: transparent; background-size: cover; min-height: 500px; max-width: 100%; } .customimage.technology { min-height: 100%; } .customimage.technology .typical { display: none; } div#techvideo { margin-top: 5em; z-index: 1000 !important; position: sticky; } div#warevideo { margin-top: 2em; margin-bottom: 3em; z-index: 1000 !important; position: relative; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ body div#techvideo, .customimage { position: relative !important; } } .role-desc { /*background: rgba(255, 255, 255, 0.78);*/ position: relative; width: 100%; height: 100%; display: inline-table; min-height: 500px; /*-webkit-clip-path: polygon(0% 0%, 60% 0%, 45% 100%, 0 100%); clip-path: polygon(0% 0%, 60% 0%, 45% 100%, 0 100%);*/ padding: 2em; } .Pos_Find_Results .herobanner { background: url('../images/custom/employees.jpg'); background-size: cover; } div#textpage_role_details .herobanner { margin: 0 auto; position: relative; } div#textpage_role_details .herobanner h1 { color: #333; } .customimage { background-size: 580px; background-repeat: no-repeat; background-position: 75% 45%; z-index: 1000 !important; position: sticky; } .customimage.distribution { background-image: url('../images/custom/store138.jpg'); } .customimage.it { background-image: url('../images/custom/customer-delivery-driver.jpg'); } .customimage.technology { background-image: none; } /*.customimage.storeroles { background-image: url('../images/custom/store138.jpg'); } .customimage.customerdeliverydriver, .customimage.customer-delivery-driver { background-image: url('../images/custom/driver140.jpg'); background-position: 90% 50%; } .customimage.warehouseandlogistics { background-image: url('../images/custom/warehouse78.jpg'); } .customimage.headofficeroles { background-image: url('../images/custom/office14.jpg'); } .customimage.george { background-image: url('../images/custom/george51.jpg'); } .customimage.optical { background-image: url('../images/custom/optical117.jpg'); background-position: 0% 50%; } .customimage.pharmacy { background-image: url('../images/custom/pharmacy101.jpg'); background-position: 10% 50%; }*/ h1.text-primary { font-family: 'Source Sans Pro Regular', Arial, sans-serif; color: #333; font-size: 36px; font-weight: bold; padding: 20px 0; } div#textpage_role_details .herobanner a.buttonAnchor { background: #5e9b1a; color: #fff; border: 2px solid #5e9b1a; font-weight: bold; } div#textpage_role_details .herobanner a.buttonAnchor:hover { background: #fff; color: #5e9b1a; font-weight: bold; } div#jobimages img { width: 16.7%; margin: -2px; height: auto; } div#jobimages { margin: 2em auto; } .cell img { /*-webkit-clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0 100%); clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0 100%);*/ } /* shape divider */ .nectar-shape-divider-wrap { position: absolute; top: 380px; bottom: 0; left: 0; right: 0; width: 100%; height: 150px; z-index: 2; transform: translateZ(0); } .post-area.span_9 .nectar-shape-divider-wrap { overflow: hidden; } .nectar-shape-divider-wrap[data-position="top"] { top: -1px; bottom: auto; } .nectar-shape-divider-wrap[data-position="top"] { transform: rotate(180deg) } .nectar-shape-divider-wrap[data-front="true"] { z-index: 50; } /*fix jagged edges*/ .nectar-shape-divider-wrap[data-style="curve"] .nectar-shape-divider { filter: blur(0.5px); transform: scale(1.03); } .nectar-shape-divider-wrap[data-style="waves_opacity"] svg path:first-child { opacity: 0.6; } @media only screen and (min-width: 1000px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 1700px; } } @media only screen and (max-width: 1000px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 800px; } } @media only screen and (max-width: 690px) { .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { min-width: 690px; } } .nectar-shape-divider-wrap[data-style="fan"] svg { width: 102%; left: -1%; } .nectar-shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="fan"] svg rect { opacity: 0.3; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:first-child { opacity: 0.1; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(2) { opacity: 0.12; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(3) { opacity: 0.18; } .nectar-shape-divider-wrap[data-style="mountains"] svg path:nth-child(4) { opacity: 0.33; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) { opacity: 0.15; } .nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) { opacity: 0.3; } .nectar-shape-divider { width: 100%; left: 0; bottom: -1px; height: 100%; position: absolute; } .nectar-shape-divider-wrap.no-color .nectar-shape-divider { fill: #fff; } @media only screen and (max-width: 1000px) { .nectar-shape-divider { height: 75%; } .nectar-shape-divider-wrap[data-style="clouds"] .nectar-shape-divider { height: 55%; } } /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 400px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .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; } body.Pos_Find_Results div#main-container, body.Pos_Find_Results_Map div#main-container { /*width: 1260px;*/ } body.Pos_Description a.green-bg { display: none; } body.Pos_Description #eaContainer li.jobSumItem.SumItem_codelist2value a { pointer-events: none; color: #000; font-weight: bold; } #posBrowser_Filter_pageBlock .FiltersContainer_Hidden { display: block; } .pageBlockInner_GridBlock .TilesGridSortingContainer { float: right; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { border: 1px solid #ddd !important; z-index: 1; } .pageBlockInner_GridBlock .sortingCurrent { float: left; padding: 0 10px; border: 1px solid #ddd; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: "Source Sans Pro Regular",Arial,serif; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-top: 5px; background: transparent; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: normal; } body.Pos_Find_Results .pageBlockInner_GridBlock .TilesGridSortingPopup li { padding: 0; } body.Pos_Find_Results .pageBlockInner_GridBlock .TilesGridSortingPopup li a { padding: 5px 10px; display: block; } body.Pos_Find_Results .pageBlockInner_GridBlock .TilesGridSortingPopup li a:hover { padding: 5px 10px; display: block; background: #f1f1f1; } .possibleDistances li a { padding-left: 30px; } .TilesGridSortingInnerContainer .sortingCurrent a:after { font-family: 'FontAwesome'; content: '\f078'; /* content: '\02795'; */ font-size: 17px; float: right; margin-left: 5px; margin-top: 0px; font-weight: 100; color: #313131; } .TilesGridSortingInnerContainer.TilesGridSortingInnerContainer_Selected .sortingCurrent a:after { font-family: 'FontAwesome'; content: '\f077'; /* content: '\02795'; */ font-size: 17px; float: right; margin-left: 5px; margin-top: 0px; font-weight: 100; color: #5e9b1a; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left 30%; background-size: 20px; padding-left: 25px; width: 96%; margin: 0; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left 30%; /* 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 30%; background-size: 20px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.possibleDistancesLabel { display: none; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { /* display: none; */ background: #F1F0F0; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; margin-top: 10px; min-height: auto; height: auto; width: 99%; padding: 5px 10px; border: 1px solid #ddd; background: #fff; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover { border: 1px solid #5e9b1a; background: #f9f9f9; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { color: #333; font-size: 18px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { font-size: 16px; font-family: 'Source Sans Pro Regular', Helvetica Neue, Sans-serif; padding: .2em; white-space: pre-line; text-align: left; line-height: 19px; display: block; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { display: none; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } #posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList { overflow: hidden; padding: 0; } div#posBrowser_Filter_pageBlock { border-right: 1px solid #ddd; } .sticky { position: fixed; top: 0; width: 100%; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { padding: 5px 0; font-weight: bold; float: left; width: 97%; } .alternateViewsText { display: none; } #posBrowser_Filter_pageBlock .LocationValue { display: none; } .pageBlockInner_GridBlock .pagingControls_Tiles { float: right; text-align: center; margin: auto; display: table; margin-left: 40%; } .gridFooter .pagingControls_Tiles { float: none; } .FiltersContainer.HideAddButton.FiltersContainer_Hidden { display: block !important; } a.filtersExpanderButton { display: none; } body.Pos_Find_Results #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a, .alternateViewsButton_Selected { display: none; } .alternateViews { padding: 0 10px; } #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel { float: none; } #eaContainer .FilterContainer .HeaderLabel:hover { cursor: pointer; } .FilterContainer .HeaderLabel:after { font-family: 'FontAwesome'; content: '\f078'; /* content: '\02795'; */ font-size: 16px; float: right; color: #68a617; font-weight: lighter; } .FilterContainer .HeaderLabel.active:after { font-family: 'FontAwesome'; content: '\f077'; /* content: "\2796"; */ color: #68a617; } .FilterContainer .ValueContainer { display: none; } .FilterContainer.show .ValueContainer { display: block; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; display: none; } div.posDescriptionContainer317 .LeftJobBox { display: block; float: left; overflow: hidden; position: relative; width: 62%; } .JobTitle { width: 100%; float: left; margin: 0 auto 10px; padding: 0 0 1em; border-bottom: 1px solid #ccc; } .JobTitle h1 { font-family: 'Source Sans Pro Regular', Arial, sans-serif; color: #333; font-size: 36px; font-weight: bold; padding: 10px 0; margin: 0; } .predetails { display: inline-flex; } .JobTitle p.p-jobref { color: #333; } .JobTitle span { font-weight: bold; margin: 0 10px; padding: 0 10px; border-left: 1px solid #333; } p.p-category .jobSumValue { display: initial; } p.p-category span .jobSumValue a { pointer-events: none; font-weight: bold !important; color: #333 !important; } .container.posDescriptionContainer.posDescriptionContainer317 div#VisiblePosVideo { margin-left: -3em; } img#replaced { margin-top: 0; } body.Pos_Description .posDescriptionContainer.posDescriptionContainer317 { } .ApplyNowContainer.ApplyViaFormContainer { } #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight { float: none; display: grid; border-bottom: 1px solid #ccc; padding: 1em 0; margin-bottom: 1em; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 0; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.buttonAnchor.right { margin-right: 0; margin-bottom: 10px; min-width: 160px; width: 97%; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; } .PosMyAppSummaryValues dd { margin: 0; } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { padding: 0; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 12px; width: 32%; } #eaContainer #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer { background-color: #FFF; } #eaContainer #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer .buttonsRight { float: none; overflow: auto; width: 220px; margin: 0 auto !important; } #eaContainer #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer .buttonsRight ul { overflow: auto; } #eaContainer #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer .buttonsRight ul li { width: 100%; } #eaContainer #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer .buttonsRight ul li a.right { margin: 10px 0px; width: 100%; } #eaContainer span.miniMapButton { margin-bottom: 0; } #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .posAlerts { background: #fff none repeat scroll 0 0; /*border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ border-radius: 0; padding: 1em 0; } #posdesc_pageBlock .posAlerts .buttonsContainer { overflow: hidden; width: auto; margin: auto; display: inline-block; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox { padding: 0; margin: 0; } .top-details { width: 100%; display: inline-flex; } .jobValues { width: 100%; float: left; } .jobref { padding: 0 15px 10px; } li.jobSumItem.SumItem_codelist2value { display: none; } #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap { width: 100%; height: 202px; } .VacancyMap { width: 100%; padding: 1em 0; } #eaContainer #posdesc_pageBlock .possharing { color: #333; margin: 0; padding: 1em 0; background-color: #FFF; display: flex; } #eaContainer #posdesc_pageBlock .possharing .possharing_header { padding: 0px 0px 10px; font-weight: normal; } #eaContainer #posdesc_pageBlock #JobDescriptionMap_BigVacancyMap_pageBlockContainer { overflow: visible; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin-left: auto; width: auto; } #eaContainer #posdesc_pageBlock .posAlerts { text-align: right; } #posdesc_pageBlock ul.jobSum li { font-size: 20px; padding: 5px 0; display: flex; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { font-weight: normal; min-width: 200px; display: inline-block; background: #f1f1f1; padding: 5px 10px; text-align: right; margin-right: 10px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; font-weight: bold; } .PosDescriptionText { } .PosDescriptionText * { font-family: inherit; text-align: left; } .jobdesc-info { padding: 1em; margin-left: 2em; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .posAlerts a.right { background: #fff; color: #5e9b1a; border: 1px solid #5e9b1a; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock .posAlerts a.right:hover { background: #5e9b1a; color: #fff; border: 1px solid #5e9b1a; } .infobox { border-top: 1px solid #ccc; padding: 1em; } .infobox:nth-child(last) { border-bottom: 1px solid #ccc; } .infobox h2 { font-size: 24px; margin: 10px 0; } .infobox p { font-size: 18px; } .infobox p a { font-weight: bold; } body.Pos_Description.Intranet section#youtube-home { display: none; } body.Pos_Description section#youtube-home { margin: 0; background: #fff; padding: 0; } body.Pos_Description section#youtube-home .container { max-width: 100%; padding: 3em 2em; } body.Pos_Description section#youtube-home .col-yt { margin-top: 0em; color: #333; margin-left: 2em; } body.Pos_Description section#youtube-home h2.h2-yt { color: #5e9b1a; font-size: 44px; padding-bottom: 1em; font-family: 'Source Sans Pro Bold', Arial, sans-serif; line-height: 40px; } body.Pos_Description div#latest-jobs { } a#back-to-top { color: #333; font-weight: bold; } div#quickapplydialog .modalContent { min-height: auto !important; } div#QuickApplyForm_pageBlock .formRow.formRowCheckBoxRow .labelContainer { width: auto; } div#QuickApplyForm_buttons_formRow { margin-top: 1em; width: auto !important; margin: auto; float: none; display: table; padding-top: 20px; } div#QuickApplyForm_adverturlid_formRow select { padding: 6px; width: 251px; max-width: 100%; } div#quickapplydialogDialogContainer .ui-dialog-titlebar { background: #5e9b1a; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; margin-right: 0; width: 100% !important; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; z-index: 1031 !important; max-width: 100% !important; } .ui-dialog .ui-dialog-titlebar { background: #5e9b1a; } .modalContent { min-height: 100% !important; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li { padding-left: 5px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: right; } div.formRow p { text-align: left; } #eaContainer .pageBlockInner_FormBlock label[for="MyWelcomePacks_OfferForm_Referee_Add_OFFERREFEREE_Email"] { text-align: right } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } #col_lookupResults_name { min-width: 100% !important; width: 100% !important; border: 1px solid #d0d0d0 !important; } .kiketable-colsizable td, .kiketable-colsizable th { overflow: visible !important; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #questions_pageBlock .formLabel { font-weight: normal !important; } #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { /* width: 98%; */ width: 100%; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ html body #UsernameForm_sso_or_formRow { color: red; } #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } /* Center apply social icons */ #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; width: auto; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; } .eArcuInfoText { margin: 0 auto 10px; max-width: 500px; } #UsernameForm_pageBlock .ssoIconsInnerContainer { margin: 0 auto; max-width: 360px; overflow: auto; display: inline-flex; } #UsernameForm_pageBlock .ssoIcon { display: block; float: left; padding: 10px; width: auto; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer #UsernameForm_pageBlock .formRow div.textLiteral { text-align: center; } #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: #333; padding: 10px; } div#newregister_password_formRow .usernameErrors br { display: none; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; font-size: 14px; line-height: normal; } span.displaysalarydescription_vacancyColumn.vacancyColumn { width: 60%; position: relative; display: inline-block; text-align: center; } .rowItemsInnerContainer2 span.comma { color: #fff; position: relative; } span.codelist5value_vacancyColumn.vacancyColumn:before { content: "Location: "; line-height: normal; font-weight: normal; } span.codelist5value_vacancyColumn.vacancyColumn { width: 40%; position: relative; display: inline-grid; margin: 0 5px; padding: 0; line-height: normal; font-weight: bold; } span.codelist7value_vacancyColumn.vacancyColumn:before { content: "Employment type: "; line-height: normal; font-weight: normal; } span.codelist7value_vacancyColumn.vacancyColumn { width: 24%; position: relative; display: inline-grid; margin: 0 5px; padding: 0; line-height: normal; font-weight: bold; } span.pospublishenddate_vacancyColumn.vacancyColumn:before { content: "Closing date: "; line-height: normal; font-weight: normal; } span.pospublishenddate_vacancyColumn.vacancyColumn { margin: 0 5px; position: relative; display: inline-grid; margin: 0 10px; padding: 0; line-height: normal; font-weight: bold; } span.distancefromlocationinkm_vacancyColumn.vacancyColumn { position: relative; display: inline-grid; margin: 0 5px; padding: 0; line-height: normal; } #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: 'Source Sans Pro Bold', Helvetica Neue, Sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; } body.Welcome .earcuintro { text-align: center; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/user.png") no-repeat scroll center center !important; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 251px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; min-height: 170px; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: #fff; color: #000000; font-family: 'Source Sans Pro Bold', Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; width: auto; } #eaContainer #MyDetails_ConnectedServices_pageView a.button.disconnect { background: #7ec340; color: #fff; font-family: 'Source Sans Pro Bold', Helvetica Neue, Sans-serif; padding-left: 0; text-decoration: none; display: block; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ body.Pos_Find_Results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 2px; margin: 0px; width: 40%; max-width: 100%; float: left; line-height: 40px; } 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: #f0f0f0; padding: 1em; /* border-bottom: 1px solid #d0d0d0; */ margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { /*border-bottom: 0;*/ } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: 'Source Sans Pro Bold', Helvetica Neue, Sans-serif; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } #posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowItemsInnerContainer { margin-left: 5px; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ body.Application_Home h1.heading-section, body.Application_Home div#intro_pageBlock { text-align: center; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl { margin: 1em 0 3px; } */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } #posSummaryBlockv2_pageBlock .MySummaryItem { display: table-header-group; width: 100%; height: 100%; } #posSummaryBlockv2_pageBlock .MySummaryItemInner { margin-left: 0; border: none; background: transparent; text-align: center; width: 90%; height: 100%; margin: auto; padding-bottom: 2em; } #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner { margin: auto; padding-top: 2em; padding-bottom: 1em; } #posSummaryBlockv2_pageBlock .MySummaryItemTitle { margin: 0; font-weight: bold; display: none; } #posSummaryBlockv2_pageBlock .MySummaryItemContent { margin: 0; font-size: 18px; font-weight: bold; } #posSummaryBlockv2_pageBlock .appCompleteChartBack { overflow: auto; margin-bottom: 5px; padding: 1em; margin: auto; } span.earcujobref a, .MySummaryItemContent a { } #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { background: #5e9b1a; border-color: #5e9b1a; } div#SubmittedBlock_appCompletedButtons_formRow .buttonsRight { float: left; } .appCompleteChartBlockInner:after { content: ''; display: block; position: relative; width: 16px; height: 16px; margin-right: -10px; margin-top: 1px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); background: #d0d0d0; float: right; } .appCompleteChartBlock.done:after { content: ''; display: block; position: relative; width: 16px; height: 16px; margin-right: -7px; margin-top: -18px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); background: #5e9b1a; float: right; } #posSummaryBlockv2_pageBlock .appCompleteChartBlockInner { background: #d0d0d0; height: 20px; margin: 0 1px 0 1px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { display: none; } .pageBlockInner_FormBlock .iconListStyle .iconValue { margin-left: 0; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #f0f0f0; } 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 { height: auto; width: 31%; clear: none; height: 100px; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: center; margin-right: 30px; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 1em 0; } */ /* #eaContainer .PosMyAppSummaryLinks { margin-left: 2%; } */ #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /* #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: #ffc407; } */ #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { color: #5e9b1a; font-weight: bold; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #f6f6f6; background-image: url(../images/sprites/unselected-progress-hover.png); background-position: 93% 28%; border-color: #e3e3e3; float: left; height: auto; margin: 10px; padding: 0; width: 31%; height: 100px; padding: 10px; font-weight: bold; font-size: 18px; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #5e9b1a; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover /*#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover*/ /*removed to resolve hover ticks*/ { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #5e9b1a; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover /*#eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover*/ /*removed to resolve hover ticks*/ { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #5e9b1a; } .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover { border-color: none; background-color: #5e9b1a; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover a, /*#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover a,*/ /*ADDED*/ #eaContainer #MyWelcomePacks_OfferInformation_Summary_pageView .ulList li.ulListItem:hover a { color: #fff; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*--------------------------------------- 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 * { } #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 .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; background-size: 20px; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; background-size: 20px; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; background-size: 20px; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border: 1px solid #cccccc; padding: 7px; width: 251px; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea { min-width: 100% !important; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; border: none; background: transparent; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #F1F1F1; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { background: #F1F1F1; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: 'Source Sans Pro Regular', Helvetica Neue, Sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } .MyDetails .fileContainer .filename, .Application_Section_CV .fileContainer .filename { /*KMA*/ height: 50%; overflow: hidden; } /* #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: center; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { float: none; margin-bottom: 10px; display: table; margin: auto; text-align: center; width: auto; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: center; width: 100%; margin-bottom: 10px; } .pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow { min-width: auto; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #f6f6f6; } .pageBlockInner_FormBlock div.formRowFileUploadRow li.fileOuterContainer { float: none; margin: auto; } /*--------------------------------------- 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%; } #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer { width: auto; } body.AssessmentCentreDetail .formRow.formRowDateInputRow { } div#AssessmentCentreDetailForm_pageBlock { width: 600px; margin: auto; max-width: 100%; } body.AssessmentCentreDetail .labelContainer, body.AssessmentCentreBookingConfirm .labelContainer { width: 100%; text-align: left; float: none; } body.AssessmentCentreDetail .controlContainer.controlContainer_ReadOnly, body.AssessmentCentreBookingConfirm .controlContainer.controlContainer_ReadOnly { width: 100% !important; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 100%; margin-left: 0; } body.AssessmentCentreBookingConfirm .interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer { height: auto; } /*--------------------------------------- My welcome packs -----------------------------------------*/ #Edit_OFFERBANKDETAILS_accountsortcode_formRow .controlError, #Edit_OFFERBANKDETAILS_accountnumber_formRow .controlError { float: right; width: calc(60% - 255px); padding-left: 0; } #posSummaryBlockv2_pageBlock .MySummaryItemsContainer { display: table; width: 100%; height: 10px; background: #f1f1f1; } div#onboardingTopContainer div#intro_pageBlockContainer { display: none; } .onboardingMenuContainer { display: flex; max-width: 100%; } .onboardingMenuContainer span { display: none; } .menuItem { background: #f6f6f6; margin: 10px; width: 100%; } .menuItemInner a.menuAnchor { text-align: center; width: auto; position: relative; display: block; height: 120px; padding: 10px; font-size: 20px; font-weight: bold; color: #5e9b1a; } div#onboardingTopContainer { padding: 3em; max-width: 100%; } body.MyWelcomePacks_OfferForm_Referee h1.heading-section, body.MyWelcomePacks_OfferForm_PersonalDetails h1.heading-section, body.MyWelcomePacks_OfferInformation_Section h1.heading-section, body.MyWelcomePacks_OfferForm_EmergencyContact h1.heading-section, body.MyWelcomePacks_OfferInformation_Summary h1.heading-section, body.MyWelcomePacks_OfferForm_GenericForm h1.heading-section, body.MyWelcomePacks_OfferForm_Summary h1.heading-section { text-align: center; padding-top: 1em; } body.Offer h1.heading-section:before, /*contract page*/ body.MyWelcomePacks_OfferInformation_Summary h1.heading-section:before, /*added*/ body.MyWelcomePacks_OfferForm_Referee h1.heading-section:before, body.MyWelcomePacks_OfferForm_PersonalDetails h1.heading-section:before, body.MyWelcomePacks_OfferInformation_Section h1.heading-section:before, body.MyWelcomePacks_OfferForm_EmergencyContact h1.heading-section:before, body.MyWelcomePacks_OfferForm_GenericForm h1.heading-section:before, body.MyWelcomePacks_OfferForm_Summary h1.heading-section:before { content: ""; width: 120px; height: 2px; position: absolute; border-top: 1px solid #9B9C9E; background-repeat: no-repeat; background-size: 100%; margin-left: -150px; margin-top: 20px; } body.Offer h1.heading-section:after, /*contract page*/ body.MyWelcomePacks_OfferInformation_Summary h1.heading-section:after, /*added*/ body.MyWelcomePacks_OfferForm_Referee h1.heading-section:after, body.MyWelcomePacks_OfferForm_PersonalDetails h1.heading-section:after, body.MyWelcomePacks_OfferInformation_Section h1.heading-section:after, body.MyWelcomePacks_OfferForm_EmergencyContact h1.heading-section:after, body.MyWelcomePacks_OfferForm_GenericForm h1.heading-section:after, body.MyWelcomePacks_OfferForm_Summary h1.heading-section:after { content: ""; width: 120px; height: 2px; position: absolute; border-top: 1px solid #9B9C9E; background-repeat: no-repeat; background-size: 100%; margin-left: 32px; margin-top: 20px; } body.MyWelcomePacks_OfferForm_Summary .earcuintro { text-align: center; padding-bottom: 2em; } body.MyWelcomePacks_OfferForm_Summary div#content_wrapper { /*background: url(../images/custom/healthbox.png);*/ background-size: contain; } .menuItem.menuItem_active a.menuAnchor, .menuItem a.menuAnchor:hover { color: #305a00; text-decoration: underline; font-weight: bold; } .menuItem.menuItem_active a.menuAnchor:after { animation-name: wiggle; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -ms-animation-name: wiggle; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -webkit-animation-name: wiggle; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } form#PosCodeListPickerForm_poscodelist5_form { display: none; } /* .menuItem.offer_menuItem .menuItemInner a.menuAnchor:after { content: ''; width: 100%; height: 70%; background: url(../images/icons/youroffer.png); background-size: 60px; background-repeat: no-repeat; background-position: center; position: absolute; top: 30px; left: 0; opacity: .7; } .menuItem.offeraccepted_menuItem .menuItemInner a.menuAnchor:after { content: ''; width: 100%; height: 70%; background: url(../images/icons/welcome.png); background-size: 60px; background-repeat: no-repeat; background-position: center; position: absolute; top: 30px; left: 0; opacity: .7; } .menuItem.welcomepackform_menuItem .menuItemInner a.menuAnchor:after { content: ''; width: 100%; height: 70%; background: url(../images/icons/form.png); background-size: 60px; background-repeat: no-repeat; background-position: center; position: absolute; top: 30px; left: 0; opacity: .7; } .menuItem.welcomepackinfo_menuItem .menuItemInner a.menuAnchor:after { content: ''; width: 100%; height: 70%; background: url(../images/icons/onboarding.png); background-size: 60px; background-repeat: no-repeat; background-position: center; position: absolute; top: 30px; left: 0; opacity: .7; } */ div#Edit_OFFERTAXINFORMATION_pageBlock .labelContainer, div#Edit_OFFERHEALTHQUESTIONS_pageBlockContainer .labelContainer { width: 98%; text-align: left; } div#Edit_OFFERGENERICFORM1_pageBlockContainer div.labelContainer { width: 100%; text-align: left; } div#fileupload_OfferFile1_Files_formRow .controlContainer.controlContainer_Editable { width: 100%; margin: auto; display: contents; } .tooltip2_Surround, .tooltip2_SurroundClosing { display: none !important; } @-webkit-keyframes wiggle { 0%,100%,25% { -webkit-transform: rotate(0); } 15%,5% { -webkit-transform: rotate(10deg); } 10%,20% { -webkit-transform: rotate(-10deg); } } @keyframes wiggle { 0%,100%,25% { -webkit-transform: rotate(0); } 15%,5% { -webkit-transform: rotate(10deg); } 10%,20% { -webkit-transform: rotate(-10deg); } } body.MyWelcomePacks_OfferInformation_Section div#TitleBlock_pageBlock h1 { display: none; } body.MyWelcomePacks_OfferInformation_Section h1.heading-section { text-align: center; font-weight: bold; font-size: 30px; color: #333; } .offerLayoutBox.offerLayoutBox_TotalItems_2.offerLayoutBox_Id_3 img { padding-top: 4em; } div#MyWelcomePacks_OfferForm_Submit_pageView .pageBlockInner_FormBlock div.labelContainer { text-align: left; } .offerLayoutBox.offerLayoutBox_TotalItems_1.offerLayoutBox_Id_11 .imageContent { width: auto !important; margin: auto; display: grid; } /*handbook url*/ #eaContainer a.handbook { text-decoration: underline; font-weight: bold; color: #5e9b1a; } #eaContainer a.handbook:hover { text-decoration: none; } .site-header-menu .menu-primary-container #menu-item-10 a img { max-width: 40px; margin-top: -5px; } /*--------------------------------------- TextPage_About -----------------------------------------*/ .textpage_content img { } .textpage_content { } .aboutvideo .container { width: 1262px; padding: 0; max-width: 100%; } .aboutvideo { padding-bottom: 2px; border-bottom: 3px solid #679734; } .aboutvideo:after { content: ""; width: 29%; height: 86px; border-right: 3px solid #679734; position: absolute; margin-top: 3px; } .textpage_content .career-tile#transforming:after { content: ""; width: 11%; height: 86px; border-right: 3px solid #679734; position: absolute; margin-top: -27px; } .career-tile .socialIcons a:active, .career-tile .socialIcons a:visited { color: #383838; } .aboouttitles { position: absolute; top: 17%; width: inherit; } img.whoweareimg { margin-top: 3em; } .img-top { position: absolute; margin-top: -13em; margin-left: 4em; z-index: 1; width: 100%; } .mission { background: #fff; width: 60%; position: relative; display: block; margin: 1em 3em; padding: 1em; } .purpose { background: #fff; width: 60%; position: relative; display: block; margin: 1em 3em; padding: 1em; margin-top: 340px; float: right; } .purpose .about_p, .mission .about_p { text-align: left; font-weight: bold; font-size: 50px; margin: 10px 0; font-family: 'Source Sans Pro Bold', Arial, sans-serif; } .purpose h1, .mission h1 { color: #5e9b1a; margin: 0; font-size: 28px; } .textpage_about .career-tile p.green-titles { color: #5e9b1a; font-size: 30px; line-height: 34px; font-family: 'Source Sans Pro Bold', Arial, sans-serif; } .career-tile ul li { padding: 0; } div#line-right, div#line-left, .line-right, .line-left { } div#sustainability { text-align: right; z-index: 1; } section#prefooter-tiles { margin-top: 2em; border-top: 3px solid #679734; } section#prefooter-tiles .career-tile { margin: 2em auto; border: 1px solid #ccc; min-height: 300px; } section#prefooter-tiles .career-tile img { height: 210px; object-fit: cover; margin: auto; text-align: center; display: block; } section#prefooter-tiles .career-tile p { margin: 20px; } section#prefooter-tiles .career-tile a { margin: 20px; } section#prefooter-tiles .desc-tile { min-height: 100px } /*--------------------------------------- TextPage_Programmes -----------------------------------------*/ div#programmes-img { background: url(../images/custom/graduates-line.jpg); background-repeat: no-repeat; background-size: auto; background-position: right; height: 350px; width: 100%; border-bottom: 1px solid #333; align-items: center; display: grid; } div#programmes-img h1.programmes-h1 { font-size: 45px; font-weight: normal; line-height: 50px; color: #333; } div#programmes-img h2.programmes-h2 { font-size: 30px; font-weight: normal; line-height: 30px; color: #333; } div#programmes-img h1.text-primary { padding: 2em 1em 1em; color: #fff; text-align: center; font-size: 50px; } div#programmes-img p.text-primary { color: #fff; text-shadow: 1px 1px 1px #8c8c8c; width: 70%; margin: auto; } .textpage_content h1 { font-size: 30px; } .textpage_content .col-md-4.middle { text-align: center; } .textpage_about .container p.socialIcons { max-width: 154px; margin: 0 auto; } a.searchBtn { color: #FFF; background-color: #5e9b1a; padding: 5px 10px; border-radius: 5px; float: right; } a.searchBtn:hover { background-color: #5e9b1a; } p.programmes_p { font-size: 20px; text-align: center; margin: 1em auto; } .career-tile { background: #fff; margin: 0; /*display: inline-block; min-height: 255px;*/ } .textpage_about .career-tile p, .textpage_about .career-tile ul, .textpage_about .career-tile ul li { font-size: 16px; list-style: none; } .textpage_about .career-tile ul li:before { content: "\f087"; font-family: fontAwesome; margin-right: 5px; } .textpage_about .career-tile p strong { font-size: 20px; } .textpage_content .career-tile { padding: 20px; padding-top: 5px; } .textpage_content .career-tile img { padding: 20px; } .career-tile a.searchBtn { float: none; display: inline-flex; } .career-tile a.readmorebtn, .career-tile a.searchBtn { color: #FFF; background-color: #5e9b1a; border: 2px solid #5e9b1a; padding: 5px 60px; border-radius: 5px; margin: 1em 0; position: relative; display: inline-block; font-weight: bold; } .career-tile a.readmorebtn:hover, .career-tile a.searchBtn:hover { color: #5e9b1a; background-color: #fff; } .textpage_content .career-tile a.readmorebtn, .career-tile a.searchBtn { color: #5e9b1a; background-color: #fff; border: 2px solid #5e9b1a; } .textpage_content .career-tile a.readmorebtn:hover, .career-tile a.searchBtn:hover { color: #fff; background-color: #5e9b1a; border: 2px solid #5e9b1a; } .cell-img { float: left; width: 82%; } .cell-text { padding: 10px; min-height: 210px; } .cell-text p { font-size: 15px; } body.Application_Finished .actionMessageContainer { display: none; } .vert-align { padding: 0 0 10px; } body.textpage_programmes section#prefooter-tiles .career-tile p.desc-tile { min-height: 252px; } body.textpage_programmes div#line-right, body.textpage_programmes div#line-left, body.textpage_programmes .line-left { margin-top: -4em; margin-bottom: -5em; } body.textpage_programmes div#sustainability, body.textpage_graduates div#sustainability { margin-top: 0em; margin-bottom: 0em; background: transparent; } img.line-margin { margin: -2em 0 -2em; } /*--------------------------------------- textpage_righttowork -----------------------------------------*/ .textpage_righttowork { margin: 3em; } /*--------------------------------------- TextPage_Graduates -----------------------------------------*/ div#graduates-img { background: url(../images/custom/graduates-line.jpg); background-repeat: no-repeat; background-size: auto; background-position: right; height: 350px; width: 100%; border-bottom: 1px solid #333; align-items: center; display: grid; } div#graduates-img h1.grads-h1 { font-size: 45px; font-weight: normal; line-height: 50px; color: #333; } #graduates-img h1.text-primary { padding: 2em 1em 1em; color: #fff; text-align: center; font-size: 50px; } div#graduates-img p.text-primary { color: #fff; text-shadow: 1px 1px 1px #8c8c8c; width: 70%; margin: auto; } body.textpage_graduates .career-tile ul li { padding: 0; margin-left: 20px; } body.textpage_graduates div#sustainability { margin-bottom: 0; } body.textpage_graduates div#finance { text-align: right; } body.textpage_graduates div#finance ul, body.textpage_graduates div#sustainability ul { display: inline-block; text-align: left; } body.textpage_graduates .career-tile { padding: 0; } /*--------------------------------------- TextPage_FutureTalent -----------------------------------------*/ div#future-img { background: url(../images/custom/graduates-line.jpg); background-repeat: no-repeat; background-size: cover; background-position: 20% 20%; height: 400px; width: 100%; border-bottom: 1px solid #333; align-items: center; display: grid; position: relative; } .sub-nav { background: #f6f6f6; } .sub-nav a { color: #000; margin: 0; padding: 15px 0; text-align: center; font-size: 22px; display: block; } .sub-nav a:hover { color: #5e9b1a; } .sub-nav a.active { color: #5e9b1a; } .sub-nav a.green-bg { color: #fff; background-color: #5e9b1a; } section#future-cta div.category-summary { min-height: 110px; padding: 10px 0; } section#future-cta .cat-container { min-height: 400px; } section#future-cta .cat-container .image-catj { width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: top; } section#future-cta a.readj { width: auto; } section#future-cta h2.green-titles { color: #5e9b1a; text-align: center; font-size: 24px; padding: 15px; border: 2px solid #5e9b1a; margin: 0; } section#future-cta .career-tile { margin-bottom: 20px; position: relative; } .overlap-desc { position: absolute; margin: 10px; background: #fff; top: auto; bottom: 20px; padding: 10px; width: 84%; border: 1px solid #ddd; } .overlap-desc p { min-height: 57px; } .overlap-desc a { font-weight: bold; } section#future-cta .career-tile.viewvacancies { background: #5e9b1a; } section#future-cta .career-tile.viewvacancies h2.green-titles { color: #fff; border: none; } section#talent-testimonials { background: #f1f1f1; padding: 3em; } div#talent-testi .slidetext { display: flex; padding-left: 2vw; } div#talent-testi { position: relative; } div#talent-testi img { max-width: 28%; margin: 10px; } .testi-text { width: 65%; color: #5e9b1a; padding: 10px; align-content: center; vertical-align: middle; display: grid; } .testi-text p { background: #fff; padding: 2em; margin-left: -40px; border: 2px solid #ddd; font-size: 20px; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { top: 50%; background: transparent; opacity: 1; } .flex-direction-nav .flex-next { opacity: 1; right: 0px; } .flex-direction-nav a:before { font-family: "FontAwesome"; /* font-size: 40px; */ font-size: 17px; display: inline-block; content: '\f053'; color: #5e9b1a; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before { content: ""; } .flex-direction-nav a.flex-next { background-image: url(../images/icons/arrow-right.png); background-repeat: no-repeat; height: 100px; font-size: 0; } .flex-direction-nav a.flex-prev { background-image: url(../images/icons/arrow-left.png); background-repeat: no-repeat; height: 100px; font-size: 0; left: 0; } div#talent-testi ul.slides, div#image-slider ul.slides { margin: 0; } h2.green-title { color: #5e9b1a; font-size: 22px; } .event-tile { border: 2px solid #ddd; } .event-tile h4, .event-tile p { padding: 0 10px; color: #000; } .event-tile h4 { color: #000; font-weight: bold; } .img-left img { width: 100%; } section#creating-change { background: #f1f1f1; padding: 2em; } .creating-box { background-color: #fff; position: relative; display: grid; border: 1px solid #ddd; padding: 1em 1em 4em; background-image: url(../images/custom/creatingchange.jpg); background-repeat: no-repeat; background-position: top right; } section#big_applybtn { margin: 2em auto; } a.big_apply { font-size: 24px; background: #5e9b1a; padding: 20px; color: #fff; min-width: 300px; display: inline-block; font-weight: bold; } div#cta-carousel { position: relative; } /*--------------------------------------- TextPage_Graduates_New -----------------------------------------*/ div#grads-img { background: url(../images/custom/graduates-man.jpg); background-repeat: no-repeat; background-size: cover; background-position: center 30%; height: 400px; width: 100%; border-bottom: 1px solid #333; align-items: center; display: grid; position: relative; } .intro-box { background: #fff; padding: 1em; width: 550px; max-width: 100%; margin-top: 6vw; border: 2px solid #ddd; } .intro-box h1 { color: #5e9b1a; font-size: 50px; font-weight: bold; margin: 10px 0; } .intro-box p { font-size: 24px; } section#future-cta .career-tile img { object-fit: cover; height: 300px; width: 100%; } /*--------------------------------------- TextPage_Process -----------------------------------------*/ a.accordion-a { background: #5e9b1a; width: 100%; display: block; padding: 10px; color: #fff; } a.accordion-a:after { content: "\f077"; font-family: fontAwesome; float: right; padding: 15px; } a.accordion-a.collapsed:after { content: "\f078"; } section#random-images { padding: 2em 0; overflow: hidden; } div#image-slider { position: relative; } div#image-slider img { max-width: 355px; } div#image-slider .flex-viewport { width: 1080px; margin: auto; } body.textpage_partnerships section#prefooter-tiles { margin-top: 0; border-top: none; } body.textpage_partnerships section#prefooter-tiles .career-tile p { margin: 10px; font-size: 16px; line-height: normal; } body.textpage_partnerships section#prefooter-tiles .career-tile { min-height: 665px; } .hintsandtips { background: #e1ecd4; display: inline-block; position: relative; margin: 14px; border: 3px solid #5e9b1a; border-radius: 10px; } .hintsandtips img { max-width: 150px; } body.textpage_process a.accordion-a img { max-width: 60px; padding: 5px; } /*--------------------------------------- TextPage_WhyAsda -----------------------------------------*/ body.textpage_whyasda .cat-align h1 { font-size: 19px; } /*--------------------------------------- TextPage_Partnership -----------------------------------------*/ body.textpage_partnerships .content-tile { min-height: 431px; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen and (min-width: 1920px) { div #main-img h1 { font-size: 48px; color: #fff; position: absolute; width: 200px; line-height: 40px; font-weight: bold; margin: 0; padding: 10px; height: 100%; } } @media only screen and (max-width: 1600px) { div#left-bg { width: 100%; padding: 0 2em; height: 100%; } #roles-img { background: url(../images/custom/westwood.jpg); background-repeat: no-repeat; background-size: cover; background-position: 70% 60%; } div#graduates-img { background-repeat: no-repeat; background-size: cover; background-position: 70% 60%; } div#programmes-img { background-repeat: no-repeat; background-size: cover; background-position: 70% 60%; } } @media only screen and (max-width: 1600px) { .herobanner { background-position: 82% 60%; } } @media only screen and (max-width: 1440px) { .herobanner { background-position: 88% 60%; } } @media only screen and (max-width: 1280px) { div#home-img { background-position: 50% 100%; } .aboutvideo:after { content: ""; width: 19%; height: 86px; border-right: 3px solid #679734; position: absolute; margin-top: 3px; } .textpage_content .career-tile#transforming:after { content: ""; width: 17%; height: 86px; border-right: 3px solid #679734; position: absolute; margin-top: -27px; } .herobanner { background-position: 90% 50%; background-size: 500px; } div#main-img { background: url(../images/custom/results-banner.jpg); background-position: 40% 0%; background-size: auto; background-repeat: no-repeat; } } @media only screen and (max-width: 1224px) { /* Summary box */ .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { display: block; margin: 0; } .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 input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } @media screen and (max-width: 1200px) { #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 32%; } span.displaysalarydescription_vacancyColumn.vacancyColumn { width: auto; padding: 0 2em; } #eaContainer #PosDescSharingItems { margin-left: 0; margin: auto; } #eaContainer #posdesc_pageBlock .posAlerts { text-align: center; } div#left-bg { width: 100%; } section#category2 div.desc-bottom { width: 30%; height: auto; } .cell-img { float: none; width: 100%; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { width: auto; float: none; border: none; } body.Pos_Find_Results #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { width: 100%; float: none; border-right: none; } body.Pos_Find_Results #FindJobHeroBlock .formRowTextInputRow { width: 38%; } #eaContainer a.readj, #eaContainer a.viewj { padding: 2px 2px; } #eaContainer a.readj, #eaContainer a.readj:hover { width: 46%; } .aboouttitles { position: relative; top: 0; width: auto; } .purpose, .mission { width: 100%; position: relative; display: block; margin: 0; padding: 1em 2em; margin-top: 0; float: none; } .role-desc { padding: 20px 10px; clip-path: none; } .herobanner { background-size: cover; } .customimage { background-position: right bottom; } .typical { background: #f1f1f1; padding: 20px; margin-left: 0; max-width: 100%; z-index: 0; position: relative; margin-top: 0; width: 100%; } section#testimonials { margin-top: 0; border-top: 1px solid #bbb; } section#testimonials .section-header { width: 100%; } p.testimonial1 { padding: 0; text-align: left; } #eaContainer #posdesc_pageBlock .possharing { display: block; } #eaContainer #PosDescSharingItems { display: table; } .cat-container { width: 100%; min-height: 450px; height: 450px; } .container.posDescriptionContainer.posDescriptionContainer317 div#VisiblePosVideo { margin-left: 0; } body.textpage_partnerships .content-tile { min-height: 531px; } } @media screen and (max-width: 1150px) { div#roles-img, div#graduates-img, div#programmes-img { background-position: 60% 0%; } body.Pos_Description section#youtube-home .col-yt, .jobdesc-info { margin-left: 0; } body.Pos_Description section#youtube-home .container { padding: 3em 1em; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 991px) { #Edit_OFFERBANKDETAILS_accountsortcode_formRow .controlError, #Edit_OFFERBANKDETAILS_accountnumber_formRow .controlError { text-align: left; } .phoneInputMessageInvalid { display: block; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { background: linear-gradient(-90deg, #f1f1f1 75%, #fff 70%); } section#youtube-home p.p-video { background: #f1f1f1; padding: 20px; padding-top: 20px; margin-top: 10px; margin-left: 0; max-width: 100%; } section#youtube-home .col-yt p { width: 100%; } .textpage_about .container .row img { } .textpage_content .col-md-4.middle { text-align: left; } body.Pos_Find_Results #FindJobContainer { padding-left: 0; } body.Pos_Find_Results #FindJobHeroBlock .formRowTextInputRow { width: 100%; } div#main-img h1 { padding: 20px 0; } .top-details { width: 100%; display: inline-grid; } .jobValues { width: 100%; float: left; } .VacancyMap { width: 100%; } #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap { width: 100%; height: 195px; background-size: cover !important; } .herobanner { /*background-image: none !important;*/ } div#roles-img, div#graduates-img, div#programmes-img { height: auto; background-image: none !important; padding: 10px 0; } #slider-latest-jobs ul.slides { width: 100%; } .category-cards { display: block; } section#category1 div.cat-top, section#category1 div.cat-bottom, section#category2 div.cat-top, section#category2 div.cat-bottom { width: 33%; float: left; margin-top: 0; margin-right: 1px; margin-left: 1px; } section#category1 div.desc-bottom, section#category2 div.desc-bottom { width: auto; height: auto; margin-top: 0; margin-right: 0; margin-left: 0; display: inline-block; } body.textpage_programmes section#prefooter-tiles .career-tile p.desc-tile { min-height: auto; } .category-description-text { width: 100%; } /* 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: 1em 0em 1em 0em; } #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, #Edit_OFFERBANKDETAILS_accountsortcode_formRow .controlError, #Edit_OFFERBANKDETAILS_accountnumber_formRow .controlError { float: none; width: 100%; } #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks ul li { line-height: normal; margin: 10px 0; } div#MyDetails_pageView .buttonsRight { float: left; width: auto; margin: 0; } div#MyDetails_pageView div#Grid_REFERRAL_pageBlock .buttonsRight, div#MyDetails_pageView div#Grid_PERSONALDETAILS_pageBlock .buttonsRight { float: left; width: auto; } .pageBlockInner_FormBlock .hasCustomButton .customButtonContainer { display: block; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { padding: 0px 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; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } section#youtube-home, section#youtube-home .col-yt { height: auto; padding: 1em; } /* 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 { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 48%; /* height: auto; */ } .col-third { display: block; width: 100%; } .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%; } .customimage { background-position: bottom; background-size: cover; margin-top: 5em; } /* Search results */ div#main-img { background: url(../images/custom/results-banner.jpg); background-position: 35% 0%; background-size: cover; background-repeat: no-repeat; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block { min-height: 210px; } div#posBrowser_Filter_pageBlockContainer { width: 100%; } #posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowItemsInnerContainer { margin-left: 0; } div#posBrowser_Filter_pageBlock { border-right: none; } body.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer { float: none; } a.filtersExpanderButton { display: block; } .FiltersContainer.HideAddButton.FiltersContainer_Hidden { display: none !important; } .alternateViews { padding: 0; } /* 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 { /*float: none !important;*/ } div#MyJobFeed_pageView .controlContainer { background: transparent; width: auto; } /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } /* Email address */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } /* Questions and answers */ #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } /* File upload */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #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 .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { width: 47%; } .eArcuInfoText { margin: 0 auto 10px; max-width: 100%; text-align: left; } .categoryj.choose .cat-container, .cat-container, div.category-summary { min-height: auto; height: auto; } div.category-summary { padding: 20px 0; } .vert-align ul { padding: 0; margin: 0; } img.whoweareimg { margin-top: 0em; margin-bottom: 2em; } div#sustainability { margin-top: 2em; } body.textpage_about div#sustainability .vert-align { margin-top: 10em; padding-bottom: 0; } body.textpage_about div#transforming .vert-align { padding-bottom: 0; } div#transforming img { position: relative; z-index: 1; padding: 0; } section#prefooter-tiles .career-tile img { width: 100%; height: auto; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: left; } .graduates-right { text-align: right; } .graduates-right .vert-align { padding: 0; } body.textpage_programmes div#sustainability .vert-align { padding: 0px; } body.textpage_programmes div#transforming .vert-align { padding: 0; } body.textpage_about div#line-right { margin: -4em auto -2em; } body.textpage_about div#line-left { margin: -1em auto -2em; } div#grads-img { background-position: left; } body.textpage_partnerships .content-tile { min-height: initial; } } @media (max-width: 900px) { div#left-bg { clip-path: none; padding: 1em; } .jobdesc-info { margin-left: 0; } .img-top { position: relative; margin-top: auto; margin-left: auto; } body.textpage_about div#sustainability .vert-align { margin-top: 0em; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media (max-width: 768px) { .container { width: 100%; } body.Home .nectar-shape-divider-wrap { display: none; } div#home-img:after { display: none; } span.displaysalarydescription_vacancyColumn.vacancyColumn { width: auto; padding: 0 2em 0 0; } body.MyWelcomePacks_OfferInformation_Summary h1.heading-section:before, /*added*/ body.MyWelcomePacks_OfferForm_Referee h1.heading-section:before, body.MyWelcomePacks_OfferForm_PersonalDetails h1.heading-section:before, body.MyWelcomePacks_OfferInformation_Section h1.heading-section:before, body.MyWelcomePacks_OfferForm_EmergencyContact h1.heading-section:before, body.MyWelcomePacks_OfferForm_GenericForm h1.heading-section:before, body.MyWelcomePacks_OfferForm_Summary h1.heading-section:before { width: 0; height: 0; border-top: none; } body.MyWelcomePacks_OfferInformation_Summary h1.heading-section:after, /*added*/ body.MyWelcomePacks_OfferForm_Referee h1.heading-section:after, body.MyWelcomePacks_OfferForm_PersonalDetails h1.heading-section:after, body.MyWelcomePacks_OfferInformation_Section h1.heading-section:after, body.MyWelcomePacks_OfferForm_EmergencyContact h1.heading-section:after, body.MyWelcomePacks_OfferForm_GenericForm h1.heading-section:after, body.MyWelcomePacks_OfferForm_Summary h1.heading-section:after { width: 0; height: 0; border-top: none; } section#prefooter-tiles { margin-top: 0em; } .textpage_content .career-tile#transforming:after { content: ""; width: 17%; height: 47px; } } @media screen and (max-width: 767px) { div#home-img { height: auto; } div#home-img #FindJobContainer { padding-top: 1em; } h2.moto { width: 100%; padding: 10px; } div#main-img { height: auto; } .JobTitle { width: 100%; float: left; } #eaContainer #posdesc_pageBlock .possharing { /*float: left; padding: 0 1em;*/ } .sticky-navigation .main-navigation li#menu-item-10 a { border: none; padding: 5px; } div#onboardingTopContainer { background-size: cover; } .onboardingMenuContainer { display: block; max-width: 100%; } .menuItem { background: #f6f6f6; margin: 10px; width: 100% !important; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body.Pos_Find_Results .nectar-shape-divider-wrap { top: 300px !important; } span.codelist5value_vacancyColumn.vacancyColumn, span.codelist7value_vacancyColumn.vacancyColumn, span.pospublishenddate_vacancyColumn.vacancyColumn { margin: 0 10px; width: 100%; position: relative; display: block; margin: 0; } .rowItemsInnerContainer2 span.comma { display: none; } .section-header { width: 100%; } p.testimonial1 { font-size: 20px; } div#main-img { background-position: 1% 0%; background-size: cover; background-repeat: no-repeat; } section#future-cta .career-tile { margin: 20px; } div#talent-testi .slidetext { display: block; } div#talent-testi img { max-width: 200px; margin: 0 70px -40px; float: right; z-index: 1; position: relative; } .img-left { float: left; width: 30%; } .event-info { width: 70%; float: right; } .event-tile { display: flex; } .img-left img { min-height: 140px; object-fit: cover; } .intro-box { width: 550px; max-width: 100%; margin-top: 25vw; } .event-tile { border: none; } section#creating-change { background: transparent; margin: 1em 0; padding: 0; } section#future-cta .cat-container { min-height: 400px; margin: 20px; } } @media screen and (max-width: 713px) { #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { width: 97%; } } @media screen and (max-width: 660px) { #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 95%; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { background: linear-gradient(-90deg, #f1f1f1 85%, #fff 70%); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-position: 2% 45%; } .pageBlockInner_GridBlock .pagingControls_Tiles { margin-left: 15px; display: block; } #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer .pageBlockInner_GridBlock .gridFooter { font-weight: bold; display: grid; } .pageBlockInner_GridBlock .TilesGridSortingInnerContainer { padding: 0; } .pageBlockInner_GridBlock .pagingControls_Tiles { margin-left: 0; } } @media screen and (max-width: 625px) { section#category1 div.cat-top, section#category1 div.cat-bottom, section#category2 div.cat-top, section#category2 div.cat-bottom { width: 32%; float: left; margin-top: 0; margin-right: 1px; margin-left: 1px; } } @media screen and (max-width: 600px) { #eaContainer .pageBlockInner_FormBlock input.inputText { width: 100%; } /* Main headings */ #eaContainer h1 { word-wrap: break-word; } /* 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; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 18px; } .hero-text .section-content .blockquote { font-size: 28px; } .col-third, .cat-container { display: block; width: 100%; max-height: initial; } #eaContainer .category-blocks .category-block { min-height: 0; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; width: 100%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } div#main-img h1 { padding: 10px; } body.Pos_Find_Results #FindJobHeroBlock, body.Pos_Find_Results_Map #FindJobHeroBlock { max-width: 100%; margin-left: 0%; padding: 0; } /* Job Description */ div#Pos_Description_pageView { padding: 0; } .PosDescriptionText { padding: 0; } .container.posDescriptionContainer.posDescriptionContainer317 div#VisiblePosVideo { margin-left: 0; margin-right: 0; max-width: 100%; } body.Pos_Description section#youtube-home .col-yt { margin-left: 0; } body.Pos_Description section#breadcrumb { margin-left: 20px; } .JobTitle h1 { padding: 10px 0px; } .JobTitle p.p-jobref { margin-left: 0; } #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } #posdesc_pageBlock ul.jobSum li .jobSumLabel { display: block; min-width: 100%; text-align: left; font-size: 18px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { font-weight: bold; min-width: 100%; text-align: left; font-size: 18px; padding: 5px 10px; display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li { width: 100%; } #posSummaryBlockv2_pageBlock .appCompleteChartBack { width: 100%; margin: auto; } body.Pos_Description section#youtube-home { padding: 0; } .jobdesc-info { padding: 1em; margin-left: 0; } a#back-to-top { margin-right: 20px; text-align: right; } #OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi { width: 100% !important; } #eaContainer #posdesc_pageBlock .possharing .possharing_header.posrightbox_header { /*text-align: left;*/ } .purpose .about_p, .mission .about_p { font-size: 38px; } div#main-img h1 { position: relative; width: 100%; } body.Pos_Find_Results #FindJobHeroBlock, body.Pos_Find_Results_Map #FindJobHeroBlock { max-width: 100%; margin-left: 0%; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, .intl-tel-input { width: 100%; } div#jobimages img { width: 33%; margin: -2px; } div#jobimages { display: block; } div#sustainability { margin: 0; background: transparent; } body.textpage_programmes .line-right { margin: -2em auto -2em !important; } body.textpage_graduates div#whoweare .line-right { margin-bottom: -6em !important; } body.textpage_graduates .textpage_content .line-right { margin-top: -2em; } body.textpage_graduates .textpage_content .line-left { margin-top: -2em; margin-bottom: -3em; } div#future-img { background-size: cover; background-position: center; height: 340px; } div#grads-img { background-position: left; height: 380px; display: block; } .intro-box h1 { font-size: 40px; } .creating-box { background-size: 50%; background-position: center right; background-image: url(../images/grads/creatingchange-mobile.jpg); padding: 0; } .overlap-desc p { min-height: 57px; display: none; } .overlap-desc { position: absolute; margin: 0; background: #5e9b1a; top: auto; bottom: 0px; padding: 10px; width: 100%; border: none; } .overlap-desc a { font-weight: bold; color: #fff; text-align: center; display: block; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 500px) { .predetails { display: block; } .customimage { min-height: 250px; } #slider-latest-jobs ul.slides { width: 100%; } .testimonials-description-text { padding: 0; } section#talent-testimonials { background: #f1f1f1; padding: 1em; } .testi-text { width: 90%; } .testi-text p { padding: 2em 1em; margin-left: 0; font-size: 18px; } .intro-box p { font-size: 24px; display: none; } .intro-box { max-width: 100%; margin-top: auto; width: auto; display: inline-table; position: absolute; bottom: 20px; } .sub-nav a { padding: 5px 0; border-bottom: 1px solid #eee; } } @media screen and (max-width: 480px) { /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } @media screen and (max-width: 464px) { #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 100%; } form#QuickApplyForm_form div.labelContainer, form#QuickApplyForm_form div.labelContainer label.formLabel { width: 100%; text-align: left !important; } form#QuickApplyForm_form input, form#QuickApplyForm_form select { width: 100%; } form#QuickApplyForm_form input.inputCheckBox { width: auto; } html body #lookupResults_gridTable { margin-bottom: 0; margin-right: 0; width: auto !important; } div#modalcodelistlookup_pageBlock { overflow: hidden; } } @media all and (max-width:414px) { #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { background: linear-gradient(-90deg, #f1f1f1 78%, #fff 70%); } .jobdesc-info { padding: 0; } } @media all and (max-width:400px) { } @media screen and (max-width: 384px) { body.Pos_Find_Results .nectar-shape-divider-wrap { top: 350px !important; } } @media screen and (max-width: 375px) { a#JobsNearMe { padding: 0 10px; position: relative; width: 100%; margin-left: 0; } } @media screen and (max-width: 330px) { a.navbar-brand img { min-width: 120px; } }