/* Jobs Listing & Detail*/
.ptpjobs {padding-bottom:50px;}
.job-intro {max-width:800px; margin:0 auto; text-align:center;}
.job-intro h1 {padding:50px 0 20px;}
.job-filters {text-align:center; margin:50px 0 30px;}
.job-filters select {padding:10px; font-size:17px;}
.job-details .job-intro h1 {padding-bottom:0;}
.jobs-content {max-width:800px; margin:25px auto 50px; text-align:center;}

.job-info {padding:50px; text-align:left; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
.job-info h2 {font-size:30px;}
.job-type, .job-location {font-size:17px;}
.job-type {display:inline;}
.job-location {display:inline; margin-left:5px; border-left:2px solid #000; padding-left:10px;}
.remote {margin-left:5px; border-left:2px solid #000; padding-left:10px;}
.job-location:after {content:' '; display:table; clear:both;}
.job-info a, .job-intro a {display:inline-block; margin-top:30px;}

.job-description {max-width:800px; margin:30px auto 0;}
.job-description:after {content:' '; display:table; clear:both;}
.job-footer {text-align:center; padding:0 0 120px;}
.job-meta {border-top:2px solid #000; border-bottom:2px solid #000; padding:30px 0; margin-top:30px;}
.job-description a.btn {display:inline-block; margin:30px auto 30px;}
.job-description a.back {display:block; font-size:17px;}
.align-center {text-align:center;}

@media (max-width:767px){
  .job-info {margin-bottom:10px; padding:30px}
  .job-location {display:block; margin-left:0; border-left:none; padding-left:0;}
  .job-meta div {padding:10px 0;}
}
@media (min-width:768px){
  .job-container {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
  .job-meta {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
}