/*
    Jump to:
    Vars
    Fonts
    Misc Styling
    Home Page Styling
    Application Review Styling
    TextPage Styling
    Results Page Styling
    Job Description Styling
    Login/Register Styling
    Application Sections Styling
    Profile Styling
    Application/Onboarding Styling
    Job Alerts
    Responsive Styling
*/
/*#region VARS */
:root {
    --ivpink: #ed145b;
    --ivblue: #113347;
    --ivhoverpink: #940125;
    /*font colour*/
}



/*#endregion */

/*#region Fonts */

html body {
    font-weight: 400;
    background-color: white;
    overflow-x: hidden;
}

/* end */
#eaContainer {
    min-height: 500px;
}

.Pos_Find_Results #eaContainer {
    min-height: 290px;
}

.FiltersContainer .ButtonsContainer a.AddLink,
.FilterContainer .ButtonsContainer a.BackLink,
.FilterContainer .ButtonsContainer a.RemoveLink,
.AvailableContainer .ButtonsContainer a.RemoveLink {
    color: black;
    text-decoration: none;
    padding-right: 10px;
    font-size: 1.2rem;
}

#posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow {
    background: white;
    border: 1px solid var(--ivpink);
}


#posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li a {
    text-decoration: none;
    color: #25282a;
    font-size: 1.5rem;
}

.Application_Login .textLiteralAlignment_Unknown a,
.ProfileRegister .textLiteralAlignment_Unknown a,
.Pos_Description #eaContainer a,
a[class*="link_username_"],
a.emailTypeAnchor {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

    .FiltersContainer .ButtonsContainer a.AddLink:hover,
    .FilterContainer .ButtonsContainer a.BackLink:hover,
    .FilterContainer .ButtonsContainer a.RemoveLink:hover,
    .Pos_Description #eaContainer a,
    a[class*="link_username_"]:hover {
        text-decoration: none !important;
    }

.alternateViews a {
    padding-right: 10px;
}

    .alternateViews a:hover { /*s*/
        text-decoration: underline !important
    }

h1.searchresults,
h1.landingpage,
.ProfileRegisterWithAlerts .pageBlockTitle,
.ProfileRegister .pageBlockTitle,
.Login .pageBlockTitle,
.Application_Login .pageBlockTitle,
.MyJobFeed .pageBlockTitle,
h1#EarcuHeadingTextBlockTitle,
h1#EarcuIntroTextBlockTitle,
h1.eArcuInfoHeader {
    font-size: 1.75rem;
    line-height: 2rem;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #000;
}


.buttonsLeft ul, .buttonsRight ul {
    list-style-type: none;
    padding-left: 0;
}

/*mobile menu*/
.nav-toggle__icon:hover {
    cursor: pointer;
}
/*end*/
/*fix datepickers*/
select {
    background-color: white;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
}

.radioOptionLabel {
    font-weight: 400;
}

.c-triangle {
    display: inline-block;
}

section#breadcrumb {
    padding-top: 40px;
    margin-bottom: 8px;
}

    section#breadcrumb a {
        color: #25282a;
    }

/*#breadcrumb a {
    color: #25282a
}*/

.fa-angle-right {
    color: var(--ivpink);
}




/*is this required*/
/*.sitecontainer {*/ /*in custom routines*/
/*max-width: 1280px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
    margin-bottom: 60px;
}

.site-columns {
    display: grid;
    grid-template-columns: 1fr minmax(275px, 25%);
    grid-gap: 40px;
}*/
/*end is this?*/

a.img {
    text-decoration: none !important;
}

.pageBlockInner_GridBlock div.gridContent {
    padding-top: 5px;
}

.gridTableContainer .rowContainer {
    padding: 4px;
}

/*.Pos_Description .site-columns {
    grid-gap: 80px;
}*/

.checkboxContainer .fakecheckbox {
    display: none;
}

.pageBlockInner_FormBlock div.formRow.formRowButtonRow {
    padding-top: 40px;
}

/*.Home p a {
    text-decoration: underline;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    border: none;
    height: 200px;
    margin: 4px 12px 30px 12px;
    width: calc(50% - 24px);
}*/

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Value1 {
    background: red;
}

.pageBlockInner_FormBlock label.formLabel,
div.pageBlockInner_FormBlock div.formRow .controlError,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMonthYearRow .labelContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer {
    max-width: 500px;
    margin: 4px auto 0px auto;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
    color: #000000;
    height: auto;
    font-weight: 700;
    font-size: 1rem;
}

    #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer,
    #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer,
    #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
    #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
    #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer label,
    #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer label {
        max-width: 100% !important; /*override some above*/
    }

    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input {
        margin-top: 4px;
    }

    div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .labelContainer p,
    .Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
    .ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer p,
    .Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer p,
    #dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer p,
    .subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer p,
    div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer p,
    #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer p,
    #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer p,
    #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p,
    #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer p {
        float: left;
    }

.freesearch {
    margin-top: 0;
    margin-bottom: 6px;
}

div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer {
    overflow: visible;
}

div.pageBlockInner_FormBlock div.formRow .controlError {
    color: red;
    padding-left: 0;
}

.pageBlockInner_FormBlock .formRow .addresspoints {
    border-radius: 0;
    max-width: 500px;
    width: 100%;
}

/*text inputs - remember focus below*/
.pageBlockInner_FormBlock .formRow .addresspoints,
input.freesearch,
.pageBlockInner_FormBlock div.inputContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock div.inputContainer input.inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
.pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input.inputText,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
    height: 50px;
    font-weight: 400;
    transition: color 250ms,background 250ms,border-color 250ms;
    text-align: left;
    width: 100%;
    padding: 12px;
    background: white;
    outline: 0;
    font-size: 1rem;
    line-height: 1.6em;
    border-radius: 0em;
    border: 1px solid #7B7B7B;
    color: #606161;
    width: 100%;
}

    .pageBlockInner_FormBlock .formRow .addresspoints:focus,
    input.freesearch:focus,
    .pageBlockInner_FormBlock div.inputContainer input.inputText:focus
    .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText:focus,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select:focus,
    .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input:focus,
    .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea:focus {
        /*        outline-color: transparent;
        outline-style: none;
        border: 1px solid transparent;*/
    }

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
.pageBlockInner_FormBlock .formRowPhoneInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_TextTagReplacementBlock .formRowTextInputRow.curFocus .controlContainer input.inputText,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select,
.pageBlockInner_FormBlock .formRowSelectInputRow_Common.curFocus .controlContainer select.inputSelect,
.pageBlockInner_FormBlock .formRowMoneyInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowDateInputRow.curFocus .controlContainer input,
.pageBlockInner_FormBlock .formRowTextAreaRow.curFocus .controlContainer textarea {
    outline-color: transparent;
    outline-style: none;
    border: 1px solid #7B7B7B;
}


.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
    padding: 9px 10px 10px 10px;
}

.pageBlockInner_FormBlock textarea.inputTextArea {
    min-height: 200px;
}

#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel {
    text-align: left;
}

/*input.freesearch {
    display: inline-block;
    max-width: 430px;
}*/

.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: black;
    /**KMA move font weight rule from 2138**/
}

.intl-tel-input {
    width: 100%;
}

.passwordStrength {
    width: 100%;
}

.Application_Section_Questions3 .labelContainer ul {
    list-style-type: square;
    padding-left: 30px;
}

span.seemorebtn,
a.seemorebtn,
.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip,
a.regjobalert,
.freesearchbtn,
a.freesearchbtnloc,
a.homeherobtn,
a.buttonAnchorJobAlert,
.Pos_Description #eaContainer a.buttonAnchorApply,
a.landinglinkbtn,
.textpage_role_details a.nojobs_anchor,
.mapContainer .ButtonHolder .bigMapButton,
.buttonsLeft button.buttonAnchor,
.buttonsRight button.buttonAnchor,
.buttonsLeft a.buttonAnchor,
.buttonsRight a.buttonAnchor,
#Pos_Description_pageView #posdesc_pageBlock a.right,
button.buttonAnchor,
input.buttonSubmit,
a.buttonAnchor,
div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
.linkContainer a {
    transition: background 150ms linear,color 150ms linear;
    font-weight: 400;
    background-color: var(--ivblue);
    border: solid 1px var(--ivblue);
    padding: 15px 25px;
    font-size: 1rem;
    line-height: normal;
    color: #fff;
    border-radius: 0;
    text-decoration: none;
    min-height: 50px;
    display: inline-block;
}

    span.seemorebtn:hover,
    a.seemorebtn:hover,
    .pageBlockInner_FormBlock .formRow .postcodelookup,
    .pageBlockInner_FormBlock .formRow .postcodeskip,
    a.regjobalert:hover,
    .freesearchbtn:hover,
    a.freesearchbtnloc:hover,
    a.buttonAnchorJobAlert:hover,
    .Pos_Description #eaContainer a.buttonAnchorApply:hover,
    input.buttonActionId_change.hover,
    a.landinglinkbtn:hover,
    .mapContainer .ButtonHolder .bigMapButton:hover,
    .textpage_role_details a.nojobs_anchor:hover,
    .buttonsLeft button.buttonAnchor:hover,
    .buttonsRight button.buttonAnchor:hover,
    .buttonsLeft input.buttonSubmit:hover,
    .buttonsRight input.buttonSubmit:hover,
    .buttonsLeft a.buttonAnchor:hover,
    .buttonsRight a.buttonAnchor:hover,
    #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    button.buttonAnchor:hover,
    input.buttonSubmit:hover,
    a.buttonAnchor:hover,
    .linkContainer a:hover {
        background-color: var(--ivhoverpink);
    }



        .mapContainer .ButtonHolder .bigMapButton a,
        .mapContainer .ButtonHolder .bigMapButton:hover a,
        .mapContainer .ButtonHolder .bigMapButton a:hover {
            color: #fff !important;
        }


div.buttonsRight li.pageBlockHeader_AddNotClicked .iconContainer.buttonAnchor.basicIcons {
    background-image: none;
}

a.verifyEmail {
    margin-bottom: 10px;
}

/*edit buttons on my details*/
#MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover {
    text-decoration: none;
}


input.buttonActionId_change {
    margin-left: 10px !important;
}


.buttonsRight li a.buttonAnchor,
.buttonsRight li input,
.buttonsRight li input.buttonSubmit {
    margin: 0 !important;
}

li a.buttonAnchor.buttonActionId_saveSkill {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 4px !important; /*override above*/
}

#Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
}



.buttonsRight li:nth-child(n+2) {
    margin-left: 5px !important;
}

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

.pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
    background: #fff;
}


.pageBlockInner_FormBlock hr { /*hr in app forms*/
    padding-top: 0;
    margin: 15px 0 10px;
    background-color: var(--ivpink);
    border: 0 solid var(--ivpink);
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    text-align: center;
    width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer {
    margin-bottom: 10px;
}

div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li {
    width: 100%;
}

    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton {
        margin: 0 auto 10px;
        display: block;
        float: none;
        max-width: 226px;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    border: none;
    background-color: white;
}

div#confirmdialogDialogContainer {
    z-index: 501 !important; /*override inline*/
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
    position: relative;
    z-index: 500;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filename {
    color: black;
}

.charCounterValue {
    float: left;
}

#pageMessages {
    margin: 0;
}

    #pageMessages .actionMessageContainer {
        padding: 0;
        color: #fff;
    }

        #pageMessages .actionMessageContainer .actionMessage {
            padding-left: 25px;
        }

/*            #pageMessages .actionMessageContainer .actionMessage:before {
                content: "\f00d";
                font-family: "Font Awesome 5";
                padding-right: 10px;
            }

            #pageMessages .actionMessageContainer .actionMessage.actionMessageOk:before {
                content: '\f00c';
            }*/

.linkContainer a {
    max-width: 12em;
    margin-top: 30px;
}

/*nojobs*/
div#noPositions_pageBlock {
    color: #000000;
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer {
    overflow: auto;
    margin: 10px 4px 10px 4px;
}

    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
        max-width: 90%;
    }

/**roles*/

/*header stuff*/
.nopicheader {
    min-height: 146px;
    background-color: #3a3934;
    width: 100%;
}


/****/

/*#endregion */
/*#region Home Page Styling*/
.homehero,
.textpage-hero.oo {
    width: 100%;
    min-height: auto;
    max-height: 520px;
    background-color: var(--ivblue);
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 44%;
}

.ratio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*.hhitem {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 700px;
}*/

.hh-20 {
    background-image: url(../images/hero/iv-hero-20.png);
}

.hh-26 {
    background-image: url(../images/hero/iv-hero-26.png);
}

.hh-27 {
    background-image: url(../images/hero/iv-hero-27.png);
}

.hh-23 {
    background-image: url(../images/hero/iv-hero-23.png);
}

.hh-24 {
    background-image: url(../images/hero/iv-hero-24.png);
}

.hh-25 {
    background-image: url(../images/hero/iv-hero-25.png);
}

.heroblock {
    padding: 3em 0;
    position: relative;
    width: 100%;
    background: #113347;
    margin: 2em 0 0;
}

    .heroblock h2 {
        font-weight: 100;
        font-size: 2rem;
        padding: 20px 0;
        color: #fff;
    }

.searchbox {
    text-align: center;
}

    .searchbox input#filter_text,
    .searchbox input#filter_locationradius {
        width: 49%;
    }

    .searchbox input.freesearchbtn {
        width: 100%;
        max-width: 240px;
        margin: 1em auto 0;
        font-size: 20px;
    }


.titleblock {
    background-color: var(--ivblue);
    padding: 20px;
    width: 400px;
    min-height: 100px;
    position: absolute;
    width: 478px;
    /*top: 0;
    left: 0;*/
    z-index: 2;
    bottom: 24px;
    right: 0;
}

    .titleblock h1 {
        font-weight: 700;
        font-size: 4rem;
        color: white;
    }


.searchbox {
    /*    position: absolute;
    top: 87%;
    left: 10%;
    right: 10%;
    z-index: 999;
    width: 80%;*/
}
/**end new home**/
/**job alerts**/
/*.jobalerts {
    background-image: url("../images/custom/jobalerts.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    min-height: 548px;
}*/
.jobalertsbanner {
    background-image: url(../images/hero/iv-hero-11.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.jab-inner {
    background-color: rgb(17 51 71 / 40%);
    height: 324px;
    width: 100%;
    height: 400px;
    padding: 0;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    display: grid;
}

    .jab-inner h2 {
        color: #fff;
        font-weight: 100;
        font-size: 3rem;
        margin-bottom: 40px;
    }

a.regjobalert {
    max-width: 240px;
    margin: auto;
    font-size: 20px;
}

/*end ja**/
/* KMA review what's below here!! */


.imgresp {
    width: 100%;
    height: auto;
}

.limg {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s ease-in;
}

.mt10 {
    margin-top: 30px;
    margin-bottom: 30px;
}


.limg:hover {
    box-shadow: 0 0 10px #ffeb00;
    transition: all 0.3s ease-in;
}

.Home #intro_content_formRow {
    padding-bottom: 40px;
}

.template-home .container {
    width: 100%;
    max-width: 1198px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}


.Home .CodeListCountsSummary.pageBlockContainer {
    padding: 0;
    background: none;
}

    .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent {
        padding: 0;
    }

        .Home .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 {
            /*margin-left: 0;
            new
            margin-right: -13px;
            new*/
        }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
    border: none;
    height: 281px;
    margin: 6px;
    width: calc(33% - 12px);
    transition: all 0.3s ease-in;
    border-radius: 0;
}


    /*    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover {
        transition: all 0.2s ease-in;
    }*/

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .codeListBlockLower {
        transform: translateY(-4px);
        transition: all 0.1s ease-in;
        background-color: var(--ivblue);
    }


    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        height: 196px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        border-radius: 0;
    }


    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
        height: 84px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        width: 100%;
        transition: all 0.1s ease-in;
        border: 1px solid var(--ivblue);
    }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower .listItemTitle a {
            color: black;
            font-size: 1.4rem;
            text-decoration: none;
        }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .codeListBlockLower .listItemTitle a {
        color: white;
        text-decoration: none;
    }

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemTitle {
    padding: 14px 2px 15px 11px;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemCountContainer {
    text-align: right;
    margin-left: 10px;
    margin-right: 0;
    color: black;
    font-size: 1rem;
}

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer:hover .listItemCountContainer {
    color: white;
}
/*#endregion */

/*#region TextPage Styling */
.textpage-hero {
    background-repeat: no-repeat;
    background-size: cover; /*contain auto*/
    background-position: top center;
    width: 100%;
    min-height: 650px;
    /*margin-bottom:40px;*/
    position: relative;
}

.wwa {
    background-image: url(../images/hero/iv-hero-15.png);
    background-position: 90% 50%;
}

.ediab {
    background-image: url(../images/hero/iv-hero-12.png);
}

.oo {
    background-color: var(--ivblue);
}

.vr {
    background-image: url(../images/hero/iv-hero-10.png);
    background-position: 73% 50%;
    opacity: 1;
}

.ycsh {
    background-image: url(../images/hero/iv-hero-16.png);
}

.wwd {
    background-image: url(../images/hero/iv-hero-01.png);
}

.hh-03 {
    background-image: url(../images/hero/iv-hero-03.png);
    background-position: 74% 50%;
}

.textpage-titleblock {
    background-color: var(--ivblue);
    padding: 20px;
    width: 400px;
    min-height: 100px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

    .textpage-titleblock h1 {
        font-size: 4rem;
        color: white;
    }


.pagepara {
}

.cards {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

section#values .cards .card {
    border-radius: 0;
    padding: 10px;
    margin: 10px;
    flex: 0 0 238px;
    /*box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);*/
    border: none;
    transition: all 0.3s ease-in;
    text-align: center;
    perspective: 1000px;
    transition: transform 1.2s;
    transform-style: preserve-3d;
    position: relative;
    align-items: center;
    display: grid;
}

section#values .card img.card-img-top {
    opacity: 1;
    transition: opacity .6s ease;
}

section#values .card-body {
    opacity: 0;
    transition: opacity .6s ease;
}

section#values .card:hover {
    transform: rotateY(180deg);
}

    section#values .card:hover img.card-img-top,
    section#values .card-body {
        position: absolute;
    }

    section#values .card:hover img.card-img-top {
        opacity: 0;
    }

    section#values .card:hover .card-body {
        transform: rotateY(180deg);
        opacity: 1;
    }



/*#endregion */
/*#region Application Review Styling */
.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    overflow: hidden;
}

.questionsAnswerBlock div.appSummaryGridColumn {
    padding-bottom: 10px;
}

div#SubmitForm_checkboxlegal_formRow {
    padding-top: 20px;
}

    div#SubmitForm_contactconsent_formRow .labelContainer label,
    div#SubmitForm_checkboxlegal_formRow .labelContainer label {
        font-weight: 700;
    }
/*#endregion */

/*#region Results Page Styling */

.buttonsRight a.buttonAnchor, #Pos_Description_pageView #posdesc_pageBlock a.right,
#Buttons_pageBlock .pageBlockInner .buttonHolder ul li a,
.Home .buttonsLeft a.buttonAnchor {
    display: block;
    text-align: center;
}

.Home #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
    width: 98%;
    margin-left: 0;
    margin-top: 5px;
    display: block;
    float: left;
}

.textpage_role_details .pageBlockInner_FormBlock div.formRow.formRowButtonRow,
.Home .pageBlockInner_FormBlock div.formRow.formRowButtonRow {
    padding-top: 8px;
}

#Pos_Find_Results_Map_pageView,
#Pos_Find_Results_pageView {
    margin-top: 40px;
}

div#posBrowser_Filter_pageBlockContainer {
    float: left;
    width: 30%;
    margin: -10px 0 18px 0;
    height: auto;
    overflow: hidden;
    background-color: white;
}

.Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
    margin: -10px 0 18px 0;
}

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
    padding: 0 2.5%;
    overflow: hidden;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        height: auto;
        width: 100%;
    }

.Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
    padding: 0 2px;
    overflow: hidden;
}

    .Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock,
    .Pos_Find_Results_Map #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
        padding-bottom: 30px;
    }

#posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
    border: none;
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow {
        width: 100%;
        border-bottom: none;
        font-size: 1.15rem;
        padding: 5px 0 5px;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer {
            background: var(--ivblue);
            border: 1px solid var(--ivblue);
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .HeaderContainer .HeaderLabel {
                color: white;
                padding: 10px 10px 11px 28px;
                font-size: 1.1rem;
                font-weight: 400;
            }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList {
            padding: 0;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li {
                padding: 1px 1px 1px 21px;
                background: url(../images/sprites/unticked.png) no-repeat center left;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
                    background: url(../images/sprites/ticked.png) no-repeat center left;
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a {
                    display: inline-block;
                    color: black;
                    padding: 0 10px;
                    text-decoration: none;
                    transition: all 0.3s ease-in;
                    font-size: 1.1rem;
                    line-height: 1.8rem;
                }


                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRow .ValueContainer ul.ValueList li a:hover {
                        text-decoration: underline;
                    }


#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    float: none;
    cursor: pointer
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li,
#posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
    margin: 5px 0 0 5px;
    padding: 0;
    list-style: none;
    float: none;
}

.Home #intro_content_formRow {
    display: none;
}

.FilterContainer .ValueContainer {
    display: block; /*block  -- to show filters always*/
}

.FilterContainer.show .ValueContainer {
    display: block;
}

.Pos_Find_Results_Map .alternateViewsText,
.Pos_Find_Results .alternateViewsText,
.Pos_Find_Results .sortingText {
    font-size: 1.1rem;
    color: #000000;
    line-height: 30px;
    font-weight: 400;
    margin-top: 3px;
    margin-right: 12px;
}

.filtersSummaryTextContainer {
    padding-bottom: 10px;
}

.Pos_Find_Results_Map .filtersExpander a,
.Pos_Find_Results .filtersExpander a,
.Pos_Find_Results .alternateViewsCurrent a,
.Pos_Find_Results_Map .alternateViewsCurrent a {
    color: white;
    background-color: var(--ivblue);
    text-decoration: none;
    font-size: 1.1rem;
    margin-top: 4px;
    display: inline-block;
    line-height: 28px;
    border: 1px solid var(--ivblue);
    border-bottom: none;
    padding-right: 5px;
    padding-bottom: 17px;
}

    .Pos_Find_Results .filtersExpander a.filtersExpanderButton_Expanded,
    .Pos_Find_Results .filtersExpander a:hover,
    .Pos_Find_Results_Map .filtersExpander a.filtersExpanderButton_Expanded,
    .Pos_Find_Results_Map .filtersExpander a:hover {
        text-decoration: underline !important;
    }

    .Pos_Find_Results .alternateViewsCurrent a:hover,
    .Pos_Find_Results_Map .alternateViewsCurrent a:hover {
        text-decoration: none;
        background-color: var(--ivhoverpink);
        color: white;
    }

.Pos_Find_Results_Map .noResults .noRecordsContainer,
.Pos_Find_Results .noResults .noRecordsContainer {
    background-color: var(--ivblue);
    padding: 10px;
    color: white;
    margin-top: 30px;
    font-size: 1.1rem;
}

/*end*/

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingText {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
    color: black;
    font-size: 1.2rem;
}
/**fix sorting button**/
div.sortingCurrent a.normalanchor {
    background-color: var(--ivblue);
    color: white;
    padding: 5px 6px 21px 6px;
    margin-left: 5px;
    text-decoration: none;
    margin-top: 4px;
    font-size: 1.1rem;
    line-height: 39px;
    border: 1px solid var(--ivblue);
    border-bottom: 0;
}

    div.sortingCurrent a.normalanchor:hover {
        background-color: var(--ivhoverpink);
        text-decoration: none;
        color: white
    }

.Pos_Find_Results li.sorter a {
    color: #000;
    font-size: 1.1rem;
    text-decoration: none;
}

.pageBlockInner_GridBlock .pagingControls_Tiles .pagingButtons {
    margin-top: 4px;
}

#posBrowser_ResultsGrid_pageBlockContainer {
    margin: 0;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle {
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock {
            padding: 0;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock {
            overflow: hidden;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
                border: 1px solid var(--ivblue);
                padding: 7px 7px 0px 14px;
                font-size: 1rem;
                background-color: #ffffff;
                margin-bottom: 18px;
                min-height: auto;
                overflow: hidden;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer {
                    margin: 0;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer {
                        padding: 0;
                        margin: 0;
                    }

.pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
    float: left;
    clear: both;
    margin: 0px 0 0 1px;
    padding: 0px 10px 2px 15px;
}



#posBrowser_ResultsGrid_pageBlock .gridContent {
    margin-left: 4px;
    margin-right: 4px;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
    /*background-image:;*/
    background: center center no-repeat url(../images/sprites/arrow-left.png);
}

.pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    /*background-image:;*/
    background: center center no-repeat url(../images/sprites/arrow-right.png);
}

.pageBlockInner_GridBlock .pagingControls_Tiles a > img {
    display: none;
}

.pageBlockInner_GridBlock .pagingControls_Tiles a {
    margin: 3px 5px 1px 1px;
}

    .pageBlockInner_GridBlock .pagingControls_Tiles a.buttonDisabled:hover,
    .pageBlockInner_GridBlock .pagingControls_Tiles a:hover {
        border: none;
        margin: 3px 5px 1px 1px;
        border: 1px solid var(--ivpink);
    }

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer {
    padding: 0;
}

.Pos_Find_Results .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    overflow: auto;
    padding: 8px 10px 8px 10px;
    border-bottom: 1px solid white;
    margin-left: 6px;
    margin-right: 6px;
}



#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder {
    width: 100%;
    font-size: 1.15em;
    padding-bottom: 0;
    border-radius: 0;
    display: inline-block;
    background-color: var(--ivblue);
    margin: 0 3px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        width: 100%;
        border: none;
        margin: 0 !important;
        height: auto;
        background: none;
        padding: 20px 0;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
            text-decoration: none !important;
            color: white;
            font-size: 1.4rem;
            font-family: 'CarrigPro-Regular', serif;
            font-weight: 400;
        }



        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer {
            padding-left: 13px;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                line-height: 1.1rem;
                font-size: 1.1rem;
                color: white;
            }


    /*local*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_17 .rowContainer,
    /*Austin Heath*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_68 .rowContainer {
        background-color: #3a445f;
    }

    /*local*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_15 .rowContainer,
    /*Bramshott Place*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_70 .rowContainer {
        background-color: #005356 !important;
    }

    /*Durrants*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_69 .rowContainer {
        background-color: #242f39 !important;
    }

    /*Elderswell*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_73 .rowContainer {
        background-color: #361f49 !important;
    }

    /*Gifford Lea*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_67 .rowContainer {
        background-color: #381b50 !important;
    }

    /*Great Alne Park*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_66 .rowContainer {
        background-color: #3a5a5b !important;
    }

    /*Inspired Villages Head Office*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_65 .rowContainer {
        background-color: var(--ivblue) !important;
    }

    /*Ledian Gardens*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_72 .rowContainer {
        background-color: #870027 !important;
    }

    /*Millbrook*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_71 .rowContainer {
        background-color: #095485 !important;
    }

    /*Millfield Green*/
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder.rowContainerHolderCol_codelist5id_74 .rowContainer {
        background-color: #391a43 !important;
    }


    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
        padding: 4px;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
            line-height: 1rem;
            font-size: 1rem;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:before {
                font-family: "Font Awesome 5 Free";
                margin-right: 5px;
                display: inline-block;
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock
            .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer
            span.codelist5value_vacancyColumn:before {
                content: '\f14e';
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock
            .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer
            span.codelist2value_vacancyColumn:before {
                content: '\f07b';
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock
            .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer
            span.pospublishenddate_vacancyColumn:before {
                content: '\f073';
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock
            .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer
            span.codelist7value_vacancyColumn:before {
                content: '\f017';
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock
            .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer
            span.displaysalarydescription_vacancyColumn:before {
                content: '\f3d1';
            }


span.name_vacancyColumn.vacancyColumn {
    margin-left: 5px;
}

.Pos_Find_Results span.vacancyColumn {
    display: inline-block;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:last-child:after {
    display: none;
}

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder:hover:before {
    height: 100%;
}

.posListHover {
    display: none !important;
}

.posBrowserMapBlock .addressContainer .addressLabel {
    font-size: 0.9rem;
    width: 97px;
    padding-top: 7px;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton {
    float: right;
    padding: 4px 2px 4px 2px;
    background-color: var(--ivpink);
    border: 1px solid var(--ivpink);
    transition: all 0.3s ease-in;
    text-align: center;
    color: white;
    font-size: 1rem;
}

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover {
        background-color: var(--ivhoverpink);
    }


.posBrowserMapBlock .addressContainer .addressInput {
    float: left;
    width: 125px;
    margin-right: 10px;
    border-radius: 0;
    border: 1px solid #25282a;
    height: 31px;
    margin-bottom: 0;
}

.posBrowserMapBlock .addressContainer {
    z-index: 88;
}

.posBrowserMapBlock .addressContainer {
    margin-top: 10px;
}

.posBrowserMapBlock .markerStatsContainer {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

/*#endregion */

/*#region Job Description Styling */
.posdesc-hero {
    background-image: url("../images/hero/careersbanner_1920x720.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    min-height: 500px;
    margin-bottom: 30px;
    position: relative;
}

    .posdesc-hero.pdh-7 /* Central Support Operations */ {
        background-image: url("../images/hero/centralSupport.jpg");
    }

    .posdesc-hero.pdh-1 /* CEO Support */ {
        background-image: url("../images/hero/ceoSupport.jpg");
    }

    .posdesc-hero.pdh-8 /* Construction */ {
        background-image: url("../images/hero/construction.jpg");
    }

    .posdesc-hero.pdh-4 /* ExCo */ {
        background-image: url("../images/hero/exco.jpg");
    }

    .posdesc-hero.pdh-5 /* Finance */ {
        background-image: url("../images/hero/finance.jpg");
    }

    .posdesc-hero.pdh-9 /* People & Culture */ {
        background-image: url("../images/hero/peopleCulture.jpg");
    }

    .posdesc-hero.pdh-2 /* Property */ {
        background-image: url("../images/hero/property.jpg");
    }

    .posdesc-hero.pdh-6 /* Sales & Marketing */ {
        background-image: url("../images/hero/salesMarketing.jpg");
    }

    .posdesc-hero.dep-236 /* Department - HouseKeeping */ {
        background-image: url("../images/hero/houseKeeping.jpg");
    }

.posdesc-titleblock {
    background-color: var(--ivblue);
    /**colour based on company**/
    padding: 35px;
    min-height: 100px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    display: none;
}

    .posdesc-titleblock h1 {
        font-weight: 700;
        font-size: 2.5rem;
        color: white;
    }

/*Austin Heath*/
/*.pdt-68, .pdben-68 {
    background-color: #3a445f !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-68 {
    background-color: #3a445f;
    border: 1px solid #3a445f;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-68:hover {
        background-color: #3a445f;
        filter: brightness(85%);
    }*/

/*Bramshott Place*/
/*.pdt-70, .pdben-70 {
    background-color: #005356 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-70 {
    background-color: #005356;
    border: 1px solid #005356;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-70:hover {
        background-color: #005356;
        filter: brightness(85%);
    }*/

/*Durrants*/
/*.pdt-69, .pdben-69 {
    background-color: #242f39 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-69 {
    background-color: #242f39;
    border: 1px solid #242f39;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-69:hover {
        background-color: #242f39;
        filter: brightness(85%);
    }*/

/*Elderswell*/
/*.pdt-73, .pdben-73 {
    background-color: #361f49 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-73 {
    background-color: #361f49;
    border: 1px solid #361f49;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-73:hover {
        background-color: #361f49;
        filter: brightness(85%);
    }*/


/*Gifford Lea*/
/*.pdt-67, .pdben-67 {
    background-color: #381b50 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-67 {
    background-color: #381b50;
    border: 1px solid #381b50;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-67:hover {
        background-color: #381b50;
        filter: brightness(85%);
    }*/


/*Great Alne Park*/
/*.pdt-66, .pdben-66 {
    background-color: #3a5a5b !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-66 {
    background-color: #3a5a5b;
    border: 1px solid #3a5a5b;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-66:hover {
        background-color: #3a5a5b;
        filter: brightness(85%);
    }*/


/*Inspired Villages Head Office*/
/*.pdt-65, .pdben-65 {
    background-color: var(--ivblue) !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-65 {
    background-color: var(--ivblue);
    border: 1px solid var(--ivblue);
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-65:hover {
        background-color: var(--ivblue);
        filter: brightness(85%);
    }*/


/*Ledian Gardens*/
/*.pdt-72, .pdben-72 {
    background-color: #870027 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-72 {
    background-color: #870027;
    border: 1px solid #870027;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-72:hover {
        background-color: #870027;
        filter: brightness(85%);
    }*/

/*Millbrook*/
/*.pdt-71, .pdben-71 {
    background-color: #095485 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-71 {
    background-color: #095485;
    border: 1px solid #095485;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-71:hover {
        background-color: #095485;
        filter: brightness(85%);
    }*/

/*Millfield Green*/
/*.pdt-74, .pdben-74 {
    background-color: #391a43 !important;
}

#Pos_Description_pageView #posdesc_pageBlock a.pdb-74 {
    background-color: #391a43;
    border: 1px solid #391a43;
}

    #Pos_Description_pageView #posdesc_pageBlock a.pdb-74:hover {
        background-color: #391a43;
        filter: brightness(85%);
    }*/





#posdesc_pageBlock .videoOuterContainer {
    max-width: 100%;
    background-color: #606161;
}

.moviePlayerContainer video {
    max-width: 100%;
}


.benpicfornow {
    display: none;
}
/**NEW**/
.sitecontainer {
    max-width: 1280px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
    margin-bottom: 60px;
}

.site-columns {
    display: grid;
    grid-template-columns: 1fr minmax(275px, 25%);
    grid-gap: 40px;
}
/**check this**/

.Pos_Description .site-columns {
    grid-gap: 80px;
}

.Pos_Description .section-right {
    border: 0;
    padding: 0;
}

.Pos_Description_Review .section-right-child,
.Pos_Description .section-right-child {
    padding: 2px;
}

.Pos_Description_Review .section-right {
    margin-top: 30px;
}


/*end*/



#posdesc_pageBlock ul.jobSum {
    font-size: 1.1rem;
    color: black;
}

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
    padding: 2px 2px 0px 2px;
}

.VacancyMap {
    margin-top: 10px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/*.earcu_posdescriptionnote {
    font-family: Montserrat,helvetica,sans-serif;
}*/

div.posDescriptionContainer317 #BigVacancyMap {
    margin-bottom: 10px;
}

div.posDescriptionContainer317 .BigVacancyMap {
    width: auto;
    display: none;
}

.Pos_Description #eaContainer a.googleMapsButton {
    margin-top: 10px;
}

#JobDescriptionMap_BigVacancyMap_pageBlock {
    margin-top: 40px;
    margin-bottom: 40px;
}

span.bigMapButton {
    margin-bottom: 10px;
}

#posdesc_pageBlock .posDescriptionContainer {
    overflow: hidden;
}

#posdesc_pageBlockContainer {
    margin-top: 0;
}

    #posdesc_pageBlockContainer #posdesc_pageBlock,
    #posdesc_pageBlock .posDescriptionContainer {
        padding: 0;
        overflow: hidden;
    }

        #posdesc_pageBlockContainer #posdesc_pageBlock .stickyApply .buttonsRight a.buttonAnchor {
            font-weight: normal;
        }

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer {
}

.earcu_posdescription p,
.earcu_posdescription li {
    color: #000000;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 400;
}

.earcu_posdescription p {
    margin-bottom: 14px;
}

.earcu_posdescription ul {
    list-style-type: square;
    padding-left: 20px;
    margin-bottom: 14px;
}

.earcu_posdescription ol {
    list-style-type: decimal;
    padding-left: 20px;
}

#posdesc_pageBlock .posAlerts,
#posdesc_pageBlock .possharing {
    border: none;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a.buttonAnchorApply {
    float: none;
    width: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}


#posdesc_pageBlock .posDescriptionContainer317 .possharing {
    margin-bottom: 10px;
}

#posdesc_pageBlock .posrightbox_header {
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
}

#PosDescSharingItems {
    overflow: auto;
    text-align: center;
    width: 153px;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

#PosDescSharingItems .PosDescSharingItem:after {
    content: none
}*/
/**end  possharing*/

.jobValues.jvdt {
    /*border: 1px solid var(--ivpink);*/
    margin-bottom: 10px;
}

#posdesc_pageBlock .posdescriptionPropertyBox {
    border: none;
    padding: 10px 10px 10px 0px;
}

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
}

#posdesc_pageBlock ul.jobSum li .jobSumValue {
}

    #posdesc_pageBlock ul.jobSum li .jobSumValue a {
        color: #000;
        text-decoration: underline;
    }


#posdesc_pageBlock ul.jobSum li {
    padding-bottom: 6px;
    list-style: disc;
    margin-left: 28px;
    line-height: 19px;
}

div.arrowList a.filename {
    text-decoration: underline;
}

#eaContainer .miniMapButton a.Text {
    color: #000000;
    font-size: 1.1rem;
}
/**benefits**/
.benefitsblock {
    width: 100%;
    background-color: var(--ivblue);
    min-height: 200px;
    display: grid;
    text-align: center;
    color: white;
    padding: 10px
}

/**benefits**/
.benefitsblock {
    width: 100%;
    background-color: var(--ivblue);
    min-height: 200px;
    display: grid;
    text-align: center;
    color: white;
    padding: 10px
}

    .benefitsblock h2 {
        color: #FFF;
    }

p.btext {
    font-size: 0.8rem;
    line-height: 1rem;
    margin-top: 6px;
}

.benefitsContainer {
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgb(30 30 30 / 20%);
    background: #A9BCC4;
    border-radius: 0;
    padding: 2em;
    display: flex;
    margin: 10px 0;
}

h2.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    line-height: 1.8;
    font-size: 18px;
    color: #ffffff;
    font-family: Inter, sans-serif;
}

.benefitBlock {
    width: 50%;
    text-align: center;
    float: left;
    min-height: 140px;
    line-height: normal;
    font-size: 0.8rem;
    color: white;
    font-family: GothamBook, sans-serif;
}

    .benefitBlock:before {
        content: "";
        width: 70px;
        height: 70px;
        margin: 5px auto 5px;
        display: block;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all ease .2s;
    }

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

    .benefitBlock.pension:before {
        background: url("../images/icons/pension.png");
        background-size: 100%;
    }

    .benefitBlock.health:before {
        background: url("../images/icons/medical.png");
        background-size: 100%;
    }

    .benefitBlock.annualleave:before {
        background: url("../images/icons/annual.png");
        background-size: 100%;
    }

    .benefitBlock.time:before {
        background: url("../images/icons/internships.png");
        background-size: 100%;
    }

    .benefitBlock.birthday:before {
        background: url("../images/icons/Division.png");
        background-size: 100%;
    }

    .benefitBlock.retail:before {
        background: url("../images/icons/Salary.png");
        background-size: 100%;
    }

    .benefitBlock.lifeassurance:before {
        background: url("../images/icons/assurance.png");
        background-size: 100%;
    }

    .benefitBlock.cycle:before {
        background: url("../images/icons/sport.png");
        background-size: 100%;
    }

    .benefitBlock.electric:before {
        background: url("../images/icons/return-to-work.png");
        background-size: 100%;
    }

    .benefitBlock.tech:before {
        background: url("../images/icons/gp.png");
        background-size: 100%;
    }

    .benefitBlock.learning:before {
        background: url("../images/icons/Department.png");
        background-size: 100%;
    }

    .benefitBlock.incredible:before {
        background: url("../images/icons/Location.png");
        background-size: 100%;
    }

    /*no icons for these two*/
    .benefitBlock.flexible:before {
        background: url("../images/icons/flexible.png");
        background-size: 100%;
    }

    .benefitBlock.physiotherapy:before {
        background: url("../images/icons/physiotherapy.png");
        background-size: 100%;
    }

    .benefitBlock.fitness:before {
        background: url("../images/icons/fitness.png");
        background-size: 100%;
    }

/**end**/

/* events */

.eventHero {
}

    .eventHero img {
        width: 100%;
    }

.CandidateEvent_List #TileList_pageBlock .formRow .textLiteral {
    text-align: left;
}

#eventsListContainer .eventContainerWrapper {
    width: 24.5%;
    margin-right: 0.5%;
}

    #eventsListContainer .eventContainerWrapper .eventImageLink {
        display: block;
    }

        #eventsListContainer .eventContainerWrapper .eventImageLink img {
            width: 100%;
        }

    #eventsListContainer .eventContainerWrapper .eventContainer {
        border: 1px solid var(--ivpink);
    }

    #eventsListContainer .eventContainerWrapper .eventNameContainer {
        margin: 10px 0px;
    }

#CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar,
#CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar {
    background-color: var(--ivpink);
}

    #CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar a,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar a {
        color: #FFF;
    }



/* events end*/

/**end**/
#Pos_Description_pageView #posdesc_pageBlock .section-right .buttonsRight li,
#Pos_Description_pageView #posdesc_pageBlock .section-right .buttonsRight {
    min-width: 100%;
}

.posrightbox_info .buttonsRight a.buttonAnchor {
    min-width: 0;
}

#Pos_Description_pageView #posdesc_pageBlock a.right {
    min-width: 100%;
}

#JobDescriptionMap_vacancyMap_pageBlock { /*map block on job desc*/
    padding: 0;
}

#posdesc_pageBlockContainer #posdesc_pageBlock .descContent .RightJobBox .jobValues {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#posdesc_pageBlock .posrightbox_info {
    padding: 4px 5px 14px 5px;
}

#posdesc_pageBlock .posDescriptionContainer317 .posdescriptionPropertyBox {
    margin-bottom: 6px;
}

div.arrowdocs {
    padding-top: 20px;
}

.posAlerts_header.posrightbox_header {
    display: none
}
/*#endregion */
/*#region Login/Register Styling */
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer label.formLabel,
.Pos_Questions div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer {
    max-width: 100%;
}

#questions_pageBlockContainer div#questions_buttons_formRow,
div#UsernameForm_buttons_formRow,
div#PasswordForm_buttons_formRow,
div#RegisterForm_buttons_formRow {
    margin-top: 60px;
}


#UsernameForm_pageBlock .ssoIcon a.ssoIconLink {
    position: relative;
}

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:before {
        content: '';
        width: 64px;
        height: 64px;
        border-radius: 100%;
        background-color: #ffffff;
        display: block;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #UsernameForm_pageBlock .ssoIcon a.ssoIconLink:after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: 'Font Awesome 5 Brands';
        font-size: 40px;
        color: var(--ivblue);
        transition: all 0.3s ease-in;
        font-weight: 400;
    }



#UsernameForm_pageBlock .ssoIcon.linkedin_ssoIcon a.ssoIconLink:after {
    content: "\f0e1";
}

#UsernameForm_pageBlock .ssoIcon.google_ssoIcon a.ssoIconLink:after {
    content: "\f1a0";
}

#UsernameForm_pageBlock .ssoIcon.facebook_ssoIcon a.ssoIconLink:after {
    content: "\f39e";
}

#UsernameForm_pageBlock .ssoIcon.microsoft_ssoIcon a.ssoIconLink:after {
    content: "\f3ca";
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink:hover:after {
    opacity: .5;
}

#UsernameForm_pageBlock .ssoIcon a.ssoIconLink img {
    display: none;
}

div#RegisterForm_gdprinfo_formRow {
    padding-top: 20px;
}

    div#RegisterForm_gdprinfo_formRow div.textLiteral {
        text-align: center
    }

    div#RegisterForm_gdprinfo_formRow .labelContainer {
        width: 100%;
        max-width: 100%;
    }

label[for="Application_Login_RegisterForm_GpdrDeclaration"],
label[for="Login_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegister_RegisterForm_GpdrDeclaration"],
label[for="ProfileRegisterWithAlerts_RegisterForm_GpdrDeclaration"] {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
}

div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .labelContainer,
div.pageBlockInner_FormBlock div#RegisterForm_GpdrDeclaration_formRow .controlContainer {
    max-width: 100%;
    width: 100% !important;
    text-align: center;
}


/*#endregion */

/*#region Application Sections Styling */
#Application_Home_pageView .ulList li.Section_SubmitAndDeclarations,
#Application_Home_pageView .ulListItem {
    border: 1px solid var(--ivblue);
    background: #ffffff;
    cursor: pointer;
    margin-top: 4px;
    list-style: none;
    padding: 5px 10px 5px 10px;
    height: 60px;
    width: 98%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    transition: all 0.3s ease-in;
    border-radius: 0;
}

    #Application_Home_pageView .ulListItem div.ulListItemLabel a {
        color: black;
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 400;
    }


    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations:hover,
    #Application_Home_pageView .ulListItem:hover {
        background-color: #606161;
        transition: all 0.3s ease-in;
    }

        #Application_Home_pageView .ulListItem:hover div.ulListItemLabel a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease-in;
        }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations.Completed,
    #Application_Home_pageView .ulListItem.Completed {
        background-color: var(--ivblue);
    }

        #Application_Home_pageView .ulListItem.Completed div.ulListItemLabel a {
            color: white;
        }

#Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel,
#Application_Home_pageView .ulList div.ulListItemLabel {
    margin: 5px 5px 4px 5px;
    padding-top: 0px;
    text-align: left;
}
/*#endregion */

/*modal close*/
button.ui-dialog-titlebar-close:after {
    content: 'x';
    color: black;
    font-weight: 700;
}

/*#region Profile Styling */

#WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow {
    background-color: var(--ivblue);
    background-image: none;
    border: 1px solid var(--ivblue);
    width: 100%;
    font-size: 1.25em;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s ease-in;
    border-radius: 0;
    min-height: 56px;
}


    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover {
        background-color: #606161;
        transition: all 0.3s ease-in;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer {
        padding: 0;
        margin: 0;
        overflow: visible;
    }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconImage {
            display: none;
        }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue {
            margin-left: 0;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel {
                transition: all 0.3s ease-in;
                margin-bottom: 0;
                display: inline-block;
                text-transform: none; /*uppercase*/
            }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel::first-letter {
                    text-transform: uppercase;
                }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconLabel a {
                    color: #fff;
                    text-decoration: none;
                    font-size: 1.6rem;
                    font-weight: 400;
                }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel a {
        text-decoration: none;
        color: #fff;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconValue .iconDescription {
        display: none;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
        line-height: 27px;
        font-size: 1.2rem;
        overflow: visible;
        transition: all 0.3s ease-in;
        float: right;
        padding-right: 5px;
        color: white;
        margin-top: 7px;
    }

        #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
            margin: 0;
        }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel {
                margin-right: 0;
            }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueLabel:after {
                    content: ':';
                    margin-right: 5px;
                }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData {
                font-weight: normal;
            }

                #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                    content: '|';
                    padding: 0 12px;
                }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                color: white;
                font-weight: 700;
            }

            #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues .iconRowValue:last-child .iconRowValueData:after {
                display: none;
            }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover:before {
        height: 100%;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconValue .iconLabel,
    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow:hover .iconContainer .iconRowValues {
        color: #fff;
    }

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: white;
    font-weight: 700;
}

div#WelcomeInfoBlock_Logout_formRow .iconLabel {
    display: block;
    width: 100%;
    height: 100%;
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    padding-top: 0;
    padding-left: 6px;
    margin-top: -2px;
}

[src*="Profile/checkbox.png"] {
    background: url(../images/sprites/ticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

[src*="Profile/checkbox_unchecked.png"] {
    background: url(../images/sprites/unticked.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

.MyDetails div.pageBlockTitle {
    padding: 0;
}

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft {
    width: 100%;
}

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuProfileSummary {
        display: none;
    }

    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks {
        border: none;
        overflow: auto;
        padding: 0;
    }

        .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
            float: left;
            width: 49.5%;
        }

            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) {
                float: right;
            }

            .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
                position: relative;
                display: block;
                color: #ffffff;
                text-align: center;
                text-decoration: none;
                transition: all 0.3s ease-in;
                max-width: 100%;
                width: 100%;
                background-image: none;
                background-color: var(--ivpink);
                border: 1px solid var(--ivpink);
                border-radius: 0;
                padding: 16px 21px 15px 21px;
                font-weight: 400;
                margin: 0;
                margin-bottom: 10px;
                font-size: 1rem;
            }


                .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover {
                    background-color: var(--ivhoverpink);
                }


.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    width: 100%
}

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
    background-image: url(../images/icons/icon_avatar.png) !important;
    background-repeat: no-repeat;
}

a#newProfileImageContainer {
    display: none
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer,
#MyDetails_Username_pageView {
    background-color: white;
}

    #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
        overflow: auto;
        margin: 0 auto 10px auto;
        padding: 10px;
        border: 1px solid var(--ivpink);
        border-radius: 0;
        background-color: white;
    }

.MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuBottom {
    margin-top: 20px;
}

div#ApplicationsGrid_pageBlock a {
    color: black;
}
/*mydetails*/
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage {
    border: 1px solid #f2f2f2;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: 3px solid transparent;
    padding: 10px;
}


.gridBlockCollapseColumns .gridContainer a.expandRow {
    color: black;
}

.MyDetails #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent,
.MyDetails #MyDetails_pageView .pageBlockContainer_GridBlock,
.MyDetails #MyDetails_pageView #SkillsForm_pageBlockContainer,
.MyDetails #MyDetails_pageView #fileupload_pageBlockContainer {
    padding: 20px;
    border: 1px solid #f2f2f2;
    margin-right: 0;
}

.MyDetails .pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer {
    margin: 0;
    border: 3px solid transparent;
}

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader {
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowHeader .rowLabel {
        margin: 10px 0 0;
    }

.MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer {
    margin: 0;
    padding: 0;
}

    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer,
    .MyDetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer .rowContentContainer .rowItemsContainer .rowItemContainer .rowItemLabel {
        padding: 0;
    }


#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    padding: 20px;
    border: none;
    text-align: center;
    min-height: 90px;
    margin: 0;
}

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .logoContainer {
        width: 100%;
        margin-bottom: 20px;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer {
        margin-left: 0;
        float: left;
        width: 100%;
    }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer .connectedContainer {
            margin-bottom: 20px;
        }

        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a {
            position: relative;
            display: block;
            box-sizing: border-box;
            outline: 0;
            text-align: center;
            text-decoration: none;
            border-radius: 0;
            transition: all 0.3s ease-in;
            max-width: 50%;
            margin: 0 auto;
            background-color: var(--ivpink);
            color: #fff;
            width: 100%;
            padding: 15px;
            border: 1px solid var(--ivpink);
            font-weight: 400;
        }

            #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover {
                background-color: var(--ivhoverpink);
            }

#MyDetails_pageView #eArcuContactConsent .buttonsRight .buttonAnchor:hover {
    color: #fff;
}

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    min-height: 160px;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    padding: 0;
}

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

    .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapInnerContainer {
        width: 100%;
        margin: 0;
    }

/*#endregion */

/*#region Application/Onboarding Styling */
/*v2 blox*/
#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner { /*move this*/
    background: var(--ivpink);
    border-color: var(--ivpink);
}


#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    border: 1px solid var(--ivpink);
    background-color: #ffffff;
    padding: 8px 8px 8px 8px;
    border-radius: 0;
}

/**tick and continue**/
#Application_Section_CV_SectionCompleteBlock_completed {
    display: none
}

.pageBlockInner_FormBlock .fakecheck:hover,
.pageBlockInner_FormBlock .fakecheck {
    background-image: url(../images/sprites/unticked.png);
}

    .pageBlockInner_FormBlock .fakecheck.fakechecked:hover,
    .pageBlockInner_FormBlock .fakecheck.fakechecked {
        background-image: url(../images/sprites/ticked.png);
    }

div#EMailSummaryGrid_pageBlockContainer {
    padding-top: 20px;
}
/**interview**/
.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer .mapTitleBar {
    text-align: left;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    display: none;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    border: 1px solid var(--ivblue);
    background: #ffffff;
    cursor: pointer;
    margin-top: 4px;
    list-style: none;
    padding: 5px 10px 5px 10px;
    height: 60px;
    width: 98%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    transition: all 0.3s ease-in;
    border-radius: 0;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList .Section_OfferSubmit div.ulListItemLabel,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
    margin: 5px 5px 4px 5px;
    padding-top: 0px;
    text-align: left;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem div.ulListItemLabel a {
    color: black;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 400;
}

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit:hover,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover {
    background-color: #606161;
    transition: all 0.3s ease-in;
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover div.ulListItemLabel a {
        color: white;
        text-decoration: none;
        transition: all 0.3s ease-in;
    }

.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.Section_OfferSubmit.Completed,
.OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed {
    background-color: var(--ivblue);
}

    .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed div.ulListItemLabel a {
        color: white;
    }

a.offerAnchor, a.downloadLink {
    text-decoration: underline;
}

.MyWelcomePacks_OfferForm_TaxInformation label,
.MyWelcomePacks_OfferForm_Referee label,
.MyWelcomePacks_OfferForm_HealthQuestions label,
.MyWelcomePacks_OfferForm_GenericForm label {
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}

.Offer_Accepted div#OfferDetails_video_formRow {
    padding-bottom: 40px;
}




/*#endregion */


/*#region Job Alerts */
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

.Application_Section_EqualOps th#col_lookupResults_name,
.MyJobFeed th#col_lookupResults_name {
    width: 100% !important;
}

.Application_Section_EqualOps td.cell_lookupResults_name,
.MyJobFeed td.cell_lookupResults_name {
    font-size: 1.1rem;
    color: black;
    font-weight: 400;
}

.Application_Section_EqualOps table.gridTable td.firstColumn,
.MyJobFeed table.gridTable td.firstColumn {
    border-left: 0;
    display: none;
}

.Application_Section_EqualOps .pageBlockInner_GridBlock table.gridTable td a,
.MyJobFeed .pageBlockInner_GridBlock table.gridTable td a {
    text-decoration: none;
}

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

    .Application_Section_EqualOps .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
    .Application_Section_EqualOps .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a,
    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
    .MyJobFeed .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a {
        color: white;
    }

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

.pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { /**file uploads**/
    text-align: center;
}

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

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

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

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

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

.pageBlockInner_GridBlock table.gridTable th {
    color: black;
}

.MyJobFeed .pageBlockInner_GridBlock div.gridContentWithHeader {
    border: 1px solid #d0d0d0;
    background: none;
}

.MyJobFeed .pageBlockInner_GridBlock table.gridTable th {
    background: white;
}
/*#endregion */




@media all and (max-width:1600px) {
    #posdesc_pageBlock .posdescriptionPropertyBox {
        padding: 10px 0px;
    }
}

@media all and (max-width:1280px) {
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        width: calc(50% - 12px);
    }
}


@media all and (max-width:1060px) {
    .MyDetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        float: left;
        width: 100%;
    }
}

@media all and (max-width:1024px) {
    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 11px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width:1200px) {
    .heroblock {
        width: 100%;
    }

    .searchbox input#filter_text, .searchbox input#filter_locationradius {
        width: 99%;
    }


    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        border: none;
        margin: 4px 12px 30px 12px;
        width: calc(50% - 24px);
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemTitle {
        padding: 18px 2px 18px 11px;
    }

    #Application_Home_pageView .ulListItem div.ulListItemLabel a {
        font-size: 1.5rem;
    }

    div#posBrowser_Filter_pageBlockContainer {
        width: 100%;
        float: none;
        margin-top: 0;
    }

    .Pos_Find_Results_Map div#posBrowser_Filter_pageBlockContainer {
        margin: 0 0 18px 0;
    }

    #posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    #posdesc_pageBlockContainer #posdesc_pageBlock .JobTitle h1 {
        font-size: 2.8rem;
        margin-bottom: 8px;
        line-height: 3rem;
    }

    .site-columns {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .brno {
        display: none;
    }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        float: none;
        display: block;
        width: 100%;
    }

    .posdesc-hero {
        background-image: url("../images/hero/careersBanner_980x720.jpg") !important;
        background-position: 50% 50%;
        min-height: 1px;
        aspect-ratio: 980/720;
    }

        .posdesc-hero.pdh-7 /* Central Support Operations */ {
            background-image: url("../images/hero/centralSupportMob.jpg");
        }

        .posdesc-hero.pdh-1 /* CEO Support */ {
            background-image: url("../images/hero/ceoSupportMob.jpg");
        }

        .posdesc-hero.pdh-8 /* Construction */ {
            background-image: url("../images/hero/constructionMob.jpg");
        }

        .posdesc-hero.pdh-4 /* ExCo */ {
            background-image: url("../images/hero/excoMob.jpg");
        }

        .posdesc-hero.pdh-5 /* Finance */ {
            background-image: url("../images/hero/financeMob.jpg");
        }

        .posdesc-hero.pdh-9 /* People & Culture */ {
            background-image: url("../images/hero/peopleCultureMob.jpg");
        }

        .posdesc-hero.pdh-2 /* Property */ {
            background-image: url("../images/hero/propertyMob.jpg");
        }

        .posdesc-hero.pdh-6 /* Sales & Marketing */ {
            background-image: url("../images/hero/salesMarketingMob.jpg");
        }

        .posdesc-hero.dep-236 /* Department - HouseKeeping */ {
            background-image: url("../images/hero/houseKeepingMob.jpg");
        }

    .hh-20 {
        background-image: url(../images/hero/iv-hero-20-mob.png);
    }

    .hh-26 {
        background-image: url(../images/hero/iv-hero-26-mob.png);
    }

    .hh-27 {
        background-image: url(../images/hero/iv-hero-27-mob.png);
    }

    .hh-23 {
        background-image: url(../images/hero/iv-hero-23-mob.png);
    }

    .hh-24 {
        background-image: url(../images/hero/iv-hero-24-mob.png);
    }

    .hh-25 {
        background-image: url(../images/hero/iv-hero-25-mob.png);
    }

    .wwa {
        background-image: url(../images/hero/iv-hero-15-mob.png);
    }

    .ediab {
        background-image: url(../images/hero/iv-hero-12-mob.png);
        background-position: top left;
    }

    /*.oo {
        background-image: url(../images/hero/iv-hero-10-mob.png);
    }*/

    .ycsh {
        background-image: url(../images/hero/iv-hero-16-mob.png);
        background-position: top left;
    }

    .wwd {
        background-image: url(../images/hero/iv-hero-01-mob.png);
    }
}

@media all and (max-width: 991px) {
    #eventsListContainer .eventContainerWrapper {
        width: 49.5%;
        margin-right: 0.5%;
        margin-bottom: 0.5%;
    }

    #CandidateEvent_Detail_pageView .candidateEventMap .mapInnerContainer_Small {
        width: 100%;
        margin-top: 10px;
    }
}

@media all and (max-width:768px) {

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listItemCountContainer {
        font-size: 0.9rem;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        height: 188px;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer {
        margin: 4px 4px;
        width: calc(100% - 8px);
        background-size: cover;
        box-shadow: none;
        transition: all 0.3s ease-in;
    }

        .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .codeListBlockLower {
            padding-right: 4px;
        }


    .buttonsLeft ul li,
    .buttonsRight ul li {
        width: 100%;
        padding-bottom: 10px;
    }

    .textpage_role_details a.nojobs_anchor {
        max-width: 100%;
    }

    .buttonsRight li:nth-child(n+2),
    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight ul li {
        margin-left: 0 !important;
    }

    .buttonsLeft,
    .buttonsRight {
        width: 100%;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner,
        #posSummaryBlockv2_pageBlock .MySummaryItem .MySummaryItemInner {
            margin-left: 0;
            margin-right: 0;
        }



    li a.buttonAnchor.buttonActionId_saveSkill {
        padding-top: 13px;
        padding-bottom: 13px;
        margin-bottom: -10px !important;
    }

    .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        margin: 7px 0 0 -16px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingContainer {
        width: 100%;
    }

    .MyJobFeed #dialogDialogContainer {
        width: 100% !important; /*override inline style*/
        left: 0 !important; /*override inline style*/
    }

    input.buttonActionId_change {
        margin-left: 0px !important;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer_Option2 .listItemContainer .listItemImageContainer {
        background-position: top -30px center;
    }

    #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations, #Application_Home_pageView .ulListItem {
        padding: 0px 10px 0px 10px;
        height: 70px;
        display: grid;
        place-items: center left;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .rowContainerHolder .rowContainer {
        height: 150px;
    }

    #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock .formRowIconRow .iconContainer .iconRowValues {
        float: none;
    }

    .searchcol {
        margin-top: 10px;
    }


    .jab-inner {
        width: 100%;
        height: auto;
        padding: 20px 24px;
    }

        .jab-inner h2 {
            font-size: 2.4rem;
            margin-bottom: 20px;
        }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .textpage-titleblock {
        padding: 20px;
        width: 100%;
        min-height: 100px;
    }

        .textpage-titleblock h1 {
            font-size: 3rem;
        }

    [class^="textpage_"] a.downarrow {
        top: 90vh;
    }
    /*    .heroblock {
        width: 100%;
        top: 28%;
        left: 0;
    }*/
    .titleblock {
        width: 100%;
        bottom: 0;
        right: 0;
    }

        .titleblock h1 {
            font-size: 3rem;
        }

    .posdesc-titleblock {
        padding: 20px;
        position: absolute;
        z-index: 2;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}
/*#endregion */



/*search filters:: MOVE*/

.show {
    display: block !important;
}

.FilterContainer.show .ValueContainer {
    display: block;
    transition: all ease-in-out 0.2s;
}

.FilterContainer .ValueContainer {
    display: none;
    transition: all ease-in-out 0.2s;
}

.FilterContainer .HeaderLabel:after {
    content: '+';
    font-size: 35px;
    float: right;
    margin-right: 10px;
    margin-top: -16px;
}

.FilterContainer .HeaderLabel.active:after {
    content: '-';
}
/***/

/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/**/

/**home fiftys**/
.homefiftycont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    align-items: center;
    background-color: #113347;
}

.homefifty {
    margin: 0;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background-color: #113347;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1;
    display: grid;
    place-items: end;
    position: relative;
    height: 400px;
    width: 109%;
    margin-left: -6%;
}

.hf-extra {
    text-align: left;
    width: 100%;
    background-color: rgb(255 255 255 / 0.80);
    padding: 10px 100px;
    text-align: center;
    transition: all ease-in-out 0.3s;
    opacity: 0;
    display: grid;
    place-items: center;
    position: absolute;
    height: calc(100% - 50px);
    top: 0;
    text-decoration: none;
}

.hfe-first {
    color: black;
    font-size: 1.3rem;
    text-decoration: none !important;
}

.homefifty:hover .hf-extra,
.hf-extra:hover {
    transition: all ease-in-out 0.3s;
    opacity: 1
}

.fifty-banner {
    width: 100%;
    background-color: var(--ivblue);
    height: 50px;
    text-align: center;
}

    .fifty-banner h2 {
        color: white;
        line-height: 50px;
        margin: 0;
    }

.hf-one {
    background-image: url(../images/custom/home-villageops.png);
    clip-path: polygon(0% 0%,100% 0%,90% 100%,0% 100%);
}

.hf-two {
    background-image: url(../images/custom/home-headoffice.png);
    clip-path: polygon(10% 0%,100% 0%,100% 100%,0% 100%);
}
/*/*/


.clip-left {
    clip-path: polygon(20% 0%,100% 0%,100% 100%,0% 100%);
    width: 104%;
}

.clip-right {
    clip-path: polygon(0% 0%,100% 0%,80% 100%,0% 100%);
    width: 104%;
}

.videoContainer {
    padding: 25px;
}

.tab-video {
    margin-bottom: -6px;
    clip-path: none;
    width: 100%;
    border: 5px solid #fff;
}

section#mission,
.pinkBackground {
    background: #ed145b;
    color: #fff;
}

    section#mission h2,
    .pinkBackground h2 {
        color: #fff;
        font-size: 3em;
    }

section#importanttous,
.navyBackground {
    background: #103347;
    color: #fff;
}

    section#importanttous h2,
    .navyBackground h2 {
        color: #fff;
        font-size: 3em;
    }

section#ourpeople,
.darkGreenBackground {
    background: #3B5A5C;
    color: #fff;
}

    section#ourpeople h2,
    .darkGreenBackground h2 {
        color: #fff;
        font-size: 3em;
    }

section#values {
    padding: 4em 0;
    background: #fff;
}

    section#values h2 {
        color: #005156;
        font-size: 3em;
    }

    section#values .col-md-4 {
        align-self: center;
        margin: 10px 0;
    }

        section#values .col-md-4 img {
            width: auto;
            max-width: 200px;
            max-height: 160px;
        }

section#faqs,
.lightGreenBackground {
    background: #7fbbbc;
    padding: 2em;
}

    section#faqs .accordion-button {
        background: #3b5a5c;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    section#faqs .accordion-item {
        border: none;
    }

.lightGreenBackground {
    padding: 0;
    color: #fff;
}

    .lightGreenBackground h2 {
        color: #fff;
        font-size: 3em;
    }

    .lightGreenBackground h3 {
        color: #fff;
        font-weight: bold;
    }

section#wellbeing,
.grayGreenBackground {
    background: #3B5A5C;
    color: #fff;
}

    section#wellbeing h2,
    .grayGreenBackground h2 {
        color: #fff;
        font-size: 3em;
    }

    section#wellbeing h3 {
        color: #fff;
        font-weight: bold;
    }

img.wellbeing-img {
    max-width: 100px;
    height: 100px;
    padding: 10px;
}

.purpleBackground {
    background: #3C1F4D;
    color: #fff;
}

    .purpleBackground h2 {
        color: #fff;
        font-size: 3em;
    }


@media screen and (max-width:1200px) {
    .homefiftycont {
        grid-template-columns: 1fr;
    }
    /*.homefifty {
        margin-left: auto;
        margin-right: auto;
        min-width: 80%;
    }*/
    .hf-extra {
        opacity: 1;
        background-color: rgb(255 255 255 / 0);
        place-items: start left;
    }

    p.hfe-first {
        display: none;
    }

    span.seemorebtn,
    a.seemorebtn {
        display: block
    }
}
/**latest owl*/
.latestjobs-container h2,
.socialstuff h2 {
    color: #113347;
    font-weight: 700;
}

div#latest-jobs {
    margin: 3em auto 0;
    padding: 50px;
    /*background-image: url(../images/custom/latestbg.png);*/
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.owl-carousel-latest .owl-item div.jobDetails {
    margin: 30px 10px;
    position: relative;
    min-height: 350px;
    box-shadow: 0 15px 50px rgb(0 0 0 / 20%);
}

    .owl-carousel-latest .owl-item div.jobDetails .jobContent {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 40px 60px;
        text-align: center;
        transform: translateY(-50%);
    }

        .owl-carousel-latest .owl-item div.jobDetails .jobContent:before {
            content: "";
            background-image: url(../images/custom/inspiredvillages-logo-50.png);
            width: 105px;
            height: 82px;
            position: relative;
            display: block;
            margin: -10px auto 20px;
            padding: 0px;
            font-size: 28px;
        }

div#slider-latest-jobs .owl-carousel-latest .owl-item a {
    text-decoration: none;
}

div#slider-latest-jobs h3 {
    color: #fff;
    background: #ed145b;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0;
    text-decoration: none;
    padding: 10px;
}

div#slider-latest-jobs p {
    color: #888;
    margin: 0;
}

div#slider-latest-jobs .buttonContainer {
    margin-top: 20px;
}

    div#slider-latest-jobs .buttonContainer .buttonsLeft,
    div#slider-latest-jobs .buttonContainer .buttonsLeft ul li {
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

        div#slider-latest-jobs .buttonContainer .buttonsLeft ul li a.buttonAnchor {
            float: none;
        }

.latestjobs-container .owl-nav {
    display: none;
}

.latestjobs-container .owl-dots {
    text-align: center;
}

    .latestjobs-container .owl-dots span {
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: block;
        background: var(--ivpink);
        border: none;
        margin: 0 5px;
        width: 10px;
        height: 10px;
    }

    .latestjobs-container .owl-dots .active {
        box-shadow: none;
    }

        .latestjobs-container .owl-dots .active span {
            background: #113347;
            box-shadow: none;
            opacity: 1 !important;
        }

.latestjobs-container button.owl-dot.active {
    opacity: 1;
}

/**/
/**carousel**/
.testimonials {
    background-color: #F4F5F6;
    padding-top: 1px;
    padding-bottom: 18px;
}

.gtco-testimonials {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .gtco-testimonials h1 {
        text-align: center;
        color: #113347;
        margin-bottom: 33px;
    }

    .gtco-testimonials .owl-stage-outer {
        padding: 30px 0;
    }


    .gtco-testimonials .owl-nav {
        display: none;
    }

    .gtco-testimonials .owl-dots {
        text-align: center;
    }

        .gtco-testimonials .owl-dots span {
            position: relative;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: block;
            background: var(--ivpink);
            border: none;
            margin: 0 5px;
            width: 10px;
            height: 10px;
        }

        .gtco-testimonials .owl-dots .active {
            box-shadow: none;
        }

            .gtco-testimonials .owl-dots .active span {
                background: #113347;
                box-shadow: none;
                opacity: 1 !important;
            }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
    border-radius: 50%;
    opacity: 1;
    background: var(--ivpink);
    border: none;
    margin: 0 5px;
    width: 10px;
    height: 10px;
}

    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #113347;
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
}


.gtco-testimonials button.owl-dot.active {
    opacity: 1;
}

.gtco-testimonials .card {
    background: #113347;
    box-shadow: none;
    margin: 0;
    padding: 10px;
    border-radius: 0;
    min-height: 360px;
}

    .gtco-testimonials .card .card-img-top {
        max-width: 100px;
        border-radius: 50%;
        margin: 15px auto 0;
        width: 100px;
        height: 100px;
    }

    .gtco-testimonials .card h5 {
        color: #fff;
        font-size: 21px;
        line-height: 1.3;
    }

        .gtco-testimonials .card h5 span {
            font-size: 18px;
            color: #fff;
        }

    .gtco-testimonials .card p {
        font-size: 1rem;
        color: #fff;
        padding: 15px;
        font-style: italic;
    }

.gtco-testimonials .active {
    opacity: 0.7;
    transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;
}

    .gtco-testimonials .center h5 {
        font-size: 24px;
    }

        .gtco-testimonials .center h5 span {
            font-size: 20px;
        }

    .gtco-testimonials .center .card-img-top {
        max-width: 100%;
        height: 120px;
        width: 120px;
    }

@media (max-width: 767px) {
    .clip-left,
    .clip-right {
        width: 100%;
    }

    .textContainer {
        padding: 32px 12px;
    }

    .gtco-testimonials {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    div#latest-jobs {
        padding: 40px;
    }

    .owl-carousel-latest .owl-item div.jobDetails {
        min-height: 1px;
    }

        .owl-carousel-latest .owl-item div.jobDetails .jobContent {
            position: relative;
            top: unset;
            left: unset;
            transform: none;
        }

    .heroblock h1 {
        font-size: 2.2rem;
    }

    #eaContainer #latest-jobs h3 {
        font-size: 1.4rem;
    }
}


@media (max-width: 556px) {

    .card:hover img.card-img-top, .card-body {
        visibility: visible;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
    }

    .card:hover .card-body {
        visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transform: none;
    }

    .card:hover {
        transform: none;
    }
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    outline: 0;
}

.owl-carousel button.owl-dot {
    outline: 0;
}

.cats-title {
    margin-top: 90px;
    margin-bottom: 0px;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    color: #113347;
    font-weight: 700;
    line-height: 1.7;
}

a.downarrow {
    background-image: url("../images/custom/scroll.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: 20px;
    display: block;
    width: 50px;
    height: 64px;
    transition: all .3s ease-in-out;
    z-index: 7;
    opacity: 0.3;
}

    a.downarrow:hover {
        opacity: 0.9;
        transition: all .3s ease-in-out;
    }


.socialstuff {
    margin-top: 30px;
    padding: 30px 0;
    background: #F4F5F6;
}

/**move to OB**/
#Edit_OFFERTAXINFORMATION_StudentLoanInstructions_formRow .textLiteral_Info {
    max-width: 500px;
    margin: auto
}

/*job fam accordion MOVE*/
.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-item {
    border: 1px solid var(--ivpink);
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--ivpink);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:focus {
    z-index: 3;
    border-color: 0;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/custom/down.png);
}

.accordion-button::after {
    background-image: url(../images/custom/up.png);
}

img.img-acc {
    width: 500px;
    max-width: 100%;
    margin: auto;
    display: block;
}

/**/

@media screen and (max-width:1200px) {
    a.downarrow {
        display: none !important;
    }
}

@media screen and (max-width:600px) {
    #eventsListContainer .eventContainerWrapper {
        width: 100%;
        margin-right: 0%;
    }
}

/*v3.70 fix*/
.pageBlockInner_FormBlock div.SelectAutoRow .inputContainer,
.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow,
.pageBlockInner_FormBlock div.formRowDateInputRow .inputContainer,
.pageBlockInner_FormBlock div.formRowMonthYearRow .inputContainer {
    overflow: inherit;
}
/*end*/