/*

Skin: Aurum_05
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

5a. ONBOARDING
    5a.1 Misc
    5a.2 Offer Forms
    5a.3 Offer Info

6. MEDIA QUERIES
	6.1 Laptop
	6.2 Tablet
    6.3 Phablet
    6.4 Phone

*/

/* --------------------------------------
=========================================
   1. CLIENT SPECIFIC
=========================================
-----------------------------------------*/

/*---------------------------------------
   1.2 Fonts              
-----------------------------------------*/
:root {
    scroll-behavior: smooth;
    --base-color: #333;
    --primary-color: #b58512;
    --secondary-color: #1a1a1a;
    --hover-color: #6d5646;
    --light-color: #f1f1f1;
    --border-radius: 3px;
    --font-regular: 'Gill Sans', sans-serif;
    --font-bold: 'Gill Sans', sans-serif;
    --swiper-theme-color: var(--secondary-color);
}

html body {
    font-family: var(--font-regular);
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
    font-size: 2rem;
    line-height: 3rem;
    color: var(--base-color);
}


a {
    color: var(--primary-color);
    text-decoration: none;
    background-color: transparent
}

    a.primary-btn, .primary-btn {
        background: var(--primary-color);
        color: #fff;
        cursor: pointer;
        font-weight: 700;
        transition: 0.5s;
        position: relative;
        text-align: center;
        padding: 10px 30px;
        border-radius: var(--border-radius);
        align-items: center;
        display: inline-flex;
        justify-content: center;
        text-decoration: none;
    }

        a.primary-btn:hover, .primary-btn:hover {
            background: var(--hover-color);
            color: #fff;
            cursor: pointer;
            font-weight: 700;
            transition: 0.5s;
            position: relative;
            text-align: center;
            padding: 10px 30px;
            border-radius: var(--border-radius);
            align-items: center;
            display: inline-flex;
            justify-content: center;
            text-decoration: none;
        }

        a.primary-btn i, .primary-btn i {
            font-size: 12px;
            margin-left: 10px;
        }


.p-6 {
    padding: 6em;
}

.py-6 {
    padding: 6em 0;
}

.mt-6 {
    margin-top: 6em !important;
}
/* Colors + Backgrounds */

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-lighter {
    background-color: var(--light-color) !important;
}


/*---------------------------------------
   1.2 Menu              
-----------------------------------------*/
/****************************************************** */
/******************  Main Header style **************** */
/****************************************************** */
.main-header {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.header-top p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
}

.header-left-shape {
    position: absolute;
    left: 15%;
    top: 0;
    z-index: -1;
    max-width: 5%;
}

.header-right-shape {
    position: absolute;
    right: 15%;
    top: 10px;
    z-index: -1;
    max-width: 5%;
}

.main-header .header-upper {
    z-index: 5;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: transparent;
}

.fixed-header .header-upper {
    top: 0;
    position: fixed;
    animation: sticky 1s;
    -webkit-animation: sticky 1s;
    box-shadow: 0px 0px 30px 0px rgb(87 95 245 / 10%);
    -webkit-box-shadow: 0px 0px 30px 0px rgb(87 95 245 / 10%);
    border-radius: 0;
    margin: 0;
    width: 100%;
    background: #fff;
}

.header-inner {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-header .logo {
    position: relative;
    z-index: 9;
    max-width: 200px;
}

    .main-header .logo img {
        max-height: 50px;
    }

.logo-mobile img {
    max-height: 50px;
    max-width: 200px;
}
/** Header Main Menu */
.main-menu .navbar-collapse {
    padding: 0px;
    margin-left: 40px;
}

.main-menu .navigation {
    padding-left: 0;
    margin-bottom: 0px;
}

    .main-menu .navigation > li {
        float: left;
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main-menu .navigation li.dropdown .dropdown-btn {
        margin-left: 7px;
    }

.main-menu .collapse .navigation li.dropdown .dropdown-btn {
    display: none;
}


.main-menu .navigation li a {
    position: relative;
    display: block;
    font-size: 13px;
    opacity: 1;
    text-transform: uppercase;
    transition: all 500ms ease;
    font-family: var(--font-regular);
    text-decoration: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after,
.main-menu .navigation > li.dropdown > a:after {
    float: right;
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    margin-left: 5px;
}

.main-menu .navigation > li > a {
    padding: 0 15px;
    text-decoration: none;
}

    .main-menu .navigation > li > a:focus-visible {
        outline: -webkit-focus-ring-color auto 1px;
    }

    .main-menu .navigation > li > a:before {
        position: absolute;
        content: '';
        height: 4px;
        top: auto;
        bottom: -26px;
        left: 0;
        width: 0;
        transition: width 0.5s ease;
        background: var(--secondary-color);
    }

.main-menu .navigation > li.active > a:before,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before {
    width: 100%;
}

.main-menu .navigation li:hover > a,
.main-menu .navigation li.current > a,
.main-menu .navigation li ul li:hover > a,
.main-menu .navigation li ul li.current > a {
    color: var(--secondary-color);
}

.main-menu .navigation li .megamenu {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    padding: 20px 0;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

    .main-menu .navigation li .megamenu:after {
        display: block;
        clear: both;
        content: "";
    }

    .main-menu .navigation li .megamenu ul {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.main-menu .navigation li ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 210px;
    z-index: 100;
    list-style: none;
    padding: 0;
    display: none;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

    .main-menu .navigation li ul li {
        width: 100%;
        padding: 5px 20px;
        border-bottom: 1px solid #f2f2f2;
    }

        .main-menu .navigation li ul li:last-child {
            border-bottom: none;
        }

        .main-menu .navigation li ul li a {
            padding: 5px 0px;
            font-size: 14px;
            line-height: 24px;
            text-transform: capitalize;
        }

        .main-menu .navigation li ul li ul {
            left: 100%;
            top: 0%;
        }

.main-menu .navbar-header {
    display: none;
}

    .main-menu .navbar-header .navbar-toggle {
        cursor: pointer;
        background: transparent;
    }

        .main-menu .navbar-header .navbar-toggle .icon-bar {
            width: 30px;
            margin: 6px 0;
        }

.icon-bar {
    height: 3px;
    width: 23px;
    display: block;
    margin: 4px auto;
    border-radius: 2px;
    background: var(--primary-color);
}

.menu-right .theme-btn {
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
}

.main-header .container {
    max-width: 1880px;
}

.main-header .main-menu .navbar-collapse {
    margin-right: 40px;
}


.main-header .menu-right .login {
    margin-right: 30px;
    font-weight: 600;
}

    .main-header .menu-right .login i {
        margin-left: 5px;
        font-size: 14px;
    }

/* Mobile Menu */
@media only screen and (max-width: 991px) {

    .main-menu .collapse.show .navigation li.dropdown .dropdown-btn {
        display: block;
    }

    .logo-outer {
        display: none;
    }

    .header-inner {
        display: block;
    }

    .main-menu {
        width: 100%;
    }

        .main-menu .navbar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }


        .main-menu .navbar-collapse {
        }

        .main-menu .navigation li {
            float: none;
            display: block;
            padding: 3px 0;
            border-top: 1px solid #f3f3f3;
        }

        .main-menu .navigation > li > ul > li.dropdown > a:after,
        .main-menu .navigation > li.dropdown > a:after {
            display: none;
        }

        .main-menu .navigation > li:last-child {
            border-bottom: 1px solid #f3f3f3;
        }

        .main-menu .navigation li.dropdown .dropdown-btn {
            position: absolute;
            right: 10px;
            top: 0;
            width: 50px;
            height: 38px;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            border-left: 1px solid #f3f3f3;
        }

        .main-menu .navigation li a {
            padding: 5px 20px;
            line-height: 22px;
            width: 100%;
            margin: 0;
            letter-spacing: 1px;
            border-width: 4px 0 4px;
            text-transform: capitalize;
        }

        .main-menu .navigation li .megamenu {
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none;
            width: 100%;
        }

            .main-menu .navigation li .megamenu .container {
                max-width: 100%;
            }

            .main-menu .navigation li .megamenu .row {
                margin: 0px;
            }

        .main-menu .navigation li ul {
            position: relative;
            display: none;
            width: 100%;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: transparent;
        }

            .main-menu .navigation li ul:after {
                display: block;
                clear: both;
                content: "";
            }

            .main-menu .navigation li ul li {
                padding: 0 20px;
                border-bottom: none;
            }

                .main-menu .navigation li ul li a {
                    padding: 8px 10px;
                    line-height: 22px;
                }

        .main-menu .navigation li.dropdown li.dropdown .dropdown-btn {
            right: 20px;
        }

        .main-menu .navigation li ul li ul {
            left: auto;
        }

        .main-menu .navigation li a:after,
        .main-menu .navigation li a:before {
            display: none;
        }



    .main-header {
        position: relative;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {

    .main-header .main-menu .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }

    .main-menu .navigation > li > a {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
    .main-menu .navigation > li > a {
        padding: 0 8px;
        font-size: 12px;
    }

    .main-menu .navigation > li > ul > li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:after {
        content: '\f107';
        margin-left: 5px;
    }
}



footer.footer-section {
    position: relative;
    z-index: 1;
    padding-top: 2em;
    overflow: hidden;
    background-color: var(--secondary-color);
}

footer ul.list-style {
    list-style-type: none;
}

footer p, footer a {
    color: #fff;
}

.social-links a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    margin: 0 10px 5px 0;
    background: var(--primary-color);
    color: #fff;
}

.social-links {
    display: flex;
}

/* Copyright Area */
.copyright-area {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 10px;
    border-top: 1px solid #dfdbfa;
}

    .copyright-area p a {
        color: var(--primary-color);
    }
/*---------------------------------------
   1.4 Avatar              
-----------------------------------------*/

#ProfileIcon img {
    width: 50px;
    transition: all .2s ease-in-out;
}

    #ProfileIcon img:hover {
        transform: scale(1.2);
    }


#ProfileIcon strong {
    position: relative;
    bottom: 20px;
    right: 10px;
}

#links-top .avatar-submenu li {
    width: 100%;
    display: block;
}

/*---------------------------------------
   1.5 Borders              
-----------------------------------------*/

/* 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 .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,
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: inherit;
    cursor: pointer;
    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 6px 22px;
    display: none;
}

    div.accordion-content.show {
        display: block;
    }

button.accordion-button:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f067';
    font-size: 13px;
    color: #BEBEBE;
    float: right;
    margin-left: 5px;
}

button.accordion-button.active:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f068';
}

.accordion-container {
    border-bottom: 1px solid #E8E8E8;
}

/* --------------------------------------
=========================================
   2. GLOBAL
=========================================
-----------------------------------------*/

/*---------------------------------------
   2.1 Colours              
-----------------------------------------*/

/* Primary colour */

.hero-bg,
.srt-menu li li:hover > a,
#topnav,
#nav-mobile,
a.buttonlink,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover,
/*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/
/*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
div.FilterRowsContainer .AvailableContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#slider-latest-jobs ol li a.flex-active,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer .TilesGridSortingPopup,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    background: var(--secondary-color);
}

    #SignInTitleBlock_pageBlock .pageBlockInner h1,
    #eaContainer h1.eArcuInfoHeader,
    #eaContainer a,
    #links-top li.current a,
    .srt-menu li:hover > a,
    .srt-menu li.current a,
    body .ui-widget-content a,
    body .pageBlockInner_GridBlock div.pagingControls input.pagenumber,
    body .pageBlockInner_FormBlock div.curFocus label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
    #eaContainer div.pageBlockTitle,
    #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
    #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
    #eaContainer a,
    body .ui-widget-content a,
    #eaContainer .TilesGridSortingPopup a:hover,
    body #FindJobHeroBlock input.buttonSubmit,
    #Welcome_pageView .iconLabel a,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu,
    #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted,
    #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted {
        color: var(--primary-color);
    }

#FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover {
    border: 1px solid var(--secondary-color);
}

/* 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: var(--primary-color);
}


#eaContainer a:hover,
.hero-content h2 span,
body #eaContainer .alternateViews .alternateViewsButton:hover,
#Welcome_pageView .iconLabel 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: var(--primary-color);
}

#ProfileIcon:hover a,
#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight,
.menu-control:hover,
#breadcrumb a:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover,
#eaContainer .pageBlockInner_GridBlock .gridTop a:hover,
footer #footer .copy-right p a:hover,
#eaContainer .footer a:hover,
#eaContainer #latest-jobs a:hover h3,
#eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover {
    color: var(--primary-color) !important;
}

/* Buttons */
body button.buttonAnchor:hover,
body input.buttonSubmit:hover,
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover,
#eaContainer .buttonsRight button.buttonAnchor:hover,
#eaContainer .buttonsLeft input.buttonSubmit:hover,
#eaContainer .buttonsRight input.buttonSubmit:hover,
#eaContainer .buttonsLeft a.buttonAnchor:hover,
#eaContainer .buttonsRight a.buttonAnchor:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
span.fake-button:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#quicksearch_pageBlockContainer input.buttonSubmit:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
.Pos_Description_Review #eaContainer .reviewposlink a:hover,
.Application_Withdraw #eaContainer .withdrawapp a:hover,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
.gridContainer .rowlink a:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner,
#eaContainer a.buttonAnchor:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    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;
}

.hero-bg h2,
.hero-bg p,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a,
.srt-menu li li:hover > a,
#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a,
#eaContainer #Application_Home_pageView .ulListItem:hover a,
#eaContainer #Application_Home_pageView .Completed:hover a,
html body .tooltip2_FormError,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a,
#eaContainer div.listItemTitle a,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer,
.listItemAnchorContainer *,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a,
#eaContainer div.FilterRowsContainer .AvailableContainer a,
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
body .dialog_noTitle div.ui-dialog-titlebar,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer a.buttonAnchor,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
    color: #fff;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover,
#eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover,
body.Home #eaContainer .listItemContainer a,
body.Home #eaContainer .listItemContainer a:hover,
html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover,
.tabs-style-shape nav .tab-current a,
.tabs-style-shape nav li a:hover {
    color: #fff !important;
}

#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-color: #fff;
}

#eaContainer .actionMessageContainer div.actionMessageWarning {
    background-image: url("../images/sprites/red-cross.png");
}

#eaContainer .actionMessageContainer div.actionMessageOk {
    background-image: url("../images/sprites/green-tick.png");
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    background-image: url("../images/sprites/white-arrow-right.png");
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
    background-image: url("../images/sprites/white-arrow-left.png");
}

/* Greys */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .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;
}


    #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;
}

/*---------------------------------------
   2.2 General            
-----------------------------------------*/

.eArcuInfoHeader {
    display: none;
}

#content-main {
    min-height: 480px;
    position: relative;
}

#content {
    min-height: 430px;
}

button {
    cursor: pointer;
}

#eaContainer div.pageBlockTitle {
    font-size: 19.6px;
    font-weight: normal;
}

#eaContainer .label {
    font-weight: 300;
    font-size: 2rem;
    line-height: 3rem;
}

#eaContainer .pageBlockInner_GridBlock .gridTop {
    font-weight: bold;
}

    #eaContainer .pageBlockInner_GridBlock .gridTop a,
    footer #footer .copy-right p a,
    #eaContainer .availableListsContainer a,
    #eaContainer .footer,
    rowContainer a {
        font-weight: normal;
    }

#eaContainer a,
body .ui-widget-content a {
    font-weight: normal;
    outline: 0;
}

    #eaContainer a.filename,
    #eaContainer .rowlink a,
    body #eaContainer .buttonAnchor,
    #posBrowser_Filter_pageBlock .FilterRowsContainer a,
    #eaContainer .alternateViews a {
        text-decoration: none;
    }

#eaContainer .iconLabel a,
#eaContainer .ulListItemLabel a,
#eaContainer .TilesGridSortingContainer a,
#eaContainer .TilesGridSortingPopup a,
#eaContainer .alternateViews a,
#eaContainer #latest-jobs a,
#eaContainer #latest-jobs a:active,
#eaContainer #latest-jobs a:visited {
    text-decoration: none;
}

#eaContainer div.pageBlockContainer {
    margin: 0;
}

#eaContainer div.pageBlockContent {
    overflow: hidden;
}


h1#EarcuIntroTextBlockTitle,
h1#EarcuHeadingTextBlockTitle,
.pageBlockTitle {
    display: none;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer {
    margin: 0;
}

.banner-main {
    margin-top: 70px;
    width: 100%;
}

#eaContainer {
    margin-bottom: 2em;
}

.navigation-footer__social .award {
    margin-left: auto;
}

    .navigation-footer__social .award img {
        max-width: 75px;
    }

.footer-main__social-icons .awardContainer img {
    max-width: 100px;
}

.Home .hero__media img {
    object-position: 50% 10%;
}
/*---------------------------------------
   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 .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 {
    text-align: center;
    font-family: inherit;
    align-items: center;
    background-color: #fff;
    border: 1px solid #87674f;
    color: #6d5646;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 20px;
    line-height: 2rem;
    padding: 1em 4em;
    position: relative;
    text-transform: uppercase;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    padding: 1em 4em;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
    margin-left: 0 !important;
}

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover {
        background-color: #fff;
        border: 1px solid var(--primary-color);
        color: var(--primary-color);
    }

/*

.buttonsLeft a:after,
.buttonsRight a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M20.801 12.115l-5.22-4.477a.576.576 0 00-.808.059.565.565 0 00.059.802l4.002 3.43H4.573A.57.57 0 004 12.5a.57.57 0 00.573.568h14.404l-2.28 2.02-1.782 1.399a.566.566 0 00-.094.798.574.574 0 00.805.093l1.807-1.42 3.375-2.988a.567.567 0 00-.007-.854z' fill='%236D5646' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
    height: 25px;
    width: 25px;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.buttonsLeft input.buttonSubmit:before,
.buttonsRight input.buttonSubmit:before,
.buttonsLeft a:before,
.buttonsRight a:before {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M20.801 12.115l-5.22-4.477a.576.576 0 00-.808.059.565.565 0 00.059.802l4.002 3.43H4.573A.57.57 0 004 12.5a.57.57 0 00.573.568h14.404l-2.28 2.02-1.782 1.399a.566.566 0 00-.094.798.574.574 0 00.805.093l1.807-1.42 3.375-2.988a.567.567 0 00-.007-.854z' fill='%236D5646' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
    height: 25px;
    width: 25px;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.buttonsLeft a:hover:before,
.buttonsRight a:hover:before {
    opacity: 1;
    transform: translateY(-50%) translateX(-110%)
}
.buttonsLeft a:hover:after,
.buttonsRight a:hover:after {
    opacity: 0;
}
*/
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    text-shadow: none;
}

#eaContainer .addressButton {
    padding: 0;
}


    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: var(--secondary-color);
}

body.Home #eaContainer .actionMessageContainer {
    margin: 2em 0 0;
}

    body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
        float: right;
    }

.pageBlockInner_FormBlock div.controlError {
    padding-top: 5px;
}

/*---------------------------------------
   2.5 Dialogues            
-----------------------------------------*/

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber {
    text-shadow: none;
}

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current {
    color: #000000;
}

.ui-dialog-titlebar-close {
    background: url("../images/sprites/white-cross.png") no-repeat center !important;
}

body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit {
    margin-top: 0;
}

body button.ui-dialog-titlebar-close {
    outline: 0;
}

/*---------------------------------------
   2.6 Tooltips            
-----------------------------------------*/

.tooltip2_Surround, .tooltip2_SurroundClosing {
    display: none !important;
}


/*---------------------------------------
   2.7 Hidden            
-----------------------------------------*/

.hidden {
    display: none;
}

/*---------------------------------------
   2.8 Modals            
-----------------------------------------*/

body .ui-dialog div.gridRemove .pageBlockContent {
    background: none;
}

.modalContent .formRow.formRowButtonRow {
    margin-top: 1em;
    width: 76.5% !important;
}

.modalContent .totalRows {
    margin-top: 1em;
}

.modalContent .gridFooter {
    overflow: hidden !important;
}

body .pageBlockInner_GridBlock table.gridTable th {
    background: #ffffff;
}

/* --------------------------------------
=========================================
   3. PRE APPLICATION
=========================================
-----------------------------------------*/

/*---------------------------------------
   3.1 Home              
-----------------------------------------*/
body.Home .hero {
    height: 77vh;
}

.Home #intro_pageBlock {
    display: none;
}

#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer div.actionMessageOk {
    color: #fff;
    margin-left: 10px;
}

.Home #eaContainer {
    margin-bottom: 0;
}

.latest-jobs-swiper swiper-slide {
    text-align: left;
    border-left: 1px solid #bbbbbb;
    padding-left: 10px;
}

swiper-container#latest-jobs {
    padding: 2em;
}

.latest-jobs-swiper a:hover h3 {
    color: var(--primary-color);
}
/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/

#FindJobContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: var(--secondary-color);
}

#FindJobHeroBlock {
    padding-bottom: 25px;
    max-width: 1200px;
    margin: auto;
}

    #FindJobHeroBlock h1 {
        color: #fff;
        margin-bottom: 15px;
    }

    #FindJobHeroBlock .pageBlockHeader,
    #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        display: none;
    }

    #FindJobHeroBlock .buttonAnchor,
    #FindJobHeroBlock .pageBlockInner .buttonsRight li,
    #FindJobHeroBlock input.buttonSubmit,
    #FindJobHeroBlock .buttonsRight,
    #FindJobHeroBlock .formRowTextInputRow .controlContainer {
        float: none;
    }

body #FindJobHeroBlock input.buttonSubmit {
    background: #fff;
    padding: 10px 30px;
}

body #FindJobHeroBlock input.inputText {
    width: 100%;
    padding-top: 4px;
}

body #FindJobHeroBlock .formRowTextInputRow {
    width: 40%;
    display: inline-block;
    float: none;
}

body #FindJobHeroBlock .blockSummaryText {
    padding-left: 0;
}

#FindJobHeroBlock div.pageBlockContent {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    float: none;
    display: inline-block;
    width: auto;
}

#FindJobHeroBlock .buttonSubmit {
    display: inline-block;
    padding: 2.9px 25px;
}

body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor {
    background: none;
}

a#JobsNearMe {
    background: none;
    padding-left: 25px;
}

    a#JobsNearMe:before {
        font-family: FontAwesome;
        content: "\f124";
        padding-right: 1em;
    }

#FindJobHeroBlock h1 {
    margin-top: 0;
    text-transform: none;
}


div#Pos_Find_Results_pageView .pageViewMain {
    display: flex;
    flex-direction: row-reverse;
}

#posBrowser_ResultsGrid_pageBlockContainer {
    width: 70%;
}

#posBrowser_Filter_pageBlockContainer {
    width: 30%;
}
/*---------------------------------------
   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);
    }


.category-container:hover img,
.category-container:hover .category-extras {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category-container:hover img {
    opacity: 0.1;
}

.category-extras {
    display: none;
}

.category-container:hover .category-extras {
    display: block;
}

.category-container:hover .category-info h1 {
    color: rgb(85, 55, 155);
    text-shadow: none;
}

.category-info h1 {
    margin-top: 0;
}

.category-info p {
    margin: 0 auto;
    width: 85%;
    max-height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

.col-third {
    width: 33.1%;
    display: inline-block;
}

/* Image zoom on hover + Overlay colour */
.cat-container {
    width: 101%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: -10px;
}

.cat-content {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.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);
}

/*Roles Page Styling*/

#eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
#eaContainer #CodeListCounts_pageBlock {
    padding: 0;
    margin: 5px;
    overflow: hidden;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: 48%;
    position: relative;
    margin: 10px;
    height: 300px;
    float: left;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer1 {
        /*height: 500px;*/
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder,
    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
        height: inherit;
        background-color: #1a1a1a;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
            z-index: 1;
            background-size: 200px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
            background-size: cover;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background: transparent;
            height: 100%;
            text-align: center;
            transition: all .2s ease;
            display: flex;
            align-items: end;
        }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle {
                padding: 5px 20px;
                text-align: center;
                background: #fff;
                color: var(--primary-color);
                width: auto;
                margin: 0 auto 1em;
                display: inline-block;
                text-transform: uppercase;
            }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemTitle {
        background: var(--primary-color);
        color: #fff;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemTitle span.listItemTitleAnchor_Label {
            color: #fff;
        }

    #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: var(--secondary-color);
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a span.listItemTitleAnchor_Label, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer span.listItemTitleAnchor_Label {
            color: var(--secondary-color);
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 300;
        }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
        font-size: 17px;
        font-weight: 400;
        text-align: center;
        opacity: 0;
        transition: all .2s ease;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
        /*height: 105px;*/
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
            opacity: 1;
        }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer1 .listItemContainerBorder .listItemImageContainer {
        background-position: 50% 100%;
    }

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }




/*#region ticker */

.ticker-container {
    width: 100%;
    margin: 20px auto 0 auto;
    height: 118px;
    padding: 0;
}

.carousel div {
    height: 95px; /*125*/
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

    .carousel div img {
        height: 75%;
        width: auto
    }


.ticker-container .caroufredsel_wrapper { /*KMA is this needed??*/
    width: 100% !important; /**added the imp for 75% height - change the above?**/
}



/*---------------------------------------
   3.5 Search results              
-----------------------------------------*/

/****************************************************** */
/*****************  Page Banner  ******************* */
/****************************************************** */
.page-banner {
    height: 350px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.page-title {
    color: white;
    font-size: 55px;
    margin-bottom: 10px;
    text-transform: capitalize;
}


#posBrowser_Filter_pageBlockContainer {
    float: right;
    width: 30%;
}

html body .posListHover {
    display: none !important;
}

.addressContainer input,
.addressContainer button {
    line-height: 28.8px;
}

#eaContainer .pagingButtons {
    padding-top: 2px;
}

#eaContainer .TilesGridSortingPopup {
    margin-top: 34px !important;
}

#eaContainer .posBrowserMapBlock .addressContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 375px;
}

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 150px;
    }

#eaContainer .addressContainer .addressButton {
    margin-top: 1px;
}

div.alternateViews a.alternateViewsButton_List {
    margin-right: 1em;
}

#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    padding: 3px 0 0 10px;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
}

#eaContainer .posBrowserMapBlock .alternateViewsCurrent a {
    font-weight: bold;
}


#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
    background-size: 20px;
    padding-left: 30px;
    width: 96%;
}

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
        background-size: 20px;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected {
        background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
        background-size: 20px;
    }


#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a {
    margin: 6px 5px 1px 1px;
}

html body .posListHover {
    background: #F1F0F0;
    border: 0px;
    max-height: 50%;
}


#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-left: 0 !important;
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #000;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
        text-decoration: none;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
        font-size: 22px;
        font-weight: 400;
        color: var(--secondary-color);
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowHeader,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer {
        position: relative;
        padding-right: 245px;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer:after {
            content: "View opportunity";
            position: absolute;
            right: 0;
            bottom: 0;
            background: var(--secondary-color);
            color: #fff;
            padding: 10px 30px;
            font-weight: 500;
        }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover .rowContentContainer:after {
        background: var(--primary-color);
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
        background-color: #F3EFED;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
            color: var(--primary-color);
        }



span.vacancyColumn {
    width: 100%;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: 300;
}

#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;
}

div#MapBlock_pageBlockContainer {
    display: initial;
}

#posBrowser_ResultsGrid_pageBlock .createAlertsContainer .buttonsContainer .buttonAnchor {
    width: auto;
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList {
    max-height: 310px;
}

/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/
.posDescriptionContainer.posDescriptionContainer317 {
    padding-top: 7em;
}

div#Pos_Description_Review_pageView {
    padding-top: 7em;
}

    div#Pos_Description_Review_pageView .posDescriptionContainer.posDescriptionContainer317 {
        padding-top: 0;
    }

#eaContainer .earcu_posdescriptiontitle {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.45em 0;
    padding: 0;
}

.JobTitle {
    display: none;
}

.earcu_posdescriptionnote li {
    font-weight: 300;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    padding: 2em;
}

.posAlerts_info.posrightbox_info {
    margin: 1em 0 0;
}

.ApplyNowContainer .buttonsRight,
.ApplyNowContainer .buttonsRight li {
    float: none;
}

    .ApplyNowContainer .buttonsRight a {
        width: 100%;
    }

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
    margin-bottom: 10px;
}

.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 .PosMyAppSummaryValues,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    padding: 1em;
    margin-bottom: 1em;
}

.PosMyAppSummaryValues dd {
    margin: 0
}

#eaContainer .PosMyAppSummaryValues div.appCompleteChartBack,
#eaContainer .PosMyAppSummaryValues div.appCompleteChartBar {
    padding: 0;
    margin: 0;
}

#eaContainer .PosDescriptionText .ApplyNowContainer {
    float: right;
}

#eaContainer div.posDescriptionContainer317 .BigVacancyMap {
    width: 100%;
}

#eaContainer div.posDescriptionContainer317 .RightJobBox {
    margin-left: 20px;
}

.recruiterContainer {
    background-color: var(--secondary-color);
    text-align: center;
    padding: 2em;
    color: #fff;
}

.rec-img img {
    margin: auto;
    padding: 1em;
}

#eaContainer span.miniMapButton {
    margin-bottom: 10px;
}

#eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue {
    margin-right: 0px;
}

#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .posAlerts {
    background: var(--secondary-color);
    border: 0 none;
    border-radius: 0;
    padding: 2em;
    color: #fff;
}


.jobValues {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--secondary-color);
    color: #fff;
}

#posdesc_pageBlock ul.jobSum {
    display: flex;
    justify-content: space-around;
    max-width: 1280px;
    margin: auto;
    text-align: center;
}

li.jobSumItem:before {
    color: var(--primary-color);
    font-family: "Font Awesome 6 Pro";
    content: "\f200";
    font-size: 18px;
    padding: 0 5px;
}

li.jobSumItem.SumItem_displaysalarydescription:before,
li.jobSumItem.SumItem_codelist12value:before,
li.jobSumItem.SumItem_salaryfrom:before {
    content: "\f0d6";
}

li.jobSumItem.SumItem_payratevalue:before {
    content: "\f0d6";
}

li.jobSumItem.SumItem_codelist4value:before,
li.jobSumItem.SumItem_codelist5value:before {
    content: "\f041";
}

li.jobSumItem.SumItem_codelist2value:before {
    content: "\f200";
}

li.jobSumItem.SumItem_text10:before {
    content: "\f017";
}

li.jobSumItem.SumItem_postcode:before {
    content: "\f124";
}

li.jobSumItem.SumItem_codelist11value:before {
    content: "\f0b1";
}

li.jobSumItem.SumItem_pospublishenddate:before {
    content: "\f273";
}

.Pos_Description .heading-section {
    display: none;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: 190px;
}

#eaContainer .RightJobBox .posAlerts {
    text-align: center;
}

#eaContainer #posdesc_pageBlock .possharing {
    background-color: #87674f;
    color: #fff;
    padding: 3.75em 0;
    text-align: center;
    margin: 0;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: table;
}

#posdesc_pageBlock .posrightbox_header {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.5px;
    font-size: 1.4rem;
}

#eaContainer #PosDescSharingItems a.PosDescSharingItem {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all .2s ease;
    position: relative;
    border-radius: 0;
    margin: 8px;
}

    #eaContainer #PosDescSharingItems a.PosDescSharingItem img {
        display: none;
    }

    #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem {
        background-image: url(../images/icons/linkedin.png);
    }

    #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem {
        background-image: url(../images/icons/facebook.png);
    }

    #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem {
        background-image: url(../images/icons/email.png);
    }

    #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem {
        background-image: url(../images/icons/twitter.png);
    }


.benefitsContainer {
    background-color: var(--secondary-color);
    color: #fff;
    padding: 2em 1em;
    text-align: center;
    margin-top: 10px;
}

h2.benefits-title {
    padding-bottom: 1em;
}

.benefitBlocksContainer {
    display: inline-block;
    height: 100%;
}

.benefitBlock {
    width: 50%;
    text-align: center;
    float: left;
    line-height: normal;
    font-size: 1.6rem;
    color: white;
    min-height: 120px;
}

    .benefitBlock:before {
        content: "";
        width: 70px;
        height: 70px;
        margin: 10px auto 0;
        display: block;
        font-family: 'Font Awesome 6 Pro';
        transition: all ease .2s;
        font-size: 50px;
        font-weight: 100;
    }

    .benefitBlock:hover:before {
        /*filter: grayscale(1);*/
        transform: scale(1.1);
    }


    .benefitBlock.save:before {
        content: "\e5e2";
    }

    .benefitBlock.discount:before {
        content: "\f646";
    }

    .benefitBlock.eap:before {
        content: "\e1aa";
    }

    .benefitBlock.wellbeing:before {
        content: "\f21e";
    }

    .benefitBlock.pension:before {
        content: "\f4d3";
    }

    .benefitBlock.employee:before {
        content: "\f559";
    }

    .benefitBlock.annualleave:before {
        content: "\e470";
    }

    .benefitBlock.bonus:before {
        content: "\f646";
    }

    .benefitBlock.payroll:before {
        content: "\e529";
    }

    .benefitBlock.health:before {
        content: "\f0fa";
    }

    .benefitBlock.cycle:before {
        content: "\f206";
    }

    .benefitBlock.parental:before {
        content: "\e300";
    }



#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer, #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyViaEmailContainer {
    overflow: hidden;
}
/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/

html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

#eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding-left: 5px;
}


#eaContainer #posdesc_pageBlock .posDescriptionContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    overflow: hidden;
}

#eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
#eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl {
    width: 30%;
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    width: 360px;
}

#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
#eaContainer .formRowSelectMultiCodelistRow label {
    padding: 6px 7px;
}

#eaContainer #MyJobFeedForm_form div.formRow {
    margin-top: 1em;
}

.pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: var(--primary-color);
}

body.MyJobFeed .modalContent {
    min-height: auto !important;
}

/*---------------------------------------
   3.8 Questions            
-----------------------------------------*/

#eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy {
    margin-bottom: 2em;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow {
    width: 100%;
}

#eaContainer #questions_form .controlContainer {
    margin-top: 1em;
}

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 3px;
}

/*---------------------------------------
   3.9 Login            
-----------------------------------------*/
body.Login #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.ProfileRegisterWithAlerts #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.ProfileRegister #eaContainer .pageBlockInner_FormBlock div.textLiteral, body.Application_Login #eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: center;
    padding: 1em 0;
}

#login_SaveButtonRow_formRow input,
#login_buttons2_formRow a {
    min-width: 285px;
}

/* Center apply social icons */
#UsernameForm_pageBlock .ssoIconsInnerContainer {
    margin: 0 auto;
    max-width: 360px;
    overflow: auto;
    display: flex;
    justify-content: space-evenly;
}

#eaContainer #login_pageBlock .ssoIcon,
#eaContainer #newregister_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
}

#eaContainer #login_pageBlock .ssoIconsInnerContainer,
#eaContainer #newregister_pageBlock .ssoIconsInnerContainer {
    text-align: center;
}

/*---------------------------------------
   3.10 Register            
-----------------------------------------*/

#eaContainer .pageBlockInner_FormBlock input.inputText {
    padding: 5px;
}

#eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer {
    border: 0;
    background: #F1F1F1;
}

.LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit {
    background: #0078B5;
    color: #ffffff;
}

    .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover {
        background: #9b9c9e;
    }

/* Tabs */

body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer,
body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer {
    border: 0;
    margin-left: 0;
}

#pageTitleSignInHeaderContainer h2,
#pageTitleRegisterHeaderContainer h2 {
    background: #f1f1f1;
    color: #9a9b9c;
    padding: 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input {
    background-size: 30px;
    background-position: 100% 50%;
}

    div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type="password"] {
        background-image: url(../images/sprites/eye-hide.png);
    }

    div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type="text"] {
        background-image: url(../images/sprites/eye-show.png);
    }

div#RegisterForm_GpdrDeclaration_formRow .controlContainer {
    height: auto;
    margin-top: 5px;
}
/* --------------------------------------
=========================================
   4. CANDIDATE PORTAL
=========================================
-----------------------------------------*/

/*---------------------------------------
   4.1 My home           
-----------------------------------------*/

#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer {
    margin-right: 0;
}

#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
    float: none;
    position: relative;
    margin: 0 auto;
}

#eArcuProfileImage {
    text-align: center;
}

#Welcome_pageView .iconLabel a {
    overflow-wrap: break-word;
}

#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    float: none;
}

#eaContainer .rowItemsInnerContainer2 {
    overflow: hidden;
    max-width: 70%;
}

#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-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
}

#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer a.buttonAnchor.actionTextButton {
    margin: 0 !important
}
/*---------------------------------------
   4.2 My profile
-----------------------------------------*/
#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;
}

#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;
}

#eaContainer #MyDetails_ConnectedServices_pageView a.connect {
    background: none;
    color: #000000;
    padding-left: 0;
    text-decoration: none;
}

/*---------------------------------------
   4.3 My applications
-----------------------------------------*/

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 3px 3px 3px 10px;
}

html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a {
    text-decoration: none;
}

#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent {
    padding: 10px 0;
}

    #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        background: #f0f0f0;
        margin-bottom: 1em;
    }

#Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    padding: 1em;
}

#eaContainer .mainearcublock .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;
    text-decoration: none;
}

#eaContainer #ApplicationsGrid_pageBlock,
#eaContainer #Application_List_pageView #intro_pageBlock {
    padding-left: 0;
}

/* --------------------------------------
=========================================
   5. APPLICATION SECTIONS
=========================================
-----------------------------------------*/

/*---------------------------------------
   5.1 Progress bar       
-----------------------------------------*/
#posSummaryBlockv2_pageBlock .MySummaryItem {
    display: block;
    max-width: 700px;
    height: 100%;
    width: 100%;
    margin: auto;
}

#dialogDialogContainer {
    margin-top: 6em;
    max-width: 100%;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin-left: 0;
    margin-right: 0;
    background: transparent;
    border: none;
}

#posSummaryBlockv2_pageBlock .MySummaryItemContent {
    margin: 5px;
    font-size: 20px;
    color: var(--primary-color);
}

#posSummaryBlockv2_pageBlock .MySummaryItemTitle {
    display: none;
}

#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 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;
}

.charCounterValue {
    float: left;
}
/*---------------------------------------
   5.2 Application summary          
-----------------------------------------*/

.Welcome #pageMessages {
    display: none;
}


body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage {
    margin-right: 25px;
    margin-left: 0;
    height: 90px !important;
    width: 90px !important;
    background: var(--primary-color);
    padding: 15px;
    border-radius: 100%;
}

.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;
        padding: 0;
        min-height: 0;
        width: 100%;
        margin: 0;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,
    #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
        margin: 0;
        padding: 5px 10px;
        text-align: left;
    }

.PosMyAppSummaryValues {
    padding: 1em;
}

#eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow {
    /* display: none !important; */
}

#eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer {
    width: auto;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a {
    color: #ffffff;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem {
    background-color: #9b9c9e;
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-position: 99% 50%;
    border-color: #e3e3e3;
    float: none;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: auto;
    font-weight: normal;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed {
        background-image: url("../images/sprites/selected-progress-hover.png");
        background-color: var(--secondary-color);
    }

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover {
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-color: var(--primary-color);
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover {
    background-image: url("../images/sprites/selected-progress-hover.png");
    background-color: var(--secondary-color);
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem:hover {
    background-color: var(--primary-color);
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock,
#eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock,
.Application_Home #sectionslist_pageBlock,
.Application_Home #BackBlock_pageBlock {
    padding: 0;
    margin-top: 15px;
}

/*field*/
#eaContainer .pageBlockInner_FormBlock .iti.iti--allow-dropdown input,
#eaContainer .pageBlockInner_FormBlock .iti.iti--allow-dropdown input[type=tel],
#eaContainer .pageBlockInner_FormBlock .iti.iti--allow-dropdown input[type=text],
#eaContainer .pageBlockInner_FormBlock .iti.iti--separate-dial-code input,
#eaContainer .pageBlockInner_FormBlock .iti.iti--separate-dial-code input[type=tel],
#eaContainer .pageBlockInner_FormBlock .iti.iti--separate-dial-code input[type=text] {
    padding-left: 52px;
    width: 100%;
}
/*dropdown*/
.iti.iti--allow-dropdown {
    width: 100%;
}
/*---------------------------------------
   5.3 Global sections       
-----------------------------------------*/

/* Login / Register block */

.banner-main-container {
    position: relative;
}

#login-register-block {
    background: #9b9c9e;
    display: block;
    width: 300px;
    position: absolute;
    text-align: center;
    bottom: 50px;
    margin-left: 50px;
    padding: 1em;
    border-radius: 5px;
}

    #login-register-block .buttonAnchor {
        background: #F1F1F1;
        color: #313131;
        margin-right: 1em;
    }

.block-right {
    float: right;
}

#login-register-block .buttonAnchor.no-margin {
    margin: 0;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer {
    margin-left: 0;
}

#Grid_REFEREES_pageBlock .gridContent * {
    float: none !important;
}

#eaContainer .PosMyAppSummaryLinks {
    margin-bottom: 1em;
    /*margin-top: 1em;*/
}

    #eaContainer .PosMyAppSummaryLinks a {
        /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/
        padding-left: 20px;
    }


#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue {
    padding-left: 1em;
}

#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader {
    font-weight: bold;
}

#eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer {
    padding-top: 0px;
}

#eaContainer .pageBlockInner_FormBlock .fakecheck {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
}

    #eaContainer .pageBlockInner_FormBlock .fakecheck:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center;
    }

#eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
#eaContainer .pageBlockInner_FormBlock .fakechecked {
    background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
}

#eaContainer div.blockSummaryText {
    padding-left: 3px;
    margin-bottom: 1em;
}

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    width: 251px;
}

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
    width: 100%;
}


#eaContainer .pageBlockInner_FormBlock label.formLabel {
    padding-right: 5px;
}

#eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
    width: auto;
}

#eaContainer .pageBlockContainerMiddle .buttonsContainer {
    margin-top: 1em;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
    display: inline-block;
}

#Add_REFEREES_Description_formRow .labelContainer {
    text-align: left;
}


.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 .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues {
    margin: 2px 0 3px;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#eaContainer .pageBlockContainer .rowHeader .rowlink {
    padding-left: 0;
}

/*---------------------------------------
   5.4 CV upload          
-----------------------------------------*/

.fileContainer .deletefile img {
    opacity: 0;
}

.fileContainer .deletefile {
    background: url("../images/sprites/black-cross.png") no-repeat right;
}

    .fileContainer .deletefile:hover {
        background: url("../images/sprites/red-cross.png") no-repeat right;
    }

.filename.rcFileMenu {
    height: 65px;
    overflow: auto;
    position: absolute;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
    padding: 8px 25px 8px 50px;
    background-position: 10% center;
    background-repeat: no-repeat;
}

/*
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
}
*/

#eaContainer .fileContainer {
    background-image: none !important;
    text-transform: uppercase;
}

#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
    margin: 10px;
    text-align: center;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader {
    padding: 5px 5px 5px 20px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer {
    margin: 0 4px 10px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner {
    text-align: center;
}

#eaContainer #fileupload_Files_formRow .controlContainer {
    float: none;
    display: grid;
    width: 100%;
}

    #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft,
    #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft li,
    #eaContainer #fileupload_Files_formRow .controlContainer .buttonsLeft li a.buttonAnchor,
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li {
        float: none;
        display: grid;
        text-align: center;
        margin: auto;
    }

div#MyDetails_pageView .pageBlockHeaderButtonsContainer.buttonsRight, ul.pageBlockHeaderButtons {
    float: none;
    display: grid;
    margin: auto;
    text-align: center;
}

div#MyDetails_pageView .appFormItemContainer {
    border-bottom: 1px solid var(--primary-color);
    padding: 1em;
}

#eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    color: #313131;
}

body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename {
    background: #9b9c9e;
}

/*---------------------------------------
   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%;
}

/* --------------------------------------
=========================================
   5a. ONBOARDING
=========================================
-----------------------------------------*/

/*---------------------------------------
   5a.1 Misc             
-----------------------------------------*/

/*---------------------------------------
   5a.2 Offer Forms             
-----------------------------------------*/

/*---------------------------------------
   5a.3 Offer Info             
-----------------------------------------*/

.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
        margin: 0;
        flex: 45%;
        max-width: calc(50% - 5px);
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        background: #1a1a1a;
        height: 300px;
    }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            padding: 0;
            display: flex;
            justify-content: center;
        }

            .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a {
                padding: 5px 20px;
                text-align: center;
                background: #fff;
                color: var(--primary-color);
                width: auto;
                margin-bottom: 1em;
                display: inline-block;
                text-transform: uppercase;
            }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
            display: block;
            height: inherit;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue {
                display: none;
            }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a {
            background: var(--primary-color);
            color: #fff;
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a {
            background: #1a1a1a;
            color: #fff;
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+1) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection1.jpg);
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+2) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection2.jpg);
            background-position: 50% 0%;
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+3) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection3.jpg);
            background-position: 50% 0%;
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+4) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection4.jpg);
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+5) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection5.jpg);
        }

        .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(6n+6) .ulListItemValueContainer {
            background-image: url(../images/onboarding/supportWatch/offerInfoSection6.jpg);
            background-position: 50% 15%;
        }

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+1) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+1) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection1.jpg);
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+2) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+2) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection2.jpg);
    background-position: 50% 0%;
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+3) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+3) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection3.jpg);
    background-position: 50% 0%;
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+4) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+4) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection4.jpg);
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+5) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+5) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection5.jpg);
    background-position: 50% 30%;
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+6) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+6) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection6.jpg);
    background-position: 50% 100%;
}

.MyWelcomePacks_OfferInformation_Summary.jobSector1923 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+7) .ulListItemValueContainer,
.MyWelcomePacks_OfferInformation_Summary.jobSector41 #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem:nth-child(7n+7) .ulListItemValueContainer {
    background-image: url(../images/onboarding/ukTravel/offerInfoSection7.jpg);
    background-position: 50% 0%;
}

.mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer {
    display: none;
}

.mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox {
    background: #F1F1F1;
    flex-wrap: wrap;
}

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        position: relative;
        background: none;
    }

        .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
            padding: 30px;
            display: flex;
            flex-direction: column;
            flex: 1 0 auto;
            justify-content: center;
        }

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer {
                padding: 0;
            }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer:first-child h2:first-child {
                    padding-top: 0;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer p:not(:last-child) {
                    margin-bottom: 1rem !important;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer p:last-child,
                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer ul:last-child {
                    margin-bottom: 0;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image .imageContainer img {
                    object-fit: cover;
                    object-position: 50% 50%;
                    max-width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image.tall .imageContainer img {
                    object-position: 50% 10%;
                }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox:nth-child(odd) .offerLayoutPlaceHolder:nth-child(even) {
        background: transparent;
    }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder:has(.hasMedia) {
        padding: 0;
        min-height: 300px;
    }
/* --------------------------------------
=========================================
   6. MEDIA QUERIES
=========================================
-----------------------------------------*/
/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/
@media only screen and (max-width: 1224px) {
    /* Search */
    #FindJobHeroBlock, #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }

    #FindJobHeroBlock {
        padding-bottom: 15px;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        display: block;
        width: 100%;
    }

    body #FindJobHeroBlock input {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 1200px) {

    .page-banner {
        margin-top: 65px;
    }

    /* 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;
    }

    .jobValues {
        position: relative;
        top: 0;
        margin: 1em 0;
    }

    #posdesc_pageBlock ul.jobSum {
        display: block;
        max-width: 100%;
        text-align: left;
    }

    .posDescriptionContainer.posDescriptionContainer317 {
        padding-top: 1em;
    }

    div#Pos_Description_Review_pageView {
        padding-top: 1em;
    }

    /* Summary box */

    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock,
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock,
    .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }

    .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer,
    .Application_earcuBody #posSummaryBlock_pageBlockContainer,
    .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
    }

    /* Job Description */
    #eaContainer .PosDescriptionText .ApplyNowContainer {
        display: none;
    }
}
/*---------------------------------------
   6.2 Tablet           
-----------------------------------------*/

@media screen and (max-width: 991px) {

    /* Set label and input widths to 100% */
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    body #modalcodelistlookup_pageBlock .labelContainer,
    body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    body .pageBlockInner_FormBlock label.formLabel,
    body .pageBlockInner_FormBlock input.inputText,
    #eaContainer html body #lookupResults_gridTable,
    #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock input.inputText,
    #eaContainer .pageBlockInner_FormBlock label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer {
        width: 100%;
        text-align: left;
    }

    /* Set button widths to 100% */
    #eaContainer a.button,
    html body .buttonsRight,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #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: 5px 0;
    }

    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner .buttonsLeft,
    #eaContainer .pageBlockInner .buttonsRight,
    #eaContainer .pageBlockInner .buttonsLeft li,
    #eaContainer .pageBlockInner .buttonsRight li {
        float: none;
    }

    body div.ui-dialog .pageBlockInner_GridBlock input.scroller {
        margin: 1em 0em;
    }

    /* Align search labels left */
    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    /* Home */
    #eaContainer .col-left,
    #eaContainer .col-right {
        width: 100%;
    }

    /* No vacancies */
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        width: 100%;
        float: none;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
        margin-left: 0;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register {
        margin-right: 0;
    }

    html body .tooltip2_Outer,
    html body .posListHover {
        display: none;
    }

    #eaContainer #why-good-stuff, #eaContainer #latest-jobs {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    body.Home .hero {
        height: 30em;
    }

    /* 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%;
    }

    .cat-container,
    .count-block .no-of {
        display: inline-block;
        width: 49.5%;
    }

    .count-block .no-of {
        display: block;
        width: 100%;
    }

    /* Category pages */
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer {
        display: block;
        width: 100%;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
        margin-left: 2em;
    }


    #eaContainer .category-blocks .category-block {
        min-height: 210px;
    }

    /* Alerts */
    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        overflow: visible;
    }

    #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
        display: none;
    }

    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
    }

    /* Summary icons */
    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
        width: 100%;
        display: inline-block;
    }

    /* Email address */
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        float: none;
        margin-top: 1em;
    }

    /* Questions and answers */
    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    /* File upload */
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

    /* Interview map */
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin-left: 0;
    }

    /* Search Results */
    #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;
    }

    /* 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;
    }

    .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder {
        width: 100% !important;
    }

        .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder {
            padding: 20px;
        }

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder:has(.hasMedia) {
                min-height: 1px;
            }

            .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlockContainer.hasMedia.image .imageContainer img {
                position: relative;
                top: initial;
                left: initial;
            }

        .mywelcomepacks_offerinformation_section #MyWelcomePacks_OfferInformation_Section_pageView #OfferInfoBlock_pageBlockContainer #OfferInfoBlock_pageBlock .offerLayoutBox .offerLayoutPlaceHolder:has(.hasMedia) {
            order: 2;
        }
}

/*---------------------------------------
   6.3 Phablet            
-----------------------------------------*/

@media screen and (max-width: 767px) {
    div#Pos_Find_Results_pageView .pageViewMain {
        display: block;
    }
}

@media screen and (max-width: 600px) {

    /* Main headings */
    #eaContainer h1 {
        font-size: 35px;
        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;
        margin: 0;
    }

    /* Align labels left */
    #eaContainer .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        float: none;
    }

    #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer {
        float: none;
        margin-right: 0;
    }

    #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
        width: 100%;
    }

    body #FindJobHeroBlock input.buttonSubmit {
        text-align: center;
    }
    /* Job search */
    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        float: none;
        width: 100%;
    }

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li {
        width: 100%;
    }

    .hero-text .section-content .blockquote {
        font-size: 28px;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100%;
    }

    .col-third,
    .cat-container {
        display: block;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 0;
    }

    /* Search result blocks */
    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 98%;
    }


    /* Candidate portal */
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        display: block;
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock dd {
        margin-left: 0;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowHeader {
        padding-right: 10px;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer {
        padding-right: 0;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer:after {
            position: relative;
            margin-top: 8px;
            display: inline-block;
        }
    /* Job Description */

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        display: block;
    }

        #eaContainer #posdesc_pageBlock ul.jobSum li:after {
            content: none;
        }


    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        background-position: 97% 50%;
    }

    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .ulListItem {
        flex: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 602px) {
    form#quicksearch_form {
        display: flex;
        align-items: center;
    }
}

/*---------------------------------------
   6.4 Phone          
-----------------------------------------*/

@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;
    }
}