/**
 * @version     CVS: 1.0.0
 * @package     com_greenhouse_jobs
 * @copyright   2023 Christopher Mavros
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Christopher Mavros <mavrosxristoforos@gmail.com>
 */

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.front-end-list { width: 100%; border-spacing: 1px; background-color: #f3f3f3; color: #666; }
table.front-end-list thead th { text-align: center; background: #f7f7f7; color: #666; border-bottom: 1px solid #ccc; border-left: 1px solid #fff; }
table.front-end-list td, table.front-end-list th { padding: 4px; }
table.front-end-list thead th.align-left { text-align: left; }
table.front-end-list thead th.align-center, table.front-end-list tbody td.align-center  { text-align: center; }
table.front-end-list tbody tr td { background: #fff; border: 1px solid #fff; }
table.front-end-list td { padding-left: 8px; }
div.list-footer { clear:both; text-decoration: none; text-align: center; }
div.list-footer ul { list-style: none; display: inline-block; }
div.list-footer ul li { display: inline-block; }
div.list-footer div.limit { display: inline-block; }
div.list-footer div.counter { display: inline-block; }
div.filter-select.hide { display: none; }
div.filter-select.show { display: block; }
div.filter-search , div.filter-select  { clear: both; }
div.filter-select .fltlft { float: left; clear: both; }
div.field-filter { float: left; margin: 10px; }
#filter-bar div.fltrt div.button2-left .blank a { margin-top: 0 !important; }
button.open { font-weight: bold; }
div.field-filter:first-of-type { margin-left: 0; }

#gh-job-board { min-height: 450px; }
#gh-job-board .wrapper { display: flex; }
#gh-job-board .wrapper.filter-pos-0 { flex-flow: column; }
aside.filter-col { background: #d7d7d7; padding: 1.5rem; flex-basis: content; }
.filter-pos-0 aside.filter-col { margin: 0 0 2.5rem 0; }
.filter-pos-1 aside.filter-col { max-width: 320px; margin: 0 2.5rem 0 0; }
@media(min-width: 640px) {
    aside.filter-col { position: sticky; }
}
.filter-pos-0 .job-filter-row { display: grid; grid-gap: 0.5em; }
.filter-pos-1 .job-filter { margin-bottom: 1.5rem; }
section.jobs { width: 100%; }
#gh-filters { margin: 0; }
#gh-filters input { padding: 7px; font-size: 14px; border: 1px solid #aaa; background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); }
.job-filter { display: flex; flex-flow: column; }
select, .chzn-container-multi .chzn-choices { border-radius: 3px; }
.filter-pos-0 input, .filter-pos-0 select, .filter-pos-0 .chzn-container { width: auto !important; }

h3.job-dept { font-size: small; margin: 0; }
a.job-title { font-size: large; line-height: 1.5em; }
.jobs ul { list-style: none; padding: 0; margin: 0; }
li.job { margin-bottom: 1em; border-top: 1px solid var(--primary, #D7D7D7); padding: 0.5em 0 0; }

.chzn-container .chzn-results { max-height: 350px !important; }

@media(min-width: 993px) {
  .t3-wrapper.collapsed .filter-pos-0 .job-filter-row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width: 1200px) {
  .filter-pos-0 .job-filter-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.chzn-container-multi .chzn-choices li.search-field, li.search-field input { width: 100% !important; }