.featured-listings div {
    position: relative;
}

.rightSide{
    width: 100%;
    padding: 0 2%;
    display: flex;
    justify-content: center;
}

.featured-listings {
    --itemWidth:clamp(165px, 20vw, 450px);
    --itemGap:1rem;
    padding: 1rem 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    min-height: 100%;
    gap: var(--itemGap);
    width: calc(var(--itemWidth) * 4 + var(--itemGap) * 3);
}

.featured-listings .item {
    position: relative;
    /* width: max(20vw, 200px); */
    width: var(--itemWidth);
    /* height: max(25vw, 250px); */
    height: clamp(280px, 25vw, 500px);
    border: solid 1px var(--colorGrayLight);
    border-radius: 0.5vmax;
    border-top-right-radius: 2vmax;
    background-color: var(--colorWhite);
    color: var(--colorText);
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.3s ease;
}
.featured-listings .featuredItemSold{
    width: 60px;
    height: 33px;
    position: absolute;
    background-image: url('../sold-label-small.png');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    background-size: contain;
    box-shadow: none;
    background-color: transparent;
    top:2.5rem;
    left:0.5rem;
}

body.hasHover .featured-listings .item:hover {
    background-color: #fff;
    box-shadow: 0 0 0 1px #ffffff40, 10px 5px 30px #00000030;
}

.featured-listings .item .image {
    height: 60%;
    background: gray;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* flex: auto 1 1; */
}

.featured-listings .item .item_header {
    padding: 1em;
    line-height: 1.7;
    text-transform: uppercase;
}

.featured-listings .item .address {
    font-family: var(--fontHeader);
    font-size: clamp(1rem, 2vh, 1.3rem);
    line-height: 1.1;
}

.featured-listings .item .item_info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 1em 0 1em;
}

.featured-listings .item .item_info>div {
    width: 50%;
    box-sizing: border-box;
}

.featured-listings .item .item_info>div>span {
    font-weight: 600;
}
.featured-listings .item .item_labels {
    position: absolute !important;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5em;
}
.featured-listings .item .item_labels > div {
    position: relative;
    margin: 0.2em;
    font-size: 0.8em;
    border-radius: 0.5em;
    white-space: nowrap;
    padding: 0.3em 0.7em;
    color:#fff;
    box-shadow:  1px 1px 10px #00000030;
}
.featured-listings .item .item_labels > div.assetClass{
    background-color: var(--colorAltBlue);
}
.featured-listings .item .item_labels > div.methodOfSale{
    background-color: var(--colorCoral);
}

.featured-listings .item .buttons {
    /* height: 3rem; */
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    /* margin-bottom: 1em; */
    margin-top: auto;
    padding: 1em;
    flex-wrap: wrap;
}

.featured-listings .item .buttons button {
    padding: 0.7em 1.0em;
    font-size: 0.9em;
    /* flex: 1; */
    /* max-width: calc(33.33% - 0.5em); */
}
.featured-listings .item .buttons button > *{
    pointer-events: none;
}
.featured-listings .item .buttons button .shareIcon{
    width:1rem;
    height: 1rem;
    background-image: var(--shareIconGreen);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}

.leftSide{
    display: none !important;
}
