/* ==========================================================================
   16_SPECIFICS
   --------------------------------------------------------------------------
   * README

   * LOCAL IMAGES
        * Header logo
        * Main banner
        * Mobile menu
        * Dataset
        * File upload
        * Photo upload
        * Blocking login

   * INVERTING CLICKABLE/ACTIVE COLORS
        * Nav
        * Subnav
        * Tabs
        * Switch
        * Dropdown
        * Sort

   * LIBRARY OVERRIDES
        * Content layout
        * Titles
        * Nav
        * Buttons
        * Steps

   * NEW ELEMENTS
        * Font

   * NEW COMPONENTS
        * Compact form
        * Result
        * Attachment upload
        * Tables in wizards

   * NEW MODULES
        * Dashboard section > Sure

   * NEW PAGETYPE
        * Dashboard > Banner
        * Dashboard > Main
        * Search jobs > Main
        * Search jobs > Section
   ========================================================================== */

/* README
   ========================================================================== */

/*!
 * Styles on this stylesheet are the All specific styles.
 * That means they apply to any page that deals with an exception to any
 * default style.

 * If you need to deal with an exception to any default styles, you should
 * manage it by adding a .X--modifier class to the .X element and develop the
 * given exception nested to this .X--modifier class in this stylesheet under
 * the corresponding page subtitle.

 * These .X--modifier classes and its nested styles are grouped by page in which
 * are featured, sorted by HTML depth, and separated in Structure, Behaviour or
 * Appearance styles as appropriate.
 */

/* LOCAL IMAGES
   ========================================================================== */

/* Header logo
   -------------------------------------------------------------------------- */
.header__logo {
    background-image: var(--logo--background--image);

}

/* Main banner
   -------------------------------------------------------------------------- */
.banner--main {
    background-image: var(--banner--background--image);
    position: relative;
}

.banner .banner--main__image {
    height: var(--banner--height);
    object-fit: cover;
    object-position: center center;
    width: 100%;
    position: absolute;
    z-index: 4;
}

.banner--main__image + .banner__wrapper .banner__text {
    z-index: 6;
}

.banner--main__gradient {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 5;
    background: rgb(39,27,20);
    pointer-events: none;
    background: linear-gradient(41deg, rgba(39,27,20,0.42) 0%, rgba(255,255,255,0) 44%, rgba(241,237,237,0.65) 100%);
}

/* Mobile menu
   -------------------------------------------------------------------------- */
a[class*="__trigger"] {
    background-image: url('../images/icon--menu.svg');
}

/* Dataset
   -------------------------------------------------------------------------- */
.removeDatasetRow {
    background-image: url('../images/icon--remove.svg');
}

.addDatasetRow {
    background-image: url('../images/icon--add.svg');
}

/* File upload
   -------------------------------------------------------------------------- */
div[class*="fieldSpec"].FileField div[id*="fileInput_"]>button,
div[class*="fieldSpec"].FileField div[id*="fileInput_"]>button:hover,
div[class*="fieldSpec"].FileField div[id*="fileInput_"]>button:active,
div[class*="fieldSpec"].FileField div[id*="fileInput_"]>button:focus {
    background-image: url('../images/icon--remove.svg');
}

/* Photo upload
   -------------------------------------------------------------------------- */
div[class*="fieldSpec"].FileField div[id*="fileInputContainer_"] .photoInputPreviewWrapper .photoInputPreviewContainer.photoPreviewUnselected {
    background-image: url('../images/icon--user.svg');
}

/* Blocking login
   -------------------------------------------------------------------------- */
.body--login {
    background-image: var(--login__body--background--image);
}

.article--login .article__header__text__title {
    background-image: var(--logo--background--image);
}

/* INVERTING CLICKABLE/ACTIVE COLORS
   ========================================================================== */

/* Nav
   -------------------------------------------------------------------------- */
.nav__item:not(.nav__item--active) .nav__item__link,
.nav__item:not(.nav__item--active) .nav__item__link:link,
.nav__item:not(.nav__item--active) .nav__item__link:visited {
    color: inherit;
}

.nav__item:not(.nav__item--active) .nav__item__link:hover,
.nav__item:not(.nav__item--active) .nav__item__link:focus,
.nav__item:not(.nav__item--active) .nav__item__link:active {
    color: var(--color--clickeable);
}

.nav__item--active .nav__item__link,
.nav__item--active .nav__item__link:link,
.nav__item--active .nav__item__link:visited,
.nav__item--active .nav__item__link:hover,
.nav__item--active .nav__item__link:focus,
.nav__item--active .nav__item__link:active {
    color: var(--color--clickeable);
}

/* Subnav
   -------------------------------------------------------------------------- */
.subnav__item:not(.subnav__item--active) .subnav__item__link,
.subnav__item:not(.subnav__item--active) .subnav__item__link:link,
.subnav__item:not(.subnav__item--active) .subnav__item__link:visited,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:link,
.portalLanguages__item:not(.portalLanguages__item--selected) .portalLanguages__link:visited {
    color: inherit;
}

.subnav__item--active .subnav__item__link,
.subnav__item--active .subnav__item__link:link,
.subnav__item--active .subnav__item__link:visited,
.subnav__item--active .subnav__item__link:hover,
.subnav__item--active .subnav__item__link:focus,
.subnav__item--active .subnav__item__link:active,
.portalLanguages__item--selected .portalLanguages__link,
.portalLanguages__item--selected .portalLanguages__link:link,
.portalLanguages__item--selected .portalLanguages__link:visited,
.portalLanguages__item--selected .portalLanguages__link:hover,
.portalLanguages__item--selected .portalLanguages__link:focus,
.portalLanguages__item--selected .portalLanguages__link:active {
    color: var(--color--clickeable);
}

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

.tabs__list__item:not(.tabs__list__item--active):hover,
.tabs__list__item:not(.tabs__list__item--active):focus,
.tabs__list__item:not(.tabs__list__item--active):active {
    color: var(--color--clickeable);
}

.tabs__list__item--active,
.tabs__list__item--active:link,
.tabs__list__item--active:visited,
.tabs__list__item--active:hover,
.tabs__list__item--active:focus,
.tabs__list__item--active:active {
    color: var(--color--clickeable);
}

/* Switch
   -------------------------------------------------------------------------- */
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]),
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):link,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):visited {
    color: inherit;
}

.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):hover,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):focus,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):active {
    color: var(--color--clickeable);
}

.switcher--as-icons [class*="__option--active"],
.switcher--as-icons [class*="__option--active"]:link,
.switcher--as-icons [class*="__option--active"]:visited,
.switcher--as-icons [class*="__option--active"]:hover,
.switcher--as-icons [class*="__option--active"]:focus,
.switcher--as-icons [class*="__option--active"]:active {
    color: var(--color--clickeable);
}

/* Dropdown
   -------------------------------------------------------------------------- */
.dropdown__placeholder:hover,
.dropdown__placeholder:focus {
    color: var(--color--clickeable);
}

.dropdown__list__item:not(.dropdown__list__item--active) a {
    color: var(--fields--font--color);
}

.dropdown__list__item--active a {
    color: var(--color--clickeable);
}

.list-controls__sort .dropdown__list .sort__item:not(.sort__item--active) {
    color: var(--fields--font--color);
}

.list-controls__sort .dropdown__list .sort__item--active {
    color: var(--color--clickeable);
}

/* LIBRARY OVERRIDES
   ========================================================================== */

/* Content layout
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    [class*="__wrapper"] {
        --content--w--full: calc(.875 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.875 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .body--IE [class*="__wrapper"] {
        --content--w--full: 105.4rem;
        /* the previous calc doesn't work due to the IE polyfill nesting limitations */
    }

}

/* Grid
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--2--sidebar>.grid__item--filters+.grid__item {
        padding-left: 7.3rem;
    }

    .grid--2--sidebar>.grid__item--aside-right {
        --grid--columns--gap: 10.1rem;
    }

    .grid--2--sidebar>.grid__item--aside-right .aside {
        --grid--columns--gap: var(--spacer--l);
    }
}

.grid--2--divider {
    margin: calc(-1 * var(--grid--columns--gap)) auto 0;
}

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

    .grid--2--divider > .grid__item:nth-of-type(n+2) {
        margin-top: var(--spacer--l);
        padding-top: var(--spacer--l);
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: var(--dividers--border--color);
    }
}

/* Titles and text
   -------------------------------------------------------------------------- */
[class*="__title--0"] {
    font-size: 3.2rem;
}

[class*="__title--1b"] {
    font-size: 5.4rem;
    font-weight: initial;
}

[class*="__title--1c"] {
    font-size: 3.8rem;
    font-weight: initial;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    [class*="__title--0"] {
        font-size: 2.8rem;
    }

    [class*="__title--1"] {
        font-size: 2.8rem;
    }

    [class*="__title--1b"] {
        font-size: 3.8rem;
    }

    [class*="__title--1c"] {
        font-size: 3.2rem;
    }

    /*
    [class*="__title--2"] {
        font-size: 2.6rem;
    }
    */

    [class*="__title--3"] {
        font-size: 2.4rem;
    }

    /*
    [class*="__title--4"] {
        font-size: 2.2rem;
    }
    */

    [class*="__title--5"] {
        font-size: 2rem;
    }

    [class*="__title--6"] {
        font-size: 2.2rem;
    }

    /*
    [class*="__title--7"] {
        font-size: 1.8rem;
    }

    [class*="__title--8"] {
        font-size: 1.6rem;
    }

    [class*="__title--9"] {
        font-size: 1.4rem;
    }

    [class*="__title--10"] {
        font-size: 1.4rem;
    }
    */

}

.Separator>legend {
    font-size: 2.2rem;
}

.section__header__text__paragraph {
    line-height: 150%;
}

.paragraph {
    line-height: 150%;
}

.link {
    word-break: initial;
}

/* Site
   -------------------------------------------------------------------------- */
html,
.body--ismobile.body--Safari,
.body--ismobile.body--Safari .body__content,
.body--ismobile.body--Safari .main {
    overflow-x: hidden;
    max-width: 100vw;
}

/* Nav
   -------------------------------------------------------------------------- */
.nav__item__link {
    --font--weight--bold: 400;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .nav {
        --dividers--border--color: #d9d9d9;
        padding: var(--spacer--s) 0;
    }

    .nav__list {
        padding: 0 2.8rem;
    }

    .nav__item__link {
        padding: var(--spacer--m) 0;
    }

    .nav__item .button {
        margin: var(--spacer--m) 0;
        width: 100%;
    }

}

/* Fields
   -------------------------------------------------------------------------- */
.form input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
.form select,
.form textarea {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.form input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]) {
    padding: var(--spacer--xs) 2rem;
}

.form input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"])[type="file"] {
    padding: .5rem 2rem;
}

.form textarea {
    padding: var(--spacer--s) var(--spacer--s);
}

.form select:not([multiple]) {
    padding: var(--spacer--xs) var(--spacer--xxxl) var(--spacer--xs) 2rem;
    background-image: url(../images/caret--down.svg);
    background-position: calc(100% - 2rem) 50%;
    background-size: auto 9px;
}

.body--ismobile .form select[multiple] {
    padding: var(--spacer--xs) 2rem;
}

.form select option {
    padding: var(--spacer--s) 2rem;
}

.form textarea {
    padding: var(--spacer--xs) 2rem;
}

/* Buttons
   -------------------------------------------------------------------------- */
button,
input[type="submit"],
[class$="Button"],
.button {
    --font--alt: 'Roboto';
    --font--weight--bold: 500;
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    vertical-align: middle;
}

.button--secondary,
.partialSaveButton,
.previousButton
.homeButton,
.clearButton,
.removeFile,
.button-bar .button--secondary+.button--cancel,
.fieldSpec.button-bar button:not(.saveButton):not(.submitButton):not(.nextButton):not(.gotoButton):not(.redirectUrlButton)+.cancelButton,
.fieldSpec.button-bar .cancelButton:nth-child(n+3) {
    --buttons--colors: #1063ba;
}

.gotoButton,
.gotoButton:hover,
.gotoButton:focus,
.gotoButton:active {
color: var(--buttons--colors);
}

.button--secondary,
.button--secondary:link,
.button--secondary:visited,
.partialSaveButton,
.partialSaveButton:link,
.partialSaveButton:visited,
.gotoButton,
.gotoButton:link,
.gotoButton:visited,
.previousButton,
.previousButton:link,
.previousButton:visited,
.homeButton,
.homeButton:link,
.homeButton:visited,
.removeFile,
.removeFile:link,
.removeFile:visited {
    background-color: transparent;
}

.button--secondary:hover,
.button--secondary:focus,
.button--secondary:active,
.partialSaveButton:hover,
.partialSaveButton:focus,
.partialSaveButton:active,
.gotoButton:hover,
.gotoButton:focus,
.previousButton:hover,
.previousButton:focus,
.homeButton:hover,
.homeButton:focus,
.homeButton:active,
.clearButton:hover,
.clearButton:focus,
.clearButton:active,
.removeFile:hover,
.removeFile:focus,
.removeFile:active {
    background-color: var(--buttons--colors--sub-2);
}

.previousButton:active, .gotoButton:active {
    background-color: var(--buttons--colors--sub-4);
}

.saveButton+.gotoButton,
.saveButton+.gotoButton:link,
.saveButton+.gotoButton:visited {
    border-color: var(--buttons--colors);
    background-color: transparent;
    color: var(--buttons--colors);
}

.gotoButton+.gotoButton,
.gotoButton+.gotoButton:link,
.gotoButton+.gotoButton:visited {
    border-color: var(--buttons--colors);
    background-color: var(--buttons--colors);
    color: #FFFFFF;
}

.saveButton+.gotoButton:hover,
.saveButton+.gotoButton:focus,
.saveButton+.gotoButton:active {
    border-color: var(--buttons--colors);
    background-color: var(--buttons--colors--sub-2);
    color: var(--buttons--colors);
}

.gotoButton+.gotoButton:hover,
.gotoButton+.gotoButton:focus {
    border-color: var(--buttons--colors--sub-1);
    background-color: var(--buttons--colors--sub-1);
    color: #FFFFFF;
}

.gotoButton+.gotoButton:disabled:hover,
.gotoButton+.gotoButton:disabled:focus,
.gotoButton+.gotoButton:disabled:active,
.saveButton+.gotoButton:disabled:hover,
.saveButton+.gotoButton:disabled:focus,
.saveButton+.gotoButton:disabled:active {
    border-color: var(--color--disabled);
    background-color: var(--color--disabled--sub-1);
    color: var(--color--disabled);
}

.fieldSpec.button-bar .cancelButton:nth-child(n+3),
.fieldSpec.button-bar .cancelButton:nth-child(n+3):link,
.fieldSpec.button-bar .cancelButton:nth-child(n+3) {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    background-color: transparent;
    color: var(--buttons--colors);
}

.fieldSpec.button-bar .cancelButton:nth-child(n+3):hover,
.fieldSpec.button-bar .cancelButton:nth-child(n+3):focus,
.fieldSpec.button-bar .cancelButton:nth-child(n+3):active {
    border-color: transparent;
    background-color: transparent;
    color: var(--buttons--colors);
    text-decoration: underline;
}

.fieldSpec.button-bar .cancelButton:nth-child(n+3):disabled {
    border-color: transparent;
    background-color: transparent;
    color: var(--color--disabled);
}

.clearButton,
.clearButton:link,
.clearButton:visited {
    border-color: transparent;
    background-color: transparent;
    color: var(--color--clickeable);
    margin-left: -18px;
}

.clearButton:hover,
.clearButton:focus,
.clearButton:active {
    border-color: transparent;
    background-color: transparent;
    color: var(--color--clickeable);
    text-decoration: underline;
}

.button--positive {
    border-color: #FFFFFF;
    min-width: 16.2rem;
    background-color: #FFFFFF;
    --buttons--font--size: 1.8rem;
    color: var(--color--font);
}

.button--negative {
    border-color: #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
}

.button--red {
    border-color: var(--color--error);
    background-color: transparent;
    color: var(--color--error);
}

.button--share {
    padding-left: 0;
    padding-right: 0;
    width: var(--buttons--height);
    font-size: 2.4rem;
}

.button-bar.button-bar--center .button--primary + .button--secondary + .button--cancel{
    margin-left: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .button--medium {
        min-height: var(--buttons--height);
        padding: var(--spacer--xs) 2.8rem;
    }
}

.methodButton {
    max-width: 21.5rem;
}

.methodButton--dropbox,
.methodButton--file,
.methodButton--googledrive,
.methodButton--later,
.methodButton--paste {
    border-radius: var(--buttons--border--radius);
    border-color: var(--buttons--colors);
    padding-left: 6.2rem;
    padding-right: 2.8rem;
    vertical-align: middle;
    background-color: #FFFFFF;
    background-position: 2.8rem center;
    font-weight: 400;
    color: var(--buttons--colors);
}

.methodButton--dropbox {
    border-radius: 3px;
    border-color: #F2F3F2;
    background-color: #F2F3F2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='23' viewBox='0 0 113 23'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%230061FF' d='M13.318 4.15L6.816 8.3l6.502 4.15-6.502 4.15-6.502-4.184 6.502-4.15L.314 4.15 6.816 0l6.502 4.15zM6.782 17.915l6.502-4.15 6.502 4.15-6.502 4.15-6.502-4.15zm6.536-5.499l6.502-4.15-6.502-4.116L19.786 0l6.502 4.15-6.502 4.15 6.502 4.15-6.502 4.15-6.468-4.184z'/%3E%3Cpath fill='%23000' d='M31.372 4.15h5.256c3.355 0 6.122 1.937 6.122 6.364v.934c0 4.461-2.594 6.467-6.018 6.467h-5.36V4.15zm2.94 2.49v8.75h2.247c1.902 0 3.182-1.245 3.182-4.012v-.726c0-2.767-1.349-4.012-3.285-4.012H34.31zm9.994.139h2.352l.38 2.594c.45-1.764 1.591-2.698 3.667-2.698h.726v2.974h-1.21c-2.387 0-2.975.83-2.975 3.182v5.119h-2.905V6.779h-.035zm7.713 5.81v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.248 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.3-.035v-.276c0-2.075-1.037-3.32-2.697-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.037 3.148 2.698 3.148 1.66-.035 2.697-1.142 2.697-3.148zm4.496-5.775h2.421l.277 2.11c.588-1.419 1.833-2.387 3.666-2.387 2.836 0 4.703 2.04 4.703 5.81v.312c0 3.666-2.075 5.602-4.703 5.602-1.764 0-2.974-.795-3.562-2.075v5.638H64.78l.034-15.01zm8.128 5.775v-.242c0-2.213-1.142-3.32-2.663-3.32-1.626 0-2.698 1.245-2.698 3.32v.208c0 1.971 1.038 3.216 2.663 3.216 1.66-.034 2.698-1.107 2.698-3.182zm7.228 3.32l-.242 2.041h-2.49V3.043h2.836V8.75c.622-1.453 1.867-2.248 3.631-2.248 2.663.035 4.635 1.868 4.635 5.568v.346c0 3.7-1.868 5.81-4.704 5.81-1.868-.034-3.078-.899-3.666-2.351zm5.395-3.458v-.277c0-2.04-1.107-3.181-2.663-3.181-1.59 0-2.697 1.28-2.697 3.216v.242c0 2.075 1.072 3.286 2.663 3.286 1.694 0 2.697-1.073 2.697-3.286zm4.22.173v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.282 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.335-.035v-.276c0-2.075-1.038-3.32-2.698-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.038 3.148 2.698 3.148 1.66-.035 2.698-1.142 2.698-3.148zm6.744-.415l-3.908-5.36h3.354l2.248 3.354 2.283-3.354h3.32l-3.977 5.326 4.185 5.81h-3.286l-2.56-3.7-2.49 3.7h-3.423l4.254-5.776z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
}

.methodButton--googledrive {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='20' viewBox='0 0 112 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%234285F4' fill-rule='nonzero' d='M.963 7.745C.963 3.482 4.527.011 8.767.011c2.345 0 4.014.924 5.271 2.131l-1.481 1.49c-.9-.849-2.12-1.509-3.79-1.509-3.095 0-5.515 2.508-5.515 5.622 0 3.113 2.42 5.622 5.515 5.622 2.008 0 3.15-.81 3.884-1.547.6-.604.993-1.47 1.144-2.66H8.767V7.047h7.073c.074.377.112.83.112 1.32 0 1.584-.43 3.546-1.82 4.943-1.351 1.415-3.076 2.17-5.365 2.17-4.24 0-7.804-3.473-7.804-7.735z'/%3E%3Cpath fill='%23EA4335' fill-rule='nonzero' d='M21.668 5.518c-2.739 0-4.971 2.095-4.971 4.98 0 2.868 2.232 4.98 4.971 4.98 2.74 0 4.971-2.114 4.971-4.98 0-2.885-2.232-4.98-4.97-4.98zm0 8c-1.5 0-2.795-1.246-2.795-3.018 0-1.793 1.294-3.019 2.795-3.019 1.5 0 2.795 1.226 2.795 3.019 0 1.772-1.294 3.018-2.795 3.018z'/%3E%3Cpath fill='%23FBBC05' fill-rule='nonzero' d='M32.513 5.518c-2.739 0-4.97 2.095-4.97 4.98 0 2.868 2.231 4.98 4.97 4.98 2.74 0 4.972-2.114 4.972-4.98 0-2.885-2.232-4.98-4.972-4.98zm0 8c-1.5 0-2.794-1.246-2.794-3.018 0-1.793 1.294-3.019 2.794-3.019 1.501 0 2.795 1.226 2.795 3.019 0 1.772-1.294 3.018-2.795 3.018z'/%3E%3Cpath fill='%234285F4' fill-rule='nonzero' d='M45.825 5.82v.811h-.075c-.488-.585-1.426-1.113-2.607-1.113-2.477 0-4.747 2.189-4.747 5 0 2.792 2.27 4.961 4.747 4.961 1.181 0 2.12-.527 2.607-1.132h.075v.717c0 1.905-1.013 2.923-2.645 2.923-1.332 0-2.158-.962-2.495-1.772l-1.895.792c.544 1.32 1.99 2.943 4.39 2.943 2.551 0 4.709-1.509 4.709-5.187V5.82h-2.064zm-2.494 7.698c-1.501 0-2.758-1.265-2.758-3 0-1.753 1.257-3.037 2.758-3.037 1.481 0 2.645 1.282 2.645 3.038-.001 1.734-1.164 2.999-2.645 2.999z'/%3E%3Cpath fill='%2334A853' fill-rule='nonzero' d='M51.566 15.177h-2.177V.539h2.177z'/%3E%3Cpath fill='%23EA4335' fill-rule='nonzero' d='M57.532 13.518c-1.106 0-1.895-.51-2.4-1.51l6.622-2.754-.225-.566c-.414-1.112-1.67-3.168-4.24-3.168-2.552 0-4.671 2.019-4.671 4.98 0 2.79 2.102 4.98 4.916 4.98 2.27 0 3.583-1.396 4.127-2.208l-1.689-1.132c-.564.83-1.333 1.378-2.44 1.378zm-.17-6.075c.863 0 1.595.433 1.838 1.057l-4.428 1.848c-.055-1.925 1.484-2.905 2.59-2.905z'/%3E%3Cpath d='M.857 20.04h60.968V-.002H.857z'/%3E%3Cpath fill='%23757575' fill-rule='nonzero' d='M69.428 15.259V1.753h4.109c2.063 0 3.714.625 4.952 1.877 1.238 1.25 1.857 2.876 1.857 4.876 0 2-.619 3.625-1.857 4.876-1.238 1.251-2.889 1.877-4.952 1.877h-4.109zm1.726-1.66h2.383c1.55 0 2.78-.447 3.686-1.34.907-.892 1.36-2.144 1.36-3.753 0-1.597-.453-2.845-1.36-3.745-.907-.899-2.136-1.348-3.686-1.348h-2.383v10.186zm12.559 1.66h-1.726V6.016h1.65v1.509h.076c.175-.503.534-.918 1.078-1.245.544-.327 1.073-.49 1.585-.49.513 0 .945.075 1.295.226l-.657 1.622c-.225-.088-.531-.132-.919-.132-.625 0-1.179.248-1.66.745-.482.497-.722 1.148-.722 1.953v5.055zM90.08 4.054c-.337 0-.625-.12-.863-.358a1.185 1.185 0 0 1-.356-.868c0-.34.119-.629.356-.868.238-.239.526-.358.863-.358.338 0 .626.12.863.358.238.24.357.528.357.868 0 .34-.12.629-.357.868a1.172 1.172 0 0 1-.863.358zm.863 11.205h-1.726V6.016h1.726v9.243zm5.261 0L92.49 6.016h1.876l2.701 7.168h.038l2.738-7.168h1.839l-3.752 9.243h-1.726zm10.758.302c-1.389 0-2.517-.466-3.387-1.396-.869-.93-1.303-2.107-1.303-3.528 0-1.345.422-2.502 1.266-3.47.844-.969 1.923-1.453 3.236-1.453 1.363 0 2.454.446 3.273 1.34.82.892 1.23 2.087 1.23 3.583l-.02.321h-7.26c.05.93.36 1.666.93 2.207.568.54 1.234.811 1.997.811 1.238 0 2.076-.528 2.514-1.584l1.538.641c-.3.717-.794 1.317-1.482 1.801-.688.485-1.532.727-2.532.727zm2.476-6.037c-.038-.528-.279-1.03-.722-1.509-.444-.478-1.104-.716-1.98-.716-.637 0-1.19.2-1.66.603-.469.403-.79.943-.966 1.622h5.328z'/%3E%3Cpath d='M-1-4h115.143v26H-1z'/%3E%3C/g%3E%3C/svg%3E ");
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .grid--methods > .grid__item.list__item--linkedin {
        padding-top: var(--spacer--m);
    }

}

.list__item--linkedin [name="widget-holder"] {
    margin: auto;
    width: auto;
}

.list__item--linkedin .IN-Awli-widget {
    display: none;
    margin: 0 -1.5rem -.5rem -.5rem;
}

.list__item--linkedin #default-apply-button {
    display: none;
}

#peLinkedInButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: var(--spacer--m);
}

#peLinkedInButton .IN-Awli-widget {
    display: none;
    margin: 0 -1.5rem -.5rem -.5rem;
}

#peLinkedInButton #default-apply-button {
    display: none;
}

/* List controls
   -------------------------------------------------------------------------- */
.list-controls {
    font-size: 1.4rem;
}

/* Sort
   -------------------------------------------------------------------------- */
span.sort__item {
    margin-left: var(--spacer--s);
    direction: rtl;
    line-height: 2.4rem;
}

span.sort__item .sort__item__icon {
    font-size: 80%;
}

/* Breadcrumbs
   -------------------------------------------------------------------------- */
.breadcrumbs--top {
    margin-bottom: var(--spacer--xl);
    font-family: var(--font--alt);
    font-size: 1.4rem;
}

.breadcrumbs__item {
    line-height: 2.4rem;
}

a.breadcrumbs__item {
    color: var(--color--clickeable);
}

.breadcrumbs--bottom {
    margin-top: var(--spacer--xl);
}

/* Steps
   -------------------------------------------------------------------------- */

.list--steps .list__item__text__title {
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: initial;
}

.list--steps .list__item__text__subtitle {
    font-size: 1.6rem;
    font-weight: 500;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps:after {
        bottom: auto;
        top: 0;
    }

    .list--steps .list__item__text {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: column-reverse;
        -webkit-box-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .list--steps .list__item__text__subtitle {
        border-width: 0;
    }

    .list--steps .list__item__text__subtitle {
        margin-top: -6px;
        margin-bottom: var(--spacer--s);
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        overflow: hidden;
    }

    .list--steps .list__item .list__item__text:after {
        bottom: auto;
        top: 0;
    }

}

/* Cards
   -------------------------------------------------------------------------- */
.table--cards tbody td:nth-of-type(1),
.table--cards tbody td:nth-of-type(2) {
    background-color: #f4f4f4;
}

.table--cards tbody td:nth-of-type(1) {
    font-size: 1.4rem;
}

.table--cards tbody td:last-of-type .link {
    font-family: var(--font);
    font-size: 1.4rem;
    text-transform: initial;
}

/* Main
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .main__wrapper {
        margin-top: -1rem;
        border-top-left-radius: 1.2rem;
        border-top-right-radius: 1.2rem;
        background-color: var(--main--background--color);
        z-index: 1;
    }
}

/* Footer
   -------------------------------------------------------------------------- */
.footer {
    border-top-color: #9198A6;
    font-size: 1.2rem;
}

.footer__content:before,
.footer__content:after {
    display: none;
}

.footer .link {
    --font--weight--bold: 400;
}

.footer__rights__links a+a {
    margin-left: 0;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .footer__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }

    .footer__rights>*+* {
        margin-left: 0;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__rights {
        margin-bottom: var(--spacer--m);
    }

    .footer__rights__copy {
        margin-bottom: 0;
    }

}

/* Section
   -------------------------------------------------------------------------- */
*+.section {
    margin-top: 0;
}

.section+.section {
    margin-top: var(--spacer--xl);
}

.section__header+* {
    margin-top: var(--spacer--l);
}

.section__header__text__ref {
    margin-bottom: var(--spacer--s);
    font-size: 1.2rem;
}

*+.section__footer {
    margin-top: var(--spacer--l);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    #main-panel .section__header+* {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    #main-panel .section__header+* {
        margin-top: var(--spacer--xxxl);
    }

}

/* Article
   -------------------------------------------------------------------------- */
.aside .article+.article {
    margin-top: var(--spacer--xl);
}

.article__header__text__title {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.article__header__text__title__icon {
    flex-shrink: 0;
}

.article__header+* {
    margin-top: var(--spacer--l);
}

.article__header__text__ref {
    font-size: 1.2rem;
}

.article__content+.article__content {
    margin-top: var(--spacer--xl);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .aside .article--actions+.article {
        margin-top: 0;
    }

}

.section__header__buttons__title{
    margin: .5em;
}

.section__item__fixer__fillWidth{
    width: 100%;
}

/* Aside
   -------------------------------------------------------------------------- */
.body:not(.body--aside-fixed-on-scroll) .aside {
    overflow: visible;
}

/* Tiny slider
   -------------------------------------------------------------------------- */
.tns-outer {
    position: relative;
}

.tns-slider.tns-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tns-slider.tns-horizontal .tns-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[class*="section--openings"] .tns-outer [aria-controls] {
    position: absolute;
    top: 50%;
    z-index: 1;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 2px 4px 8px 0 var(--color--shadow);
    border-radius: 50%;
    width: var(--buttons--height);
    padding: 0;
}

[class*="section--openings"] .tns-outer [aria-controls],
[class*="section--openings"] .tns-outer [aria-controls]:link,
[class*="section--openings"] .tns-outer [aria-controls]:visited,
[class*="section--openings"] .tns-outer [aria-controls]:hover,
[class*="section--openings"] .tns-outer [aria-controls]:focus,
[class*="section--openings"] .tns-outer [aria-controls]:active {
    border: #FFFFFF;
    background-color: #FFFFFF;
    color: var(--buttons--colors);
}

[class*="section--openings"] .tns-outer [aria-controls][disabled] {
    display: none;
}

[class*="section--openings"] .tns-outer [data-controls="prev"] {
    left: calc(var(--buttons--height) * -.75);
}

[class*="section--openings"] .tns-outer [data-controls="next"] {
    right: calc(var(--buttons--height) * -.75);
}

[class*="section--openings"] .tns-ovh,
.section--areas .tns-ovh {
    margin: -1rem;
    padding: 1rem;
}

.section--places .tns-outer [aria-controls] {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 1.2rem;
    width: var(--grid--columns--1);
}

.section--places .tns-outer [aria-controls],
.section--places .tns-outer [aria-controls]:link,
.section--places .tns-outer [aria-controls]:visited,
.section--places .tns-outer [aria-controls]:hover,
.section--places .tns-outer [aria-controls]:focus,
.section--places .tns-outer [aria-controls]:active {
    border: #979797;
    background-color: var(--buttons--colors);
    color: #FFFFFF;
}

.section--places .tns-outer [aria-controls][disabled],
.section--places .tns-outer [aria-controls][disabled]:link,
.section--places .tns-outer [aria-controls][disabled]:visited,
.section--places .tns-outer [aria-controls][disabled]:hover,
.section--places .tns-outer [aria-controls][disabled]:focus,
.section--places .tns-outer [aria-controls][disabled]:active {
    border: #545454;
    background-color: #545454;
    color: rgba(255, 255, 255, .5);
}

.section--places .tns-outer [data-controls="prev"] {
    left: 0;
}

.section--places .tns-outer [data-controls="next"] {
    right: 0;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--places .tns-ovh {
        margin: 0 calc(var(--grid--columns--1) + var(--grid--columns--gap));
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    [class*="section--openings"] .tns-ovh,
    .section--areas .tns-ovh {
        max-width: calc(100% - 4.8rem);
        overflow: visible;
    }

    .section--places .tns-ovh {
        max-width: calc(100% - 12.8rem);
        overflow: visible;
    }

}

/* Methods
   -------------------------------------------------------------------------- */
.section--methods {
    max-width: none;
}

.article--methods .section__header+* {
    margin-top: var(--spacer--l);
}

.article--methods--modal .manualRegisterMethodExtra,
.article--methods--modal .button-bar {
    display: block !important;
}

.body--modal .article--methods--modal .button-bar {
    text-align: left;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--methods .section__header+* {
        margin-top: 6.4rem;
    }

    .grid--2--divider>.grid__item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .grid--2--divider>.grid__item:nth-of-type(odd) {
        max-width: 29.6rem;
        padding-right: 6.4rem;
    }

    .grid--2--divider>.grid__item:nth-of-type(even) {
        flex-grow: 1;
        max-width: none;
        padding-left: 6.4rem;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--methods [class*="__header"] {
        text-align: center;
    }

    .grid--methods {
        margin-top: calc(-1 * var(--spacer--l));
        margin-left: calc(-1 * var(--spacer--m));
    }

    .grid--methods>.grid__item {
        padding: var(--spacer--l) 0 0 var(--spacer--m);
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--methods .section__header__text__title {
        font-size: 2.8rem;
    }

    .section--methods .section__header+* {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--methods [class*="__header"] {
        text-align: left;
    }

}

/* Forms
   -------------------------------------------------------------------------- */
.Section:not(.manualRegisterMethodExtra)+.Section {
    margin-top: var(--spacer--m);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
    padding-top: var(--spacer--l);
}

[class*="Separator--icon--"] legend {
    vertical-align: text-top;
    position: relative;
}

[class*="Separator--icon--"] legend:before {
    display: inline-block;
    margin-right: var(--spacer--m);
    font: normal normal normal 1.4rem/1 FontVoutique;
    font-size: inherit;
    text-transform: none !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Separator--icon--user-o legend:before {
    content: 'E';
}

.Separator--icon--address-book-o legend:before {
    content: 'w';
}

.Separator--icon--folder-o legend:before {
    content: 'y';
}

.Separator--icon--folder-o-add legend:before {
    content: 'z';
}

.Separator--icon--graduation-cap-o legend:before {
    content: 'r';
}

.Separator--icon--comment-o legend:before {
    content: 'x';
}

.Separator--icon--flag-o legend:before {
    content: 't';
}

.Separator--icon--link legend:before {
    content: 'i';
}

.Separator--icon--skills legend:before {
    content: 'E';
}

.Separator--icon--skills legend:after {
    content: "\f005";
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 16px;
    font: normal normal normal 1.4rem/1 FontAwesome;
    font-size: 50%;
    text-transform: none !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fieldSpec>label,
.datasetfieldSpec>label,
.formfieldSpec>label,
.fieldSpec fieldset>legend,
.AlertCustomField label,
.DateFormField>div>label {
    --form__item--padding--inners: .8rem;
    font-family: var(--font--alt);
}

div[class*="fieldSpec"] .labelRequiredIcon {
    color: inherit;
}

div[class*="fieldSpec"] .errorMessage {
    --font--weight--bold: 400;
}

.removeDatasetRow {
    margin-bottom: var(--spacer--m);
}

/* Details
   -------------------------------------------------------------------------- */
.article--details .article__header+.article__content {
    margin-top: var(--spacer--l);
}

.article--details.table-fields-label--inline .MultipleDataSetFieldLabel {
    float: left;
}

.article--details.table-fields-label--inline .MultipleDataSetFieldLabel:after {
    content: ':';
    margin-left: calc(-1 * var(--spacer--xs));
    margin-right: var(--spacer--xs);
}

.article--details .article__content__view__field__value ul.list {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.article--details .article__content__view__field__value ul.list li+li {
    margin-top: 0;
}

.article--details .article__content__view__field__value>:not(.table):not(.list):not(.MultipleDataSetFields),
.article--details .article__content__view__field__value>:not(.table):not(.list):not(.MultipleDataSetFields) * {
    font-size: 1.6rem !important;
    color: inherit !important;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {

    .article--details.regular-fields--cols-2Z .article__content__view,
    .article--details.table-fields--cols-2Z .article__content__view__field__value {
        margin-bottom: calc(-1 * var(--spacer--s));
    }

    .article--details.regular-fields--cols-2Z .article__content__view__field,
    .article--details.table-fields--cols-2Z .MultipleDataSetFields {
        padding-bottom: var(--spacer--s);
    }
}

/* NEW HELPER
   ========================================================================== */

/* Text align
   -------------------------------------------------------------------------- */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    [class*="--t--center"] {
        text-align: center;

    }

}

.visibility--none {
    display: none;
}

/* NEW ELEMENT
   ========================================================================== */

/* Font
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'ProximaNova';
    font-style: normal;
    font-weight: 400;
    src: local('ProximaNova Regular'), local('ProximaNova-Regular'), url("../fonts/ProximaNova-Regular.svg") format("svg"),
        /* Legacy iOS */
        url("../fonts/ProximaNova-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/ProximaNova-Regular.woff") format("woff");
    /* Modern Browsers */
}

@font-face {
    font-family: 'ProximaNova';
    font-style: normal;
    font-weight: 700;
    src: local('ProximaNova Bold'), local('ProximaNova-Bold'), url("../fonts/ProximaNovaBold.svg") format("svg"),
        /* Legacy iOS */
        url("../fonts/ProximaNovaBold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/ProximaNovaBold.woff") format("woff");
    /* Modern Browsers */
}

/* Field (label/value)
   -------------------------------------------------------------------------- */
.field+.field {
    margin-top: var(--spacer--xs);
}

.field__label {
    font-size: 1.4rem;
    font-weight: var(--font--weight--bold);
}

.field__value {
    line-height: 150%;
}

/* Pill
   -------------------------------------------------------------------------- */
.pill {
    border-radius: 1.6rem;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3.2rem;
    background-color: #FE414D;
    padding: var(--spacer--xs) var(--spacer--s);
    font-family: var(--font--alt);
    font-size: 1.6rem;
    font-weight: var(--font--weight--bold);
    text-transform: uppercase;
    color: #FFFFFF;
}

/* Skills
   -------------------------------------------------------------------------- */
.list--skills {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -6px;
    margin-right: -6px;
}

.list--skills .list__item {
    margin-bottom: 6px;
    margin-right: 6px;
}

.skill {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.2rem;
    border-width: 1px;
    border-style: solid;
    height: 24px;
    background-color: #FFFFFF;
    padding: 2px 10px;
    font-size: 12px;
}

.skill--red {
    border-color: rgba(249, 53, 53, 0.1);
    background-color: rgba(249, 53, 53, 0.1);
    color: #000000;
}

.skill--blue {
    border-color: var(--color--clickeable);
    background-color: #FFFFFF;
    color: var(--color--clickeable);
}

.skill--yellow {
    border-color: rgba(247, 181, 0, 0.2);
    background-color: rgba(247, 181, 0, 0.2);
    color: #000000;
}

.skill--green {
    border-color: #04a777;
    background-color: #FFFFFF;
    color: #04a777;
}

.info {
    font-family: var(--font--alt);
    color: var(--color--sucess);
    font-size: 1.8rem;
    font-weight: 600;
}

/* Donut chart
   -------------------------------------------------------------------------- */
.donut {
    width: calc(100% + var(--spacer--m));
    height: calc(100% + var(--spacer--m));
    margin: calc(-1 * var(--spacer--s));
    border-radius: 100%;
    padding: var(--spacer--s);
}

/* Box
   -------------------------------------------------------------------------- */
.box {
    box-shadow: 2px 4px 8px 0 rgba(51, 51, 51, 0.2);
    border-radius: var(--boxes--border--radius);
    background-color: rgba(255, 255, 255, .9);
    padding: 1.8rem;
    height: 100%;
}

/* Olivia
   -------------------------------------------------------------------------- */
#olivia--placeholder {
    position: fixed;
    right: var(--spacer--l);
    bottom: var(--spacer--l);
    display: none;
}

/* NEW COMPONENTS
   ========================================================================== */

/* Compact form
   -------------------------------------------------------------------------- */
.form--compact {
    --fields--border--color: #FFFFFF;
    --grid--columns--gap: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--compact .fieldSpec {
        float: left;
        width: auto;
        clear: none;
    }

    .form--compact .fieldSpec:last-child {
        width: 7.8rem;
    }

    .form--compact .fieldSpec:nth-last-child(2) {
        width: calc(100% - 7.8rem);
    }
}

.form--compact .fieldSpec input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
.form--compact .fieldSpec select,
.form--compact .fieldSpec textarea {
    border-width: 0;
}

.form--compact .fieldSpec:not(:last-of-type) input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
.form--compact .fieldSpec:not(:last-of-type) select,
.form--compact .fieldSpec:not(:last-of-type) textarea,
.form--compact .fieldSpec:not(:last-of-type) button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.banner__form .form--compact .fieldSpec:not(:last-of-type) input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]) {
    padding-left: var(--spacer--xxxl);
}

.form--compact .fieldSpec:not(:first-of-type) input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
.form--compact .fieldSpec:not(:first-of-type) select,
.form--compact .fieldSpec:not(:first-of-type) textarea,
.form--compact .fieldSpec:not(:first-of-type) button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form__item--search {
    position: relative;
}

.form__item--search label {
    position: absolute;
    top: calc(var(--fields--height) / 2);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    z-index: 1;
    margin-left: var(--spacer--l);
    width: auto;
    padding: 0;
    font: normal normal normal 1.4rem/1 FontVoutique;
    color: #5A5A5A;
}

/* Collapsible filters
   -------------------------------------------------------------------------- */

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .article--filters {
        --toggle--w--default: 3.6rem;
        padding-bottom: 0;
    }

    .article--filters.js_collapsible--open {
        padding-bottom: var(--spacer--m);
    }

    .article--filters .article__header {
        cursor: pointer;
    }

    .article--filters .article__header:after {
        content: "J";
        font: normal normal normal 1.6rem/1 FontVoutique;
        width: var(--toggle--w--default);
        height: var(--toggle--w--default);
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
    }

    .article--filters.js_collapsible--open .article__header:after {
        content: "J";
    }
    .article--filters--open .article__header:after {
        content: "\f106";
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .js_collapsible-only-mobile-and-tablet.js_collapsible--enabled {
        border-top-width: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .js_collapsible-only-mobile-and-tablet.js_collapsible--enabled:last-of-type {
        border-bottom-width: 0;
    }

    .js_collapsible-only-mobile-and-tablet.js_collapsible--enabled:not(.js_collapsible--open) .js_collapsible__content {
        display: block;
    }

    .js_collapsible-only-mobile-and-tablet.js_collapsible--enabled > [class*="__header"]:after {
        display: none;
    }

}

/* Custom button-bar
   -------------------------------------------------------------------------- */
.button--primary:active,.nextButton:active, .saveButton:active , .gotoButton+.gotoButton:active {
    background-color: var(--buttons--colors--sub-3);
    border-color:var(--buttons--colors--sub-3);
}

.button--secondary:active,.previousButton:active {
    background-color: var(--buttons--colors--sub-4);
}

.button-bar--custom button,
.button-bar--custom .button {
    float: right;
}

.button-bar--custom button:not(:last-child),
.button-bar--custom .button:not(:last-child) {
    margin-left: var(--spacer--l);
}

.button-bar--custom .cancelButton,
.button-bar--custom .button--cancel {
    float: left;
}

.button-bar__wrap .cancelButton {
    border-color: transparent;
}

.cancelButton {
    border-color: transparent;
}

.button--cancel {
    border-color: transparent !important;
}

.cancelButton:hover, .cancelButton:focus, .cancelButton:active, .button--cancel:hover, .button--cancel:focus, .button--cancel:active {
    text-decoration: underline;
    background-color: transparent;
    outline: none;
}

/* Profile button-bar and buttons
   -------------------------------------------------------------------------- */
.button-bar--profile {
    text-align: center;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.button-bar--profile .button {

    padding-right: var(--spacer--s);
    padding-left: var(--spacer--s);
}

/* Opening
   -------------------------------------------------------------------------- */
.article--opening {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 2px 4px 8px 0 var(--color--shadow);
    border-radius: var(--boxes--border--radius);
    height: 100%;
    background-color: #FFFFFF;
    padding: calc(var(--boxes__banner--height) + var(--boxes--padding--outers)) var(--boxes--padding--outers) 1.8rem;
}

.article--opening .article__banner {
    border-top-left-radius: var(--boxes--border--radius);
    border-top-right-radius: var(--boxes--border--radius);
    height: var(--boxes__banner--height);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
}

.article--opening .article__banner__recommendation {
    border-top-left-radius: var(--boxes--border--radius);
    border-top-right-radius: var(--boxes--border--radius);
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 2.4rem;
    padding: 0 var(--boxes--padding--outers);
    font-size: 1.2rem;
    color: #FFFFFF;
    text-transform: uppercase;
}

.article--opening .article__banner__recommendation--strong {
    background-color: #8a4cdc;
}

.article--opening .article__banner__recommendation--great {
    background-color: #b47dfb;
}

.article--opening .article__banner__recommendation--good {
    background-color: #b999e3;
}

.article--opening *+.article__header__text__title {
    margin-top: var(--spacer--xs);
}

.article--opening .article__header__text__title .link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 0;
    min-height: 5rem;
    word-break: initial;
}

.article--opening .article__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.article--opening *+.article__content {
    margin-top: var(--boxes--padding--inners);
}

.article--opening *+.article__footer {
    margin-top: var(--spacer--s);
}

.article--opening .article__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.article--opening .article__footer .button {
    font-size: 1.3rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}

.article--opening .article__footer .field__label,
.article--opening .article__footer .field__value {
    font-size: 1.2rem;
}

/* Area
   -------------------------------------------------------------------------- */
.article--area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 2px 4px 8px 0 var(--color--shadow);
    border-radius: var(--boxes--border--radius);
    height: 35rem;
    background-position: center center;
    background-size: cover;
    padding: var(--spacer--l) var(--spacer--l);
}

/* Place
   -------------------------------------------------------------------------- */
.article--place {
    position: relative;
    border-radius: 1.2rem;
    height: 100%;
    background-color: #000000;
    padding: calc(var(--boxes__banner--height) + (var(--boxes--padding--outers) / 2)) var(--boxes--padding--outers) calc(var(--boxes--padding--outers) / 2);
}

.article--place .article__banner {
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    height: var(--boxes__banner--height);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
}

.article--place *+.article__header__text__title {
    margin-top: var(--spacer--xs);
}

.article--place .article__header__text__title .link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 0;
    word-break: initial;
}

/* Commitments
   -------------------------------------------------------------------------- */
.article--commitment {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 2px 4px 8px 0 var(--color--shadow);
    border-radius: var(--boxes--border--radius);
    height: 100%;
    background-color: #FFFFFF;
    padding: calc(var(--boxes__banner--height) + var(--boxes--padding--outers)) var(--boxes--padding--outers) var(--spacer--xxl);
}

.article--commitment .article__banner {
    border-top-left-radius: var(--boxes--border--radius);
    border-top-right-radius: var(--boxes--border--radius);
    height: var(--boxes__banner--height);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
}

.article--commitment--1 .article__banner {
    background-image: url(../images/article--commitment--1.png)
}

.article--commitment--2 .article__banner {
    background-image: url(../images/article--commitment--2.png)
}

.article--commitment--3 .article__banner {
    background-image: url(../images/article--commitment--3.png)
}

.article--commitment .article__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.article--commitment *+.article__content {
    margin-top: var(--boxes--padding--inners);
}

/* Social icons list
   -------------------------------------------------------------------------- */
.list--social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-line-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin: auto;
}

.list--social .list__item__link,
.list--social .list__item__link img {
    display: block;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--social {
        max-width: 48.4rem;
    }

    .list--social .list__item__link,
    .list--social .list__item__link img {
        width: 6.4rem;
        height: 6.4rem;
    }

    .list--social .list__item+.list__item {
        margin-left: 2rem;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--social {
        max-width: 33.1rem;
    }

    .list--social .list__item__link,
    .list--social .list__item__link img {
        width: 4.2rem;
        height: 4.2rem;
    }

}

/* Social icons list
   -------------------------------------------------------------------------- */
.list--icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-line-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
}

.list--icons .list__item+.list__item {
    margin-left: var(--spacer--l);
}

.list--social .list__item__link {
    display: block;
}

/* Result
   -------------------------------------------------------------------------- */
.article--result .article__header__text__title a {
    color: var(--color--clickeable);
}

.article--result *+.article__header__text__title {
    margin-top: var(--spacer--xs);
}

.article--result .article__header__text__subtitle {
    font-size: 1.6rem;
}

.article--result .article__header__text__skill {
    margin-top: var(--spacer--s);
}

.article--details .article--result .article__header__text__subtitle {
    font-size: 1.4rem;
}

.article--result .article__header__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--result.article--result--card-in-mobile {
        --boxes--border--color: #9198a6;
        border-radius: var(--boxes--border--radius);
        border-width: 1px;
        border-style: solid;
        border-color: var(--boxes--border--color);
        background-color: #FFFFFF;
    }

    .article--result.article--result--card-in-mobile .article__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .article--result.article--result--card-in-mobile .article__header>* {
        width: 100%;
        padding-right: var(--boxes--padding--outers);
        padding-left: var(--boxes--padding--outers);
    }

    .article--result.article--result--card-in-mobile .article__header__text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: var(--boxes__heading--height);
        padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
    }

    .article--result.article--result--card-in-mobile .article__header__text__title {
        font-size: 1.4rem;
    }

    .article--result.article--result--card-in-mobile .article__header__text__subtitle {
        font-family: var(--font--alt);
        font-size: 1.4rem;
    }

    .article--result.article--result--card-in-mobile .article__header__actions {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: var(--boxes--border--color);
        padding-top: var(--boxes--padding--inners);
        padding-bottom: var(--boxes--padding--inners);
    }

    .article--result.article--result--card-in-mobile .article__header__actions>*+* {
        margin-left: var(--boxes--padding--inners);
    }

    .article--result.article--result--card-in-mobile .article__header__actions .button {
        display: inline-flex;
        min-height: 0;
        border-radius: 0;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-color: transparent;
        border-left-width: 0;
        background-color: transparent;
        padding: 0;
        font-family: var(--font--alt);
        font-size: 1.4rem;
        color: var(--color--clickeable);
    }

    .article--result.article--result--card-in-mobile .article__header__actions .button,
    .article--result.article--result--card-in-mobile .article__header__actions .button * {
        line-height: 1.4rem;
    }

    .article--result.article--result--card-in-mobile .article__header__actions .button:hover {
        background-color: transparent;
        border-bottom-color: var(--color--clickeable);
    }

    .article--result.article--result--card-in-mobile .social-share--open .social-share__popup {
        bottom: calc(100% + var(--spacer--s));
        left: calc(-1 * var(--spacer--xs));
    }

    .article--result:not(.article--result--card-in-mobile) {
        padding-top: calc(var(--boxes--padding--inners) * .5);
        padding-bottom: calc(var(--boxes--padding--inners) * .5);
    }

    .article--result:not(.article--result--card-in-mobile) .article__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .article--result:not(.article--result--card-in-mobile) .article__header__actions {
        margin-top: var(--spacer--m);
        width: 100%;
    }

    .article--result:not(.article--result--card-in-mobile) .article__header__actions>* {
        width: 100%;
    }

    .article--result:not(.article--result--card-in-mobile) .article__header__actions>*+* {
        margin-top: var(--spacer--m);
    }

    .article--result:not(.article--result--card-in-mobile) .social-share__popup:before {
        right: 2.1rem;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--result {
        padding-top: calc(var(--boxes--padding--inners) * .5);
        padding-bottom: calc(var(--boxes--padding--inners) * .5);
    }

    .article--result .article__header__actions>*+* {
        margin-left: var(--spacer--l);
    }

    .article--result .social-share__popup:before {
        right: 2.1rem;
    }

}

/* Actions
   -------------------------------------------------------------------------- */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .aside .article--actions--share .article__content:nth-of-type(2) {
        margin-top: 0;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .aside .article--actions--share {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }

    .aside .article--actions--share .button-bar .button {
        float: left !important;
        width: auto;
        min-width: 21.8rem;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .aside .article--actions--share .article__content:nth-of-type(2) {
        margin-top: var(--spacer--m);
    }

}

/* Share
   -------------------------------------------------------------------------- */
.social-share {
    display: inline-block;
    position: relative;
}

.social-share__button {
    display: inline-flex;
}

.social-share__text {
    display: none;
}

.social-share__popup {
    display: none;
    position: absolute;
    z-index: 2;
    border-radius: var(--boxes--border--radius);
    border-width: 1px;
    border-style: solid;
    border-color: var(--boxes--border--color);
    background-color: #FFFFFF;
    padding: var(--spacer--s) var(--spacer--s);
}

.social-share__popup:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    z-index: 1;
    width: calc(var(--sizing--basis) * 2);
    height: calc(var(--sizing--basis) * 2);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--boxes--border--color);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--boxes--border--color);
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .social-share {
        display: block;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .social-share__popup {
        left: -9999px;
        margin-right: -620%;
    }

    .social-share__popup:before {
        left: var(--spacer--m);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .social-share__popup {
        right: -9999px;
        margin-left: -620%;
    }

    .social-share__popup:before {
        right: var(--spacer--m);
    }

}

/* Share: aside
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .aside .social-share__button {
        display: inline-flex;
    }

    .aside .social-share__text {
        display: none;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .aside .social-share__button {
        display: none;
    }

    .aside .social-share__text {
        display: inline-flex;
    }

    .aside .social-share__popup {
        display: inline-flex;
        position: static;
        margin: 0;
        border-width: 0;
        padding: 0;
    }

    .aside .social-share__popup:before {
        display: none;
    }

}

/* Map
   -------------------------------------------------------------------------- */
.embed-container--map {
    height: 36rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--map {
        margin-bottom: var(--spacer--xl);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: var(--dividers--border--color);
        padding-bottom: var(--spacer--xl);
    }
}

/* Attachment upload
   -------------------------------------------------------------------------- */
.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: 1px;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: #FFFFFF;
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: 1px;
    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;
}

/* Attachment list
   -------------------------------------------------------------------------- */
.list--attachments {
    font-family: var(--font--alt);
}

/* Tables
   -------------------------------------------------------------------------- */
.table {
    font-family: var(--font--alt);
}

/* View more list
   -------------------------------------------------------------------------- */
.list--view-more .list__item__text {
    max-width: 100%;;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section .list--view-more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--grid--columns--gap));
        margin-right: 0;
        margin-bottom: 0;
        margin-left: calc(-1 * var(--grid--columns--gap));
    }

    .section .list--view-more .list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: var(--grid--columns--gap);
        padding-right: 0;
        padding-bottom: 0;
        padding-left: var(--grid--columns--gap);
    }

}

/* NEW MODULES
   ========================================================================== */

/* Sections
   -------------------------------------------------------------------------- */
.body--dashboard .section,
.body--html .section {
    margin-top: 0;
}

/* Dashboard section > Sure
   -------------------------------------------------------------------------- */
.section--sure {
    color: #FFFFFF;
}
.section--sure .section__header {
    text-align: center;
}

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

    .section--sure .section__header__text__title *+*, .section__header__buttons__title *+* {
        margin-left: var(--spacer--s);
    }

    .section--sure .section__header__text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--sure {
        box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);
        background: -moz-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: -webkit-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: linear-gradient(300deg, #0061b6 0%, #001d43 97%);
    }

    .section--sure .section__wrapper {
        padding-top: var(--spacer--xl);
    }

    .section--sure .section__header__text__title {
        text-align: center;
    }

    .section--sure .section__header__text__title span {
        display: block;
        margin-bottom: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--sure .section__wrapper {
        padding-bottom: calc(var(--spacer--xl) + var(--boxes__banner--height));
    }

    .section--sure .section__header__text__title a:nth-of-type(2) {
        margin-left: var(--spacer--m);
    }

}

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

    .section--sure .section__header__text__title a, .section__header__buttons__title a {
        width: 100%;
    }

    .section--sure .section__header__text__title a:nth-of-type(2), .section__header__buttons__title a:nth-of-type(2) {
        margin-top: var(--spacer--l);
    }

}

/* Dashboard section > Openings
   -------------------------------------------------------------------------- */
.section--openings--all .section__header {
    position: relative;
}

.section--openings--all *+.section__header__text__paragraph {
    margin-top: 1.2rem;
}

.section--openings--all .section__header__pill {
    position: absolute;
    top: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--openings--all .section__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }

    .section--openings--all .section__header {
        position: relative;
        margin-top: var(--boxes__banner--height);
    }

    .section--openings--all .section__content {
        margin-top: 0;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--openings--all .section__wrapper {
        padding-top: .3rem;
    }

    .section--openings--all .section__header {
        width: 22%;
    }

    .section--openings--all .section__content {
        margin-top: 0;
        width: 74.384%;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--openings--all .section__wrapper {
        margin-top: calc(-1 * var(--boxes__banner--height));
    }

    .section--openings--all .section__header {
        width: calc(50% - (var(--grid--columns--gap) * .5));
    }

    .section--openings--all .section__content {
        width: calc(50% - (var(--grid--columns--gap) * .5));
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--openings--all .section__header {
        padding-top: var(--spacer--xxxl);
    }

}

/* Dashboard section > Recommendations
   -------------------------------------------------------------------------- */
.body--dashboard .section--openings--recommended .section__wrapper {
    padding-top: var(--spacer--xxl);
}

.body--dashboard .section--openings--recommended .section__header+* {
    margin-top: var(--spacer--xxl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--dashboard .section--openings--recommended .section__header {
        color: #FFFFFF;
        text-align: center;
    }

}

/* Dashboard section > Areas
   -------------------------------------------------------------------------- */
/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--areas .section__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

}

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

.section--areas .section__header__text__title {
    text-transform: uppercase;
}

/* Dashboard section > Join
   -------------------------------------------------------------------------- */
.section--join {
    color: #FFFFFF;
}

.section--join .section__footer {
    width: 100%;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--join .section__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-line-pack: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: 27rem;
        padding-top: var(--spacer--l);
        padding-bottom: var(--spacer--l);
    }

    .section--join .section__content {
        margin-top: 0;
        padding-left: var(--grid--columns--gap);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--join {
        background-image: url(../images/section--join--desktop.png);
        background-position: center top;
    }

    .section--join .section__header {
        width: calc(.25 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.25 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

    .section--join .section__content {
        width: calc(.4375 * var(--grid--columns--1) * var(--grid--columns--amount) + ((.4375 * var(--grid--columns--amount)) - 1) * var(--grid--columns--gap));
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--join {
        background: rgb(0, 174, 135);
        background: -moz-linear-gradient(left, rgba(0, 174, 135, 1) 0%, rgba(0, 219, 193, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 174, 135, 1) 0%, rgba(0, 219, 193, 1) 100%);
        background: linear-gradient(to right, rgba(0, 174, 135, 1) 0%, rgba(0, 219, 193, 1) 100%);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--join .section__header {
        width: calc(50% - (var(--grid--columns--gap) * .5));
    }

    .section--join .section__content {
        width: calc(50% - (var(--grid--columns--gap) * .5));
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--join .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xl);
    }

}

/* Dashboard section > Discover
   -------------------------------------------------------------------------- */

.section--discover .section__header__text__title--9 {
    text-transform: uppercase;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--discover {
        text-align: center;
    }

    .section--discover .section__wrapper {
        padding-top: 9.6rem;
        padding-bottom: 9.6rem;
    }

    .section--discover *+.section__header__text__title {
        margin-top: 1.2rem;
    }

}

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

    .section--discover *+.section__header__text__title {
        margin-top: var(--spacer--s);
    }

}

/* Dashboard section > Video
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--video .embed-container {
        padding-bottom: 63.7rem;
    }
    .section--video {
        margin-bottom: 9.6rem;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--video {
        margin-bottom: var(--spacer--xxxl);
    }
}

/* Dashboard section > Places
   -------------------------------------------------------------------------- */
.section--places {
    color: #FFFFFF;
}

.section--places .section__header__text__title {
    text-transform: uppercase;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--places {
        margin-top: -9rem;
        margin-bottom: -10.2rem;
        z-index: 1;
        background-image: url(../images/section--places--desktop.png);
        background-position: center top;
        text-align: center;
    }

    .section--places .section__wrapper {
        height: 43.3rem;
        padding-top: 8.6rem;
        padding-bottom: var(--spacer--l);
    }

    .section--places .section__header+* {
        margin-top: 5.8rem;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--places {
        background-color: #262626;
    }

    .section--places .section__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

    .section--places .section__header+* {
        margin-top: var(--spacer--xl);
    }

}

/* Dashboard section > Social
   -------------------------------------------------------------------------- */
.section--social {
    background-color: #edecea;
    text-align: center;
}

.section--social .section__header+* {
    margin-top: var(--spacer--xl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--social .section__wrapper {
        padding-top: 16.6rem;
        padding-bottom: 6.4rem;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--social .section__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

}

/* HTML section > Common
   -------------------------------------------------------------------------- */
.section--common {
    background-color: #FFFFFF;
}

.section--common .section__header+* {
    margin-top: var(--spacer--m);
}

.section--common .section__header__text__title+.section__header__text__title {
    margin-top: var(--spacer--m);
}

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

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--common .section__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .section--common .section__content .paragraph {
        font-size: 1.8rem;
    }

}

/* HTML section > Learning
   -------------------------------------------------------------------------- */

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--learning {
        background-color: #f0f3f7;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--learning {
        background-image: url(../images/section--learning--desktop.png);
        background-position: center left;
        background-size: cover;
    }

    .section--learning .section__header,
    .section--learning .section__content {
        padding-left: 30.8rem;
    }
}

/* HTML section > Recommendations
   -------------------------------------------------------------------------- */
.body--html .section--openings--recommended .section__header {
    color: #FFFFFF;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--html .section--openings--recommended {
        position: relative;
    }

    .body--html .section--openings--recommended:before {
        content:'';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 0;
        box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);
        background: -moz-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: -webkit-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: linear-gradient(300deg, #0061b6 0%, #001d43 97%);
    }

    .body--html .section--openings--recommended .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xxxl);
    }

    .body--html .section--openings--recommended .section__header__text {
        z-index: 1;
    }

    .body--html .section--openings--recommended [class*="__title--1"] {
        font-size: 2.4rem;
    }

    .body--html .section--openings--recommended *+.section__footer {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--html .section--openings--recommended:before {
        min-height: 23.1rem;
    }

    .body--html .section--openings--recommended .section__header__text {
        min-height: 8.1rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--html .section--openings--recommended:before {
        min-height: 17.7rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
.body--html .section--openings--recommended {
        background-color: #f9f9f9;
        background-image: url(../images/section--sure--desktop.png);
        background-position: center top;
    }

    .body--html .section--openings--recommended .section__wrapper {
        padding-top: 5.5rem;
        padding-bottom: 8rem;
    }

    .body--html .section--openings--recommended .section__header {
        text-align: center;
    }

    .body--html .section--openings--recommended .section__header+* {
        margin-top: 5.5rem;
    }

    .body--html .section--openings--recommended *+.section__footer {
        margin-top: var(--spacer--xxl);
    }

}

/* HTML section > Veterans
   -------------------------------------------------------------------------- */

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--veterans {
        background-color: #f0f3f7;
    }

    .section--veterans .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--veterans {
        background-image: url(../images/section--veterans--desktop.png);
        background-position: right top;
        background-size: cover;
    }

    .section--veterans .section__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

    .section--veterans .section__header,
    .section--veterans .section__content {
        padding-right: 24.4rem;
    }

    .section--veterans *+.section__footer {
        margin-top: var(--spacer--xxl);
    }

}

/* HTML section > Commitment
   -------------------------------------------------------------------------- */

.section--commitment .section__header {
    color: #FFFFFF;
}

.section--commitment *+.section__header__text__subtitle {
    margin-top: var(--spacer--m);
}

.section--commitment .section__header+* {
    margin-top: var(--spacer--xl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--commitment {
        background-color: #f9f9f9;
        background-image: url(../images/section--commitment--desktop.png);
        background-position: center top;
    }

    .section--commitment .section__wrapper {
        padding-top: 5.8rem;
        padding-bottom: 8rem;
    }

    .section--commitment .section__header {
        text-align: center;
    }

    .section--commitment *+.section__header__text__subtitle {
        font-size: 1.8rem;
    }

    .section--commitment .section__content+.section__content {
        margin-top: var(--spacer--xxxl);
    }

    .section--commitment *+.section__footer {
        margin-top: var(--spacer--xxxl);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--commitment {
        box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);
        background: -moz-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: -webkit-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: linear-gradient(300deg, #0061b6 0%, #001d43 97%);
    }

    .section--commitment .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xxl);
    }

}

/* HTML section > Diversity
   -------------------------------------------------------------------------- */
.section--diversity {
    color: #FFFFFF;
}

.section--diversity .list li+li {
    margin-top: 16px;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--diversity {
        background-image: url(../images/section--diversity--desktop.png);
        background-position: center top;
        background-size: auto 100%;
    }

    .section--diversity .section__wrapper {
        padding-top: 62px;
        padding-bottom: 48px;
    }

    .section--diversity .list li {
        font-size: 1.8rem;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--diversity {
        box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);
        background: -moz-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: -webkit-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: linear-gradient(300deg, #0061b6 0%, #001d43 97%);
    }

    .section--diversity .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xl);
    }

}

/* HTML section > Benefits
   -------------------------------------------------------------------------- */
.section--benefits {
    color: #FFFFFF;
}

.section--benefits .list li+li {
    margin-top: 16px;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--benefits {
        background-image: url(../images/section--benefits--desktop.png);
        background-position: center top;
        min-height: 47.7rem;
    }

    .section--benefits .section__content {
        padding-right: 30rem;
    }

    .section--benefits .list li {
        font-size: 1.8rem;
    }

    .section--benefits .section__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--benefits {
        box-shadow: 4px 4px 17px 0 rgba(0, 0, 0, 0.1);
        background: -moz-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: -webkit-linear-gradient(300deg, #0061b6 0%, #001d43 97%);
        background: linear-gradient(300deg, #0061b6 0%, #001d43 97%);
    }

    .section--benefits .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xl);
    }

}

/* HTML section > Life
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--life {
        background-image: url(../images/section--life--desktop.png);
        background-position: left top;
        background-size: cover;
    }

    .section--life .section__wrapper {
        padding-top: 5.8rem;
        padding-bottom: 5.8rem;
    }

    .section--life .section__header,
    .section--life .section__content {
        padding-left: 38.5rem;
    }

}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .section--life {
        background-color: #f0f3f7;
    }

    .section--life .section__wrapper {
        padding-top: var(--spacer--xl);
        padding-bottom: var(--spacer--xl);
    }

}

/* NEW PAGETYPE: DASHBOARD: BANNER
   ========================================================================== */

/* HTML Section > Banner
   -------------------------------------------------------------------------- */

.body--html .banner--main .banner__wrapper {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.body--html .banner--main [class*="__title--0"] {
    font-weight: var(--font--weight--bold);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--html .banner--main {
        --banner--height: 31.1rem;
    }

    .body--html .banner--main [class*="__title--0"] {
        font-size: 5.4rem;
    }

}

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

    .body--html .banner--main [class*="__title--0"] {
        font-size: 3.8rem;
    }
    .body--html .banner--main .banner__wrapper {
        padding-bottom: 3.2rem;
    }
}

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

    .body--html .banner--main .banner__wrapper {
        padding-bottom: 1.6rem;
    }
}

/* Dashboard > Banner
   -------------------------------------------------------------------------- */
.body--dashboard .banner--main {
    --banner--height: 31.1rem;
}

.body--dashboard .banner--main .banner__wrapper {
    -webkit-flex-line-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.body--dashboard .banner--main [class*="__title--0"] {
    font-weight: var(--font--weight--bold);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.body--dashboard .banner--main .banner__form {
    margin-top: var(--spacer--xl);
    width: 100%;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--dashboard .banner--main [class*="__title--0"] {
        font-size: 5.4rem;
    }

}

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

    .body--dashboard .banner--main [class*="__title--0"] {
        font-size: 3.8rem;
    }

}

/* Dashboard > Main
   -------------------------------------------------------------------------- */
/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--dashboard .main {
        --main--background--color: #f9f9f9;
        background-image: url(../images/section--sure--desktop.png);
        background-position: center top;
    }
}

/* Search jobs > Section
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--results-list .section__header {
        float: left;
        width: auto;
    }

    .section--results-list .section__header+* {
        margin-top: 0;
    }

    .section--results-list .list-controls--top .list-controls__text__legend {
        display: none;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--results-list .list-controls--top .list-controls__sort {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section--results-list .list-controls--top .list-controls__text {
        display: none;
    }

    .section--results-list .list-controls--top .list-controls__sort strong {
        display: block;
        width: 100%;
    }

    .section--results-list .list-controls--top .sort__item:first-of-type {
        margin-left: 0;
    }

}

/* Search jobs > Section unlogged (standalone)
   -------------------------------------------------------------------------- */
.section--results-list:first-child .list-controls--top {
    margin-bottom: var(--spacer--s);
}

.section--results-list:first-child *+.section__footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--results-list:first-child .section__content__results {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: var(--dividers--border--color);
        padding-top: var(--spacer--l);
    }

}

/* Search jobs > Section logged (with recommendations before)
   -------------------------------------------------------------------------- */
.section+.section--results-list .list-controls--top {
    margin-bottom: var(--spacer--l);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section+.section--results-list .section__content {
        background-color: var(--color--brand--sub-1);
        padding: var(--spacer--l);
    }

    .section+.section--results-list .section__header {
        border-bottom-right-radius: 2rem;
        background-color: #FFFFFF;
        margin-top: calc(-1 * var(--spacer--s));
        margin-left: calc(-1 * var(--spacer--s));
        padding: 2rem var(--spacer--xl) var(--spacer--m) var(--spacer--xl);
    }

    .section+.section--results-list .section__content {
        border-radius: 1rem;
        box-shadow: 2px 4px 8px 0 rgba(51, 51, 51, 0.2);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section+.section--results-list {
        margin-right: calc(-1 * var(--grid--laterals));
        margin-bottom: calc(-1 * var(--main--padding--bottom));
        margin-left: calc(-1 * var(
        --grid--laterals));
        width: auto;
        background-color: var(
        --color--brand--sub-1);
        padding-top: var(
        --spacer--l);
        padding-right: var(
        --grid--laterals);
        padding-left: var(
        --grid--laterals);
        padding-bottom: var(
        --spacer--l);
    }

}

/* Search jobs > Article
   -------------------------------------------------------------------------- */
.article--results-list {
    border-radius: 1rem;
    background-color: #f4f4f4;
    box-shadow: 2px 4px 8px 0 rgba(51, 51, 51, 0.2);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--results-list {
        padding: var(--spacer--l);
    }

    .article--results-list>.article__header .article__header__text__title {
        float: left;
        border-bottom-right-radius: 2rem;
        width: auto;
        background-color: #FFFFFF;
        margin-top: calc(-1 * var(--spacer--xl));
        margin-left: calc(-1 * var(--spacer--xl));
        padding: var(--spacer--m) var(--spacer--l) var(--spacer--s) var(--spacer--xl);
    }

    .article--results-list .article .article__header+* {
        margin-top: var(--spacer--s);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--results-list {
        padding: var(--spacer--l) var(--spacer--m);
    }

    .article--results-list>.article__header .article__header__text__title {
        font-size: 2.4rem;
    }

}

/* Register/Application pages
   -------------------------------------------------------------------------- */
.section--application *+.section__content {
    margin-top: var(--spacer--xl);
}

.article--application *+.article__content {
    margin-top: var(--spacer--xs);
}