/* #region Root */
:root {
    --primaryColor: #015d54;
    --orange: #f28e00;
    --turquoise: #06a8dc;
    --blue: var(--turquoise);
    --lightest-blue: #e6f6fb;
    --light-blue: #f2f7f6;
    --pink: #c7067b;
    --light-pink: #fcf3f8;
    --orange: #f18e00;
    --light-orange: #fef4e5;
    --green: #7eab2a;
    --light-green: #f2f6e9;
    --light-dark-green: #e6efee;
    --dark-green: #015d54;
    --secondaryColor: #333;
    --mauve: #e9e8fc;
    --mauve-highlight: #383597;

    --border-radius: 4px;
    --accessible-box-shadow: 0 0 0 3px #ffbf47;
    --standard-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 -4px 6px rgba(0, 0, 0, 0.1);

    --z-index-modal: 9991;
    --z-index-modal-content: 9992;
    --z-index-cookies-button: 9990;

    --bs-body-font-family: "Lato", Arial;

    --sticky-btn-color: var(--pink);
    --sticky-btn-background-color: #FFF;
    --sticky-btn-border-color: var(--pink);
    --sticky-btn-hover-color: #FFF;
    --sticky-btn-hover-background-color: var(--pink);
    --sticky-btn-hover-border-color: var(--pink);

    --value-transparent: #1b84b4;
    --value-collaborative: #00a9bb;
    --value-innovative: #81aaa7;
    --value-inclusive: #8a1c67;
    --value-respectful: #ea5155;
    --value-integrity: #f6b329;

    font-size: 16px;
    overflow-x: hidden;
    scroll-padding-top: 92.66px;
}

.navbar {
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-navbar-nav-link-padding-y: 1rem;
}

body {
    padding-bottom: 60px;
    @media (min-width: 576px) {
        padding-bottom: 0;
    }

    &:not(.near-top)/*:has(.banner-gradient-1, .banner-gradient-2)*/ {
        --sticky-btn-color: #FFF;
        --sticky-btn-background-color: var(--pink);
        --sticky-btn-border-color: var(--pink);
        --sticky-btn-hover-color: var(--pink);
        --sticky-btn-hover-background-color: #FFF;
        --sticky-btn-hover-border-color: var(--pink);
    }
}
/* #endregion */
/* #region Headings etc. */
    h1, .h1 {
        font-size: calc(2.5rem + 1vw);
    }
    
    h2, .h2 {
        font-size: calc(2.25rem + .8vw);
    }
    
    h3, .h3 {
        font-size: calc(2rem + .6vw);
    }
    
    h4, .h4 {
        font-size: calc(1.5rem + .4vw);
    }

    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6,
    .HeaderLabel {
        span.highlight {
            transition: inherit;
            color: var(--alternate-accent-color, var(--accent-color, var(--pink)));
        }

        span.highlight-alt {
            transition: inherit;
            color: var(--alternate-accent-color-2, var(--accent-color-2, var(--pink)));
        }
    }
/* #endregion */
/* #region Colours */
    .color-white {
        color: #FFF;
        &.card {
            --bs-card-color: #FFF;
        }
    }

    [class*="theme-"] {
        --accent-color-2: var(--pink);
    }

    .value-transparent {
        --accent-color: var(--value-transparent);
    }

    .value-collaborative {
        --accent-color: var(--value-collaborative);
    }

    .value-innovative {
        --accent-color: var(--value-innovative);
    }

    .value-inclusive {
        --accent-color: var(--value-inclusive);
    }

    .value-respectful {
        --accent-color: var(--value-respectful);
    }

    .value-integrity {
        --accent-color: var(--value-integrity);
    }

    .theme-orange {
        --primary-color: var(--orange);
        --background-color: var(--orange);
        --shape-color: var(--orange);
        --accent-color: var(--orange);
        --component-active-icon-color: #FFF;
    }

    .theme-light-orange {
        --primary-color: var(--light-orange);
        --background-color: var(--light-orange);
        --shape-color: var(--orange);
        --accent-color: var(--orange);
        --component-active-icon-color: #FFF;
    }

    .theme-light-green {
        --primary-color: var(--light-green);
        --background-color: var(--light-green);
        --shape-color: var(--dark-green);
        --accent-color: var(--dark-green);
        --button-bg: #FFF;
        --button-color: var(--dark-green);
        --button-hover-bg: var(--dark-green);
        --button-hover-color: #FFF;
        --component-active-icon-color: #FFF;
    }

    .theme-green {
        --primary-color: var(--green);
        --background-color: var(--green);
        --shape-color: var(--green);
        --accent-color: var(--green);
        --component-active-icon-color: #FFF;
    }

    .theme-light-dark-green {
        --primary-color: var(--light-dark-green);
        --background-color: var(--light-dark-green);
        --shape-color: var(--dark-green);
        --accent-color: var(--dark-green);
        --button-bg: #FFF;
        --button-color: var(--dark-green);
        --button-hover-bg: var(--dark-green);
        --button-hover-color: #FFF;
        --component-active-icon-color: #FFF;
    }

    .theme-dark-green {
        --primary-color: var(--dark-green);
        --background-color: var(--dark-green);
        --shape-color: var(--dark-green);
        --accent-color: var(--dark-green);
        --button-bg: #FFF;
        --button-color: var(--dark-green);
        --button-hover-bg: var(--dark-green);
        --button-hover-color: #FFF;
        --component-active-icon-color: #FFF;
    }

    .theme-blue {
        --primary-color: var(--blue);
        --background-color: var(--blue);
        --shape-color: var(--blue);
        --accent-color: var(--blue);
        --component-active-icon-color: #FFF;
    }

    .theme-lightest-blue,
    .theme-light-blue {
        --primary-color: var(--lightest-blue);
        --background-color: var(--lightest-blue);
        --shape-color: var(--blue);
        --accent-color: var(--blue);
        --component-active-icon-color: #FFF;
    }

    .theme-pink {
        --primary-color: var(--pink);
        --background-color: var(--pink);
        --shape-color: var(--pink);
        --accent-color: var(--pink);
        --component-active-icon-color: #FFF;
    }

    .theme-light-pink {
        --primary-color: var(--light-pink);
        --background-color: var(--light-pink);
        --shape-color: var(--pink);
        --accent-color: var(--pink);
        --component-active-icon-color: #FFF;
    }

    .theme-light-mauve {
        --primary-color: var(--mauve);
        --background-color: var(--mauve);
        --shape-color: var(--mauve-highlight);
        --accent-color: var(--mauve-highlight);
        --component-active-icon-color: var(--mauve-highlight);
    }

    .set-bg-color {
        background-color: var(--background-color);
        &[class*="theme-"]:not([class*="theme-light"]) {
            --alternate-accent-color: #FFF;
        }
    }

    .set-color {
        color: var(--primary-color);
    }
/* #endregion */
/* #region Padding / Margin */
    .p-t-0 {
        padding-block-start: 0;
    }

    .p-t-30 {
        padding-block-start: 30px;
    }

    .p-t-60 {
        padding-block-start: 60px;
    }

    @media (min-width: 1200px) {
        .p-xl-t-60 {
            padding-block-start: 60px;
        }
    }

    .p-b-0 {
        padding-block-end: 0;
    }

    .p-b-30 {
        padding-block-end: 30px;
    }

    .p-y-0 {
        padding-block: 0;
    }

    .p-y-20 {
        padding-block: 20px;
    }

    .p-y-30 {
        padding-block: 30px;
    }
    
    .p-y-35 {
        padding-block: 35px;
    }
    
    .p-y-40 {
        padding-block: 40px;
    }
    
    .p-y-45 {
        padding-block: 45px;
    }

    .p-y-60 {
        padding-block: 30px;
        @media (min-width: 992px) {
            padding-block: 60px;
        }
    }

    .p-y-small {
        padding-block: 20px;
    }

    .p-y-medium {
        padding-block: 40px;
    }

    .p-y-large {
        padding-block: 60px;
    }

    .m-b-15 {
        margin-block-end: 15px;
    }

    .m-b-30 {
        margin-block-end: 30px;
    }

    .m-t-30 {
        margin-block-start: 30px;
    }

    .m-t-60 {
        margin-block-start: 60px;
    }

    .m-t-small {
        margin-block-start: 10px;
        @media (min-width: 992px) {
            margin-block-start: 20px;
        }
    }

    .m-t-medium {
        margin-block-start: 20px;
        @media (min-width: 992px) {
            margin-block-start: 40px;
        }
    }

    .m-t-large {
        margin-block-start: 30px;
        @media (min-width: 992px) {
            margin-block-start: 60px;
        }
    }
/* #endregion */
/* #region Misc Styling */
.pos_description {
    div.pageBlockContent,
    div.pageView,
    div.pageBlockContainer,
    #posdesc_pageBlock .posDescriptionContainer {
        overflow: visible;
    }
}

label {
    font-size: inherit;
}

    label *:first-child,
    .formLabel *:first-child {
        margin-top: 0 !important;
    }

    label *:last-child,
    .formLabel *:last-child {
        margin-bottom: 0 !important;
    }

a {
    font-size: inherit;
    color: var(--accent-color, var(--dark-green));
    text-decoration: none;
    &:hover {
        text-underline-offset: 5px;
        text-decoration: 2px solid underline;
    }
}

#MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover {
    text-decoration: 2px solid underline;
}

a:has(.text) {
    text-decoration: none;
    color: #000;
    .icon {
        margin-inline-end: .5rem;
    }

    &:hover {
        text-decoration: none;
        .text {
            text-underline-offset: 5px;
            text-decoration: 2px solid currentColor underline;
        }
    }
}

p:last-child {
    margin-bottom: 0;
}

div.pageBlockInner_FormBlock div.formRow {
    margin-top: 10px;
    width: 100%;
    overflow: visible;
}

.navbar-brand {
    background-image: url("../Images/Custom/peterboroughcc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    aspect-ratio: 300/91;
    margin: .5rem 0;
    padding: 0;
    display: block;
}

footer {
    background-color: #000;
    color: #FFF;
    padding: 2rem 0 .5rem;
    .navbar-brand {
        background-image: url("../Images/Custom/peterboroughcc-white.svg");
    }

    ul, li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li {
        margin: 0 0 .5rem;
    }

    p {
        color: #FFF;
        padding: 0;
        margin: 0 0 .5rem;
    }

    a {
        color: #FFF;
        text-decoration: none;
        &:hover {
            text-underline-offset: 5px;
            text-decoration: 2px solid #FFF underline;
        }
    }

    .col-lg-8 {
        display: flex;
        align-items: center;
    }

    .row-top {
        p {
            margin-block-end: .5rem;
        }
    }

    .row-bottom {
        font-size: .75rem;
        p {
            margin-block-end: .5rem;
            @media (min-width: 992px) {
                margin-block-end: 0;
            }
        }
    }

    ul.inline {
        display: inline-block;
        @media (min-width: 992px) {
            margin-inline-start: auto;
        }

        li {
            display: inline-block;
            width: 100%;
            @media (min-width: 992px) {
                width: auto;
                margin-inline-start: .5rem;
                border-inline-start: 1px solid #FFF;
                padding-inline-start: .5rem;
                &:first-child {
                    margin-inline-start: 0;
                    border-inline-start: none;
                    padding-inline-start: 0;
                }
            }
        }
    }

    hr {
        background-color: #FFF;
        height: 1px;
        margin: .5rem 0 1rem;
        padding: 0;
    }
}

.nav-link {
    color: #000;
    border-radius: var(--border-radius);
    font-weight: bold;
    &:hover {
        color: #000;
        text-underline-offset: 5px;
        text-decoration: 2px solid black underline;
    }
}

.nav-link:has(.text) {
    text-decoration: none;
    &:hover {
        text-decoration: none;
        .text {
            text-underline-offset: 5px;
            text-decoration: 2px solid black underline;
        }
    }
}

@media (min-width: 1200px) {
    .nav-link-login-register {
        &:before {
            font-family: "Font Awesome 7 Pro";
            content: "\f007";
            margin-inline-end: .5rem;
            font-weight: 700;
        }
    }

    .nav-link-job-search {
        color: #FFF;
        background-color: var(--pink);
        border: 2px solid var(--pink);
        padding: .25rem 2rem;
        &:hover,
        &:focus {
            background-color: #FFF;
            border: 2px solid var(--pink);
            text-decoration: none;
        }

        &:before {
            font-family: "Font Awesome 7 Pro";
            content: "\f002";
            margin-inline-end: .5rem;
        }
    }
}

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.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.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .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,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer,
#SectionCompleteBlock_completed_formRow .labelContainer,
.quickSearchContainer .formRowTextInputRow .controlContainer,
.textpage_filters .selectContainer {
    max-width: 500px;
    margin: 5px auto;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
    font-weight: normal;
    height: auto;
    overflow: auto;
}

    div.pageBlockInner_FormBlock div.formRow.formRowTextLiteralRow,
    #QuickApplyForm_pageBlock #QuickApplyForm_submitinstructions_formRow .textLiteralAlignment_Left,
    div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer,
    #SectionCompleteBlock_completed_formRow .labelContainer {
        text-align: center;
    }

        div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .labelContainer label.formLabel {
            text-align: inherit;
        }

    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption input,
    div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer .radioOption .radioOptionLabel {
        display: inline-block;
        vertical-align: middle;
        float: none;
        max-width: calc(100% - 57px);
    }

    div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow#fileupload_quickcv_formRow .controlContainer {
        max-width: 100%;
    }

    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        display: block;
        text-align: center;
    }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow,
        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_contactconsent_formRow {
            max-width: 100%;
            text-align: center;
        }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            float: none;
            display: inline-block;
            width: 100% !important;
            text-align: center;
        }

            div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer label {
                text-align: inherit;
            }

        div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            margin-right: 0;
            margin-top: 0 !important;
        }

            div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer {
                width: 100%;
                text-align: center;
            }

                div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .checkboxContainer input {
                    width: auto;
                    overflow: auto;
                }

            div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer .fakecheck {
                display: inline-block;
                float: none;
                position: absolute;
            }

    div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer {
        display: flex;
        align-items: flex-start;
        position: relative;
        .popup {
            position: absolute;
            right: .5rem;
            top: .3rem;
        }
    }

        div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup {
            margin-top: 5px;
        }

            div.pageBlockInner_FormBlock div.formRow .controlContainer .inputContainer .popup img {
                margin-top: 0;
            }

.iti {
    width: 100%;
}

.pageBlockInner_FormBlock label.formLabel {
    text-align: left;
    justify-content: flex-start !important;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

    .pageBlockInner_FormBlock label.formLabel a {
        text-decoration: underline;
    }

div.pageBlockInner_FormBlock div.formRow .controlError {
    color: darkred;
    padding-left: 0;
    line-height: 1.5;
}

textarea {
    min-height: 100px;
}

.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,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput,
.quickSearchContainer .formRowTextInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input,
.textpage_filters .selectContainer select {
    outline: 0;
    border: 1px solid var(--secondaryColor);
    margin: 1px;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 16px;
    box-sizing: border-box;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    max-width: unset !important;
}

    .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,
    .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,
    .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
    .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
    .bannerContainer .bannerContent #quickSearch .jobsearch-form .search-field-container input:focus,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInput:focus,
    .quickSearchContainer .formRowTextInputRow .controlContainer input:focus,
    div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer input:focus {
        border: 1px solid var(--dark-green);
        outline: 0;
        width: calc(100% - 2px);
        cursor: pointer;
    }

.pageBlockInner_FormBlock span.mandatoryContainer {
    color: darkred;
}

.pageBlockInner_FormBlock div.curFocus label.formLabel {
    color: inherit;
}

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

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

    .intl-tel-input .country-list .country,
    .intl-tel-input .country-list .divider {
        margin-top: 0;
    }

.controlContainer .passwordStrength {
    width: 100%;
}

.pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer .divajaxcontainter {
    width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .inputContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteRow .controlContainer .customButtonContainer {
    width: 100%;
}

.skillcontainer {
    float: none;
    display: inline-block;
}

.buttonsRight,
.buttonsRight ul li,
.buttonsLeft,
.buttonsLeft ul li {
    width: 100%;
    text-align: center;
    max-width: 500px;
    margin: 0 auto !important;
    float: none;
    display: block;
    /*overflow: hidden;*/
    padding: 0;
}

    .buttonsRight ul li:before,
    .buttonsLeft ul li:before {
        display: none !important;
    }

    .buttonsRight ul li a,
    .buttonsRight ul li input,
    .buttonsLeft ul li a,
    .buttonsLeft ul li input,
    ul.pageBlockHeaderButtons {
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

    .buttonsLeft button.buttonAnchor,
    .buttonsRight button.buttonAnchor,
    .buttonsLeft input.buttonSubmit,
    .buttonsRight input.buttonSubmit,
    .buttonsLeft a.buttonAnchor,
    .buttonsRight a.buttonAnchor,
    #posdesc_pageBlockContainer #posdesc_pageBlock a.right,
    #homepage .googleMapsButton,
    button.buttonAnchor,
    button.buttonSubmit,
    input.buttonSubmit,
    a.buttonAnchor,
    div.posDescriptionContainer317 .BigVacancyMap .moreJobs a,
    #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton,
    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a,
    .backButtonContainer a,
    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a,
    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit,
    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton,
    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton,
    .mapContainer .ButtonHolder .miniMapButton a,
    .mapContainer .ButtonHolder .bigMapButton .closeMapButton,
    .mapContainer .ButtonHolder .bigMapButton .googleMapsButton,
    #Application_Section_Rare_pageView .rare_button {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        padding: .5rem 2rem;
        cursor: pointer;
        margin: 2.5px 0 !important;
        margin-left: 0 !important;
        display: inline-block;
        text-align: center;
        transition: all 250ms ease-in-out;
        border: 2px solid var(--dark-green);
        border-radius: 3px;
        background: var(--dark-green);
        color: #fff;
        width: auto;
        height: auto;
        float: none;
        max-width: 100%;
        text-decoration: none !important;
        text-transform: uppercase;
        &.use-accent {
            background-color: var(--accent-color, var(--dark-green));
            border-color: var(--accent-color, var(--dark-green));
            color: #FFF;
        }
    }
    
    #posdesc_pageBlockContainer #posdesc_pageBlock a.right {
        padding: .5rem 6rem;
    }

        .buttonsLeft button.buttonAnchor:hover,
        .buttonsRight button.buttonAnchor:hover,
        .buttonsLeft input.buttonSubmit:hover,
        .buttonsRight input.buttonSubmit:hover,
        .buttonsLeft a.buttonAnchor:hover,
        .buttonsRight a.buttonAnchor:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:hover,
        #homepage .googleMapsButton:hover,
        button.buttonAnchor:hover,
        button.buttonSubmit:hover,
        input.buttonSubmit:hover,
        a.buttonAnchor:hover,
        #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:hover,
        .backButtonContainer a:hover,
        #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover,
        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:hover,
        mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:hover,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:hover,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:hover,
        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:hover,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:hover,
        .mapContainer .ButtonHolder .miniMapButton a:hover,
        .mapContainer .ButtonHolder .bigMapButton .closeMapButton:hover,
        .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:hover,
        #Application_Section_Rare_pageView .rare_button:hover {
            color: var(--dark-green);
            background-color: #FFF;
            border: 2px solid var(--dark-green);
            &.use-accent {
                color: var(--accent-color, var(--dark-green));
                background-color: #FFF;
                border: 2px solid var(--accent-color, var(--dark-green));
            }
        }

        .buttonsLeft button.buttonAnchor:focus,
        .buttonsRight button.buttonAnchor:focus,
        .buttonsLeft input.buttonSubmit:focus,
        .buttonsRight input.buttonSubmit:focus,
        .buttonsLeft a.buttonAnchor:focus,
        .buttonsRight a.buttonAnchor:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock a.right:focus,
        #homepage .googleMapsButton:focus,
        button.buttonAnchor:focus,
        button.buttonSubmit:focus,
        input.buttonSubmit:focus,
        a.buttonAnchor:focus,
        #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:focus,
        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a:focus,
        .backButtonContainer a:focus,
        #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:focus,
        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:focus,
        mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight a:focus,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .buttonsRight input.buttonSubmit:focus,
        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowFileUploadRow .controlContainer .buttonsLeft ul li .fileuploadbutton:focus,
        #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 .statusContainer a:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .centerJobBox .BigVacancyMap .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus,
        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .bottomJobBox .mapContainer .ButtonHolder .miniMapButton:focus,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressButton:focus,
        .mapContainer .ButtonHolder .miniMapButton a:focus,
        .mapContainer .ButtonHolder .bigMapButton .closeMapButton:focus,
        .mapContainer .ButtonHolder .bigMapButton .googleMapsButton:focus,
        #Application_Section_Rare_pageView .rare_button:focus {
            color: var(--dark-green);
            background-color: #FFF;
            border: 2px solid var(--dark-green);
            outline: none;
            box-shadow: var(--accessible-box-shadow);
        }

.actionTextButtonContainer .buttonsRight,
.actionTextButtonContainer .buttonsRight ul li,
.fileuploadcontainer .buttonsLeft,
.fileuploadcontainer .buttonsLeft ul li {
    width: 100%;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadbutton {
    max-width: 100%;
}

.tooltip2_Outer {
    border: 1px solid var(--dark-green);
    background: var(--light-dark-green);
    padding: .5rem;
    width: 300px;
    color: var(--dark-green);
    border-radius: .25rem;
}

body:not([class*="offer"]) {
    .tooltip2_Surround,
    .tooltip2_SurroundClosing {
        display: none !important;
    }
}

.charCounterValue {
    float: left;
}

video,
img:not(.logo) {
    max-width: 100%;
}

.eArcuInfoHeader, #EarcuHeadingTextBlockTitle, .pageBlockTitle {
    display: none;
}

.ui-dialog.ui-widget.ui-widget-content {
    border: none;
    z-index: var(--z-index-modal-content) !important;
}

    .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar {
        border: .125rem solid #000;
        border-bottom: none;
        background: #efefef;
        color: #000;
    }

    .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog.ui-widget.ui-widget-content div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        outline: none !important;
    }

    .ui-dialog.ui-widget.ui-widget-content .ui-dialog-content {
        border: .125rem solid #000;
        border-top: none;
        background: #FFF;
        color: #000;
    }

    div.ui-dialog-titlebar .ui-dialog-titlebar-close {
        background-color: transparent;
        color: #FFF;
        border: none;
        padding: .5rem;
        width: auto;
        height: auto;
        margin: 0;
        position: relative;
        margin-left: auto;
        display: flex;
        &:hover {
            background-color: transparent;
            color: #FFF;
            border: none;
            padding: .5rem;
            width: auto;
            height: auto;
            margin: 0;
            position: relative;
            margin-left: auto;
            display: flex;
        }

        &:before {
            content: "\f00d";
            font-family: "Font Awesome 7 Pro";
        }
    }

.modalContent {
    min-height: 1px !important;
}

.ui-widget-overlay {
    z-index: var(--z-index-modal) !important;
    opacity: 0.7;
    background: #000;
}

.hidden {
    display: none !important;
}

body:after {
    content: '';
    z-index: -1;
    opacity: 0;
    transition: opacity .4s ease;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.cookiesOpen,
body.modalOpen {
    overflow: hidden;
}

    body.cookiesOpen:after,
    body.modalOpen:after {
        z-index: var(--z-index-modal);
        opacity: 0.7;
    }

.cookiesButton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: var(--z-index-cookies-button);
}

    .cookiesButton a {
        /*clip-path: polygon(0 0, 0% 100%, 100% 100%);*/
        background: var(--pink);
        display: block;
        height: 100%;
        position: relative;
        transition: all .2s ease;
        color: #fff;
    }

        .cookiesButton a:hover {
            background: #FFF;
            color: var(--pink);
        }

        .cookiesButton a i {
            position: absolute;
            bottom: 10px;
            left: 10px;
            font-size: 30px;
        }

.gdprcookie {
    z-index: 10004;
    background: var(--pink);
}

    .gdprcookie.too-big {
        position: fixed;
        bottom: 1.5rem;
        top: 1.5rem;
        overflow: auto;
    }

    .gdprcookie h1 {
        margin-top: 0;
        font-size: 24px;
        line-height: 32px;
    }

    .gdprcookie h2 {
        margin-top: 0;
        font-size: 20px;
        line-height: 28px;
    }

    .gdprcookie ul {
        color: #fff;
    }

    .gdprcookie input[type=checkbox] {
        position: relative;
        opacity: 1;
        width: auto;
    }

        .gdprcookie input[type=checkbox] + label {
            color: inherit;
            display: inline-block;
            position: relative;
        }

    .gdprcookie .gdprcookie-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-top: 20px;
    }

        .gdprcookie .gdprcookie-buttons button {
            transition: all .2s ease;
            margin: 0;
        }

            .gdprcookie .gdprcookie-buttons button:disabled {
                pointer-events: none;
            }

            .gdprcookie .gdprcookie-buttons button:not(:disabled):hover {
                background: #FFF;
                color: var(--pink);
            }

footer {
    position: relative;
    margin-top: -1px;
}

.pageBlockInner_GridBlock div.gridContentWithHeader {
    background: none;
}

.pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li {
    display: flex;
    align-items: center;
}

.pageBlockInner_GridBlock table.gridTable th {
    width: 100% !important;
}

#EarcuIntroTextBlockTitle {
    display: none;
}

header .toggles {
    width: calc(100% - 200px);
}

    header .toggles .desktopNav,
    header .toggles .desktopNav nav {
        width: 100%;
    }

        header .toggles .desktopNav nav ul {
            display: flex;
            gap: 4%;
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
            justify-content: flex-end;
        }

            header .toggles .desktopNav nav ul li a {
                text-decoration: none;
                color: #333;
                display: flex;
                gap: 5px;
                align-items: center;
                padding: 10px;
                font-weight: bold;
            }

            header .toggles .desktopNav nav ul li.login a {
                padding: 10px 30px;
                background: rgb(49, 132, 21);
                color: #fff;
                border-radius: 3px;
                transition: all 250ms ease-in-out;
            }

                header .toggles .desktopNav nav ul li.login a:hover {
                    background: rgb(33, 88, 14);
                }

.kqtOVG header .container .toggles .nav-control,
.hoHBa header .container .toggles .nav-control {
    color: #333;
}

.kputwG span,
.jZLLAE span {
    background: #333;
}

@media all and (min-width:992px) {
    .kqtOVG header .container .toggles .nav-control,
    .hoHBa header .container .toggles .nav-control {
        display: none;
    }
}

@media all and (max-width:991px) {
    header .toggles {
        width: auto;
    }

        header .toggles .desktopNav {
            display: none;
        }
}

.banner {
    overflow: hidden;
    height: 350px !important;
}

    .banner .bannerOverlay {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%;
        background: #0F4940;
        overflow: visible;
        z-index: 2;
    }

        .banner .bannerOverlay:before {
            content: '';
            background: var(--dark-green);
            position: absolute;
            top: -266px;
            right: -327px;
            width: 180%;
            bottom: -117px;
            border-top-right-radius: 100%;
        }

    .banner .bannerContent {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .banner .bannerContent .container {
            position: relative;
            z-index: 3;
            color: #fff;
            padding: 0 16px;
        }

            .banner .bannerContent .container h1 {
                margin: 0;
                color: inherit;
                max-width: 45%;
                background: #0F4940;
            }

    .banner .bannerImage {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 70%;
    }

        .banner .bannerImage img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 50% 50%;
        }

@media all and (max-width:991px) {
    .banner {
        height: auto !important;
    }

        .banner .bannerImage {
            position: relative;
            width: 100%;
        }

        .banner .bannerOverlay {
            display: none;
        }

        .banner .bannerContent {
            position: relative;
            background: #0F4940;
            padding: 16px 0;
        }

            .banner .bannerContent .container h1 {
                max-width: 100%;
            }
}

.alertsContainer {
    display: flex;
}

    .alertsContainer .alertImage,
    .alertsContainer .alertContent {
        flex: 50%;
        display: flex;
    }

    .alertsContainer .alertImage {
        max-height: 350px;
    }

        .alertsContainer .alertImage img {
            width: 100%;
            object-fit: cover;
            object-position: 50% 10%;
        }

    .alertsContainer .alertContent {
        padding: 100px 80px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
        background: var(--primaryColor);
        color: #fff;
    }

        .alertsContainer .alertContent h2 {
            margin: 0;
            width: 100%;
            color: inherit;
        }

        .alertsContainer .alertContent .formContainer {
            width: 100%;
        }

            .alertsContainer .alertContent .formContainer form {
                display: flex;
                gap: 10px;
                width: 100%;
            }

                .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow {
                    flex: 100%;
                }

                    .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow .labelContainer {
                        opacity: 0;
                        height: 0;
                        cursor: initial;
                    }

                    .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow .controlContainer input {
                        outline: 0;
                        border: 1px solid #fff;
                        margin: 1px;
                        border-radius: 4px;
                        background-color: transparent;
                        padding: 16px;
                        box-sizing: border-box;
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: calc(100% - 2px);
                        max-width: unset !important;
                        transition: all 250ms ease-in-out;
                    }

                        .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow .controlContainer input::placeholder {
                            color: inherit;
                        }

                        .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow .controlContainer input:hover,
                        .alertsContainer .alertContent .formContainer form .formRow.formRowTextInputRow .controlContainer input:focus {
                            background: rgba(255,255,255,0.1);
                        }

                .alertsContainer .alertContent .formContainer a.buttonAnchor,
                .alertsContainer .alertContent .formContainer form .formRow.formRowButtonRow button.buttonSubmit {
                    padding: 16px 60px;
                    margin: 0 !important;
                    max-width: 100%;
                    background: #fff;
                    color: var(--primaryColor);
                    white-space: nowrap;
                }

                    .alertsContainer .alertContent .formContainer a.buttonAnchor:hover,
                    .alertsContainer .alertContent .formContainer form .formRow.formRowButtonRow button.buttonSubmit:hover {
                        background: var(--dark-green);
                        color: #fff;
                    }

@media all and (max-width:991px) {
    .alertsContainer {
        flex-direction: column;
    }

        .alertsContainer .alertContent {
            padding: 32px;
        }
}

@media all and (max-width:767px) {
    .alertsContainer .alertContent .formContainer form {
        flex-direction: column;
    }

        .alertsContainer .alertContent .formContainer form .formRow.formRowButtonRow button.buttonSubmit,
        .alertsContainer .alertContent .formContainer a.buttonAnchor {
            width: 100%;
            white-space: normal;
        }
}

.actionMessageContainer div.actionMessage {
    color: #0F4940;
    background-image: url(../images/icons/ok.png);
}

    .actionMessageContainer div.actionMessage.actionMessageWarning {
        color: darkred;
        background-image: url(/Earcu.Web.CommonIncludes/actionMessages/warning.png?eav=3.65);
        font-weight: bold;
        font-size: 1.1em;
    }

main div.pageBlockInner_FormBlock div.formRow:not(.formRowButtonRow) ul {
    padding-inline-start: 20px;
}
/* #endregion */
/* #region Results Page Styling */
#Pos_Find_Results_pageView {
    overflow: visible;
}

#posBrowser_Filter_pageBlockContainer {
    flex: 0 0 auto;
    padding: .5rem;
    @media (min-width: 768px) {
        padding: 40px;
    }
}

    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle {
        border: none;
        padding: 0;
        overflow: visible;
    }

        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock {
            overflow: visible;
            padding: 0;
        }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 10px;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:after {
                    font-family: "Font Awesome 7 Pro";
                    margin-left: 5px;
                    display: inline-block;
                    font-weight: 900;
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_List:after {
                    content: '\f03a';
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map:after {
                    content: '\f5a0';
                }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected {
                    display: none;
                }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander {
                padding-top: 20px;
                position: relative;
                display: none;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a {
                    width: auto;
                    padding-right: 35px;
                    position: relative;
                }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a:after {
                        content: '\25BC';
                        font-weight: bold;
                        right: 15px;
                        transition: transform 0.4s ease;
                        position: absolute;
                    }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .filtersExpander a.filtersExpanderButton_Expanded:after {
                        transform: rotate(180deg);
                    }

            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer {
                border: none;
                display: block;
                transition: all .4s ease;
                overflow: visible;
            }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer {
                    padding: 0;
                    background: none;
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;
                }

                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow {
                        width: 100%;
                        margin-bottom: 0;
                        border: none;
                        border-radius: .5rem;
                        text-align: left;
                        background-color: #FFF;
                        box-shadow: var(--standard-box-shadow);
                    }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer {
                            background: none;
                            color: var(--secondaryColor);
                            font-size: 20px;
                            border: none;
                            overflow: hidden;
                        }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .HeaderContainer .HeaderLabel {
                                padding: 0;
                                float: none;
                                font-size: inherit;
                                color: #3F3F3F;
                                position: relative;
                                width: 100%;
                                padding: 11px 30px 12px 16px;
                                /*cursor: pointer;*/
                            }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer {
                            margin: 0;
                            padding: 0 16px 16px;
                            background: transparent;
                        }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue {
                                padding: 0;
                            }

                                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer .LocationValue .locationValueLabel:after {
                                    content: ':';
                                }

                            #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList {
                                padding: 0;
                                padding-bottom: 2px;
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                                max-height: 350px;
                                overflow: auto;
                            }

                                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li {
                                    padding: 0;
                                    float: none;
                                    background-image: url(../images/Icons/unticked.png);
                                    background-repeat: no-repeat;
                                    background-position: left center;
                                    width: 100%;
                                    margin: 0;
                                    padding-left: 30px;
                                    background-size: 20px;
                                }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected {
                                        background-image: url(../images/Icons/ticked.png);
                                        background-repeat: no-repeat;
                                        background-position: left center;
                                        background-size: 20px;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_empty {
                                        display: none;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a {
                                        font-size: inherit;
                                        color: #333;
                                        text-decoration: none !important;
                                        font-weight: 400;
                                    }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li a .label {
                                            color: inherit;
                                            font-size: inherit;
                                            padding: 0;
                                            border-radius: 0;
                                            display: initial;
                                            background: none;
                                            line-height: inherit;
                                            cursor: inherit;
                                            white-space: initial;
                                        }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.ValueItem_selected a {
                                        font-weight: bold;
                                        text-decoration: underline;
                                    }

                                    #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel {
                                        width: 100%;
                                        background: none;
                                        padding: 0;
                                        border: none;
                                        cursor: initial;
                                        pointer-events: none;
                                    }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:before {
                                            display: none;
                                        }

                                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ValueContainer ul.ValueList li.possibleDistancesLabel:after {
                                            content: ':';
                                        }

                        #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .FilterRowsContainer .FilterRow .ButtonsContainer a.RemoveLink {
                            display: none;
                        }

                #posBrowser_Filter_pageBlockContainer .pageBlockContainerMiddle #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow {
                    display: none;
                }

#SearchForm_pageBlockContainer,
#posBrowser_ResultsGrid_pageBlockContainer,
#MapBlock_pageBlockContainer {
    margin: 0;
    flex: 0 0 auto;
    padding: .5rem;
    overflow: visible;
    @media (min-width: 768px) {
        padding: 40px;
    }
}

#posBrowser_ResultsGrid_pageBlockContainer,
#MapBlock_pageBlockContainer {
    padding-top: 0;
    background-color: #FFF;
}

#SearchForm_pageBlockContainer {
    margin-bottom: 40px;
}

    #SearchForm_pageBlockContainer #SearchForm_pageBlock {
        padding: 0;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock form {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        @media (min-width: 768px) {
            flex-wrap: nowrap;
        }
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
        margin: 0;
        padding: 0;
        min-height: 1px;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock #SearchForm_SaveButtonRow_formRow {
        width: 100%;
        @media (min-width: 768px) {
            flex: 0 0 auto;
            width: auto;
        }
    }

        #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow {
            flex: 100%;
        }

            #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer {
                display: none;
            }

            #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer {
                margin: 0;
                position: relative;
                max-width: 100%;
            }

                #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer:before {
                    content: '\f002';
                    font-family: "Font Awesome 7 Pro";
                    font-weight: 900;
                    color: var(--dark-green);
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 16px;
                }

                #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer input.inputText {
                    width: calc(100% - 2px);
                    padding-left: 40px;
                }

        #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowButtonRow .buttonsRight input.buttonSubmit {
            padding: 8px 60px;
            margin: 0 !important;
            max-width: 100% !important;
            width: 100%;
            @media (min-width: 768px) {
                width: auto;
            }
        }

        #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow#SearchForm_filter_locationradius_formRow {
            display: none;
        }

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

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContainer,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridContainer {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
        border: none;
        position: relative;
        overflow: visible;
        width: 100%;
        display: flex;
        gap: 20px;
        @media (min-width: 992px) {
            gap: 10px;
        }

        @media (min-width: 1200px) {
            gap: 20px;
        }
    }

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

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

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer,
            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer,
            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer {
                float: none;
                display: flex;
                vertical-align: middle;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer,
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer {
                    display: flex;
                    width: auto !important;
                    align-items: center;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent {
                        float: none;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText {
                        color: #3F3F3F;
                        font-weight: bold;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText {
                        margin-right: 1rem;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText:after,
                        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsText:after,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingText:after {
                            content: ':';
                        }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a,
                    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop .TilesGridAlternateViewsContainer .TilesGridAlternateViewsInnerContainer .alternateViewsCurrent a,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a {
                        font-size: inherit;
                        color: #333;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a {
                        display: flex;
                        gap: 20px;
                        flex-wrap: wrap;
                        padding: 10px;
                        border: 1px solid var(--secondaryColor);
                        border-radius: 3px;
                        text-decoration: none;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer .sortingCurrent a:after {
                            content: '\f078';
                            font-family: "Font Awesome 7 Pro";
                            font-size: 16px;
                        }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer.TilesGridSortingInnerContainer_Selected .sortingCurrent a:after {
                        content: '\f077';
                    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer {
            order: 2;
            margin-left: auto;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer .TilesGridSortingInnerContainer {
                padding: 0;
                margin: 0;
            }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup {
            z-index: 10;
            background: #fff;
            border-radius: 3px;
            border: 2px solid #333;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup li {
                padding: 0;
                margin: 0;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingPopup li a {
                    font-size: inherit;
                    color: #3F3F3F;
                    display: block;
                    padding: 3px 10px 3px 10px;
                }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles {
        display: flex;
        align-items: center;
        order: 1;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText,
        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons {
            float: none;
            padding-top: 0;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText {
            color: #3F3F3F;
            font-weight: bold;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons {
            display: flex;
            gap: 10px;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a {
                background: none;
                border: none;
                margin: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                width: auto;
                height: 100%;
                padding: 10px;
                border: 1px solid var(--secondaryColor);
                border-radius: 3px;
                aspect-ratio: 1/1;
                line-height: 1;
                color: var(--secondaryColor);
                transition: all .2s ease;
                text-decoration: none;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a:before {
                    content: '\f054';
                    font-family: "Font Awesome 7 Pro";
                    font-weight: 300;
                    font-size: 16px;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before {
                    content: '\f053';
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a.buttonDisabled {
                    opacity: 0.3;
                    cursor: initial;
                    pointer-events: none;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingButtons a img {
                    opacity: 0;
                    height: 0;
                    cursor: initial;
                }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent {
        padding-top: 0;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            overflow: visible;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
                width: 100%;
                max-width: 48.8%;
                border-bottom: none;
                overflow: auto;
                position: relative;
                display: flex;
                flex-direction: column;
                flex: 45%;
                background: #fff;
                transition: all .2s ease;
                border: none;
                border-radius: .5rem;
                box-shadow: var(--standard-box-shadow);
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
                    width: 100%;
                    border: none;
                    margin: 0 !important;
                    padding: 20px;
                    height: auto;
                    overflow: hidden;
                    position: relative;
                    text-align: left;
                    display: flex;
                    flex-direction: column;
                    flex: 1 0 auto;
                    gap: 10px;
                    background: none;
                }
                
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:nth-child(4n + 1) {
                    --accent-color: var(--green);
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:nth-child(4n + 2) {
                    --accent-color: var(--orange);
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:nth-child(4n + 3) {
                    --accent-color: var(--blue);
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:nth-child(4n + 4) {
                    --accent-color: var(--pink);
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowImageContainer img {
                        max-width: 200px;
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
                        padding: 0;
                        float: none;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                            margin-top: 0;
                            font-size: 16px;
                            line-height: initial;
                        }

                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
                                text-decoration: none !important;
                                color: #333;
                                transition: all .2s ease;
                                background: none;
                                line-height: 1.5;
                            }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
                        float: none;
                        font-size: 14px;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer {
                            margin: 0;
                            padding: 0;
                        }

                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer,
                            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2 {
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                            }

                                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2 {
                                    flex-direction: column;
                                    flex-wrap: wrap;
                                    order: 1;
                                }

                                .pageBlockInner_GridBlock .ListGridContainer .rowItemsInnerContainer2 {
                                    overflow: visible;
                                }

                                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                                    width: auto;
                                    transition: all .2s ease;
                                    display: flex;
                                    align-items: center;
                                    gap: 5px;
                                    line-height: 1;
                                    overflow: visible;
                                }

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:before {
                                        font-family: "Font Awesome 7 Pro";
                                        font-weight: 300;
                                        transition: all .2s ease;
                                        color: var(--accent-color, var(--primaryColor));
                                        min-width: 1.25rem;
                                        display: flex;
                                        justify-content: center;
                                        line-height: 1;
                                        width: auto;
                                    }

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

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

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.money1_vacancyColumn:before {
                                        content: "\f64a";
                                    }

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

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.text2_vacancyColumn:before {
                                        content: "\f0d6";
                                    }

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

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.salaryto_vacancyColumn:before,
                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.salaryfrom_vacancyColumn:before {
                                        content: "\f0d6";
                                    }

                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.comma,
                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.lastpublisheddate_vacancyColumn,
                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span.codelist2value_vacancyColumn,
                                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowImageCaptionContainer {
                                        display: none;
                                    }

                                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer .rowItemsInnerContainer2_desc {
                                    order: 2;
                                    line-height: 1.8;
                                    word-break: break-all;
                                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover {
                    --alternate-accent-color: #FFF;
                    background: var(--accent-color, var(--primaryColor));
                    border-color: var(--accent-color, var(--primaryColor));
                    color: #fff;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowHeader .rowLabel a,
                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
                        color: #fff;
                    }

                        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span:before {
                            color: inherit;
                        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer {
            width: 100%;
            text-align: center;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft {
                display: inline-block;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .noResults .createAlertsContainer .buttonsContainer .buttonsLeft .createAlertsButton {
                    width: auto;
                }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter {
        margin: 0;
        padding-bottom: 2px;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .gridButtons {
            display: none;
        }

.posListHover {
    display: none !important;
}

#MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer {
    position: relative;
    left: initial !important;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: #fff;
}

    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer {
        width: 100%;
        max-width: 500px;
    }

        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressLabel {
                width: 100%;
                text-align: left;
            }

            #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .mapOuterContainer .addressContainer .addressInnerContainer form .addressInput {
                width: 100%;
                position: relative;
                display: inline-block;
                vertical-align: middle;
                margin: 0;
            }

.pos_find_results #mainContent {
    overflow: hidden;
}
/* #endregion */
/* #region Job Description Styling */
body.jobDesc .banner {
    margin-bottom: 0;
}

body.jobDesc #posdesc_pageBlockContainer #posdesc_pageBlock {
    padding: 0;
}

.rightBlock .mapContainer {
    position: relative;
    &:after {
        font-family: "Font Awesome 7 Pro";
        content: "\f065";
        position: absolute;
        bottom: .5rem;
        right: .5rem;
        background-color: #FFF;
        color: var(--blue);
        font-weight: 400;
        padding: .5rem;
        line-height: 1;
        pointer-events: none;
        border-radius: .5rem;
    }
}

.mapContainer .ButtonHolder .miniMapButton, .mapContainer .ButtonHolder .bigMapButton {
    background: none;
    padding: 0;
    margin: 0 !important;
    .closeMapButton {
        margin: 0 !important;
    }
}

    .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .googleMapsButton {
        margin: 0 !important;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .mapContainer .ButtonHolder .bigMapButton .closeMapButton {
        margin: 0;
        border-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.pageView #posdesc_pageBlockContainer {
    margin: 0;
}

    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 60px;
    }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock.jobValues {
            flex: 100%;
            background: none;
            padding: 20px 20px;
            margin-bottom: 30px;
            background-color: var(--light-blue);
            border-radius: .5rem;
            box-shadow: var(--standard-box-shadow);
        }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox {
            padding: 0;
            margin: 0;
            border: none;
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum {
                gap: 10px 0;
                /*display: grid;
                columns: 1;
                @media (min-width: 768px) {
                    columns: 2;
                    grid-template-columns: 1fr 1fr;
                }

                @media (min-width: 1400px) {
                    columns: 3;
                    grid-template-columns: 1fr 1fr 2fr;
                }*/
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li {
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    gap: 5px;
                    padding: 0;
                    margin-bottom: .75rem;
                    /*&.SumItem_pospublishenddate:nth-child(4) {
                        @media (min-width: 1400px) {
                            grid-column: 1 / 3;
                        }
                    }*/
                    &:last-child {
                        margin-bottom: 0;
                    }

                    @media (min-width: 576px) {
                        margin-bottom: 0;
                    }
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li:before {
                        font-family: "Font Awesome 7 Pro";
                        font-weight: 300;
                        color: var(--green);
                        min-width: 24px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_displaysalarydescription:before,
                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_salaryfrom:before,
                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_salaryto:before {
                        content: '\f0d6';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist2value:before {
                        content: '\f4fe';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_text30:before {
                        content: '\f51e';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_money1:before {
                        content: '\f64a';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist4value:before {
                        content: '\f7a2';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist5value:before {
                        content: '\f3c5';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_codelist7value:before {
                        content: '\f56c';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_pospublishenddate:before {
                        content: '\f073';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_text1:before {
                        content: '\f017';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_companyvalue:before {
                        content: '\f1ad';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_payratevalue:before {
                        content: '\e0d2';
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumLabel {
                        margin: 0;
                        /*visibility: hidden;
                        position: absolute;*/
                        font-weight: 700;
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li.SumItem_pospublishenddate .jobSumLabel {
                        display: inline;
                    }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue {
                        margin-right: 0;
                        line-height: 1.5;
                        font-weight: 500;
                        width: 100%;
                        @media (min-width: 576px) {
                            width: auto;
                        }
                    }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li .jobSumValue a {
                            pointer-events: none;
                            cursor: text;
                            color: inherit !important;
                            text-decoration: none;
                        }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox {
            background: none;
            border-radius: 0;
            padding: 60px 0;
            width: 100%;
            flex: 57%;
            color: #000;
            overflow: visible;
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .videoOuterContainer {
                max-width: 100%;
                margin-bottom: 20px;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer {
                text-align: left;
                padding: 0;
            }

                /*.pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer * {
                font-size: inherit !important;
                font-family: inherit !important;
            }*/

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p + ul,
                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:first-child {
                    margin-top: 0 !important;
                }

                /*.pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText div:not(:last-child),*/
                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p:not(:last-child) {
                    margin-bottom: 1em;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer p:has(+ ul),
                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer *:last-child {
                    margin-bottom: 0 !important;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .earcu_posdescriptionContainer ul {
                    list-style: disc;
                }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .arrowList {
                margin-top: 1em;
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .arrowList ul {
                    margin: 0;
                    padding-left: 32px;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .PosDescriptionText .arrowList ul a {
                        color: inherit;
                    }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap {
                width: 100%;
                display: none;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                max-width: 800px;
                z-index: var(--z-index-modal-content);
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap #JobDescriptionMap_BigVacancyMap_pageBlockContainer #JobDescriptionMap_BigVacancyMap_pageBlock {
                    padding: 0;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer {
                    position: relative;
                    width: 100%;
                    padding-bottom: 56.25%;
                    height: 0;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox .BigVacancyMap .iframeContainer iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 100%;
                        height: 100%;
                    }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .divider {
            border-left: 1px solid #CCC;
        }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock {
            background: #fff;
            color: #333;
            border-radius: 0;
            padding: 30px;
            border: none;
            margin: 0;
            &.recruiterContainer {
                padding: 0;
                h2 {
                    padding-top: 30px;
                }

                .rec-img {
                    img {
                        z-index: 1;
                    }

                    svg {
                        transform: translateY(50px);
                    }
                }
            }
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock {
                border: none;
                box-shadow: var(--standard-box-shadow);
                border-radius: .5rem;
                overflow: hidden;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock h2 {
                color: #3F3F3F;
                font-weight: bold;
                font-size: 1.5rem;
                margin-block-end: 1rem;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock .posrightbox_info {
                padding: 0;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock a:not(.buttonAnchor) {
                color: inherit;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock .buttonsLeft,
            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock .buttonsRight {
                margin: 0 auto !important;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .rightBlock a.buttonAnchor {
                width: 100%;
            }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
            width: 100%;
            flex: 30%;
            display: flex;
            flex-direction: column;
            gap: 28px;
            margin-left: 0;
            padding: 60px 5px 60px 0;
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer {
                margin-bottom: 0;
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft {
                    margin: 0;
                    max-width: 100%;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft,
                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li,
                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer .buttonsLeft ul li a,
                    .mapContainer .ButtonHolder .miniMapButton a, .mapContainer .ButtonHolder .bigMapButton .closeMapButton,
                    .mapContainer .ButtonHolder .bigMapButton .googleMapsButton {
                        width: 100%;
                        max-width: 100%;
                    }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer.hide {
                    display: none;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer {
                    word-break: break-all;
                    text-align: left;
                    position: relative;
                    z-index: 1;
                    overflow: hidden;
                    display: grid;
                    grid-template-rows: auto 1fr;
                    &.hide {
                        display: none;
                    }

                    h2 {
                        align-self: start;
                        justify-self: center;
                        margin: 1rem;
                        z-index: 1;
                    }

                    .rec-img {
                        grid-row: 2;
                        grid-column: 1;
                        display: grid;
                        overflow: hidden;
                        max-height: 350px;
                        img {
                            max-width: 100%;
                            margin: 1rem auto 0;
                            display: block;
                            width: 100%;
                            height: 100%;
                            grid-area: 1 / 1;
                            object-fit: cover;
                            max-width: 60%;
                        }
                    }

                    p {
                        grid-row: 2;
                        grid-column: 1;
                        align-self: end;
                        justify-self: center;
                        margin: 1rem;
                        z-index: 1;
                        padding: .5rem;
                        background-color: #FFFD;
                        color: var(--dark-green);
                        font-weight: bold;
                        border-radius: .5rem;
                        width: fit-content;
                        max-width: calc(100% - 60px);
                        margin-bottom: 30px;
                        /*text-underline-offset: 5px;
                        text-decoration: 2px solid underline;*/
                    }
                }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap {
                margin-bottom: 0;
                padding: 0;
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap h2 {
                    padding: 30px 30px 10px;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer {
                    margin-bottom: 0;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock {
                        padding: 0;
                    }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .mapBlock {
                            background-size: cover !important;
                            aspect-ratio: 1/1;
                            height: auto;
                            max-height: 200px;
                            cursor: pointer;
                        }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .ButtonHolder {
                            display: none;
                        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing,
            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts,
            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .recruiterContainer {
                text-align: center;
                position: relative;
                z-index: 1;
            }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer {
                position: relative;
                z-index: 1;
                h2 {
                    text-align: center;
                }
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing .possharing_header,
                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .posAlerts_header {
                    margin-top: 0;
                    margin-bottom: 20px;
                    text-align: inherit;
                }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems {
                    text-align: inherit;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 20px;
                    justify-content: center;
                    overflow: visible;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a {
                        float: none;
                        display: inline-block;
                        width: 30px;
                        height: auto;
                        aspect-ratio: 1 / 1;
                        font-size: 20px;
                        line-height: 1;
                        margin: 0;
                        text-decoration: none;
                        padding: .25rem;
                        background-color: var(--accent-color);
                        color: #FFF;
                        display: flex;
                        align-items: end;
                        justify-content: center;
                        transition: transform .2s;
                        &:hover {
                            transform: scale(1.2);
                        }
                    }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a:before {
                            font-family: "Font Awesome 7 Brands";
                        }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems {
                            a#linkedin_PosDescSharingItem {
                                --accent-color: var(--blue);
                                &:before {
                                    content: '\f0e1';
                                    font-weight: 400;
                                }
                            }

                            a#facebook_PosDescSharingItem {
                                --accent-color: var(--orange);
                                padding: .25rem .25rem 0 .375rem;
                                justify-content: end;
                                &:before {
                                    content: '\f39e';
                                    font-weight: 300;
                                    font-size: 24px;
                                }
                            }

                            a#twitter_PosDescSharingItem {
                                --accent-color: var(--green);
                                &:before {
                                    content: '\e61b';
                                    font-weight: 400;
                                }
                            }

                            a#email_PosDescSharingItem {
                                --accent-color: var(--pink);
                                &:before {
                                    font-family: "Font Awesome 7 Pro";
                                    content: '\f0e0';
                                    font-weight: 900;
                                }
                            }
                        }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .possharing #PosDescSharingItems a div img {
                            height: 0;
                            opacity: 0;
                        }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .posAlerts .buttonsContainer, .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .peoplePerContainer .buttonsContainer {
                    margin-top: 10px;
                }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer {
            overflow: hidden;
                hr {
                    width: 100%;
                    margin: 2rem 0;
                }

                h2 {
                    margin-top: 0;
                    margin-bottom: 20px;
                }

                .benefitBlocksContainer {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 30px 10px;
                }
            }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock {
                        width: 100%;
                        flex: 100%;
                        display: flex;
                        gap: 10px;
                        &:nth-child(4n + 1) {
                            --accent-color: var(--green);
                        }

                        &:nth-child(4n + 2) {
                            --accent-color: var(--orange);
                        }

                        &:nth-child(4n + 3) {
                            --accent-color: var(--pink);
                        }

                        &:nth-child(4n + 4) {
                            --accent-color: var(--blue);
                        }

                        &:hover {
                            .benefitIcon i {
                                transform: scale(1.3);
                            }

                            h3 {
                                color: var(--accent-color);
                            }
                        }
                    }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon {
                            font-size: 30px;
                            color: var(--accent-color);
                            min-width: 50px;
                            font-weight: 300;
                            text-align: center;
                            line-height: 1;
                            i {
                                transform-origin: center;
                                transition: transform .2s;
                            }
                        }

                            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon img {
                                max-width: inherit;
                                aspect-ratio: 1/1;
                                object-fit: contain;
                                object-position: 50% 50%;
                            }

                        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock .benefitText h3 {
                            font-size: 1.125rem;
                            transition: color .2s;
                        }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .buttonContainer {
                    margin-top: 10px;
                }

                    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .buttonContainer a.buttonAnchor {
                        width: 100%;
                    }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .badgesContainer {
                display: flex;
                flex-direction: column;
                gap: 20px;
                align-items: center;
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .badgesContainer img {
                    max-width: 300px;
                    object-fit: contain;
                    max-height: 200px;
                }

#QuickApplyHeaderBlock_pageBlockContainer .quickApplyHeaderContainer img {
    display: inline-block;
}

.quickApplyHeaderImageContainer {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
    div.pageBlockContent {
        padding: 0;
        .pageBlockInner {
            padding: .5rem;
        }

        &#QuickApplyHeaderBlock_pageBlock {
            .pageBlockInner {
                padding: 0;
            }
        }
    }
}

.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar,
#QuickApplyHeaderBlock_pageBlockContainer .quickApplyHeaderCaptionContainer {
    background-color: var(--dark-green);
    color: #FFF;
}

#QuickApplyHeaderBlock_pageBlockContainer .quickApplyHeaderCaptionContainer {
    padding: .5rem;
}

.pos_description .alertsContainer {
    margin-top: 0;
}
/* #endregion */
/* #region Talent Pools Styling */
#talentpoolgrid_pageBlock .ListGridContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

    #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder {
        width: 100%;
        max-width: 50%;
        display: flex;
        flex: 45%;
        float: none;
    }

        #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer {
            min-height: 1px;
            margin: 0 !important;
            border: none;
            display: flex;
            flex: 1 0 auto;
            flex-direction: column;
        }

            #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer a {
                display: block;
                width: 100%;
            }

            #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
                order: 2;
                padding: 0;
            }

                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                    width: 100%;
                }

                    #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a {
                        padding: 20px;
                        border: 1px solid var(--primaryColor);
                    }

            #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
                order: 1;
                display: flex;
                flex-direction: column;
                flex: 1 0 auto;
            }

                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer,
                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2,
                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer,
                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer .rowItemsInnerContainer2,
                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer .rowItemsInnerContainer2 span._rowimage_vacancyColumn,
                #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer .rowItemsInnerContainer2 span._rowimage_vacancyColumn a {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    flex: 1 0 auto;
                }

                    #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsContainer2 .rowItemsInnerContainer .rowItemsInnerContainer2 span._rowimage_vacancyColumn a img {
                        flex: 1 0 auto;
                        object-fit: cover;
                        object-position: 50% 50%;
                        max-height: 200px;
                    }

.talentPoolDisplayName {
    display: none;
}

.talentPoolDescriptionValue p:not(:last-child) {
    margin-bottom: 1em !important;
}
/* #endregion */
/* #region Login/Register Styling */
#UsernameForm_pageBlock .ssoIconsInnerContainer {
    text-align: center;
    max-width: 100%;
}

    #UsernameForm_pageBlock .ssoIconsInnerContainer .ssoIcon {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

.passwordreset_request #form_pageBlockContainer .blockSummarySurround {
    text-align: center;
}
/* #endregion Login/Register Styling Ends */
/* #region Profile Styling */
.welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow {
        width: 100%;
        flex: 48%;
        padding: 1.5rem;
        overflow: hidden;
        position: relative;
        background: var(--accent-color);
        border: none;
        border-radius: var(--bs-border-radius);
        display: block;
        cursor: pointer;
        transition: all .2s ease;
        margin: 0;
        &:nth-child(5n + 1) {
            --accent-color: var(--light-green);
            --accent-color-dark: var(--green);
        }

        &:nth-child(5n + 2) {
            --accent-color: var(--light-blue);
            --accent-color-dark: var(--blue);
        }

        &:nth-child(5n + 3) {
            --accent-color: var(--light-orange);
            --accent-color-dark: var(--orange);
        }

        &:nth-child(5n + 4) {
            --accent-color: var(--light-pink);
            --accent-color-dark: var(--pink);
        }

        &:nth-child(5n + 5) {
            --accent-color: var(--light-dark-green);
            --accent-color-dark: var(--dark-green);
        }
    }

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

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

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue {
                margin-left: 0;
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel {
                    margin-bottom: 0;
                    float: left;
                    text-transform: lowercase;
                }

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

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel a {
                        text-decoration: none;
                        color: inherit;
                        font-size: 2.05rem;
                        line-height: 2.5rem;
                        margin-bottom: 1rem;
                    }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconDescription {
                    color: inherit;
                }

            .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues {
                line-height: 27px;
                font-size: .9em;
                overflow: visible;
                float: right;
                color: inherit;
            }

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue {
                    margin: 0;
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                }

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

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

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

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

                    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues .iconRowValue.iconRowValue_additional_information_required {
                        color: darkred;
                    }

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


        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover {
            background: var(--accent-color-dark);
            color: #fff;
        }

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

                .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconValue .iconLabel a, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue, .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow:hover .iconContainer .iconRowValues .iconRowValue .iconRowValueData:after {
                    color: #fff;
                }

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    transition: all .15s ease;
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight {
    max-width: 100%;
}

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul {
        display: flex;
        gap: 5px;
        justify-content: flex-end;
    }

        #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul li {
            width: auto;
            margin: 0;
        }

.mydetails div.pageBlockTitle {
    padding: 0;
    display: block;
    width: 100%;
}

.mydetails #MyDetails_pageView div.pageBlockContainer:first-of-type:before {
    display: none;
}

.mydetails #MyDetails_pageView div.pageBlockContainer:before {
    content: '';
    width: 100%;
    margin: 50px 0;
    overflow: hidden;
    height: 2px;
    background: #999999;
    display: block;
}

.mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent {
    padding: 0;
    margin-bottom: 20px;
}

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#intro_pageBlock, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#MyDetailsStauts_pageBlock {
        padding: 0;
        border-radius: 0;
        background: none;
    }

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent .labelContainer {
        color: inherit;
    }

    .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight {
        margin-top: 20px;
    }

        .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink_pageBlock .buttonsRight ul li, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight, .mydetails #MyDetails_pageView div.pageBlockContainer div.pageBlockContent#ShowCurrentAppLink2_pageBlock .buttonsRight ul li {
            width: 100%;
            text-align: center;
        }

.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%;
            margin-bottom: 10px;
            padding: 0;
        }

            .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li:before {
                display: none;
            }

            .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 {
                display: block;
                text-align: center;
            }

.mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuRight {
    display: none;
}

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

#MyDetails_pageView .editblocklink a, #Application_Section_PersonalDetails_pageView .editblocklink a {
    margin: 0 !important;
}

.mydetails .pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border: none;
}

    .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 .serviceContainer:nth-child(2n+1) {
    clear: left;
}

#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 .logoContainer img {
            margin: 0 auto;
            display: block;
        }

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

#Welcome_pageView #ToDoList_pageBlockContainer, #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock {
    overflow: visible;
    margin-bottom: 0;
}

#Welcome_pageView #ToDoList_pageBlock .ulListContainer{
    border-radius:var(--bs-border-radius);
    overflow:hidden;
}

#Welcome_pageView #ToDoList_pageBlock .ulListContainer ul li {
    margin-bottom: 0;
}

    #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItem:before {
        display: none;
    }

    #Welcome_pageView #ToDoList_pageBlockContainer #ToDoList_pageBlock .ulListItemLabel {
        padding: 20px;
        background-image: none;
        text-align: center;
        background: #F8FAF9;
        color: #333;
        border: none;
    }

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

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

.interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable thead, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tbody, .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr {
    width: 100%;
}

    .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr th:nth-child(n+3), .interviewbookingbyapplication div.pageBlockContainer .pageBlockInner_GridBlock table.gridTable tr td:nth-child(n+3) {
        width: 25%;
    }

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

.pageBlockInner_GridBlock table.gridTable {
    width: 100% !important;
    display: block;
}

div.pageBlockInner_FormBlock div.boxedText {
    background: none;
}

#MyJobFeedForm_pageBlockContainer #MyJobFeedForm_pageBlock .formRow .labelContainer, .pos_alertcriteria #Form_pageBlockContainer #Form_pageBlock .formRow .labelContainer {
    font-weight: bold;
}

.myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist2_formRow, .myjobfeed div.pageBlockInner_FormBlock div.formRow#MyJobFeedForm_multicodelist12_formRow {
    display: none;
}

.pageBlockInner_GridBlock div.gridContent {
    border: none;
    padding-top: 0;
}

.pageBlockInner_GridBlock table.gridTable th {
    background: none;
}
/* #endregion */
/* #region Application/Onboarding Styling */
div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer {
    padding-bottom: 0;
    margin-bottom: 0;
}

    div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer,
    .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer {
        display: block;
        height: auto;
    }

        div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem,
        .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem {
            display: block;
            width: 100%;
        }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner,
            .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
                margin: 0;
                border: none;
                background: none;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemTitle {
                    display: none;
                }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent {
                    margin: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: var(--primaryColor);
                    margin-bottom: 28px;
                }

                    div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent a,
                    .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner .MySummaryItemContent a {
                        color: inherit;
                    }

            div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent,
            .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent {
                color: inherit;
                font-weight: normal;
            }

                div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack,
                .pos_description_review div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo .MySummaryItemInner .MySummaryItemContent .appCompleteChartBack {
                    margin-bottom: 15px;
                }

.application_home div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo,
.mywelcomepacks_offerform_summary div.pageBlockContainer#posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem.statusInfo {
    cursor: initial;
    pointer-events: none;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock .appCompleteChartBlockInner {
    border-radius: 15px;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBack{
    display:flex;
    justify-content:center;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock {
    min-width: 10%;
    .appCompleteChartBlockInner {
        border-color: var(--accent-color);
    }

    &:nth-child(5n + 1) {
        --accent-color: var(--green);
    }

    &:nth-child(5n + 2) {
        --accent-color: var(--blue);
    }

    &:nth-child(5n + 3) {
        --accent-color: var(--orange);
    }

    &:nth-child(5n + 4) {
        --accent-color: var(--pink);
    }

    &:nth-child(5n + 5) {
        --accent-color: var(--dark-green);
    }
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: var(--accent-color);
    border-color: var(--accent-color);
}

div.pageBlockContainer#HasAdditionalInformation_pageBlockContainer {
    padding-bottom: 0;
}

div.pageBlockContainer#sectionslist_pageBlockContainer,
div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer {
    padding-top: 0;
}

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem {
            border: none;
            margin: 0;
            height: auto;
            font-weight: normal;
            background: transparent;
            border: 1px solid var(--accent-color);
            border-radius: var(--bs-border-radius);
            width: 100%;
            flex: 48%;
            padding: 1.5rem;
            overflow: hidden;
            position: relative;
            transition: all .2s ease;
            &:nth-child(5n + 1) {
                --accent-color: var(--green);
            }

            &:nth-child(5n + 2) {
                --accent-color: var(--blue);
            }

            &:nth-child(5n + 3) {
                --accent-color: var(--orange);
            }

            &:nth-child(5n + 4) {
                --accent-color: var(--pink);
            }

            &:nth-child(5n + 5) {
                --accent-color: var(--dark-green);
            }
        }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:before,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:before {
                display: none;
            }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel {
                padding: 0;
                margin: 0;
                float: left;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel a {
                    font-weight: normal;
                    text-decoration: none !important;
                    margin: 0;
                    font-weight: 700;
                    color: inherit;
                    font-size: 20px;
                }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
                float: right;
                padding-right: 5px;
                display: block;
                padding-top: 2px;
                color: darkred;
                transition: all .2s ease;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer .ulListItemValue {
                    font-size: .9em;
                }

            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover,
            div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed,
            div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed {
                background: var(--accent-color);
                color: #fff;
            }

                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemValueContainer,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel,
                div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel,
                div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemValueContainer {
                    color: #fff;
                }

                    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a,
                    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem:hover .ulListItemLabel a,
                    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a,
                    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem.Completed .ulListItemLabel a {
                        color: #fff !important;
                    }

#Application_Section_Rare_pageView .rare_buttons {
    flex-wrap: wrap;
}

#BackBlock_pageBlockContainer, #ButtonBlock_pageBlockContainer {
    background: none !important;
    padding: 0 !important;
}

.pageBlockContainer_GridBlock .pageBlockContent_GridBlock {
    padding: 0;
}

.earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer, .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock#questionsSummary_pageBlock {
    border: none;
    border-bottom: 1px dashed silver;
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer:last-of-type {
        border-bottom: none;
    }

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowLabel {
        margin: 0;
        margin-left: 2px;
    }

    .earcu_application .pageBlockContainer_GridBlock .pageBlockContent_GridBlock .gridTableContainer .rowContainer .rowItemContainer .cell_ApplicationsGrid_status[title~=Additional] {
        color: darkred;
    }

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer {
    max-width: 100%;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload {
    text-align: center;
}

    .pageBlockInner_FormBlock div.formRowFileUploadRow ul.fileupload li.fileOuterContainer {
        float: none;
        display: inline-block;
    }

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer.uploadedFilesContainer {
    height: auto !important;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .dropHere {
    height: auto !important;
    display: block;
    text-align: center;
    padding: 10px 0 !important;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .filesContainer .nofilesmessage {
    display: none;
}

.deletefile {
    color: darkred;
    &:before {
        font-family: "Font Awesome 7 Pro";
        content: "\f00d";
        padding: .5rem;
        font-size: 1.5rem;
        color: darkred;
    }

    img {
        display: none;
    }
}

.mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer {
    display: none;
}

.pos_description_review #intro_pageBlockContainer #intro_pageBlock {
    text-align: center;
    color: #fff;
}

#posSummaryBlockv2_pageBlock .PosMyWelcomePackSummaryLinks {
    display: none;
}

#Edit_OFFERGENERICFORM1_pageBlockContainer #Edit_OFFERGENERICFORM1_pageBlock #Edit_OFFERGENERICFORM1_Text1_formRow .controlContainer input {
    text-transform: uppercase;
}

#Application_Section_Rare_pageView #countrylist {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

    #Application_Section_Rare_pageView #countrylist input {
        width: 25px;
    }

    #Application_Section_Rare_pageView #countrylist .countrylabel {
        width: calc(100% - 35px);
        margin-right: 0;
    }

#Application_Section_Rare_pageView .rare_contentheader {
    color: var(--primaryColor);
    letter-spacing: initial;
    text-transform: lowercase;
    font-weight: bold;
}

    #Application_Section_Rare_pageView .rare_contentheader:first-letter {
        text-transform: uppercase;
    }

#Application_Section_Rare_pageView #rare_contextualinformation .rarebutton.selected {
    background: var(--primaryColor);
    color: #fff;
}

#Application_Section_Rare_pageView .rare_button {
    margin: 10px 10px 10px 0
}

#signatureoptions .buttonsRight {
    max-width: 100%;
}

    #signatureoptions .buttonsRight ul#optionslist {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        #signatureoptions .buttonsRight ul#optionslist li {
            max-width: 100%;
            padding: 0;
            width: auto;
            margin: 0 .25rem !important;
        }

/*.offer_accepted #intro_pageBlockContainer .earcuintro {
    text-align: center;
    font-size: 30px;
    line-height: normal;
}*/

.earcu_onboarding .pageBlockInner_FormBlock div.textLiteral.textLiteralAlignment_Unknown {
    text-align: left;
}

.mywelcomepacks_offerform_file #fileupload_OfferFile12_pageBlockContainer #fileupload_OfferFile12_Files_formRow {
    display: none;
}

#onboardingTopContainer {
    margin-bottom: 1.5rem;

    #intro_pageBlockContainer{
        display:none;
    }

    .onboardingMenuContainer {
        display:flex;
        gap:5px;
        flex-direction:column;

        &.buttonCount1{
            --btnWidth: 100%;
        }

        &.buttonCount2{
            --btnWidth: 50%;
        }

        &.buttonCount3{
            --btnWidth: 30%;
        }

        &.buttonCount4{
            --btnWidth: 20%;
        }

        @media(min-width:768px){
            flex-direction:row;
        }

        .menuItem {
            width:auto !important;
            flex: var(--btnWidth);

            .menuItemInner{
                .menuAnchor{
                    display:block;
                    width:100%;
                    text-align:center;
                    padding:.5rem 2rem;
                    border-radius: 3px;
                    border: 2px solid var(--dark-green);
                    font-size:16px;
                    font-weight:bold;
                    background:#fff;
                    line-height:1.5;
                    text-transform:uppercase;
                    transition:all 250ms ease-in-out;
                    position:relative;
                    text-decoration:none !important;
                }
            }

            &:hover,
            &.menuItem_selected{
                .menuItemInner{
                    .menuAnchor{
                        background: var(--dark-green);
                        color: #fff;
                    }
                }
            }

            &.menuItem_active{
                .menuItemInner{
                    .menuAnchor{
                        background: var(--green);
                        color: #fff;
                    }
                }                
            }
        }
    }
}
/* #endregion */
/* #region Widgets */
    /* #region Buttons */
        .btn.btn-primary {
            border-radius: .25rem;
            padding: .5rem 3rem;
            color: #FFF;
            background-color: var(--dark-green);
            border: 2px solid var(--dark-green);
            transition: background-color .2s, color .2s;
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: bold;
            &:hover {
                background-color: #FFF;
                color: var(--dark-green);
                text-decoration: none;
            }
        }

        h2.btn-right:has(a.btn, a.buttonSubmit) {
            display: flex;
            .btn {
                margin-left: auto;
            }
        }

        a.read-more {
            border-radius: .25rem;
            padding: .5rem 3rem;
            color: var(--button-color, #FFF);
            background-color: var(--button-bg, var(--dark-green));
            border: 2px solid var(--button-bg, var(--dark-green));
            transition: background-color .2s, color .2s;
            text-transform: uppercase;
            font-size: .75rem;
            font-weight: bold;
            display: inline-block;
            width: auto;
            text-decoration: none;
            &:hover {
                background-color: var(--button-hover-bg, #FFF);
                color: var(--button-hover-color, var(--dark-green));
            }
        }
    /* #endregion */
    /* #region Slider */
        .swiper-container {
            --swiper-navigation-sides-offset: 0;
            position: relative;
            display: flex;
            margin-top: 2rem;
            margin-bottom: 2rem;
            @media (min-width: 1200px) {
                --swiper-navigation-sides-offset: 0;
            }
        }

        .swiper {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            padding-top: 6px;
            /*padding-left: 6px;*/
            /*padding-right: 6px;*/
            padding-bottom: 3.5rem;
            @media (min-width: 768px) {
                width: calc(100% - 8rem);
                padding-bottom: 6px; /* Fix border issue */
            }
            /*@media (min-width: 1200px) {
                width: 100%;
            }*/
        }

        .swiper-container:has(.swiper-button-lock) .swiper {
            @media (min-width: 768px) {
                width: 100%;
            }
        }

        .swiper-slide {
            --background-color: #FFF;
            max-width: 100%;
            z-index: 10;
            border: none;
            border-radius: .5rem;
            padding: 2rem;
            display: flex;
            transition: all .3s;
            position: relative;
            overflow: visible;

            &:before {
                content: "";
                z-index: -1;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #FFF;
                transition: all .3s;
                border-radius: .5rem;
                box-shadow: var(--standard-box-shadow);
            }

            &:has(.content-wrapper) {
                padding: 6px;
                background-color: transparent;
                &:before {
                    content: none;
                }

                .content-wrapper {
                    background-color: var(--background-color);
                    box-shadow: var(--standard-box-shadow);
                    border-radius: .5rem;
                    position: relative;
                    padding: 2rem;
                    width: 100%;
                    transition: all .3s;
                    overflow: hidden;
                    &:before {
                        content: "";
                        z-index: -1;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: #FFF;
                        transition: all .3s;
                        border-radius: .5rem;
                    }

                    &:has(.content-container) {
                        padding: 0;
                    }
                }

                /*p:last-child {
                    margin-bottom: 0;
                }*/
            }

            .latest-job {
                text-decoration: none;
                color: inherit;
                display: flex;
                min-height: 130px;
                flex-wrap: wrap;
                @media (min-width: 768px) {
                    min-height: 200px;
                }

                h3 {
                    font-size: 1.5rem;
                    width: 100%;
                    span.highlight {
                        transition: all .3s;
                    }
                }

                .valuesContainer {
                    width: 100%;
                    margin-top: auto;
                    color: var(--accent-color, var(--pink));
                    transition: all .3s;
                }

                .description {
                    margin-top: auto;
                }

                i.fa, i[class*="fa-"] {
                    margin-right: .5rem;
                }

                a:focus {
                    border: none;
                    outline: none;
                }
            }

            &:is(.with-hover .swiper-slide) {
                &:hover, &:focus-within {
                    --background-color: var(--accent-color, var(--pink));
                    color: #FFF;
                    &:before {
                        background-color: var(--accent-color, var(--pink));
                    }

                    .latest-job {
                        h2, h3 {
                            span {
                                color: #FFF;
                            }
                        }

                        .valuesContainer {
                            color: #FFF;
                        }
                    }
                }
            }

            .content-container {
                padding: 2rem;
                &.content-container-top {
                    padding: 2rem 2rem 0;
                }

                &.content-container-bottom {
                    padding: 0 2rem 2rem;
                }
                
                &.with-read-more {
                    padding-bottom: 7rem;
                    &:after {
                        content: "Read More";
                        text-transform: uppercase;
                        text-align: center;
                        background-color: var(--dark-green);
                        border: 2px solid var(--dark-green);
                        border-radius: .25rem;
                        color: #FFF;
                        padding-block: .5rem;
                        transition: background-color .2s, color .2s;
                        font-weight: bold;
                        position: absolute;
                        bottom: 3rem;
                        left: 3rem;
                        right: 3rem;
                        z-index: 2;
                    }

                    &:hover:after {
                        background-color: #FFF;
                        color: var(--dark-green);
                    }

                    a:hover {
                        text-decoration: none;
                    }
                }
            }

            &:has(a.cover):not(:has(.card)) {
                position: relative;
            }
        }

        .swiper-button-prev,
        .swiper-button-next {
            width: auto;
            padding: 0;
            border: none;
            background-color: transparent;
            top: auto;
            bottom: 0;
            @media (min-width: 768px) {
                top: var(--swiper-navigation-top-offset, 50%);
                bottom: 0;
            }
        }

        .swiper-button-prev,
        .swiper-button-next {
            border-radius: 5rem;
            &:after {
                width: 3rem;
                aspect-ratio: 1 / 1;
                border-radius: 5rem;
                background-color: var(--accent-color, var(--pink));
                border: 2px solid var(--accent-color, var(--pink));
                font-family: "Font Awesome 7 Pro";
                color: #FFF;
                content: "\f060";
                font-size: 1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: color .2s, background-color .2s;
            }

            &:hover,
            &:focus {
                &:after {
                    background-color: #FFF;
                    color: var(--accent-color, var(--pink));
                }
            }

            &:focus {
                outline: none;
                &:after {
                    box-shadow: var(--accessible-box-shadow);
                }
            }
        }

        .swiper-button-next:after {
            content: "\f061";
        }

        .latest-jobs {
            h2 {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                text-align: center;
                width: 100%;
            }

            a.buttonAnchor {
                display: inline-block;
                width: 100%;
                text-wrap: nowrap;
                @media (min-width: 768px) {
                    width: auto;
                }
            }

            span:has(a.buttonAnchor) {
                margin-left: auto !important;
            }
        }

        .swiper-slide:has(a) .people-profile,
        .swiper-slide:has(a) .inspiration,
        .swiper-slide:has(a) .service-spotlight {
            min-height: 200px;
        }

        .service-spotlight {
            width: 100%;
        }

        .people-profiles,
        .inspirations,
        .service-spotlights,
        .locations {
            .swiper-slide {
                overflow: hidden;
                padding: 0;
                &:has(.content-wrapper) {
                    padding: 6px;
                }

                .img-container {
                    position: relative;
                    svg {
                        position: absolute;
                        bottom: -1px;
                        left: -2px;
                        right: -1px;
                        z-index: 1;
                    }
                }

                img {
                    width: 100%;
                }

                .name,
                .position {
                    line-height: 2rem;
                    padding: .25rem 0;
                    margin: 0;
                }

                .name {
                    font-size: 1.5rem;
                    color: var(--green);
                }

                a.cover-large {
                    font-size: 1.5rem;
                    color: #000;
                    text-align: center;
                    width: 100%;
                    display: inline-block;
                }
            }
        }

        .locations {
            .swiper-slide {
                .name {
                    font-size: 1.2rem;
                    color: #000;
                }

                .hours {
                }

                .address {
                    font-size: 1.1rem;
                }

                .phone {
                    a[href*="tel"] {
                        display: flex;
                        align-items: center;
                        color: #000;
                        &:before {
                            font-family: "Font Awesome 7 Pro";
                            content: "\f095";
                            color: var(--dark-green);
                            margin-right: .5rem;
                            font-weight: 300;
                        }

                        &:hover {
                            text-decoration: none;
                        }
                    }
                }

                .email {
                    a[href*="mailto"] {
                        display: flex;
                        align-items: center;
                        color: #000;
                        &:before {
                            font-family: "Font Awesome 7 Pro";
                            content: "\f0e0";
                            color: var(--dark-green);
                            margin-right: .5rem;
                            font-weight: 300;
                        }

                        &:hover {
                            text-decoration: none;
                        }
                    }
                }

                button {
                    display: flex;
                    background-color: #FFF;
                    position: relative;
                    width: 100%;
                    border: none;
                    padding: 0;
                    font-weight: bold;
                    &:after {
                        font-family: "Font Awesome 7 Pro";
                        content: "\f077";
                        margin-left: auto;
                    }

                    &.collapsed:after {
                        content: "\f078";
                    }
                }

                ul.facilities {
                    list-style: none;
                    margin: .5rem 0 0;
                    padding: 0;
                    li {
                        margin: 0;
                        padding: 0;
                    }
                }
            }
        }

        .values,
        .equality,
        .wellbeing,
        .ways-of-working {
            .swiper-slide {
                .fa {
                    color: var(--accent-color);
                    font-size: 3.5rem;
                    font-weight: 100;
                }

                h3 {
                    font-size: 1.5rem;
                    margin-top: 2rem;
                }
            }
        }

        .wellbeing {
            .swiper-slide {
                .text {
                    font-size: .85rem;
                }
            }
        }
    /* #endregion */
    /* #region Modals */
        html:has(.modal.show),
        body:has(.modal.show) {
            overflow: hidden;
            header,
            main,
            footer,
            .sticky-container {
                transition: filter .2s;
                filter: blur(3px);
            }

            &:after {
                z-index: var(--z-index-modal);
                opacity: 0.7;
            }
        }

        html:has(.BigVacancyMap.MapVisible),
        body:has(.BigVacancyMap.MapVisible) {
            overflow: hidden;
            header,
            section:has(.content-banner),
            #content ~ section,
            .LeftJobBox > *:not(.BigVacancyMap),
            .RightJobBox,
            footer,
            .sticky-container {
                transition: filter .2s;
                filter: blur(3px);
            }
        }

        body:has(.BigVacancyMap.MapVisible) {
            &:after {
                z-index: var(--z-index-modal);
                opacity: 0.7;
            }
        }

        .modal-img, img.modal-img {
            display: block;
            border-radius: 1rem;
            width: 100%;
            max-width: 500px;
            margin: 0 auto 1rem;
            @media (min-width: 992px) {
                margin-right: 1rem;
                margin-bottom: 0;
                float: left;
                max-width: 50%;
            }
        }

        .modal-header {
            border-bottom: none;
            h1 {
                text-align: center;
                width: 100%;
            }

            .btn-close {
                position: absolute;
                top: 1rem;
                right: 1rem;
            }
        }

        .modal-dialog {
            position: relative;
            --bs-modal-width: 100%;
            @media (min-width: 576px) {
                --bs-modal-max-width: 100%;
            }

            @media (min-width: 1400px) {
                --bs-modal-width: 50%;
            }
        }

        .modal-content {
            padding: 2rem;
        }

        .modal {
            z-index: 10004;
        }
    /* #endregion */
    /* #region Sticky Apply */
        .sticky-container {
            position: fixed;
            display: inline-block;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: right;
            z-index: 10003;
            transition: all .2s;
            @media (min-width: 576px) {
                top: 296px;
                bottom: auto;
                left: auto;
                height: 0;
                width: fit-content;
            }
        }

        .sticky-apply {
            border: 2px solid var(--pink);
            background-color: var(--pink);
            color: #FFF;
            padding: 1rem 3rem;
            width: 100%;
            transition: all .2s;
            display: inline-block;
            text-transform: uppercase;
            text-align: center;
            box-shadow: var(--standard-box-shadow);
            font-weight: bold;
            @media (min-width: 576px) {
                border: 2px solid var(--sticky-btn-border-color);
                background-color: var(--sticky-btn-background-color);
                color: var(--sticky-btn-color);
            }

            &:hover {
                color: var(--pink);
                background-color: #FFF;
                border-color: var(--pink);
                text-decoration: none;
                @media (min-width: 576px) {
                    color: var(--sticky-btn-hover-color);
                    background-color: var(--sticky-btn-hover-background-color);
                    border-color: var(--sticky-btn-hover-border-color);
                }
            }

            @media (min-width: 576px) {
                padding: .8125rem 2rem;
                transform-origin: 100% 100%;
                transform: rotate(90deg) translateY(54px) translateX(0);
                width: auto;
            }

            .apply-now-text {
                display: none;
            }
        }

        .pos_description {
            .sticky-container {
                @media (min-width: 576px) {
                    top: 284px;
                }
            }

            .sticky-apply {
                .search-jobs-text {
                    display: none;
                }
                
                .apply-now-text {
                    display: inline;
                }
            }
        }
    /* #endregion */
    /* #region Gradients */
        /*
            Currently inactive.
            Reference ../Images/Banners/logo-swoosh.svg|png for overlay (already in solution).

            Blue:
            #015D54 > #07A8DC > #015D54
            Horizontal
            
            Orange:
            #C8077C > #F28E00 > #C8077C
            53 degrees

            Pink:
            #F28E00 > #C8077C > #F28E00
            53 degrees
        */
            
        /*
            .banner-gradient-1 {

            }

            .banner-gradient-2 {
                
            }

            .banner-gradient-3 {
                
            }

            .banner-gradient-4 {
                background: #015D54;
                background: linear-gradient(53deg,rgba(1, 93, 84, 1) 0%, rgba(127, 171, 42, 1) 33%, rgba(127, 171, 42, 1) 60%, rgba(49, 115, 21, 1) 75%, rgba(1, 93, 84, 1) 100%);
            }
        */
    /* #endregion */
    /* #region Shapes */
        .slant-left,
        .s-shape,
        .slant-right {
            background-repeat: no-repeat;
            width: 100%;
            height: 220px;
            background-size: cover;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
        }

        /*.slant-left {
            background-image: url("../Images/shapes/slant-left.png");
        }

        .s-shape {
            background-image: url("../Images/shapes/s-shape.png");
        }

        .slant-right {
            background-image: url("../Images/shapes/slant-right.png");
        }*/

        :has(> .shape) {
            position: relative;
            .shape {
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
            }
        }
    /* #endregion */
    /* #region Values */
        .our-values .col-lg-4 {
            margin-bottom: 1rem;
            @media (min-width: 992px) {
                margin-bottom: 0;
            }
        }
        
        .row:has(> [class*="col-"] > .value-block) {
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
        }

        [class*="col-"]:has(> .value-block) {
            display: flex;
            align-items: stretch;
        }

        .value-block {
            border-bottom: 5px solid var(--accent-color, #3F3F3F);
            min-height: 200px;
            margin-bottom: 1.5rem;
            padding: 1rem;
            width: 100%;
            @media (min-width: 576px) {
                min-height: 175px;
            }

            @media (min-width: 992px) {
                min-height: 210px;
            }

            i.fa, i[class*="fa-"] {
                color: var(--accent-color, #3F3F3F);
                margin-bottom: 1rem;
            }

            h3 {
                color: var(--accent-color, #3F3F3F);
                margin-top: .5rem;
            }
        }
    /* #endregion */
    /* #region Priorities */
        .row:has(> [class*="col-"] > .priority-block) {
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
        }

        [class*="col-"]:has(> .priority-block) {
            display: flex;
            align-items: stretch;
        }

        .priority-block {
            border: none;
            box-shadow: var(--standard-box-shadow);
            border-left: .5rem solid var(--primary-color, #3F3F3F);
            background-color: #FFF;
            border-radius: .5rem;
            margin-bottom: 1.5rem;
            padding: 2rem;
            width: 100%;

            h3 {
                margin-top: .5rem;
            }
        }
    /* #endregion */
    /* #region Cards */
        .row:has(a.cover) {
            gap: 1rem 0;
        }

        [class*="col-"]:has(> .card a.cover) {
            display: flex;
            align-items: stretch;
        }

        .card {
            box-shadow: var(--standard-box-shadow);
            &:has(a.cover) {
                text-decoration: none;
                color: #3F3F3F;
                padding: 0;
                width: 100%;
                border: none;
                margin: 0 auto;
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                position: relative;
                @media (min-width: 768px) {
                    max-width: 95%;
                }

                .card-body {
                    padding: 0;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: stretch;
                }
                
                .card-content {
                    padding: 1.5rem 1.5rem 0;
                    margin-bottom: 1.5rem;
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    gap: .5rem;
                    > p, > h3 {
                        width: 100%;
                    }
                }

                .content-top {
                    margin-bottom: auto;
                }

                .content-bottom {
                    margin-top: auto;
                }

                @media (min-width: 768px) {
                    max-width: 100%;
                }

                h3 {
                    font-size: 1.75rem;
                }

                &.weight-bold p {
                    font-weight: bold;
                }

                &.with-read-more {
                    &:after {
                        content: "Read More";
                        text-transform: uppercase;
                        text-align: center;
                        background-color: var(--dark-green);
                        border: 2px solid var(--dark-green);
                        border-radius: .25rem;
                        color: #FFF;
                        padding-block: .5rem;
                        transition: background-color .2s, color .2s;
                        font-weight: bold;
                        position: absolute;
                        bottom: 3rem;
                        left: 3rem;
                        right: 3rem;
                        z-index: 2;
                    }

                    &:hover:after {
                        background-color: #FFF;
                        color: var(--dark-green);
                    }
                }
            }
        }

        a.cover {
            &:not(.read-more) {
                color: inherit;
                text-decoration: none;
                &:hover {
                    text-underline-offset: 5px;
                    text-decoration: 2px solid underline;
                }
            }

            &:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 3;
            }
        }

        ul.cards {
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: start !important;
            > li {
                position: relative;
                width: 100%;
                flex: 0 0 100%;
                margin: 0;
                padding: 2rem;
                border-radius: .5rem;
                border: none;
                box-shadow: var(--standard-box-shadow);
                background-color: #FFF;
                overflow: hidden;
                @media (min-width: 1200px) {
                    width: calc(50% - .5rem);
                    flex: 0 0 calc(50% - .5rem);
                }

                .fa {
                    color: var(--accent-color);
                    font-size: 3.5rem;
                    font-weight: 100;
                }

                h3 {
                    font-size: 1.5rem;
                    margin-top: 2rem;
                }

                ul {
                    list-style: disc;
                    margin-bottom: 1rem !important;
                }
            }

            &.three-col > li {
                @media (min-width: 1400px) {
                    width: calc(33% - 1rem);
                    flex: 0 0 calc(33% - 1rem);
                }
            }
        }

        ul.horizontal-cards {
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: start !important;
            > li {
                position: relative;
                width: 100%;
                flex: 0 0 100%;
                margin: 0;
                padding: 2rem;
                border-radius: .5rem;
                border: none;
                background-color: #FFF;
                overflow: hidden;
                box-shadow: var(--standard-box-shadow);
                @media (min-width: 1200px) {
                    width: calc(50% - .5rem);
                    flex: 0 0 calc(50% - .5rem);
                }

                &:before {
                    content: "";
                    width: 8px;
                    background-color: var(--accent-color);
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                }

                &:nth-child(5n + 1) {
                    --accent-color: var(--green);
                }

                &:nth-child(5n + 2) {
                    --accent-color: var(--blue);
                }

                &:nth-child(5n + 3) {
                    --accent-color: var(--orange);
                }

                &:nth-child(5n + 4) {
                    --accent-color: var(--pink);
                }

                &:nth-child(5n + 5) {
                    --accent-color: var(--dark-green);
                }

                h3, h4 {
                    font-size: 1.5rem;
                }
            }

            &.one-col > li {
                @media (min-width: 1200px) {
                    width: 100%;
                    flex: 0 0 100%;
                }
            }

            &.equal-height {
                display: grid;
                grid-template-columns: 1fr;
                @media (min-width: 1200px) {
                    grid-template-columns: repeat(2, minmax(150px, 1fr));
                }

                > li {
                    @media (min-width: 1200px) {
                        width: 100%;
                        flex: 0 0 100%;
                    }
                }
            }
        }
    /* #endregion */
    /* #region Accordions */
        .accordion {
            display: flex;
            flex-wrap: wrap;
            .col-lg-6 {
                @media (min-width: 992px) {
                    &:first-child {
                        padding-inline-end: 1rem;
                    }

                    &:last-child {
                        padding-inline-start: 1rem;
                    }
                }
            }

            .col-xl-4 {
                @media (min-width: 992px) {
                    &:first-child {
                        padding-inline-end: 1rem;
                    }

                    &:nth-child(2) {
                        padding-inline: 1rem;
                    }

                    &:last-child {
                        padding-inline-start: 1rem;
                    }
                }
            }
        }

        .accordion-item,
        .accordion-item:not(:first-of-type) {
            border: none;
            box-shadow: var(--standard-box-shadow);
            margin-bottom: .5rem;
            border-radius: .25rem;
            overflow: hidden;
            h2, h3, .accordion-collapse {
                border-left: 4px solid var(--accent-color, #000);
            }

            &:last-child {
                margin-bottom: 0;
            }
        }

        .accordion-button {
            border: none;
            border-radius: .25rem;
            &:after {
                background: none;
                font-family: "Font Awesome 7 Pro";
                content: "\f078";
                transform: none;
            }

            &:not(.collapsed) {
                background-color: var(--accent-color, #000);
                color: #FFF;
                border-radius: 0;
                &:after {
                    background: none;
                    content: "\f077";
                    color: var(--component-active-icon-color, #000);
                    transform: none;
                }
            }
        }

        .accordion-item:first-of-type .accordion-button {
            border-radius: 0;
        }

        /*.two-col .accordion {
            @media (min-width: 992px) {
                columns: 2;
            }
        }*/
    /* #endregion */
    /* #region Sections */
        section {
            padding: 30px 0;
            &:has(.content-banner) {
                padding: 0;
            }
        }

        .pos_find_results,
        .pos_find_results_map {
            section#content {
                padding: 0;
                .pageViewMain {
                    display: flex;
                    align-items: stretch;
                    flex-wrap: wrap;
                    @media (min-width: 992px) {
                        flex-wrap: nowrap;
                        display: grid;
                        grid-template-columns: 30% 70%; /* left column / right column */
                        grid-template-rows: auto auto; /* for stacking */
                    }

                    #posBrowser_Filter_pageBlockContainer {
                        order: 2;
                        @media (min-width: 992px) {
                            grid-column: 1; /* left column */
                            grid-row: 1 / 3; /* span both rows */
                        }
                    }

                    #SearchForm_pageBlockContainer {
                        order: 1;
                        background-color: #FFF;
                        margin-bottom: 0;
                        width: 100%;
                        @media (min-width: 992px) {
                            grid-column: 2;
                            grid-row: 1;
                        }
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer,
                    #MapBlock_pageBlockContainer {
                        order: 3;
                        @media (min-width: 992px) {
                            grid-column: 2;
                            grid-row: 2;
                        }
                    }
                }
            }
        }

        .content-row {
            padding: 0;
            /*min-height: 400px;*/
            &:first-child {
                padding-top: 0;
            }

            &:last-child {
                padding-bottom: 0;
            }

            [class*="col-"] {
                &:has(img:not(.swiper-slide img), video, iframe) {
                    display: flex;
                    align-items: center;
                }

                &:has(> .content-container) {
                    display: flex;
                    align-items: center;
                    > .content-container {
                        padding: 2rem 0;
                        width: 100%;
                        @media (min-width: 576px) {
                            padding: 2rem;
                        }

                        @media (min-width: 992px) {
                            padding: 2rem;
                        }

                        &.p-b-0 {
                            padding-block-end: 0;
                        }

                        /*&.list-container {
                            padding-top: 0;
                            padding-bottom: 0;
                            @media (min-width: 992px) {
                                padding: 0 60px;
                            }
                        }*/
                        &.content-container-top {
                            padding: 2rem 0 0;
                            @media (min-width: 576px) {
                                padding: 2rem 2rem 0;
                            }

                            @media (min-width: 992px) {
                                padding: 2rem 2rem 0;
                            }
                        }

                        &.content-container-bottom {
                            padding: 0 0 2rem;
                            @media (min-width: 576px) {
                                padding: 0 2rem 2rem;
                            }

                            @media (min-width: 992px) {
                                padding: 0 2rem 2rem;
                            }
                        }
                    }
                }

                > *:has(ul.directorate-services) {
                    text-align: center;
                }

                ul {
                    margin: 0;
                    justify-content: center;
                    &.directorate-services {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 1rem;
                        padding: 0;
                        list-style: none;
                        margin-top: 1.5rem;
                        li {
                            display: inline-block;
                            font-weight: 500;
                            margin: 0;
                            .directorate-service.button {
                                padding: .25rem 1rem;
                                border-radius: 4px;
                                border: 2px solid var(--accent-color);
                                background-color: var(--accent-color);
                                color: #FFF;
                                display: inline-block;
                                transition: all .3s;
                                box-shadow: var(--standard-box-shadow);
                                &:hover {
                                    background-color: #FFF;
                                    color: var(--accent-color);
                                    text-decoration: none;
                                }
                            }
                        }
                    }
                }

                [class*="col-"]:has(> img) {
                    display: flex;
                    align-items: stretch;
                    img {
                        object-fit: cover;
                        width: 100%;
                        /*@media (min-width: 992px) {
                            box-shadow: 0px 0px 6px 4px rgba(51,51,51,0.5);
                        }*/
                    }
                }
            }
        }
    /* #endregion */
    /* #region Popovers */
        .popover {
            border: none;
            box-shadow: var(--standard-box-shadow);
            padding: .8rem;
            line-height: 1.8;
            text-align: center;
            max-width: 400px;
        }
    /* #endregion */
    /* #region Tabs */
        .col-12:has(.nav-tabs) {
            padding: 1rem;
            @media (min-width: 768px) {
                padding: 0 4rem;
            }

            .nav-tabs {
                justify-content: center;
            }

            .nav-item {
                width: 100%;
                @media (min-width: 768px) {
                    width: auto;
                }

                button {
                    width: 100%;
                }
            }
        }

        .tab-content>.active {
            padding: 2rem;
        }

        .nav-tabs.ui-widget.ui-widget-content {
            gap: .5rem;
            border: none;
            margin-bottom: 1rem;
        }

        .nav-tabs [class*="theme-"] .nav-link {
            border: 2px solid var(--accent-color);
            border-radius: .5rem;
            &:hover {
                border: 2px solid var(--accent-color);
                background-color: var(--accent-color);
                text-decoration: none;
                color: #FFF;
            }
        }

        .nav-tabs [class*="theme-"] .nav-link.active {
            background-color: var(--accent-color);
            color: #FFF;
            &:hover {
                border: 2px solid var(--accent-color);
            }
        }

        .tab-content {
            &:has(img) [class*="col-"] {
                padding: 0 0 1rem;
                @media (min-width: 992px) {
                    padding: 2rem;
                }

                &:has(img) {
                    display: flex;
                    img {
                        margin: 0 auto;
                        @media (min-width: 992px) and (max-width: 1399.9px) {
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    /* #endregion */
    /* #region Privacy */
        #section-privacy {
            div {
                p:last-child, ul:last-child, li:last-child {
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
            }
        }
    /* #endregion */
    /* #region Directorates */
        #directorates-list {
            img {
                display: block;
                width: 100%;
                border-radius: 1rem;
                @media (min-width: 992px) {
                    /*max-width: 800px;*/
                    margin: 0 auto;
                    justify-self: center;
                }
            }
        }
    /* #endregion */
    /* #region Alerts */
        .alertContent {
            background-color: var(--pink);
            border-radius: 1rem;
            padding: 3rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            @media (min-width: 1200px) {
                flex-wrap: nowrap;
            }

            label {
                font-size: 1.5rem;
                font-weight: bold;
                width: 100%;
                margin-bottom: .5rem;
                color: #FFF;
                @media (min-width: 992px) {
                    width: 50%;
                }

                @media (min-width: 1200px) {
                    margin-bottom: 0;
                }
            }

            input[type="email"] {
                padding: .5rem 1rem;
                width: 100%;
                border-radius: .25rem;
                border: none;
            }

            .formContainer {
                width: 100%;
                display: flex;
                justify-content: end;
                a.buttonAnchor {
                    width: 100%;
                    margin-top: 0 !important;
                    margin-bottom: 0 !important;
                    max-width: 100%;
                    background-color: #FFF;
                    border: 2px solid #FFF;
                    color: var(--pink);
                    max-width: 250px;
                    &:hover {
                        background-color: var(--pink);
                        color: #FFF;
                    }
                }

                #alertsRegister {
                    display: flex;
                    flex-wrap: wrap;
                    width: 100%;
                    @media (min-width: 1200px) {
                        flex-wrap: nowrap;
                    }

                    .formRow {
                        display: flex;
                        align-items: stretch;
                        width: 100%;
                        flex: auto;
                        margin-bottom: .5rem;
                        @media (min-width: 768px) {
                            width: 67%;
                            margin-bottom: 0;
                        }

                        @media (min-width: 1200px) {
                            margin-bottom: 0;
                        }

                        &:last-child {
                            flex-shrink: 1;
                            margin-bottom: 0;
                            width: 100%;
                            padding-left: 0;
                            @media (min-width: 768px) {
                                padding-left: 1rem;
                                width: 33%;
                            }

                            button {
                                width: 100%;
                                margin-top: 0 !important;
                                margin-bottom: 0 !important;
                                max-width: 100%;
                                background-color: #FFF;
                                border: 2px solid #FFF;
                                color: var(--pink);
                                &:hover {
                                    background-color: var(--pink);
                                    color: #FFF;
                                }
                            }
                        }

                        .controlContainer {
                            display: flex;
                            align-items: stretch;
                            width: 100%;
                        }
                    }
                }
            }
        }
    /* #endregion */
    /* #region Other */
        video {
            width: 100%;
        }

        #FosterWithPeterborough h2 {
            @media (min-width: 1400px) {
                margin-bottom: 45px;
            }
        }

        .col-lg-6:has(iframe[src*="youtube"]) {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: .5rem;
            overflow: hidden;
        }

        iframe[src*="youtube"] {
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 16 / 9;
        }

        .alTitle {
            position: relative;
            padding-left: 15px;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: bold;
        }

        .alList {
            column-count: 2;
            column-gap: 32px;
            list-style: none;
            margin: 10px 0px 0px 2px;
            padding: 0px 0px 0px 15px;
            list-style: none;
            border-left: 1px solid rgb(151, 151, 151);
            line-height: 1.25;
            &.one-col {
                column-count: 1;
            }
        }

        p.large {
            font-size: 1.25rem;
        }

        .vertically-center {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .home .latest-jobs .description {
            display: none;
        }

        .home-banner {
            max-height: 648px;
            overflow: hidden;
            position: relative;
            @media (min-width: 992px) {
                background: url("../Images/Banners/home-banner-background.svg");
                background-repeat: no-repeat;
                background-size: cover;
            }

            .col-12 {
                display: flex;
                flex-wrap: wrap;
                align-items: end;
                justify-content: center;
                padding-top: 3rem;
                max-height: 500px;
                position: relative;
                &:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: url("../Images/Banners/home-banner-background.svg");
                    background-repeat: no-repeat;
                    background-size: cover;
                    z-index: -1;
                }

                h1 {
                    color: #FFF;
                    position: absolute;
                    bottom: 200px;
                    font-size: calc(1.25rem + 2.5vw);
                    font-weight: bold;
                    @media (min-width: 576px) {
                        bottom: 100px;
                    }

                    @media (min-width: 992px) {
                        bottom: 150px;
                    }

                    span {
                        color: inherit !important;
                    }

                    span.typer,
                    span.cursor {
                        color: var(--pink) !important;
                    }
                }

                .person {
                    padding: .5rem 1rem;
                    background-color: var(--dark-green);
                    color: #FFF;
                    display: inline-block;
                    width: auto;
                    margin-bottom: .5rem;
                }

                > .person {
                    position: absolute;
                    bottom: 119px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 1000;
                    @media (min-width: 576px) {
                        bottom: 3.75rem;
                    }
                }
            }

            img {
                margin: 0 auto;
                max-height: 100%;
                max-width: 95%;
                object-fit: contain;
                display: block;
            }

            #FindJobContainer {
                background-color: #FFF;
                width: 100%;
                text-align: center;
                margin-bottom: 0;
                padding-top: 0;
                position: relative;
                z-index: 10001;
                @media (min-width: 768px) {
                    background-color: transparent;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                }

                &:not(:has(+ p)) {
                    @media (min-width: 768px) {
                        bottom: 1rem;
                    }
                    
                    @media (min-width: 992px) {
                        bottom: 2.5rem;
                    }
                }

                h1 {
                    font-size: 2.5rem;
                    margin-bottom: 2.5rem;
                    @media (min-width: 992px) {
                        font-size: 4rem;
                    }
                }

                #quicksearch_form {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                .formRow {
                    display: flex;
                    flex-wrap: wrap;
                    max-width: 500px;
                    width: 100%;
                    margin: 0 0 .5rem;
                    padding: 0 .75rem;
                    @media (min-width: 576px) {
                        width: auto;
                        margin-bottom: 0;
                        padding: 0;
                    }

                    .labelContainer {
                        margin: 0;
                        width: 50%;
                        text-align: end;
                        display: flex;
                        align-items: stretch;
                        display: none;
                        label {
                            text-align: end;
                            display: flex;
                            align-items: center;
                            margin-inline-start: auto;
                        }
                    }

                    .controlContainer {
                        margin: 0;
                        width: 100%;
                        position: relative;
                        display: flex;
                        align-items: stretch;
                        @media (min-width: 576px) {
                            width: auto;
                        }

                        &:before {
                            font-family: "Font Awesome 7 Pro";
                            content: "\f002";
                            position: absolute;
                            left: .75rem;
                            top: 0;
                            bottom: 0;
                            display: flex;
                            align-items: center;
                            color: #000;
                            font-size: 1.25rem;
                        }

                        input.inputText {
                            margin-top: 0 !important;
                            min-width: 250px;
                            display: block;
                            padding-left: 2.25rem;
                            border: none;
                            box-shadow: var(--standard-box-shadow);
                            @media (min-width: 576px) {
                                min-width: 300px;
                            }
                        }
                    }
                }

                .buttonsRight, .buttonsRight ul li, .buttonsLeft, .buttonsLeft ul li {
                    text-align: start;
                    width: 100%;
                    input.buttonSubmit {
                        width: 100%;
                        margin: 0 !important;
                        max-width: 100%;
                        background-color: var(--pink);
                        border: none;
                        box-shadow: var(--standard-box-shadow);
                        @media (min-width: 576px) {
                            width: auto;
                        }

                        &:hover {
                            background-color: #FFF;
                            color: var(--pink);
                        }
                    }
                }

                #quicksearch_filter_locationradius_formRow {
                    display: none;
                }

                #quicksearch_SaveButtonRow_formRow {
                    width: 100%;
                    margin-left: 0;
                    @media (min-width: 576px) {
                        margin-left: .5rem;
                        width: auto;
                    }

                    .buttonsRight, ul, li {
                        display: flex;
                        align-items: stretch;
                        width: 100%;
                    }
                }

                #quicksearch_JobsNearMeButtonRow_formRow {
                    .buttonAnchor {
                        background-color: transparent;
                        border: none;
                        font-size: 0;
                        line-height: 1;
                        padding: 0;
                        margin-left: .5rem !important;
                        color: var(--pink);
                        &:before {
                            transition: transform .3s;
                            display: block;
                            font-family: "Font Awesome 7 Pro";
                            content: "\f3c5";
                            font-size: 2.5rem;
                        }

                        @media (min-width: 768px) {
                            color: var(--pink);
                        }

                        &:hover {
                            background-color: transparent;
                            border: none;
                            color: var(--pink);
                            &:before {
                                color: var(--pink);
                                transform: translateY(-8px);
                            }

                            @media (min-width: 768px) {
                                color: #FFF;
                                &:before {
                                    color: #FFF;
                                }
                            }
                        }
                    }
                }

                div.pageBlockContent {
                    padding: .5rem 0;
                }

                div.pageBlockContainer {
                    margin-bottom: 0;
                }
            }
        }

        img.rounded,
        video.rounded {
            border-radius: 1rem;
            overflow: hidden;
        }

        .banner-gradient {
            --curve-color: #FFF;
            background-color: #000;
            &:has(+ .theme-light-green.set-bg-color) {
                --curve-color: var(--light-green);
            }

            &:has(+ .theme-light-dark-green.set-bg-color) {
                --curve-color: var(--light-dark-green);
            }

            &:has(+ .theme-light-orange.set-bg-color) {
                --curve-color: var(--light-orange);
            }

            &:has(+ .theme-light-pink.set-bg-color) {
                --curve-color: var(--light-pink);
            }

            &:has(+ .theme-light-blue.set-bg-color) {
                --curve-color: var(--lightest-blue);
            }

            &:has(+ section .tab-pane.theme-light-green.set-bg-color.show) {
                --curve-color: var(--light-green);
            }

            &:has(+ section .tab-pane.theme-light-dark-green.set-bg-color.show) {
                --curve-color: var(--light-dark-green);
            }

            &:has(+ section .tab-pane.theme-light-orange.set-bg-color.show) {
                --curve-color: var(--light-orange);
            }

            &:has(+ section .tab-pane.theme-light-pink.set-bg-color.show) {
                --curve-color: var(--light-pink);
            }

            &:has(+ section .tab-pane.theme-light-blue.set-bg-color.show) {
                --curve-color: var(--lightest-blue);
            }

            .banner-curve {
                transition: all .3s;
                fill: var(--curve-color);
            }
        }

        section:has(.tab-pane) {
            transition: all .3s;
            .ui-widget-content {
                background-color: transparent;
            }
        }

        section:has(.tab-pane.theme-light-dark-green.set-bg-color.show) {
            background-color: var(--light-dark-green);
            .tab-pane.set-bg-color {
                transition: all .3s;
                --background-color: var(--light-dark-green);
            }
        }

        section:has(.tab-pane.theme-light-green.set-bg-color.show) {
            background-color: var(--light-green);
            .tab-pane.set-bg-color {
                transition: all .3s;
                --background-color: var(--light-green);
            }
        }

        section:has(.tab-pane.theme-light-orange.set-bg-color.show) {
            background-color: var(--light-orange);
            .tab-pane.set-bg-color {
                transition: all .3s;
                --background-color: var(--light-orange);
            }
        }

        section:has(.tab-pane.theme-light-pink.set-bg-color.show) {
            background-color: var(--light-pink);
            .tab-pane.set-bg-color {
                transition: all .3s;
                --background-color: var(--light-pink);
            }
        }

        section:has(.tab-pane.theme-light-blue.set-bg-color.show) {
            background-color: var(--lightest-blue);
            .tab-pane.set-bg-color {
                transition: all .3s;
                --background-color: var(--lightest-blue);
            }
        }

        .content-banner {
            position: relative;
            display: flex;
            align-items: stretch;
            min-height: 420px;
            background-size: cover;
            flex-wrap: wrap;
            > svg {
                width: 100%;
                align-self: end;
                position: absolute;
                bottom: -2px;
                left: 0;
                right: 0;
                z-index: 1;
            }

            .container {
                display: flex;
                align-items: stretch;
                .row {
                    width: 100%;
                }
            }

            .col-12 {
                display: flex;
                overflow: hidden;
                justify-items: center;
                align-items: center;
                flex-wrap: wrap;
                min-height: 300px;
                position: relative;
                > * {
                    grid-area: stack;
                }

                [alt="Gradient"] {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    z-index: 0;
                }

                .banner-image-text {
                    gap: 1rem;
                    position: relative;
                    width: 100%;
                    max-width: var(--banner-image-text-min-width, 100%);
                    padding: 4rem 1rem 8rem;
                    z-index: 1;
                    /* Not sure why the following was added - may have been for the old banner */
                    /* pointer-events: none; */
                }

                .banner-cut-out {
                    align-self: start;
                    justify-self: start;
                    flex-shrink: 0;
                    z-index: 1;
                    max-width: 300px;
                    position: absolute;
                    top: 0;
                    right: 0;
                    display: flex;
                    @media (min-width: 1200px) {
                        margin-right: 10rem;
                    }
                }

                h1 {
                    margin: 0;
                    z-index: 2;
                    font-weight: bold;
                    font-size: calc(2rem + 1vw);
                    text-decoration: 8px solid underline;
                    text-underline-offset: .7rem;
                    margin-bottom: 2rem;
                    line-height: 1.5;
                }

                p {
                    font-size: calc(1.2rem + .5vw);
                    margin: 0;
                    padding: 0;
                    &.name {

                    }

                    &.jobtitle {
                        text-transform: uppercase;
                    }
                }

                h1, p {
                    width: 100%;
                    color: #FFF;
                }
            }
        }

        body.pojo-a11y-links-underline .content-banner .col-12 h1 {
            text-decoration: none;
        }

        .pos_find_results .content-banner .col-12 {
            .banner-cut-out {
                display: block;
            }

            h1 {
                font-size: calc(2rem + 1vw);
                padding-inline-start: 2rem;
            }

            p {
                padding-inline-start: 2rem;
            }
        }

        /*.banner-image-text {
            position: absolute;
            display: flex;
            left: 50%;
            top: 0;
            bottom: 0;
            transform: translateX(-50%);
            justify-content: center;
            align-items: stretch;
            overflow: hidden;
            h1 {
                display: flex;
                align-items: center;
                text-align: center;
                margin-left: 4rem;
                color: #FFF;
            }
        }*/

        .pos_description {
            .PosDescriptionText .JobTitle {
                display: none;
            }

            .content-banner {
                display: flex;
                align-items: stretch;
                .container {
                    display: flex;
                    align-items: stretch;
                    .row {
                        width: 100%;
                    }
                }

                .banner-image-text {
                    justify-content: start;
                    transform: translateX(0);
                    padding-inline: 1rem;
                    @media (min-width: 1200px) {
                        max-width: 100%;
                        padding-inline: 0;
                    }
                }
            }

            .latest-jobs {
                .swiper-slide:nth-child(4n + 1) {
                    --accent-color: var(--green);
                }

                .swiper-slide:nth-child(4n + 2) {
                    --accent-color: var(--pink);
                }

                .swiper-slide:nth-child(4n + 3) {
                    --accent-color: var(--blue);
                }

                .swiper-slide:nth-child(4n + 4) {
                    --accent-color: var(--orange);
                }

                .swiper-slide .valuesContainer {
                    margin-top: .5rem;
                    > div {
                        color: #000;
                    }

                    i {
                        color: var(--accent-color, var(--pink));
                    }
                }
            }
        }

        #whats-next {
            background-image: url("../Images/Custom/alerts_bg.png");
            background-size: cover;
            background-repeat: no-repeat;
            padding: 2rem;
            --accent-color: #FFF;
            @media (min-width: 992px) {
                padding: 4rem;
            }

            h2 {
                font-size: 2.5rem;
            }
        }

        #welcome-to-peterborough {
            h2 {
                margin-bottom: 2rem;
            }

            [class*="col-"] {
                display: flex;
                align-items: stretch;
                .card-body {
                    padding: 1rem 0 0;
                    display: flex;
                    flex-wrap: wrap;
                }

                h3 {
                    font-size: 2.25rem;
                    max-width: calc(100% - 2rem);
                    justify-self: center;
                    margin: 0 auto;
                }

                .img-container {
                    align-self: end;
                    img {
                        max-height: 360px;
                    }
                }
            }
        }

        #our-values {
            h3 {
                font-size: 2rem;
            }
        }

        .alerts-banner-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            position: relative;
            --bs-heading-color: #FFF;
            .banner-text-content {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                .buttons-container {
                    @media (min-width: 992px) {
                        margin-left: auto;
                    }
                }

                @media (min-width: 992px) {
                    flex-wrap: nowrap;
                }
            }

            .button.buttonAnchor {
                background-color: #FFF;
                border: 2px solid #FFF;
                color: var(--dark-green);
                transition: all .2s;
                width: 100%;
                padding: .5rem 1rem;
                font-size: .875rem;
                @media (min-width: 576px) {
                    width: auto;
                }

                @media (min-width: 1200px) {
                    padding-inline: 4rem;
                }

                &:hover {
                    background-color: var(--dark-green);
                    border-color: var(--dark-green);
                    color: #FFF;
                    @media (min-width: 1200px) {
                        background-color: var(--green);
                        border-color: var(--green);
                    }
                }
            }
        }

        .banner-cut-out {
            margin-top: 3rem;
            object-fit: cover;
            object-position: bottom;
        }

        p.image-helper-text {
            position: relative;
            z-index: 10002;
            background-color: #FFF !important;
            color: #000 !important;
            border-radius: 0.5rem;
            padding: 0.75rem 1rem;
            margin: 0;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
            width: fit-content;
            min-width: 250px;
            font-weight: normal;
            position: absolute;
        }

        body.pos_find_results section#content {
            @media (min-width: 992px) {
                background: linear-gradient(to right, var(--light-green) 0%, var(--light-green) 50%, white 50%, white 100%);
            }
        }

        [class*="col-"]:has(.content-container) + [class*="col-"] .img-container[class*="-box"] {
            position: relative;
            padding: 2rem 0;
            @media (min-width: 576px) {
                padding: 2rem;
            }

            @media (min-width: 992px) {
                padding: 2rem;
            }

            svg.white-curve {
                bottom: calc(2rem - 1px)
            }

            &:before {
                bottom: 2rem;
            }
        }

        .img-container {
            width: 100%;
            margin-top: auto;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            &.vertically-centred {
                margin-top: 0;
            }

            img {
                position: relative;
                z-index: 1;
                margin: 0 auto;
            }

            &.fixed-ratio-with-cover img {
                aspect-ratio: 2 / 1;
                object-fit: cover;
                @media (min-width: 768px) {
                    aspect-ratio: 1 / 1;
                }

                @media (min-width: 1200px) {
                    aspect-ratio: 3 / 2;
                }
            }

            &.cover {
                max-height: 300px;
                overflow: hidden;
                img {
                    object-fit: cover;
                    width: 100%;
                }
            }

            &[class*="-box"]:before {
                border-top-left-radius: 1rem;
                border-top-right-radius: 1rem;
                position: absolute;
                top: 4rem;
                left: 0;
                right: 0;
                bottom: 0;
                content: "";
            }

            &.orange-box:before {
                background-color: var(--orange);
            }

            &.green-box:before {
                background-color: var(--green);
            }

            &.dark-green-box:before {
                background-color: var(--dark-green);
            }

            &.blue-box:before {
                background-color: var(--blue);
            }

            svg.white-curve {
                position: absolute;
                bottom: -1px;
                left: -2px;
                right: -2px;
                fill: var(--background-color, #fff);
                z-index: 2;
                transition: fill .3s;
            }
        }

        .resourceTag {
            position: relative;
            z-index: 10002;
        }

        .edit-img,
        .edit-alt,
        .edit-img-alt {
            display: block;
            padding: 0;
            .resourceTag {
                padding: 0;
                margin: 0;
                background: none;
                color: var(--dark-green);
                font-size: 0;
                &:hover {
                    background: none;
                    text-underline-offset: 5px;
                    text-decoration: 2px solid underline;
                }

                &:before {
                    font-size: 1rem;
                }
            }
        }

        .edit-img {
            .resourceTag {
                &:before {
                    content: "Edit image";
                }
            }
        }

        .edit-alt {
            .resourceTag {
                &:before {
                    content: "Edit alt text";
                }
            }
        }

        .edit-img-alt {
            .resourceTag {
                &:before {
                    content: "Edit image / alt text";
                }
            }
        }

        .posBrowserMapBlock .markerStatsContainer {
            background-color: var(--dark-green);
            margin-top: 0;
            color: #FFF;
            font-weight: bold;
            padding: .5rem 1rem;
        }

        .posBrowserMapBlock .addressContainer .addressLabel {
            color: #000;
        }
        
        #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
            background-color: var(--dark-green);
            color: #FFF;
        }

        #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer {
            background-color: var(--light-dark-green);
        }

        #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
            background-color: var(--light-dark-green);
            width: 100%;
        }

        .ssoIcon {
            &.linkedin_ssoIcon,
            &.google_ssoIcon,
            &.facebook_ssoIcon,
            &.microsoft_ssoIcon {
                .ssoIconLink {
                    &:before {
                        content: "";
                        font-family: "Font Awesome 7 Brands";
                        font-size: 3rem;
                        background-color: var(--accent-color);
                        color: #FFF;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: 400;
                        padding: .25rem;
                        border-radius: .25rem;
                        line-height: 1;
                        width: fit-content;
                        min-width: 60px;
                        aspect-ratio: 1 / 1;
                    }

                    &:hover,
                    &:focus,
                    &:active {
                        text-decoration: none;
                        outline: none;
                    }

                    &:focus:before {
                        box-shadow: var(--accessible-box-shadow);
                    }

                    img {
                        visibility: hidden; /* visually hidden */
                        position: absolute;
                        width: 0;
                        height: 0;
                        overflow: hidden;
                        clip: rect(0 0 0 0);
                        clip-path: inset(100%);
                    }
                }
            }

            &.linkedin_ssoIcon .ssoIconLink:before {
                --accent-color: var(--blue);
                content: "\f0e1";
            }

            &.google_ssoIcon .ssoIconLink:before {
                --accent-color: var(--orange);
                content: "\f1a0";
            }

            &.facebook_ssoIcon {
                .ssoIconLink:before {
                    align-items: end;
                    justify-content: end;
                    --accent-color: var(--green);
                    content: "\f39e";
                    padding-bottom: 0;
                    padding-right: .5rem;
                }
            }

            &.microsoft_ssoIcon .ssoIconLink:before {
                --accent-color: var(--pink);
                content: "\f3ca";
            }
        }
    /* #endregion */
    /* #region Base Template fixes */
        #content .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage {
            padding: 0.5rem;
        }

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

        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
            display: flex;
            flex-wrap: wrap;
            align-items: start;
            gap: 0.5rem;
        }

        .pageBlockInner_FormBlock .inputContainer .popup,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
            float: none;
        }
        .pageBlockInner_FormBlock .inputContainer .popup:before,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup:before {
            font-family: "Font Awesome 7 Pro";
            font-weight: 300;
            line-height: 1;
            color: inherit;
            content: "\f002";
            display: inline-block;
            color: #000;
        }
        .pageBlockInner_FormBlock .inputContainer .popup:hover,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup:hover {
            text-decoration: none;
        }

        .pageBlockInner_FormBlock .inputContainer .popup img,
        .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup img {
            margin: 0;
            display: none;
        }

        .pageBlockInner_FormBlock div.selectmultipleContainer div.selectmultipleHeader {
            padding: 0.5rem;
        }

        .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist {
            padding: 0;
        }
        .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li {
            padding: 0 0.5rem 0.5rem;
            margin-top: 0;
        }

        .pageBlockInner_FormBlock div.selectmultipleContainer ul.selectmultiplelist li:first-child {
            padding-top: 0.5rem;
        }

        .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
            padding: 0 0.5rem 0.5rem;
        }
        .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li:first-child {
            padding: 0.5rem;
        }

        .pageBlockInner_FormBlock div.selectmultipleContainer .selectmultipleoptionitem {
            margin-left: 0.5rem;
        }

        #content div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer {
            position: relative;
            width: 100%;
        }

        #content div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer input {
            width: 100%;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup {
            position: absolute;
            right: 0.6rem;
            bottom: 0.6rem;
            width: auto;
            height: auto;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup:before {
            font-family: "Font Awesome 7 Pro";
            font-weight: 300;
            line-height: 1;
            content: "\f073";
            display: inline-block;
            color: #000;
            font-size: 1rem;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer .inputContainer .popup img {
            display: none;
        }
        #content .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .formRowSelectMultiCodelistRow .divajaxcontainter {
            margin-right: 0;
        }

        #content #SectionCompleteBlock_completed_formRow .labelContainer,
        #quickapplydialogDialogContainer #SectionCompleteBlock_completed_formRow .labelContainer {
            padding-top: 0;
        }
        #content .pageBlockInner_FormBlock .fakecheck,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck {
            background: none;
            float: none;
        }
        #content .pageBlockInner_FormBlock .fakecheck:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:before {
            font-family: "Font Awesome 7 Pro";
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 1.5rem;
            color: var(--dark-green);
            content: "\f0c8";
            display: inline-block;
            min-width: 24px;
            min-height: 24px;
            display: inline-block;
            vertical-align: middle;
            padding: 0;
        }
        #content .pageBlockInner_FormBlock .fakecheck:hover,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover {
            background: none;
        }
        #content .pageBlockInner_FormBlock .fakecheck:hover:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakecheck:hover:before {
            color: var(--dark-green);
        }
        #content .pageBlockInner_FormBlock .fakechecked:hover,
        #content .pageBlockInner_FormBlock .fakechecked,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked {
            background: none;
        }
        #content .pageBlockInner_FormBlock .fakechecked:hover:before,
        #content .pageBlockInner_FormBlock .fakechecked:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:hover:before,
        #quickapplydialogDialogContainer .pageBlockInner_FormBlock .fakechecked:before {
            content: "\f14a";
            color: var(--dark-green);
        }

        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow[id*="SectionComplete"],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow[id*="SectionComplete"] {
            width: 100%;
            max-width: 100%;
            .labelContainer {
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
                label {
                    width: 100%;
                    justify-content: center;
                }
            }
        }

        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow[id*="SectionComplete"],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
            display: flex;
            flex-wrap: wrap;
            align-items: start;
            justify-content: start;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
            position: absolute !important;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
            border: 0;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]),
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) {
            order: 1;
            flex: 0 1 auto;
            flex-wrap: wrap;
            text-align: left;
            width: 100%;
            display: flex;
            justify-content: start;
            max-width: 500px;
            margin: 0 auto;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow[id*="SectionComplete"] .labelContainer:has(+ .controlContainer input[type=checkbox]),
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) {
            order: 1;
            flex: 0 1 auto;
            flex-wrap: wrap;
            text-align: left;
            width: 100%;
            display: flex;
            justify-content: center;
            max-width: 100%;
            margin: 0 auto;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label {
            margin-bottom: 0;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]) label:before {
            font-family: "Font Awesome 7 Pro";
            font-weight: 400;
            line-height: 1;
            color: var(--dark-green);
            content: "\f0c8";
            display: inline-block;
            min-width: 24px;
            min-height: 24px;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.5rem;
            padding: 0;
            font-size: 1.5rem;
            display: inline-block;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:focus) label:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:focus) label:before {
            color: var(--pink);
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer:has(+ .controlContainer input[type=checkbox]:checked) label:before {
            font-family: "Font Awesome 7 Pro";
            font-weight: 900;
            line-height: 1;
            color: var(--dark-green);
            content: "\f14a";
            display: inline-block;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError {
            order: 2;
            flex: 0 0 100%;
        }

        #content div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input,
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input {
            background-size: 30px 30px;
            background-position: calc(100% + 8px) 50%;
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23015d54' stroke='%23015d54'><path d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z'/></g></svg>");
        }
        #content div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text],
        #quickapplydialogDialogContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><g fill='%23015d54' stroke='%23015d54'><path d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/></g></svg>");
            background-size: 30px 24px;
        }

        .pageBlockInner_GridBlock table.gridTable td a:has(img[src*="multi_add"]) {
            &:before {
                content: "\2b";
                font-family: "Font Awesome 7 Pro";
            }

            img {
                display: none;
            }
        }

        .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
            color: darkred;
        }
    /* #endregion */
    /* #region Flip cards */
        .flip-cards {
            gap: 1.5rem 0;
            [class*="col-"] {
                display: flex;
                align-items: stretch;

                .flip-card,
                .flip-card-front,
                .flip-card-back {
                    width: 100%;
                    display: flex;
                    align-items: stretch;
                    .card {
                        width: 100%;
                        .card-body {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            h1, h2, h3, h4, h5, h6 {
                                font-size: 1.25rem;
                            }

                            p {
                                font-size: .9rem;
                            }
                        }
                    }
                }
            }
        }
    
        .flip-card {
            background-color: transparent;
            width: 300px;
            min-height: 200px;
            perspective: 1000px; /* 3D perspective */
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }

        .flip-card:hover .flip-card-inner,
        .flip-card .flip-card-inner.flipped {
            transform: rotateY(180deg);
        }

        .flip-card-front,
        .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden; /* hide backside when not visible */
        }

        .flip-card-back {
            transform: rotateY(180deg);
        }
    /* #endregion */
    #FosterWithPeterborough {
        display: none;
    }

    body:has(#children-young-people.show) #FosterWithPeterborough {
        display: block;
    }

    img.foster-with-peterborough {
        position: relative;
        display: flex;
        max-width: 300px;
        margin: 0 auto 30px;
    }

    .nav-item.dropdown {
        flex-wrap: wrap;
        a.nav-link {
            padding-right: .25rem;
            &:not(.dropdown-toggle) {
                width: calc(100% - 2rem);
                @media (min-width: 1200px) {
                    width: auto;
                }
            }

            &.dropdown-toggle {
                padding-left: .75rem;
                padding-right: .75rem;
                @media (min-width: 1200px) {
                    padding-left: 0;
                }
            }
        }
    }

    .navbar-collapse {
        transition: height 0.35s ease; 
        &.collapsing {
            height: 0 !important;      /* override inline height set by Bootstrap */
            transition: none !important;
        }
        
        &.show {
            height: calc(100vh - 92.66px) !important;
            @media (min-width: 1200px) {
                height: auto !important;
            }
        }
    }

    .dropdown-menu {
        border: none;
        width: 100%;
        padding-left: 1rem;
        margin: 0;
        @media (min-width: 1200px) {
            padding-left: 0;
            width: auto;
        }

        li {
            margin: 0;
            padding: 0;
            .dropdown-item {
                background-color: transparent;
                &:hover,
                &:focus {
                    background-color: transparent;
                }

                &:focus {
                    outline: none;
                    box-shadow: var(--accessible-box-shadow);
                }

                &:active {
                    color: var(--bs-dropdown-link-color);
                }
            }
        }
    }

    body {
        padding-top: 92.66px;
    }

    header {
        background-color: #FFF;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000005;
        box-shadow: var(--standard-box-shadow);
    }
/* #endregion */
/* #region Responsive Styling */
@media all and (max-width:991px) {
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer {
        flex-direction: column;
    }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox {
            padding-bottom: 0;
        }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .divider {
            display: none;
        }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox {
            padding-top: 0;
            padding-left: 5px;
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .ApplyNowContainer {
                display: none;
            }

    .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li {
        width: 100%;
        text-align: center;
    }

        .mydetails #MyDetailsStauts_pageBlockContainer #MyDetailsStauts_pageBlock .eArcuLeft #eArcuLinks ul li a {
            display: inline-block;
            width: auto;
        }

    #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
        width: 100%;
        text-align: center;
    }

    #posBrowser_Filter_pageBlockContainer,
    #posBrowser_ResultsGrid_pageBlockContainer,
    #MapBlock_pageBlockContainer {
        width: 100%;
        margin-right: 0;
    }
}

@media all and (max-width:767px) {
    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .blocksContainer {
        flex: 100%;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .descsContainer {
        display: none;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop,
        #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridTop {
            flex-direction: column;
            align-items: center;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridTop .TilesGridSortingContainer {
                margin-left: 0;
                padding: 0;
                border: none;
            }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
            flex: 100%;
            max-width: 100%;
        }

    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer {
        flex-direction: column;
        gap: 30px;
    }

        .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues {
            flex: auto;
        }

            .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum {
                flex-direction: column;
                gap: 10px;
                line-height: 1.5;
            }

                .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .jobValues .posdescriptionPropertyBox ul.jobSum li {
                    padding: 0;
                    border: none;
                    width: 100%;
                    max-width: 100%;
                    flex: 100%;
                }

    div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem,
    div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem,
    .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow {
        flex: 100%;
    }

        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconValue .iconLabel,
        .welcome #WelcomeInfoBlock_pageBlockContainer #WelcomeInfoBlock_pageBlock #WelcomeInfoBlock_form .formRowIconRow .iconContainer .iconRowValues,
        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemLabel,
        div.pageBlockContainer#sectionslist_pageBlockContainer #sectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer,
        div.pageBlockContainer#additionalinformationsectionslist_pageBlockContainer #additionalinformationsectionslist_pageBlock .ulList .ulListItem .ulListItemValueContainer {
            width: 100%;
            text-align: center;
        }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter,
    #MapBlock_pageBlockContainer .pageBlockContainerMiddle #MapBlock_pageBlock .gridFooter {
        margin-bottom: 0;
        margin-top: 10px;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
        float: none;
    }

    /*.pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .jobValues .posdescriptionPropertyBox,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .LeftJobBox,
    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .rightBlock {
        padding: 20px;
    }*/

    .pageView #posdesc_pageBlockContainer #posdesc_pageBlock .posDescriptionContainer .RightJobBox .benefitsContainer .benefitBlocksContainer .benefitBlock {
        flex: 100%;
    }

    #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer,
    #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        width: 100%;
    }

        #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer .buttonsRight ul {
            justify-content: center;
            flex-direction: column;
        }

    #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyNowContainer,
    #Pos_Description_pageView #posdesc_pageBlockContainer .RightJobBox .ApplyViaEmailContainer {
        display: none;
    }

    #talentpoolgrid_pageBlock .ListGridContainer .rowContainerHolder {
        flex: 100%;
        max-width: 100%;
    }

    .stickyApplyContainer {
        top: initial;
        transform: none;
        right: 0;
        left: 0;
        bottom: 0;
    }

        .stickyApplyContainer a.buttonAnchor {
            width: 100%;
            border-radius: 0;
            margin-bottom: 0;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox {
        flex-direction: column;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock {
            max-width: 100%;
            flex: 100%;
        }

    .flexslider {
        padding: 0;
    }

        .flexslider ol.flex-control-nav {
            display: flex;
            justify-content: center;
        }

        .flexslider ul.flex-direction-nav {
            display: none;
        }

    .tabsContainer .tab {
        flex: 100%;
    }
}

@media all and (max-width:500px) {
    .ui-dialog.ui-widget.ui-widget-content {
        width: 100% !important;
    }

    .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer .blocksContainer .listItemContainer {
        flex: 100%;
        max-width: 100%;
    }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        flex: 100%;
        max-width: 100%;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer .rowItemsInnerContainer span {
            width: 100%;
            display: flex;
        }

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

    #Application_Section_Rare_pageView #rare_content {
        width: 100%;
    }

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

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock {
        padding: 30px;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock h2 {
            order: 2;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p {
            order: 3;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock ul {
            order: 4;
        }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.blocksContainer .offerLayoutPlaceHolder .offerLayoutInnerPlaceHolder .offerBlock p:has(img) {
            order: 1;
            position: relative;
            top: initial;
            right: initial;
        }

    .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder {
        flex-direction: column;
        gap: 10px;
    }

        .mywelcomepacks_offerinformation_section #OfferInfoBlock_pageBlock .offerBlocksContainer .offerLayoutBox.accreditationsContainer .offerLayoutInnerPlaceHolder .offerBlockContainer {
            max-width: 100%;
        }

    .chatbotBtn {
        right: 5px;
        bottom: 5px;
    }

        .chatbotBtn a {
            width: 50px;
            height: 50px;
        }

            .chatbotBtn a p {
                display: none;
            }

    .earcu_mywelcomepacks_offerform_summary section .stage-buttons a {
        width: 100%;
    }

        .earcu_mywelcomepacks_offerform_summary section .stage-buttons a .stepNo {
            display: none;
        }

        .earcu_mywelcomepacks_offerform_summary section .stage-buttons a span {
            width: 100%;
        }
}
/* #endregion */
/* #region Accessibility fixes */
    html {
        body.pojo-a11y-grayscale {
            filter: none;
            -webkit-filter: none;
            -webkit-filter: none;
            -moz-filter: none;
            -ms-filter: none;
            -o-filter: none;
            filter: none;
            &:before {
                content: "";
                position: fixed;
                inset: 0;
                background: #fff;
                mix-blend-mode: color;
                pointer-events: none;
                z-index: 100000 !important;
                opacity: 1;
            }
        }

        /*body.pojo-a11y-grayscale header,
        body.pojo-a11y-grayscale main,
        body.pojo-a11y-grayscale footer,
        body.pojo-a11y-grayscale #pojo-a11y-toolbar {
            -webkit-filter: grayscale(100%);
            -webkit-filter: grayscale(1);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
        }*/

        #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay,
        #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle,
        #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
            box-shadow: none;
            &:hover,
            &:focus {
                box-shadow: none;
            }
        }

        #pojo-a11y-toolbar {
            top: 93px;
            z-index: 10006;
            transition: all .2s;
            .pojo-a11y-toolbar-toggle {
                color: var(--pink);
                box-shadow: none;
                z-index: 3;
                margin-right: -2px;
                border-radius: 0;
            }
            
            .pojo-a11y-toolbar-overlay {
                color: var(--pink);
                position: relative;
                z-index: 2;
                background-color: #FFF;
                box-shadow: none;
                border: 2px solid var(--pink);
                border-radius: 0;
            }

            a {
                color: var(--pink);
            }

            .pojo-a11y-toolbar-toggle-link {
                background-color: var(--sticky-btn-background-color);
                color: var(--sticky-btn-color);
                border: 2px solid var(--sticky-btn-border-color);
                border-right: 2px solid var(--sticky-btn-background-color);
                transition: all .2s;
                &:hover {
                    background-color: var(--sticky-btn-hover-background-color);
                    color: var(--sticky-btn-hover-color);
                    border: 2px solid var(--sticky-btn-hover-border-color);
                    border-right: 2px solid var(--sticky-btn-hover-background-color);
                }
            }
        }
    }

    body.pojo-a11y-high-contrast,
    body.pojo-a11y-negative-contrast,
    body.pojo-a11y-light-background {
        --banner-image-text-min-width: min(850px, 100% - 460px);
        svg {
            display: none;
        }

        img.banner-cut-out {
            background: transparent !important;
            background-color: transparent !important;
        }

        svg.banner-curve {
            display: none;
        }

        #welcome-to-peterborough {
            .img-container {
                background: grey !important;
                background-color: grey !important;
            }
        }
    }
/* #endregion */