/********** HEADER **********/

.header {
    max-height: 500px;
    background-color: #F3F3F3;
    background: url("https://www.esri.com/content/dam/esrisites/en-us/about/careers/job-search-and-details/careers-job-search-details-banner.jpg") no-repeat center;
    background-size: cover;
}

.header .grid-container {
    padding-bottom: 3rem;
}

.header .career-path {
    text-transform: uppercase;
}

.header .header-btn {
    margin-block-start: 12px;
}

/********** SECTION ARTICLES **********/

section.column-24 article p {
    display: inline;
    white-space: pre-wrap;
}


/********** LOCATIONS **********/

article .locations li {
    margin-bottom: 1em;
}

/********** JOB APPLICATION **********/
#job-application {
    margin-top: 40px;
    height: 300px;
}

/********** Linked-in Tracking **********/
.linkedin-white {
    color: #FFF;
}

/********** MEDIA QUERIES **********/

@media (min-width: 768px) {

    html[dir="rtl"] main article {
        padding-right: 0;
        padding-left: 2rem;
    }
}

@media (min-width: 1024px) {
    
    #job-application {
        margin-top: 40px;
        height: 3510px;
    }

    .column-18.job-section {
        padding-inline-end: var(--space-10);
    }

    .column-6.job-aside {
        padding-inline-start: var(--space-10);
        border-inline-start: 1px solid var(--calcite-ui-border-1);
    }
}