/* ==========================================================================
   17_1920
   --------------------------------------------------------------------------
   * README

   * 03: DOCUMENT
   * 03: BANNER: MAIN
   * 03: FOOTER
   * 04: NAV
   * 05: TABS
   * 07: SECTION HEADER
   * 09: ARTICLE HEADER
   * 10: TABLES: DEFAULT
   * 10: TABLES: ACCORDION
   * 11: INPUT, SELECT & TEXTAREA
   * 11: BUTTONS: ALL
   * 12: GENERAL
   * 13: SNIPPET: MESSAGES
   * 13: SNIPPET: SWITCHER
   * 13: SNIPPET: TOOLTIP
   * 15: LOGIN: ARTICLE LEVEL
   * 15: DASHBOARD: DASHLETS: ARTICLE LEVEL
   * 15: DASHBOARD: DASHLETS: INFO ORGANIZATION LEVEL
   * 15: DETAIL: INFO ORGANIZATION LEVEL: HISTORY
   * 15: DETAIL ASIDE: INFO ORGANIZATION LEVEL
   * 16: DASHBOARD: DASHLETS: INFO ORGANIZATION LEVEL
   * 16: DASHBOARD: REPORTS: SECTION LEVEL
   * 16: DASHBOARD: STATS: SECTION LEVEL
   * 16: DETAIL ASIDE: PIPELINE: INFO ORGANIZATION LEVEL
   * 16: NEW REQUISITION: FORM LEVEL
   * 16: SUCCESS: VIEW MORE: INFO ORGANIZATION LEVEL
   ========================================================================== */

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

/*!
 * Styles on this stylesheet are the 1920 styles.
 */

@media all and (min-width:1921px) {
/* 03: DOCUMENT
   ========================================================================== */
    .body {
        font-size: 18px;
    }

    [class*="__wrapper"] {
        max-width: 1614px;
    }

/* 03: HEADER
   ========================================================================== */
    .header__wrapper {
        padding-top: 22px;
        padding-bottom: 22px;
    }

/* 03: BANNER: MAIN
   ========================================================================== */
    .banner--main {
        height: 160px;
        background-image: url('../images/banner--misc-left.png'), url('../images/banner--misc-right.png'), url('../images/banner--main-x-large.png');
        background-position: left top, right top, left top;
        -webkit-background-size: contain, contain, 100% 160px;
        background-size: contain, contain, 100% 160px;
    }

    .banner__text__title {
        font-size: 54px;
    }

    .banner__text__subtitle {
        font-size: 16px;
    }

    .banner--scrolling .banner__text__subtitle {
        font-size: 14px;
    }

/* 03: FOOTER
   ========================================================================== */
    .footer {
        font-size: 16px;
    }

/* 04: NAV
   ========================================================================== */
    .nav__item__link {
        font-size: 18px;
    }

    .subnav__item__link {
        font-size: 16px;
    }

/* 05: TABS
   ========================================================================== */
    .tabs__list__item {
        font-size: 22px;
    }

/* 05: LIST CONTROLS (RESULTS, RESET, SORT AND PAGINATION)
   ========================================================================== */
    .list-controls {
        font-size: 16px;
    }

/* 06: GRID: WITH DIVIDER
   ========================================================================== */
    .grid--2-with-divider > .grid__item:nth-of-type(odd){
        padding-right: 136px;
    }

    .grid--2-with-divider > .grid__item:nth-of-type(even){
        padding-left: 136px;
    }

/* 07: SECTION HEADER
   ========================================================================== */
    .section__header__text__title--2 {
        font-size: 36px; /* Used in HM Dashboard and Success section titles */
    }

    .section__header__text__title--3 {
        font-size: 36px; /* Used in HM Dashboard and Success section titles */
    }

/* 09: ARTICLE HEADER
   ========================================================================== */
    .article__header__text__title--0 {
        font-size: 16px; /* Used in View More (in Aside) title */
    }

    .article__header__text__title--1 {
        font-size: 20px; /* Used in Stats article titles */
    }

    .article__header__text__title--2 {
        font-size: 25px; /* Used in Dashlets (Dashboard) and Pipeline (in Aside) article titles */
    }

    .article__header__text__title--3 {
        font-size: 25px; /* Used in View More (in Content), Submit Job, Task and Popup article titles - the wizard Separator styles emules this */
    }

    .article__header__text__title--4 {
        font-size: 36px; /* Used everywhere else */
    }

    .article--result .article__header__text__title--4,
    .article--details .article__header__text__title--4 {
        font-size: 26px;
    }

    .article__header__text__title--5 {
        font-size: 36px; /* Used in New Requisition */
    }

    .article__header__text__subtitle {
        font-size: 18px;
    }

/* 10: TABLES: DEFAULT
   ========================================================================== */
    .table--default thead th,
    .tableField thead th,
    .table--default td[data-th]:before {
        font-size: 16px;
    }

    .table--default tbody td,
    .tableField tbody td {
        font-size: 16px;
    }

/* 10: TABLES: ACCORDION
   ========================================================================== */
    .table--cards thead th,
    .table--cards td[data-th]:before {
        font-size: 16px;
    }

    .table--cards tbody td {
        font-size: 16px;
    }

    .table--cards__cards-view tbody tr {
        -webkit-flex: 0 0 calc(25% - 20px);
        -ms-flex: 0 0 calc(25% - 20px);
        flex: 0 0 calc(25% - 20px);
        max-width: calc(25% - 20px);
    }

    .table--cards__cards-view tbody td:nth-of-type(1) {
        font-size: 22px;
    }

    .table--cards__cards-view tbody td:nth-of-type(2) {
        font-size: 16px;
    }

    .table--cards__cards-view tbody td:last-child {
        font-size: 14px;
    }

/* 11: INPUT, SELECT & TEXTAREA
   ========================================================================== */
    /*
    PENDING CSS REVAMP!
    FIELDS HEIGHT 40 GOES TO 44
    FONT SIZE 16 GOES TO 18
    FONT SIZE 14 GOES TO 16
    */

    .form input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
    .form select,
    .form textarea {
        font-size: 18px;
    }

    .form input {
        padding: 11px 10px; /* We achieve 44px height trough padding */
    }

    .body:not(.body--Firefox) .form input[type="date"],
    .body:not(.body--Firefox) .form input[type="datetime-local"],
    .body:not(.body--Firefox) .form input[type="month"],
    .body:not(.body--Firefox) .form input[type="time"],
    .body:not(.body--Firefox) .form input[type="week"] {
        padding: 9px 10px; /* We achieve 44px height trough padding */
    }

    .form input[type="file"] {
        padding: 8px 10px 8px 6px; /* We achieve 44px height trough padding */
    }

    .body--Firefox .form input[type="file"] {
        padding: 6px 4px; /* We achieve 44px height trough padding */
    }

    .form select:not([multiple]) {
        height: 44px; /* needed for macOS */
        padding: 11px 10px 10px 6px; /* We achieve 44px height trough padding */
    }

    .body--Firefox .form select {
        padding: 11px 10px 10px 6px; /* We achieve 44px height trough padding */
    }

    .body--ismobile .form select[multiple] {
        height: 44px; /* needed for macOS */
        padding: 11px 10px 10px 6px; /* We achieve 44px height trough padding */
    }

    .form select[multiple] option {
        padding: 11px 10px; /* We achieve 44px height trough padding */
    }

    .select2-container .select2-selection--multiple {
        min-height: 44px;
    }

/* 11: BUTTONS: ALL
   ========================================================================== */
    button,
    input[type="submit"],
    .genericButton,
    .saveButton,
    .nextButton,
    .gotoButton,
    .redirectUrlButton,
    .previousButton,
    .homeButton,
    .clearButton,
    .cancelButton,
    .button {
        font-size: 18px;
        padding: 11px 10px; /* We achieve 44px height trough padding */
    }

    [class*="button--action-"] {
        padding: 4px 10px;
        font-size: 12px;
    }

/* 12: GENERAL
   ========================================================================== */
    /*
    PENDING CSS REVAMP!
    FONT SIZE 16 GOES TO 18
    FONT SIZE 14 GOES TO 16
    FONT SIZE 13 GOES TO 16
    */

    .fieldSpec,
    .datasetfieldSpec,
    .formfieldSpec {
        padding-bottom: 22px;
    }

    .fieldSpec > label,
    .datasetfieldSpec > label,
    .formfieldSpec > label,
    .fieldSpec fieldset > legend,
    .AlertCustomField label, /*(PENDING)*/
    .DateFormField > div > label {
        padding-bottom: 4px;
        font-size: 18px;
    }

    /*
     * The following styles match the .article__header__text__title--4 default ones
     */
    .Separator > legend {
        font-size: 36px;
    }


    .fieldSpec.form__item--text div[class*="description"] {
        font-size: 18px;
    }

/* MODIFICATOR SUFFIX: --NARROW
   ========================================================================== */
    [class*="--narrow"] {
        max-width: 874px;
    }

/* MODIFICATOR SUFFIX: --SEMI-NARROW
   ========================================================================== */
    [class*="--semi-narrow"] {
        max-width: 1100px;
    }

/* 13: SNIPPET: MESSAGES
   ========================================================================== */
    .message {
        font-size: 16px;
    }

/* 13: SNIPPET: SWITCHER
   ========================================================================== */
    .switcher {
        font-size: 16px;
    }

/* 13: SNIPPET: TOOLTIP
   ========================================================================== */
    .simpletooltip {
        font-size: 14px;
    }

/* 15: LOGIN: ARTICLE LEVEL
   ========================================================================== */
    .article--login .article__footer {
        font-size: 16px;
    }

/* 15: DASHBOARD: DASHLETS: ARTICLE LEVEL
   ========================================================================== */
    .article--dashlet .article__header {
        height: 96px;
    }

    .article--dashlet .article__header__count {
        font-size: 54px;
    }

    .article--dashlet .article__footer {
        font-size: 14px;
    }

/* 15: DETAIL: SITE LEVEL
   ========================================================================== */
    #main-panel {
        margin-left: auto;
        margin-right: auto;
        max-width: 1100px;
    }

/* 15: DETAIL: INFO ORGANIZATION LEVEL: HISTORY
   ========================================================================== */
    .list--history .list__item__text__subtitle {
        font-size: 16px;
    }

/* 15: DETAIL ASIDE: INFO ORGANIZATION LEVEL
   ========================================================================== */
    .list--view-more-aside .list__item__text__subtitle {
        font-size: 16px;
    }

/* 15: REGISTER METHODS: STEPS LIST
   ========================================================================== */
    .list--steps .list__item__text__title {
        font-size: 16px;
    }


/* 16: SEARCH JOBS (HOME): SITE LEVEL
   ========================================================================== */
    .body--search-jobs {
        background-image: url('../images/logan--bg.png'), url('../images/banner--main-home-x-large.png');
        background-position: calc((100vw - 1566px)/2) bottom, center top;
        -webkit-background-size: 540px auto, 100% auto;
        background-size: 540px auto, 100% auto;
        background-attachment: fixed;
    }

    .body--search-jobs .banner--main {
        position: fixed;
        margin-left: calc((100vw - 1566px)/2);
        max-width: 563px;
        height: auto;
        background: none;
    }

    .body--search-jobs .banner--main .banner__wrapper {
        padding-left: 0;
    }

    .body--search-jobs .banner__text__title {
        font-size: 27px;
    }

    .body--search-jobs .banner__text__title span {
        margin-top: 14px;
        font-size: 54px;
        line-height: 100%;
        font-weight: 700;
    }

    .body--search-jobs .main__wrapper {
        padding-top: 64px;
        padding-left: 598px;
    }


/* 16: SEARCH JOBS (HOME): SECTION LEVEL
   ========================================================================== */
    .section--search-jobs .section__content + .section__content {
        -webkit-box-shadow: 0 0 12px 0 rgba(91, 91, 91, .3);
        box-shadow: 0 0 12px 0 rgba(91, 91, 91, .3);
        margin-top: 0;
    }


/* 16: SEARCH JOBS: SECTION LEVEL
   ========================================================================== */
    .section--search-jobs .section__header {
        position: fixed;
        left: calc((100vw - 1566px)/2);
        top: 495px;
        max-width: 563px;
        padding-right: 44px;
    }

    .section--search-jobs .section__header__text__title {
        font-size: 36px;
    }

    .section--search-jobs .section__header + .section__content {
        position: fixed;
        left: calc((100vw - 1566px)/2);
        top: 334px;
        margin-top: 0;
        max-width: 563px;
        padding-right: 44px;
    }

    .section--search-jobs .form--grid .fieldSpec {
        width: 50%;
    }

    .section--search-jobs .form--grid .fieldSpec:nth-of-type(2n+1){
        clear: both;
    }

    .section--search-jobs .form--grid .fieldSpec.button-bar {
        padding-top: 0 !important;
    }


/* 16: DETAIL ASIDE: PIPELINE: INFO ORGANIZATION LEVEL
   ========================================================================== */
    .list--pipeline .list__item__text__title {
        font-size: 16px;
    }

/* 16: NEW REQUISITION: FORM LEVEL
   ========================================================================== */
    .form--submit-new-template #jobTemplateWidgetDescription {
        font-size: 16px;
    }

/* 16: SUCCESS: VIEW MORE: INFO ORGANIZATION LEVEL
   ========================================================================== */
    .list--view-more-content .list__item__text__subtitle {
        font-size: 16px;
    }

}