/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * STRUCTURE
      : Content layouts: 2 even column, with a divider (50%) (Override/complement)

   * ELEMENTS
      : Buttons (Override)
      : Fields (New)
      : Matching pill (New)
      : Section with action next to title (New)

   * COMPONENTS
      : Steps bar (Override/complement)
      : Result (New)
      : Attachment upload box (New)
      : Swiper (New)
      : Tabs (Override/complement)
      : Applications Methods (Override)
      : Search (Override)
      : Article card (Override)

    * MODULES
      : Banner home (New)
      : Banner secondary (New)

   * PAGETYPES
      : Search jobs: Results as list (Override/complement)
      : Reg/App methods: Article

   * UTILITIES
      : XXX

   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */
.tabs__list__item:not(.tabs__list__item--active),
.tabs__list__item:not(.tabs__list__item--active):link,
.tabs__list__item:not(.tabs__list__item--active):visited {
    color: var(--color--font);
}

@media all and (min-width: 1025px){
    .tabs__list__item--active {
        border-bottom-color: var(--color--brand--sub-1);
    }
}

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

/* FONTS
---------------------------------------------------------------------------------- */
@font-face {
    font-family: 'BNPP';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url('../fonts/BNPP_Square_Light.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'BNPP';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url('../fonts/BNPP_Square_Regular.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'BNPP';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url('../fonts/BNPP_Square_Bold.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'BNPP';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url('../fonts/BNPP_Square_ExtraBold.otf') format('opentype');
    font-display: swap;
}

/* INVERTING CLICKABLE COLORS: Dropdown
   -------------------------------------------------------------------------- */

/* STRUCTURE: Content layouts: 2 even column, with a divider (50%) (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--divider--smaller-col > .grid__item {
        max-width: none;
    }

    .grid--2--divider--smaller-col > .grid__item:nth-of-type(odd) {
        flex-basis: calc(var(--content--w--narrowest) + var(--spacer--xxl));
    }

    .grid--2--divider--smaller-col > .grid__item:nth-of-type(even) {
        flex-grow: 1;
    }

}

/* Media query to target only tablet */
@media (min-width: 751px) and (max-width: 1024px) {
    .grid--2--divider--smaller-col{
        max-width: 100%;
    }
}

/* ELEMENTS: Buttons /Links (Override)
   -------------------------------------------------------------------------- */
div[class*=fieldSpec] div[class*=description] a,
.link--underline {
    font-weight: 400;
    color: var(--color--font);
    border-bottom: 0.2rem solid var(--color--brand--sub-1);
}

div[class*=fieldSpec] div[class*=description] a:hover,
div[class*=fieldSpec] div[class*=description] a:focus,
.link--underline:hover,
.link--underline:focus {
    color: var(--color--brand--sub-1);
}

.button--primary,
.button--secondary,
.button--tertiary,
.ButtonBarField [class*=Button], .button {
    text-transform: uppercase;
}

.button--tertiary,
.button--tertiary:hover,
.button--tertiary:focus {
    border-bottom: .2rem solid var(--color--buttons--sub-1);
    text-decoration: unset;
    border-radius: unset;
    padding-bottom: 0rem;
}

.gotoButton {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons);
    --buttons--font--color: var(--color--white);
}

.gotoButton:hover {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton:focus,
.gotoButton:active {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton.button--disabled,
.gotoButton:disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

/* To style button as a tertiary button only when it's the third child */
.ButtonBarField .cancelButton {
    --buttons--width--min: 0;
    --buttons--padding--h: 0;
    --buttons--border--color: transparent;
    border-radius: 0;
    border-bottom: .3rem solid var(--color--buttons--sub-1);
}

.ButtonBarField .cancelButton:hover,
.ButtonBarField .cancelButton:focus {
    --buttons--font--color: var(--color--buttons--sub-1);
    border-bottom-color: .3rem solid var(--color--buttons--sub-1);
    background-color: unset;
}

button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton:hover {
    text-decoration: unset;
}

/* Radio button / Checkbox */

.form input[type=checkbox], .form input[type=radio] {
    accent-color: var(--color--buttons--sub-1);
}

summary:focus {
    outline-color: transparent;
}

/* ELEMENTS: Duplicate warning message (Override - to be deleted)
   -------------------------------------------------------------------------- */
   /* ↳ This is a bug from Wizards. This should be deleted when they fix it. */

   .duplicateWarningMessage {
    display: flex;
    width: 100%;
    background-color: var(--color--error--sub-1);
    padding: var(--spacer--xs) var(--spacer--s);
    line-height: 2.4rem;
    clear: both;
    margin-top:var(--spacer--l);
}

/* ELEMENTS: Fields
   -------------------------------------------------------------------------- */

.fieldSpec>label, .fieldSpec>fieldset>legend {
    text-transform: uppercase;
    font-family: var(--font--alt), sans-serif;
}

.AcceptCheckboxField .description,
.PasswordField .description {
    font-size: 1.4rem;
}

/* ELEMENTS: Matching pill
   -------------------------------------------------------------------------- */

:root {
    --matching--color--strong: #87e8dd;
    --matching--color--great: #c4f3ee;
    --matching--color--good: #e7faf8;
}

.pill {
    display: inline;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.2rem;
    padding: var(--spacer--xs) var(--spacer--s);
    background-color: var(--matching--background--color);
    font-weight: 400;
    vertical-align: middle;
}

.pill--strong {
    --matching--background--color: var(--matching--color--strong);
}

.pill--great {
    --matching--background--color: var(--matching--color--great);
}

.pill--good {
    --matching--background--color: var(--matching--color--good);
}

/* Inside a card next to title */
.article:not(.article--full-pill) .pill + * {
    margin-left: var(--spacer--s);
}

/* Inside a card but 100% wide */
.article--full-pill .pill {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-top-right-radius: var(--card--border--radius);
    border-top-left-radius: var(--card--border--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.article--full-pill .article__header__text__title {
    padding-top: var(--spacer--m);
}

/* ELEMENTS: Section with action next to title
   -------------------------------------------------------------------------- */

.section__header--action-next-to-title {
    align-items: flex-end;
}

.section__header--action-next-to-title .section__header__text{
    flex-grow: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__header--action-next-to-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .section__header--action-next-to-title .section__header__text + .section__header__actions{
        margin-top: var(--spacer--s2);
    }
}

/* COMPONENTS: TABLES
   -------------------------------------------------------------------------- */

.table--default thead tr th,
.tableField thead tr th {
    font-family: var(--font--alt), sans-serif;
    text-transform: uppercase;
    border-bottom: .2rem solid var(--color--brand--sub-1);
}

.table--default tbody tr+tr>*,
.tableField tbody tr+tr>* {
    border-top-color: #666666;
}

.table--default tbody tr:last-child>*,
.tableField tbody tr:last-child>* {
    border-bottom: .1rem solid #666666;
}

/* COMPONENTS: CARDS
   -------------------------------------------------------------------------- */

.table--cards tbody tr>:nth-child(1){
    overflow: hidden;
    text-overflow: ellipsis;
    height: 5rem;
    white-space: nowrap;
}

/* COMPONENTS: Steps bar (Override/complement)
   -------------------------------------------------------------------------- */

.list--steps .list__item__text__title {
    text-transform: unset;
}

.list--steps .list__item .list__item__text:after {
    border-bottom-color: var(--color--brand--sub-1);
}

.list--steps .list__item:not(.list__item--current) .list__item__text__subtitle {
    background-color: var(--color--borders);
}

.list--steps .list__item.list__item--filled .list__item__text__subtitle {
    background-color: var(--color--brand--sub-1);
}

.list--steps:after {
    border-bottom-color: var(--color--borders);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        width: 1.9rem;
        height: 1.9rem;
        overflow: hidden;
        font-size: 1rem;
        line-height: 150%;
    }

    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--brand--sub-1);
    }
}

@media all and (max-width:1024px) {
    .tabs__placeholder {
        font-weight: 400;
        border-bottom: .2rem solid var(--color--brand--sub-1);
    }

    .tabs__placeholder:after{
        color: var(--color--borders);
    }
}

@media all and (max-width:750px) {
    .list--steps .list__item .list__item__text:after {
        border-bottom-color: var(--color--grey--darkest);
    }
}

/* COMPONENTS: Attachment upload box (New)
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--boxes--background--color);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/* COMPONENTS: Swiper (New)
   -------------------------------------------------------------------------- */

:root {
    --swiper__slide--gap: var(--grid--columns--gap);
    --swiper-navigation-size: 4.4rem;
}

.slider{
    position:relative;
}

.swiper-container {
    width: calc(100% - (var(--swiper__slide--gap)*2) - var(--swiper-navigation-size));
}

.swiper-slide{
    height: auto;
}

.swiper-slide .article--card {
    box-sizing: border-box;
    height: 100%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
    --swiper-theme-color: var(--color--black);
}

.swiper-button-next,
.swiper-button-prev{
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size: calc(var(--swiper-navigation-size)/2);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
    right: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    left: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .swiper-container {
        width: calc(100% - (var(--swiper__slide--gap)*3) - var(--swiper-navigation-size));
    }
}

/* COMPONENTS: Tabs (Override)
   -------------------------------------------------------------------------- */

.section__header.section__header--tabs + *:not([class*="--narrow"]) {
    margin-top: var(--spacer--xl);
}

/* COMPONENTS: Applications Methods (Override)
   -------------------------------------------------------------------------- */
.body--application .grid--methods {
    margin-top: calc(-1 * var(--grid--columns--gap));
}

.body--application .title--06 {
    text-transform: uppercase;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--methods {
        max-width: var(--content--w--narrow);
    }
}

/* COMPONENTS: Search (Override)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section[search-type="visible"] .section__header__text {
        display: flex;
        margin-bottom: var(--spacer--l);
    }
}

/* COMPONENTS: Article card (Override)
   -------------------------------------------------------------------------- */

.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --buttons--font--size: initial;
}

.article--card .article__footer {
    padding-top: calc(var(--card--padding--inners));
    padding-bottom: calc(var(--card--padding--inners));
}

.article--card .article__footer > * + * {
    margin-left: var(--card--padding--outers);
}

/* MODULES: Banner home (New)
   -------------------------------------------------------------------------- */

.banner--main--home {
    --banner--height: 30rem;
    background-image: var(--home__banner--background--image);
}

.banner--main--home .banner__wrapper {
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.banner--main--home .banner__wrapper > * {
    width: 100%;
}

.banner--main--home .banner__form {
    margin-top: var(--spacer--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home {
        --banner--height: 29.4rem;
        height: var(--banner--height);
    }
}

/* MODULES: Banner secondary (New)
   -------------------------------------------------------------------------- */

.banner--secondary {
    background-color: var(--color--grey--lighter);
}

.banner--secondary .banner__wrapper{
    height: auto;
    justify-content: center;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--secondary .banner__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--xl);
    }

    .banner--secondary .banner__text__title * + * {
        margin-left: var(--spacer--m);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--secondary .banner__text__title * + * {
        margin-left: var(--spacer--m);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .banner--secondary .banner__wrapper {
        padding-top: var(--spacer--xl);
    }

    .banner--secondary .banner__text__title {
        text-align: center;
    }

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        display: block;
        margin-bottom: var(--spacer--l);
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--s2);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--secondary .banner__text__title .button + .banner__text__title__conjunction,
    .banner--secondary .banner__text__title .banner__text__title__conjunction + .button {
        margin-left: var(--spacer--m);
    }

    .banner--secondary .banner__wrapper {
        padding-bottom: var(--spacer--xl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary .banner__wrapper {
        padding-bottom: var(--spacer--xxxl);
    }

    .banner--secondary .banner__text__title .button {
        width: 100%;
    }

    .banner--secondary .banner__text__title .button:nth-of-type(2) {
        margin-top: var(--spacer--l);
    }

    .banner--secondary .banner__text__title .banner__text__title__conjunction {
        display: none;
    }

}

/* PAGETYPES: Reg/App methods: Article
   -------------------------------------------------------------------------- */
/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered{
        padding: 0;
        margin: 0;
        background-color: var(--color--white);
    }
}

/* SECTION: HEADER
   -------------------------------------------------------------------------- */

.menu--visible .menu__list--separator-right {
    flex-shrink: 0;
    margin-right: var(--spacer--m);
    border-right-width: 0.1rem;
    border-right-style: solid;
    border-right-color: var(--menu--dividers--color);
    padding-right: var(--spacer--m);
}

.menu__list:last-child .menu__link:before {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background-image: var(--icon--company);
    background-size: contain;
    display: inline-block;
}

@media all and (min-width:1025px){
    .menu__link {
        text-transform: uppercase;
    }
}

@media all and (max-width:1024px){
    .portalLanguages__link,
    .submenu__link {
        color: var(--color--white);
        font-weight: 400;
    }
}

/* SECTION: HEADER ==> Mobile nav
-------------------------------------------------------------------------- */

.menu--toggleable .toggle--menu:before {
    --header--height: 0;
}

.menu--toggleable .menu__panel {
    background-color: var(--color--brand);
    --header--height: 0;
}

.menu--toggleable .menu__item:not([aria-current="page"]):hover .menu__link {
    --menu__link--font--color: var(--color--white);
}

.portalLanguages__item--selected,
.portalLanguages__item[aria-current=page] {
    display: block;
}

@media all and (max-width:1024px){
    .menu__thumbnail .thumbnail {
        filter: invert(1);
    }

    .header__menu {
        --grid--laterals: 0;
    }
}

/* SECTION: HEADER ==> Mobile nav Toogle button
-------------------------------------------------------------------------- */

.toggle--menu {
    background-color: var(--color--brand--sub-2);
    width: 3.4rem;
    height: 3.4rem;
    min-width: auto;
    min-height: auto;
}

.toggle--menu .toggle__icon,
.toggle--menu .toggle__icon:after,
.toggle--menu .toggle__icon:before {
    width: 1.7rem;
}

.toggle--menu .toggle__icon:after {
    top: 0.6rem;
}

.toggle--menu .toggle__icon:before {
    top: -0.6rem;
}

.toggle--menu[aria-expanded="true"] .toggle__icon:before,
.toggle--menu[aria-expanded="true"] .toggle__icon:after {
    top: 0;
}

/* SECTION: FOOTER
---------------------------------------------------------------------------------- */

.footer {
    border-top-color: var(--color--brand--sub-2);
    border-top-width: .2rem;
}

.footer .link {
    font-weight: 400;
    font-size: 1.4rem;
}

.footer__links__divider {
    color: var(--color--font);
}

.footer__rights__copy {
    font-size: 1.4rem;
    color: var(--color--font);
}

@media all and (min-width: 1025px){
    .footer__links__divider {
        margin-left: var(--spacer--s);
        margin-right: var(--spacer--s);
    }
}

/* SECTION: Breadcrumbs
---------------------------------------------------------------------------------- */
.breadcrumbs .link {
    font-weight: 400;
    color: var(--color--font);
}

/* PAGETYPE: LOGIN
-------------------------------------------------------------------------------------- */

.body--loginPage .title {
    font-family: Helvetica, Arial, sans-serif;
}

.body--loginPage label.requiredField {
    font-family: var(--font--alt), Helvetica, sans-serif;
}

.body--loginPage .fieldSpec .link {
    font-weight: 400;
    color: var(--color--font);
    border-bottom: .3rem solid var(--color--brand--sub-1);
}

.body--loginPage .button--primary {
    min-width: 14.6rem
}

@media all and (min-width:751px){
    .body--loginPage .button-bar__wrap {
        display: block;
    }
}

/* PAGETYPE: REGISTER
-------------------------------------------------------------------------------------- */

.body--register .saveButton {
    margin-right: var(--spacer--l);
}

/* PAGETYPE: RESET PASSWORD
-------------------------------------------------------------------------------------- */

.body--resetPassword .title {
    font-weight: 400;
}

/* PAGETYPE: JOB DETAIL
---------------------------------------------------------------------------------------- */

.body--jobDetail .article__header__text__title {
    font-weight: 400;
}

.body--jobDetail .aside {
    overflow: unset;
}

.body--jobDetail .alert--info {
    --alert--background--color: transparent;
    --alert__icon--font--color: var(--color--error);
}

.body--jobDetail .block__cell.block__field--wide-rich-text {
    max-width: 100%;
}

@media all and (min-width: 1025px){
    .body--jobDetail .aside{
        position: sticky;
        top: calc(var(--header--height) + var(--spacer--m));
    }

    .share--inline .share__text {
        margin-bottom: var(--spacer--m);
    }
}

@media all and (max-width: 1024px){
    .share--inline {
        justify-content: left;
    }

    .body--jobDetail .article__header__text__title {
        font-size: 2rem;
    }
}
/* PAGETYPE: APPLICATION METHODS
---------------------------------------------------------------------------------------------- */
.article--methods .title,
.article--registered .title {
    font-weight: 400;
}

.body--application .article--registered .link {
    font-weight: 400;
    color: var(--color--font);
    border-bottom: .3rem solid var(--color--brand--sub-1);
}

.body--application .article--registered .link:hover {
    color: var(--color--brand--sub-1);
    border-bottom: .3rem solid var(--color--brand--sub-1);
}

@media all and (min-width: 1025px){
    .grid--2--divider>.grid__item {
        padding-top: 0;
    }
}

/* Icons color changed */
.methodButton--file {
    background-image: var(--method--file);
}
.methodButton--later {
    background-image: var(--method--later);
}
.methodButton--paste {
    background-image: var(--method--paste);
}

/* PAGETYPE: APPLICATION CONFIRMATION
---------------------------------------------------------------------------------------------- */

.body--applicationConfirmation .gradSeparator legend,
.title.gradSeparator {
    text-transform: uppercase;
    --title--font--weight: 600;
}

.body--applicationConfirmation .Separator:not(.gradSeparator) {
    --title--font--weight: 400;
}

@media all and (max-width: 750px){
    .body--applicationConfirmation .Separator:not(.gradSeparator){
        --title--font-size: 2rem;
        --title--font--weight: 600;
    }
}

/* PAGETYPE: SUCCESS
---------------------------------------------------------------------------------------------- */

.body--success .main .title {
    font-weight: 400;
}

@media all and (min-width:751px){
    .body--success .main__wrapper {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

/* PAGETYPE: PROFILE
---------------------------------------------------------------------------------------------- */

.body--profile .section__header__text__title {
    text-transform: uppercase;
}

.body--profile .button--tertiary {
    max-width: fit-content;
    padding-left: var(--spacer--s);
    padding-right: var(--spacer--s);
    margin: auto;
}

.body--profile .article--details .article__header__text__title {
    font-weight: 400;
}

.body--profile .table--default.table--fixed-column.table--fixed-column--first tbody tr>:nth-child(1):before {
    background-color: unset;
}

/* Border between separator and fields */
.body--profile .article--collapsible {
    border-top-color: transparent;
    border-bottom-color: transparent;
    padding-top: 0;
}

.body--profile .article__header {
    border-bottom: .1rem solid var(--color--borders);
    padding: 1rem 0;
    margin-top: 0;
}

/* PAGETYPE: EDIT PROFILE
---------------------------------------------------------------------------------------------- */

.body--editProfile .article__header__text__title {
    text-transform: uppercase;
}

@media all and (max-width: 1024px){
    .body--editProfile .table--default tbody tr:last-child>*,
    .body--editProfile .tableField tbody tr:last-child>* {
        border-bottom: unset;
    }
}

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

    .body--editProfile .table--default.table--in-wizard tbody tr {
        margin-bottom: var(--spacer--xl);
    }
}

/* PAGETYPE: AGENT CREATE
---------------------------------------------------------------------------------------------- */
.body--agentCreate .article__header__text__title.title--06 {
    text-transform: uppercase;
}

.body--agentCreate .article__header__text__title.title--05 {
    font-weight: 400;
}

/* PAGETYPE: Profile job alerts Table
---------------------------------------------------------------------------------------------- */
.body--profileJobAlerts .table--default td[data-th="ACTIONS"] {
    width: 14rem;
}

.body--profileJobAlerts .table--default td[data-th="ACTIONS"] .link--underline:first-child {
    margin-right: 1rem;
}

.body--profileJobAlerts .toggle__icon {
    color: var(--color--borders);
}

/* PAGETYPE: Profile job applications
---------------------------------------------------------------------------------------------- */
@media all and (max-width: 1024px){
    .body--profileJobApply .table--cards .link--underline {
        font-weight: bold;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 96%;
    }

    .body--profileJobApply .toggle__icon {
        color: var(--color--borders);
    }
}

/* CUSTOM HELPER CLASSES
-------------------------------------------------------------------------------------------------- */

.gradSeparator:before {
    content: '';
    display: block;
    width: 15rem;
    height: 0.4rem;
    background-image: radial-gradient(circle at 0 50%, #b83076, #d9703f 50%, #d9923f 100%);
    margin-bottom: 1.5rem;
}