/* Header */
.fa-p-header {
    padding-right:20px;
    padding-top: 35px;
}

.modal-lg {
    max-width: 1200px;
}

/* Navbar */
.navbar-custom {
	border-top: 1px solid #eeeeee;
    background: #fff !important;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.2);
    -o-box-shadow: 0 8px 6px -6px rgba(0,0,0,.2);
}

/* Navbar Logosize */
#navbar-logo {
    max-width: 280px;
    height: auto;
    margin-top: 5px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #000000 !important;
    background-color: #03c4eb !important;
    border-color: #03c4eb !important;
}
.pagination > li > a, .pagination > li > span {
    color: #000000 !important;
    border: 1px solid #ddd;
}

#jobs_length {
    margin-bottom: 15px;
}

#jobs_info, #jobs_paginate {
    margin-top: 10px;
}

.btn-jobs {
    padding: 6px 15px;
    margin-top: -8px;
}

.btn-jobs-box {
    padding: 6px 15px;
}

.btn-jobs-box-top {
    width: 100%;
}

.jobs-flex {
    display: flex;
    justify-content: space-around;
}

.jobs-item {
    flex-basis: 25%;
}

.jobs-item-box {
    padding-bottom: 10px;
}

.job-list-item {
    padding: .40rem;
}

.job-list-item:first-child {
    border-top:none;
}

.job-list-item:last-child {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.job-contact-box {
    width: 100%;
    display: none;
}

#job-contact-box-flex {
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .jobs-flex {
        display: flex;
        flex-direction: column;
    }
    .jobs-item {
        padding-bottom: 10px;
    }
    .btn-jobs {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .modal-lg {
        max-width: 96%;
    }
    .center-logo-xs {
        text-align: center !important;
    }
}

@media print {
    .non-printable {
        display: none; 
    }

    .job-contact-box {
        width: 100%;
        display: block; 
    }

    #job-contact-box-flex {
        display: flex;
        flex-direction: row;
    }

    .modal-lg {
        max-width: 100% !important;
    }
}