.jobs h1 { font-family:'BeausiteClassic',sans-serif; font-size:34px; line-height:40px; margin-bottom:34px; padding:16px 0; text-align:center; }

.browse { display:flex; align-items:flex-start; flex-direction:row-reverse; max-width:980px; margin:0 auto; }
.browse .listings { flex-grow:1; flex-shrink:1; }
.browse .filters { flex-shrink:0; margin-right:50px; max-width:210px; }

/* filters */
p.dofilters { display:none; width:100%; margin-bottom:24px; }
p.dofilters button { display:flex; align-items:center; -webkit-tap-highlight-color:transparent; height:34px; padding:0 12px 0 38px; position:relative; border-color:#eee; color:#555; }
p.dofilters button svg { position:absolute; left:10px; top:50%; margin-top:-10px; }

.browse .filters h3 { border-bottom:1px solid rgba(0,0,0,.07); padding-bottom:9px; margin-bottom:14px; display:none; }

.browse .filters ul { margin-bottom:26px; color:rgba(0,0,0,.2); }
.browse .filters ul:last-of-type { margin-bottom:0; }
.browse .filters ul li { margin-bottom:5px; }
.browse .filters ul li span:hover { color:hsl(225,100%,55%) !important; -webkit-transition:none; -o-transition:none; transition:none; }
.browse .filters ul li span { color:#666; -webkit-transition:.1s color ease-out; -o-transition:.1s color ease-out; transition:.1s color ease-out; cursor:pointer; }
.browse .filters ul li span i { font-style:normal; color:rgba(0,0,0,.3); font-size:14px; }
.browse .filters ul li span i:before { content:'\00B7'; margin-right:4px; margin-left:1px; }

.browse .filters ul li.s span { font-weight:500; color:#000 !important; }

/* listings */
.listings ol { list-style:none; margin:0; padding:0; }
.listings ol li { margin-bottom:10px; }
.listings ol li a { display:block; padding:18px 25px; border-radius:9px; background:hsl(215,100%,98%); -webkit-transition:.1s all; -o-transition:.1s all; transition:.1s all; -webkit-tap-highlight-color:transparent; }
.listings ol li a p.job { font-size:18px; line-height:26px; margin-bottom:3px; font-weight:500; }
.listings ol li a p.location { color:#666 !important; margin-bottom:1px; }
.listings ol li a:hover { border-color:hsl(215,100%,97%); background:hsl(215,100%,97%); -webkit-transition:none; -o-transition:none; transition:none; }
.listings ol li a:active { background:hsl(215,100%,96%); }

/* not found */
.listings p.no { color:rgba(0,0,0,.8); margin-bottom:30px; border-radius:3px; }
.listings p.no i { font-style:normal; }
.listings p.vivid-link { display:flex; }
.listings p.vivid-link a { padding:0 14px; }

/* submit success */
main.sent { flex-grow:1; display:flex; }
.sent .content { display:flex; align-items:center; justify-content:center; text-align:center; max-height:600px; }
#submitted p.icon { margin-bottom:30px; }
#submitted p.icon svg { margin:0 auto; }
#submitted h1 { font-size:19px; line-height:1.5; margin-bottom:16px; }
#submitted p.message { margin-bottom:20px; }

@media screen and (max-width:735px) {

.jobs h1 { font-size:26px; line-height:1.2; padding:0; }

p.dofilters { display:flex; }

.browse { flex-direction:column-reverse; }

.browse .filters { margin:0 0 40px; max-width:none; display:none; }
.browse .filters ul { margin-bottom:20px; }
.browse .filters ul li { margin-bottom:3px; }

.browse .listings { width:100%; }

.listings p.no { text-align:center; }
.listings p.vivid-link { text-align:center; }
.listings p.vivid-link a { margin:0 auto; }

}