/* All plot cards */

.plot-cards-container .hbp_plot_cards_container {
	aspect-ratio: 1/1;
}

.plot-cards-txt p, .plot-cards-txt h5 {
	color: #fff;
    margin: 0;
}

.plot-cards-uppercase-txt p {
	text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.plot-bg-img::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        180deg, 
        rgba(30, 54, 83, 0) 0%,
        rgba(30, 54, 83, 0) 40%,
        rgba(30, 54, 83, 1) 80%
    );
    z-index: 1;
}

.plot-cards-txt h3, .plot-cards-txt p {
	color: #fff;
    margin: 0;
}

.plot-cards-txt p {
	text-transform: none;
}

.plot-cards-container .plot-bg-img img {
	aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

/* Related plot cards */

.related-plot-cards-container .hbp_plot_cards_container {
	aspect-ratio: 4/5;
}

.related-plot-cards-container .plot-bg-img img {
	aspect-ratio: 4/5;
    object-fit: cover;
    width: 100%;
}

.plot-status {
	display: block;
    padding: 5px 30px;
    width: 100%;
    color: #fff;
}

.plot-card:hover {
	color: #333 !important;
}

.status--available {
    background-color: #3a8c3f;
}

.status--reserved {
    background-color: #616161;
}

.status--sold {
    background-color: #333333;
}

.status--unreleased {
    background-color: #B42D33;
}

@media (max-width: 1024px) {

	.plot-status {
    	padding: 5px 20px;
    }
    
    .plot-cards-txt h3 {
    	font-size: 24px;
        line-height: 29px;
    }
    
    .plot-bg-img::before {
    	background-image: linear-gradient(
        180deg, 
        rgba(30, 54, 83, 0) 0%,
        rgba(30, 54, 83, 1) 80%
    );
    }

}

@media (max-width: 1024px) and (min-width: 768px) {

	.related-plot-cards-container .hbp_plots:nth-child(1 of .hbp_plots) {
		grid-column: span 2;
	}
    
    .related-plot-cards-container .hbp_plots:nth-child(1 of .hbp_plots) .hbp_plot_cards_container {
		aspect-ratio: 5/4;
	}
    
    .related-plot-cards-container .hbp_plots:nth-child(1 of .hbp_plots) img {
    	aspect-ratio: 5/4;
    }

}