.listingView { padding: 0 10px 30px; } .listingView h1 { margin: 25px 0 10px; } .listingView h1 .fav-control { margin: 0 0 -1px 5px; } .listingView .vp-meta { display: flex; flex-flow: row wrap; gap: 15px; justify-content: center; margin: 0 0 10px; } .listingView .vp-meta > div { white-space: nowrap; } .listingView .vp-meta > div em.icon { margin: -3px 6px 0 0; } .listingView .vp-meta div a { text-decoration: underline; text-decoration-style: dotted; } @media (hover: hover) { .listingView .vp-meta div a:hover { text-decoration: underline; } } .listingView .vp-meta div a:active { text-decoration: underline; text-decoration-thickness: 2px; } /********************************************************************/ .listingView .vp-box { margin: 0 auto 10px; background: rgba(0, 0, 0, 0.05); border-radius: 3px; padding: 15px; font-size: 0.85em; text-align: left; line-height: 1.5; } .listingView .vp-box h2 { margin:0 0 10px; } .listingView .vp-box h3 { margin:0 0 10px; font-size:1.2em; } .listingView .vp-box p { margin:0 0 10px; } .listingView .vp-box p:last-child { margin:0 0 0; } .listingView .vp-box p br { content: ""; display: block; margin-bottom: 5px; } .listingView .vp-box p .icon { margin: -2px 6px 0 0; } .listingView .vp-box ul, .listingView .vp-box ol { margin: 0 0 10px; padding: 0 0 0 18px; } .listingView .vp-box ul:last-child, .listingView .vp-box ol:last-child { margin:0 0 0; } .listingView .vp-box p.inactive-listing { color:#994545; } .listingView .vp-box .vp-box2 { margin: 0 0 20px 21px; } .listingView .vp-box .vp-box2:last-child { margin-bottom:0;} .listingView .vp-box.vp-pricing .vp-price { font-size:1.1em; } .listingView .vp-box.vp-pricing .vp-price strong { display:inline-block; } .listingView .vp-box.vp-pricing .vp-price span { display:inline-block; margin-left:3px; } .listingView .vp-box.vp-pricing .vp-price span::before { content:"("; } .listingView .vp-box.vp-pricing .vp-price span::after { content:")"; } .listingView .vp-box.vp-pricing h3 { margin:20px 0 5px; } .listingView .vp-box.vp-acquisition h2 { margin-bottom:15px; } .listingView .vp-box.vp-contacts p.phone { font-size:1.1em; } .listingView .vp-box.vp-metaInfo p { margin-bottom:5px; } .listingView .vp-box.vp-metaInfo p:last-child { margin-bottom:0; } @media (min-width: 980px) { .listingView .vp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .listingView .vp-row .vp-box { width: 100%; box-sizing: border-box; } }