craig with more fixes

better.css

@-moz-document domain("craigslist.org"), domain("craigslist.ca"), domain("craigslist.com.au"), domain("craigslist.com.ph"), domain("craigslist.co.in"), domain("craigslist.com.cn"), domain("craigslist.hk"), domain("craigslist.jp"), domain("craigslist.co.kr"), domain("craigslist.com.sg"), domain("craigslist.com.tw"), domain("craigslist.co.th"), domain("craigslist.com.tr"), domain("craigslist.at"), domain("craigslist.cz"), domain("craigslist.dk"), domain("craigslist.fi"), domain("craigslist.fr"), domain("craigslist.de"), domain("craigslist.gr"), domain("craigslist.it"), domain("craigslist.pl"), domain("craigslist.pt"), domain("craigslist.es"), domain("craigslist.se"), domain("craigslist.ch"), domain("craigslist.co.uk"), domain("craigslist.co.za") {
*{
    transition: .3s ease all
}
a{
    text-decoration: none;
    color: black;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: inherit!important;}
h1 {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
}
button, select, input, fieldset, form, label, legend {
    font-family: inherit;
}
h3 {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.4px;
}
body {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -0.021em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif!important;
    background-color: white;
    color: #333333;
    font-style: normal;
}
blockquote {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}
pre {
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5714px;
}
#topban .area, #topban .subarea-input {
    display: inline-block;
    font-family: "helvetica neue"!important;
    font-weight: 800;
    font-size: 3.5em;
    line-height: 1.7em;
    text-transform: capitalize;
}
#topban {
    background-color: #fff;
    border-top: 0px #ccc0 solid;
    border-bottom: 0px #ccc0 solid;
    min-height: 2.5em;
    /* padding: 0; */
    font-weight: normal;
    text-align: left;
    width: 62%;
    display: inline-block;
    float: none;
    margin: 2%;
    position: sticky;
    top: -1px;
    z-index: 22222222;
}
.homepage .page-container {
    margin: 0 auto;
    padding: 0;
    width: 868px;
}
.homepage #logo {
    font-size: 235%;
    line-height: 135%;
    font-weight: 300;
    font-family: "Helvetica neue"!important;
    width: 100%;
}
.homepage #center {
    float: left;
    margin: 2%;
    padding: 0;
    width: 62%;
    text-align: left;
}
.ban {
    text-align: left;
    font-weight: bold;
    padding: 0 0 5px 0;
    border-top: 1px solid #ddd0;
    border-bottom: 2px solid #ddd;
    background-color: #eee0;
    /* text-decoration: none; */
}
.homepage a {
    text-decoration: none;
    color: black;
}
.homepage a, .homepage a:hover {
    text-decoration: none;
    color: black;
    /* text-decoration-line: none; */
}
.cal td.today {
    background: #007AFF;
    border-radius: 3px;
}
.cal td.today a {
    /* background: #007AFF; */
    color: white;
}
.cal .dys th, .cal td {
    border: 1px #ccc0 solid;
}
.homepage .homepage-search legend {
    text-align: center;
    width: 100%;
    display: none;
}
.homepage .col ul li a {
    width: 100%;
    display: block;
    padding: 0 0 1px 0;
    border-bottom: 1px solid #eaeaea00;
}
.homepage .txt {
    position: relative;
  
}
.homepage footer {
    border-top: 0px solid #ccc;
    line-height: 2.5em;
    min-height: 1.1em;
    background: #eee;
    padding: 0px;
}
footer {
    border-top: 0px solid #ccc;
    line-height: 2.5em;
    min-height: 1.1em;
    background: #eee;
    width: -webkit-fill-available;
    padding: 0px;
    z-index: 1548465;
}
.w1024.homepage .page-container {
    width: 100%;
}
.flatinput {
    border: 1px solid #cccccc00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 2px;
}
.flatinput:hover {
    border-color: #9990;
}
#calban {
    /* margin: 2px; */
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
}
#leftbar a:hover {
    text-decoration: none;
}
#leftbar {
    background: #e3e3e39e;
    border-left: 11px #ccc0 solid;
    border-right: 0px #ccc solid;
    float: right;
    min-width: 220px;
    font-size: smaller;
    /* margin-left: 0px; */
    /* left: -21px; */
    /* min-height: 100%; */
    height: 100em;
    text-align: left;
    width: 10%;
}
#leftbar .cal {
    margin: initial;
}
.homepage #rightbar {
    background: #dddddd00;
    border-left: 0px #ccc solid;
    border-right: 0px #ccc solid;
    float: right;
    width: 8em;
    font-size: 70%;
    line-height: 1.43em;
    /* margin-top: -3.75em; */
    min-height: 850px;
    /* padding: 5px 0; */
    /* text-align: center; */
    vertical-align: top;
    /* width: 0%; */
    position: sticky;
    /* text-align: right; */
    top: -1px;
}
.homepage #rightbar h5 {
    background: transparent;
    color: #1f1f1f;
    text-align: right;
}
.homepage #rightbar ul {
    margin: 4px;
    list-style: none;
    text-align: right;
}
.homepage #forums ul {
    /* font-size: initial; */
    width: 25%;
}

select {
    border-radius: 3px;
    padding: 1px;
    border-color: #d8d8d8b5;
}
.homepage #postlks #post {
    padding: 0;
    background-color: #ffc0;
    font-weight: 800;
    font-size: large;
    border-bottom: 2px solid #007aff;
}
.homepage #rightbar #langlinks {
    text-align: right;
    padding: 8px;
    font-size: small;
}
.homepage #forums ul {
    font-size: smaller;
    width: 25%;
}


.homepage .col ul li a:hover {
    padding: 0.2em 1.975em 0.2em 0.5em;
    border-radius: 4px;
    cursor: pointer !important;
    color: #595959;
    border-bottom-style: none;
}
#postingbody {
    font-family: inherit;
    clear: left;
}
.search-legend {
    display: block;
    margin-bottom: 0;
    max-width: unset;
    padding-top: unset;
    padding-bottom: 0;
}
#query {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    font-size: 1.1em;
    height: 2em;
    line-height: 1.45em;
    min-width: 7em;
    padding: 0 3px 0 8px;
    width: 70%;
    vertical-align: top;
    font-family: "helvetica neue"!important;
    font-weight: 800;
    font-size: 1.5em;
    line-height: 1.7em;
    text-transform: capitalize;
    background: transparent;
}
.form-tab {
    /* background-color: #FFF; */
    left: -11px;
    padding: 1em 0 .1em;
    position: relative;
    top: 2px;
    display: none;
    z-index: 154894596;
}
.querybox {
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    padding-top: 2.9em;
    position: sticky;
    width: auto;
    top: 0;
    margin: 0;
    z-index: 9000000;
    backdrop-filter: blur(20px);
}
.search-options-container {
    height: 100%;
    left: 0;
    margin: 0;
    overflow-y: scroll;
    position: sticky;
    top: 3em;
    width: 190px;
}
.search-legend {
    display: block;
    margin-bottom: 0;
    max-width: unset;
    padding-top: unset;
    padding-bottom: 0;
    height: 2em;
}
.searchbtn {
    
    display: none;
}
.querybox .savealert {
    display: -moz-inline-stack;
    display: none;
}
.search .global-header {
    position: fixed;
    z-index: 9999999999999;
    /* border-bottom: 4px #fff0 solid; */
    background: #fff;
    line-height: 1.925em;
    /* min-height: 2.1em; */
    min-height: 2.5em;
    width: 100%;
    height: 2em;
}
.global-header {
    position: fixed;
    z-index: 9999999999999;
    /* border-bottom: 4px #fff0 solid; */
    background: #fff;
    line-height: 1.925em;
    /* min-height: 2.1em; */
    min-height: 2.5em;
    width: 100%;
    height: 2em;
}
.categories.searchgroup, .categories.searchgroup a {
    margin: 1em 0 0 .25em;
    background: #f1f1f1;
    color: #f1f1f1;
    height: 2em;
    border-radius: inherit;
    margin-bottom: 1em;
}

.map #map {
    max-width: none;
    border-radius: 9px;
}
.global-header {
    position: fixed;
    z-index: 9999999999;
    border-bottom: 0px #ccc solid;
    background: #fff;
    line-height: 1.925em;
    min-height: 1.1em;
    padding: .3125em 0;
    width: 100%;
}
.header-logo {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 0;
    background-color: #fff0;
    border: 1px solid #ccc0;
    float: left;
    line-height: 0;
    margin: inherit;
    padding: 0;
    text-decoration: none;
    /* left: 0; */
    /* margin-top: 9px; */
    position: relative;
    float: left;
    font-size: 135%;
    /* min-height: 1.3em; */
    /* position: unset; */
    line-height: inherit;
    /* vertical-align: baseline; */
    /* display: block; */
        color: transparent;
}
.header-logo::after {
    content: "craiglist";
    color: #000;
    font-size: 152%;
    /* line-height: 30%; */
    font-weight: 300;
    font-family: "Helvetica neue"!important;
    /* width: 100%; */
    padding-right: 5px;
    /* min-height: 1.3em; */
    /* margin-top: 4px; */
    /* background: black; */
    vertical-align: middle;
}
.breadcrumbs-container {
    float: left;
    font-size: 135%;
    min-height: 1.3em;
    /* position: unset; */
    line-height: inherit;
}
.userlinks {
    float: right;
    font-size: .9em;
    margin-top: 2px;
    padding: 0;
    position: absolute;
    right: 0;
    font-size: 135%;
}
.breadcrumbs-container select {
    margin: 0;
    font-size: smaller;
    padding-left: 5px;
}
select {
    border-radius: 3px;
    padding: 0;
    border-color: #d8d8d800!important;
    background: rgba(238, 238, 238, 0.8);
    /* backdrop-filter: blur(20px) saturate(180%); */
}
}