/*=====================================
uses:
.element {
	@include prefixer(transform, scale(1.5), ms webkit spec);
}
=======================================*/
/*=====================================
uses:
.element {
	@include transform(scale(1.5));
}
=======================================*/
/*=====================================
uses:
.element {
	@include transition(all 300ms ease);
}
=======================================*/
/*=====================================
uses:
.element {
	font-size:em(20px);
}
=======================================*/
/*=====================================
uses:
.element {
	line-height:lh(20px,24px);
}
=======================================*/
#job_list {
  width: 100% !important;
}
#job-search-box {
  background: #003d79;
}
#job-search-box .stacked .field {
  width: 100%;
}
#job-search-box .field {
  flex-direction: column;
}
#job-search-box .field label {
  max-width: none;
  padding: 0 0 6px;
}
#job-search-box .field div {
  max-width: none;
}
@media (min-width: 601px) {
  #job-search-box .stacked {
    display: flex;
    align-items: flex-start;
    margin-left: -3%;
  }
  #job-search-box .stacked .field {
    max-width: 50%;
    padding-left: 3%;
  }
}
@media (max-width: 500px) {
  #job_list tbody td:before {
    width: 95px;
    text-align: right;
  }
  #job_list tbody td:after {
    display: block;
    clear: both;
    width: 100%;
    content: '';
    height: 0px;
    visibility: hidden;
  }
}
.iq_slider {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.iq_slider.banner {
  padding: 8% 0px;
}
.iq_slider.sidebar {
  min-height: 828px;
}
@media (max-width: 800px) {
  .iq_slider.sidebar {
    max-width: 50%;
    min-width: 300px;
    min-height: 500px;
  }
}
.iq_slider .single {
  position: absolute;
  opacity: 0;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.75s ease-in-out;
}
.iq_slider .single.current {
  z-index: 1;
  opacity: 1;
}
.iq_slider .single img.main {
  border: 1px solid #ccc;
}
/* ~~~~~~~~~~~~~~ previous JobListingPage.css ~~~~~~~~~~~~~~~~~~


#jobs-container						{ max-width:100%; width:900px; margin:0 auto; }

#job-search-box						{ background:#526e96; border:solid 1px #c6c3c0; padding:20px;
  -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.15);
  box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.15);
}
#job-search-box h3					{ color:#ffffff !important;  }
#job-search-filter							{ height:20px; line-height:20px; font-size:14px; padding:0px; text-indent:5px; }
#job-search-box > div					{ float:left; width:48%; margin:0px; padding:0px; }
#job-search-box > div:last-child			{ float:right !important; }
#job-search-box label					{ color:#ffffff; float:left; font-size:14px; }
#job-search-box select,
#job-search-box input					{ float:left; clear:left; width:100%; margin-top:2px; }

#job_list							{ width:100%; margin:20px 0 0 0; background:#c6c3c0;
  -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.15);
  box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.15);
}
#job_list .l							{ text-align:left; }
#job_list .c							{ text-align:center; }
#job_list .r							{ text-align:right; }
.category								{ white-space:nowrap; }
#job_list th						{ padding:10px; vertical-align:middle;
  background: #f2f2f2;
  background: -moz-linear-gradient(top,  #f2f2f2 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e2e2e2));
  background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e2e2e2 100%);
  background: -o-linear-gradient(top,  #f2f2f2 0%,#e2e2e2 100%);
  background: -ms-linear-gradient(top,  #f2f2f2 0%,#e2e2e2 100%);
  background: linear-gradient(to bottom,  #f2f2f2 0%,#e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e2e2e2',GradientType=0 );
}
#job_list td						{ padding:0px; line-height:20px; background:#FFF; }
#job_list a,
#job_list a:hover					{ color:#2b458c; text-decoration:none; display:block; padding:10px; font-weight:400; }
#job_list .hover					{ background:#fff6d4; }
#job_list .details img				{ margin:0px 0 -2px 4px; position:relative; }
#job_nav							{ margin-top:30px; }
#job_nav a:first-child				{ float:left; }
#job_nav a							{ font-weight:bold; float:right; font-size:16px; }

@media(max-width:1024px){
  #job_list td						{ white-space:normal !important; font-size:14px; }
}

@media(max-width: 710px){
  #job_list .details				{ display:none; }
  .category						{ white-space:normal !important; }
}
@media(max-width: 690px){
  #job_list th,
  #job_list td		{ font-size:12px; }
}

@media(max-width:500px){
  #job_list thead	{ display:none; }
  #job_list tbody,
  #job_list tr,
  #job_list td		{ display:block; text-align:left !important; }
  #job_list td		{ padding:5px; }
  #job_list td[data-title]:before	{ content:attr(data-title); float:left; font-weight:bold; margin-right:10px; display:inline-block; }
  #job_list tr			{ border-top:1px solid #ccc; }
  #job_list tbody tr:nth-child(even) td	{ background:#f1f1f1; }
  #job_list a,
  #job_list a:hover						{ padding:0; }
}


.stacked #form_page_left			{ float:none; width:100%; }
.stacked #form_page_right			{ float:none; width:100%; }
.stacked .centeredForm				{ width:70%; }
.stacked .formField					{ margin-bottom:15px; }
.stacked .formRight:after			{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
.stacked label						{ text-align:left !important; }
.stacked label.error				{ font-size:12px; }
.stacked_input.col2					{ width:49%; float:left; margin-left:2%; }
.stacked_input.col2:first-child		{ margin-left:0; }
.stacked_input.col3					{ width:32%; float:left; margin-left:2%; }
.stacked_input.col3:first-child		{ margin-left:0; }
.stacked_input .sub_label			{ font-style:italic; margin:0; }
.stacked_section					{ padding-top:25px; margin-top:25px; border-top:1px #CCC solid; }
.stacked_section:first-child		{ padding:0; margin:0; border:none; }

*/
/*# sourceMappingURL=/assets/_css/themes-mysite-css-pages-JobListingPage_extension.css.map */