Privatizing Soccer Fields: What the $20 Million Investment Means for St. Charles Real Estate
The City of St. Charles’ decision to privatize its St. Charles Soccer Complex has sparked significant interest, not only for the sports community but also for local real estate. The $3 million sale of the 59.93-acre park to Invesco Group, along with the company’s...Mastering the Art of Commercial Real Estate Negotiation
Negotiation is an essential skill in the world of commercial real estate, playing a pivotal role in securing favorable deals and building strong relationships with stakeholders. Understanding the intricacies of negotiation is paramount for success in this dynamic...Understanding Cap Rates and Their Significance in Commercial Real Estate Investment
When it comes to evaluating commercial real estate investment opportunities, one crucial metric stands out: the capitalization rate, commonly known as the cap rate. As a subject matter expert in commercial real estate, it is essential to understand cap rates...Unlocking the Power of Tax Increment Financing (TIF) in Commercial Real Estate Deals
The strategic utilization of Tax Increment Financing (TIF) has emerged as a powerful tool in promoting economic development and revitalizing underdeveloped areas within cities and municipalities. In the context of commercial real estate deals, TIF offers investors a...The Importance of the Due Diligence Process in Commercial Real Estate
When it comes to making a commercial real estate investment, the due diligence process is an essential step that helps investors understand the risks and opportunities associated with a particular property. This process involves a thorough review and analysis of all...<style>
/* =========================================================
STL HOUSE HUNT — BROKER CARD
Clean responsive version
========================================================= */
#stlhh-broker-card {
container-type: inline-size !important;
width: 100% !important;
max-width: 1000px !important;
margin: 24px auto !important;
padding: 22px 26px 18px !important;
background: #f7f7f7 !important;
border: 1px solid #ddd !important;
border-radius: 14px !important;
box-shadow: 0 2px 7px rgba(0,0,0,.04) !important;
font-family: Arial, Helvetica, sans-serif !important;
box-sizing: border-box !important;
}
#stlhh-broker-card * {
box-sizing: border-box !important;
}
/* =========================================================
TOP
========================================================= */
#stlhh-broker-card .broker-top {
display: flex !important;
align-items: center !important;
width: 100% !important;
}
/* PHOTO */
#stlhh-broker-card .broker-photo-wrap {
flex: 0 0 116px !important;
width: 116px !important;
height: 116px !important;
margin-right: 22px !important;
padding: 4px !important;
background: #fff !important;
border: 1px solid #bcbcbc !important;
border-radius: 50% !important;
box-shadow: 0 3px 9px rgba(0,0,0,.10) !important;
overflow: hidden !important;
}
#stlhh-broker-card .broker-photo {
display: block !important;
width: 106px !important;
height: 106px !important;
object-fit: cover !important;
object-position: center 20% !important;
border-radius: 50% !important;
}
/* =========================================================
IDENTITY
========================================================= */
#stlhh-broker-card .broker-identity {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#stlhh-broker-card .brokerage-logo {
display: block !important;
width: auto !important;
max-width: 145px !important;
max-height: 42px !important;
margin-bottom: 8px !important;
}
#stlhh-broker-card .broker-name {
margin-bottom: 5px !important;
color: #000 !important;
font-size: clamp(22px, 3.2cqw, 30px) !important;
font-weight: 700 !important;
line-height: 1.05 !important;
white-space: nowrap !important;
}
#stlhh-broker-card .broker-title {
display: block !important;
color: #666 !important;
font-size: clamp(8px, 1.15cqw, 11px) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: .8px !important;
text-transform: uppercase !important;
}
/* =========================================================
CONTACT
========================================================= */
#stlhh-broker-card .broker-contact {
flex: 0 0 31% !important;
margin-left: 28px !important;
padding-left: 30px !important;
border-left: 1px solid #d4d4d4 !important;
text-align: center !important;
}
#stlhh-broker-card .phone-label {
display: block !important;
margin-bottom: 4px !important;
color: #777 !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1.6px !important;
text-transform: uppercase !important;
}
#stlhh-broker-card .phone-number {
display: block !important;
margin-bottom: 11px !important;
color: #000 !important;
font-size: clamp(18px, 2.6cqw, 24px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
#stlhh-broker-card .phone-number:hover {
color: #8B1732 !important;
}
#stlhh-broker-card .broker-button {
display: block !important;
width: 100% !important;
padding: 12px 10px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
}
#stlhh-broker-card .broker-button:hover {
background: #6f1027 !important;
color: #fff !important;
}
/* =========================================================
BENEFITS
========================================================= */
#stlhh-broker-card .broker-benefits {
display: flex !important;
align-items: center !important;
margin-top: 19px !important;
padding: 14px 0 !important;
border-top: 1px solid #d8d8d8 !important;
border-bottom: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-benefit {
display: flex !important;
flex: 1 1 33.333% !important;
align-items: center !important;
gap: 8px !important;
padding: 0 18px !important;
color: #111 !important;
font-size: clamp(10px, 1.4cqw, 13px) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
#stlhh-broker-card .broker-benefit + .broker-benefit {
border-left: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-check {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 13px !important;
font-weight: 700 !important;
}
/* =========================================================
CREDENTIALS
========================================================= */
#stlhh-broker-card .broker-credentials {
display: flex !important;
align-items: center !important;
width: 100% !important;
margin-top: 14px !important;
}
#stlhh-broker-card .broker-stars {
flex: 0 0 auto !important;
margin-right: 18px !important;
color: #F5A000 !important;
font-size: clamp(16px, 2.2cqw, 21px) !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 1px !important;
white-space: nowrap !important;
}
#stlhh-broker-card .recent-sales {
flex: 0 0 auto !important;
margin-right: 22px !important;
padding: 7px 12px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 4px !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: .3px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
/* ASSOCIATION LOGOS */
#stlhh-broker-card .broker-associations {
display: flex !important;
flex: 1 1 auto !important;
align-items: center !important;
justify-content: space-around !important;
min-width: 0 !important;
gap: 12px !important;
padding-left: 22px !important;
border-left: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .association-logo {
display: flex !important;
flex: 1 1 25% !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
height: 32px !important;
}
#stlhh-broker-card .association-logo img {
display: block !important;
width: auto !important;
max-width: 80px !important;
max-height: 29px !important;
}
/* =========================================================
COMPACT / SIDEBAR VERSION
Card itself is 400px wide or less
========================================================= */
@container (max-width: 400px) {
#stlhh-broker-card {
margin: 15px auto !important;
padding: 18px 16px 16px !important;
border-radius: 11px !important;
}
/* Hide secondary marketing claims */
#stlhh-broker-card .broker-benefits {
display: none !important;
}
/* TOP */
#stlhh-broker-card .broker-top {
flex-wrap: wrap !important;
}
/* PHOTO */
#stlhh-broker-card .broker-photo-wrap {
flex-basis: 86px !important;
width: 86px !important;
height: 86px !important;
margin-right: 15px !important;
padding: 3px !important;
}
#stlhh-broker-card .broker-photo {
width: 78px !important;
height: 78px !important;
}
/* IDENTITY */
#stlhh-broker-card .brokerage-logo {
max-width: 118px !important;
max-height: 35px !important;
margin-bottom: 7px !important;
}
#stlhh-broker-card .broker-name {
margin-bottom: 5px !important;
font-size: 22px !important;
white-space: normal !important;
}
#stlhh-broker-card .broker-title {
font-size: 9px !important;
letter-spacing: .45px !important;
}
/* CONTACT */
#stlhh-broker-card .broker-contact {
flex: 0 0 100% !important;
width: 100% !important;
margin: 16px 0 0 !important;
padding: 14px 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .phone-label {
margin-bottom: 4px !important;
font-size: 9px !important;
letter-spacing: 1.5px !important;
}
#stlhh-broker-card .phone-number {
margin-bottom: 10px !important;
font-size: 22px !important;
}
#stlhh-broker-card .broker-button {
padding: 12px 8px !important;
font-size: 12px !important;
}
/* CREDENTIALS */
#stlhh-broker-card .broker-credentials {
flex-wrap: wrap !important;
justify-content: center !important;
margin-top: 15px !important;
padding-top: 14px !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-stars {
margin-right: 12px !important;
font-size: 18px !important;
letter-spacing: .5px !important;
}
#stlhh-broker-card .recent-sales {
margin-right: 0 !important;
padding: 7px 10px !important;
font-size: 9px !important;
}
/* LOGOS GET THEIR OWN ROW */
#stlhh-broker-card .broker-associations {
flex: 0 0 100% !important;
width: 100% !important;
gap: 10px !important;
margin-top: 14px !important;
padding: 14px 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .association-logo {
height: 31px !important;
}
#stlhh-broker-card .association-logo img {
max-width: 100% !important;
max-height: 29px !important;
}
}
</style>
<div id="stlhh-broker-card">
<!-- TOP -->
<div class="broker-top">
<!-- PHOTO -->
<div class="broker-photo-wrap">
<img
class="broker-photo"
src="https://u.realgeeks.media/stlhousehunt/justin-lindberg-2018.jpg"
alt="Jay Lindberg - St. Louis Real Estate Broker"
>
</div>
<!-- IDENTITY -->
<div class="broker-identity">
<img
class="brokerage-logo"
src="https://t.realgeeks.media/thumbnail/y9Zh3VqomghgLpAnqwrP5sm4IEQ=/fit-in/500x500/filters:no_upscale():format(webp):quality(80)/u.realgeeks.media/stlhousehunt/stl-real-estate-nmr-logo-27.png"
alt="New Monarch Realty"
>
<div class="broker-name">
Jay Lindberg
</div>
<span class="broker-title">
St. Louis Real Estate Broker
</span>
</div>
<!-- CONTACT -->
<div class="broker-contact">
<span class="phone-label">
Call or Text Jay
</span>
<a
class="phone-number"
href="tel:3144991040"
>
314-499-1040
</a>
<a
class="broker-button"
href="tel:3144991040"
>
Call Jay →
</a>
</div>
</div>
<!-- BENEFITS — automatically hidden on narrow card -->
<div class="broker-benefits">
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Local St. Louis expertise</span>
</div>
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Buyer & seller representation</span>
</div>
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Experienced negotiation</span>
</div>
</div>
<!-- CREDENTIALS -->
<div class="broker-credentials">
<div class="broker-stars">
★★★★★
</div>
<div class="recent-sales">
87 Recent Sales
</div>
<div class="broker-associations">
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-NAR-Logo.png"
alt="National Association of Realtors"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/SLAR-RE-logo.png"
alt="REALTOR"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-mre-logo.png"
alt="Missouri Realtors"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-cre-logo.png"
alt="St. Louis Realtors"
>
</div>
</div>
</div>
</div>