/*
 Theme Name:     Intertech Divi Child
 Theme URI:      https://www.intertech.com/
 Description:    Divi Child Theme for Intertech
 Author:         Jeremy Scott
 Author URI:     https://www.matadorjobs.com/
 Template:       Divi
 Version:        1.0.0
*/

.back-to-jobs-button {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
}
.back-to-jobs-button:before {
    content: '\0003C';
    font-size: 22px;
    display: inline-block;
    margin-right: 8px;
}
.matador-button,
body input[type=submit].matador-button {
    display: inline-block;
    background: #375398;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 32px;
    margin: 0;
}
.matador-button-secondary {
    background: #101738;
}
.matador-button:hover,
.matador-button:active,
body input[type=submit].matador-button:hover,
body input[type=submit].matador-button:active{
    background: rgba(55,83,152,.7);
}
.matador-button-secondary:hover,
.matador-button-secondary:active {
    background: rgba(16,23,56,.7);
}

.print-page {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.print-page:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(images/dashicons-printer.svg);
    position: relative;
}

.single-matador-job-listings #main-content {
    padding-bottom: 80px;
}
.single-matador-job-listings #main-content .container:before {
    display: none !important;
}
.single-matador-job-listings .entry-header {
    display: flex;
    flex-flow: row wrap;
    line-height: 1.5;
}

.single-matador-job-listings .entry-header > div > span {
    display: block;
    color: #0c71c3;
    font-size: 18px;
    line-height: 2;
}
.single-matador-job-listings .entry-header > div > span > strong {
    color: #171038;
    font-weight: bold;
}
.single-matador-job-listings .entry-header > div {
    flex: 0 1 100%;
}
@media ( max-width: 1200px ) {
    .single-matador-job-listings .entry-header > .entry-header-secondary {
        order: 4;
    }
    .single-matador-job-listings .entry-header .entry-header-logo {
        display: none;
    }
    .single-matador-job-listings .entry-header .entry-header-divider {
        order: 6;
    }
}
@media only screen and ( min-width: 1200px ) {
    .single-matador-job-listings .entry-header > .entry-header-primary,
    .single-matador-job-listings .entry-header > .entry-header-info {
        flex: 0 1 75%;
    }

    .single-matador-job-listings .entry-header > .entry-header-secondary,
    .single-matador-job-listings .entry-header > .entry-header-logo {
        flex: 0 1 25%;
        text-align: right;
    }
    .single-matador-job-listings .entry-header > .entry-header-logo {
        background: url('images/intertech.svg');
        background-repeat: no-repeat;
        background-position: right;
    }
}
.single-matador-job-listings .entry-header .entry-header-back {
    margin-bottom: 40px;
}
.single-matador-job-listings .entry-header .entry-header-primary > span {
    font-size: 24px;
}
.single-matador-job-listings .entry-header .entry-title {
    font-size: 36px;
    font-weight: bold;
}
.single-matador-job-listings .entry-header > .entry-header-secondary > span  {
    font-size: 16px;
}
.single-matador-job-listings .entry-header > .entry-header-secondary > span > strong {
    font-weight: normal;
    color: #464647;
}
.single-matador-job-listings .entry-header .entry-header-secondary .matador-button {
    margin-top: 20px;
}
.single-matador-job-listings .entry-header .entry-header-divider {
    height: 4px;
    background: #b0cfe5;
    margin: 20px 0;
}
.single-matador-job-listings .entry-content {
    line-height: 2;
    font-size: 16px;
    margin: 80px 0;
}
.single-matador-job-listings .entry-content h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 16px 0 24px;
}
.single-matador-job-listings .entry-content h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0 24px;
}
.single-matador-job-listings .pre-entry-footer {
    line-height: 2;
    font-size: 16px;
    color: #0c71c3;
}
.single-matador-job-listings .entry-footer {
    border-top: 4px solid #b0cfe5;
    margin-top: 20px;
    padding-top: 20px;
    text-align: right;
}

.single-matador-job-listings #application {
    background: #00417f;
    padding: 80px 0;
}
@media only print {
    .single-matador-job-listings #application,
    .single-matador-job-listings .entry-header .entry-header-secondary .matador-button,
    .single-matador-job-listings .entry-footer{
        display: none;
    }
}
.single-matador-job-listings #application .container {
    max-width: 800px;
}
.single-matador-job-listings #application,
.single-matador-job-listings #application h2,
.single-matador-job-listings #application label {
    color: #fff;
}
.single-matador-job-listings #application .matador-application {
    border: 0;
}



/** Intertech Jobs Archive **/

/** Archive - Layout **/

.intertech-jobs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "filters"
        "jobs";
    grid-template-rows: 0 minmax(100vh,auto);
}
@media only screen and ( min-width: 1200px ) {
    .intertech-jobs {
        grid-template-columns: 322px 1fr;
        grid-template-areas:
            "filters jobs";
        min-height: 100vh;
        grid-template-rows: auto;
    }
}

.intertech-jobs .intertech-job-filters {
    grid-area: filters;
}
@media only screen and ( max-width: 1199px ) {
    .intertech-jobs .intertech-job-filters {
        position: absolute;
        top: 0;
        left: -1000px;
        width: 322px;
        padding-top: 68px;
        transition: .3s ease-in-out;
        z-index: 2;
    }
    .intertech-jobs .intertech-job-filters.open {
        transform: translateX(1000px);
    }
}

.intertech-jobs .intertech-job-results {
    grid-area: jobs;
}
@media only screen and ( min-width: 1200px ) {
    .intertech-jobs .intertech-job-results {
        padding-left: 56px;
    }
}

/** Archive - Show/Hide Filters Buttons **/
.open-filters {
    margin-left: 20px;
    margin-bottom: 20px;
}
.open-filters:before {
     content: '';
     display: inline-block;
     width: 20px;
     height: 20px;
     background-image: url(images/dashicons-search.svg);
     position: relative;
     top: 4px;
     left: -4px;
}
.close-filters {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 24px;
    top: 24px;
    border-radius: 3px;
}
.close-filters:before {
     content: '\2715';
     font-size: 24px;
     line-height: 30px;
     display: inline-block;
     text-align: center;
     width: 30px;
     color: rgb(56,130,189);;
 }
.close-filters:before:hover,
.close-filters:before:active,
.close-filters:before:focus {
     background: rgb(56,130,189);
 }

@media only screen and ( min-width: 1200px ) {
    .open-filters,
    .close-filters {
        display: none;
    }
}

/** Archive - Filters **/

.intertech-job-filters {
    background: rgb(247,247,247);
    padding: 22px 30px 88px;
}
.intertech-job-filters .matador-search-form {
    background: rgb(255,255,255);
    border: 2px solid rgb(56,130,180);
    border-radius: 3px;
    margin-bottom: 88px;
    position: relative;
}
.intertech-job-filters .matador-search-form input[type=text] {
    width: 100%;
    border: 0;
    padding: 8px;
    padding-left: 36px;
}
.intertech-job-filters .matador-search-form button {
    position: absolute;
    left: 4px;
    top: 4px;
    height: 24px;
    width: 24px;
    font-size: 0;
    border-radius: 3px;
    cursor: pointer;
    background: rgb(56,130,189);
    background-image: url(images/dashicons-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    margin: 0;
    border: 0;
}
.intertech-job-filters .filter-heading {
    color: rgb( 16,23,56);
    font-weight: bold;
    padding-bottom: 16px;
    margin: 24px 14px 16px 14px;
    border-bottom: 2px solid rgb(204,204,184);
}
.intertech-job-filters .filter-heading em {
    font-style: normal;
    color: rgb(56,130,189);
}
.intertech-job-filters .matador-terms {
    padding: 0 14px;
    margin: 0;
    list-style-type: none;
}
.intertech-job-filters .matador-terms li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.intertech-job-filters .matador-terms a {
    color: rgb(16, 23, 56);
    display: block;
    position: relative;
    padding-left: 32px;
    line-height: 32px;
    font-size: 15px;
}
.intertech-job-filters .matador-terms a:before {
    content: '';
    height: 17px;
    width: 17px;
    display: block;
    background: rgb(218,231,242);
    border: 1px solid rgb(56,130,180);
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 4px;
}
.intertech-job-filters .matador-terms a:hover:before,
.intertech-job-filters .matador-terms a:focus:before,
.intertech-job-filters .matador-terms a:active:before {
    background: rgb(204,204,184);
}
.intertech-job-filters .matador-terms .matador-term-current a:before {
    background: rgb(56,130,180);
    color: rgb(255,255,255);
    content: '\2713';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

/** Archive - Jobs */

.intertech-job-results .matador-job {
    padding: 20px;
    border-bottom: 4px solid #EDEEE7;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
}
.intertech-job-results .matador-job:last-child {
    border-bottom: 0;
}
.intertech-job-results .matador-job > * {
    flex: 0 1 100%;
}
.intertech-job-results .matador-job .matador-job-description {
    flex: 0 1 500px;
    align-self: flex-start;
}
.intertech-job-results .matador-job .matador-job-footer {
    text-align: right;
    padding-top: 20px;
}
@media only screen and (min-width: 800px) {
    .intertech-job-results .matador-job .matador-job-description {
        flex: 1 1 500px;
        align-self: flex-start;
    }
    .intertech-job-results .matador-job .matador-job-footer {
        flex: 0 1 240px;
        margin-left: auto;
        text-align: right;
    }
}
.intertech-job-results .matador-job .matador-job-header {
    margin-bottom: 20px;
}
.intertech-job-results .matador-job-title,
.intertech-job-results .matador-job-title a {
    color: #464647;
    font-weight: bold;
    font-size: 32px;
    margin:0;
    padding: 0;
}
.intertech-job-results .matador-job-info {
    color: #375498;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
.intertech-job-results .matador-job-footer > span {
    display: block;
    color: #375498;
    line-height: 24px;
    font-size: 14px;
}
.intertech-job-results .matador-job-footer strong {
    color: #464647
}
.intertech-job-results .matador-job-footer .matador-button {
    font-size: 16px;
    padding: 4px 32px;
    font-size: 14px;
    margin-top: 10px;
}