/* All development cards */
.development-card-key-details {
	min-height: 20px;
}

.development-cards-top-level-container {
	height: 100%;
    background: #1E3653;
}

.development-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%,    /* fully transparent at very top */
        rgba(30, 54, 83, 0) 50%,   /* still transparent halfway down */
        rgba(30, 54, 83, 1) 90%    /* solid at 90% */
    );
    z-index: 1;
}

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

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

.development-cards-txt-uppercase p {
	text-transform: uppercase !important
}

/* Home development cards */

.home-development-cards .hbp_developments img {
	aspect-ratio: 4/5;
    object-fit: cover;
    width: 100%;
}

.development-status-card-container .development-status {
	display: block;
    width: 100%;
    padding: 5px 30px;
}

.development-status-card-container .status--coming-soon {
	color: #fff;
    background: #B42D33;
}

@media (max-width: 1024px) {

	.development-status-card-container .development-status {
    	padding: 5px 20px;
    }
    
    .development-bg-img::before {
    	background-image: linear-gradient(
        180deg, 
        rgba(30, 54, 83, 0) 0%,    /* fully transparent at very top */
        rgba(30, 54, 83, 1) 90%    /* solid at 90% */
    );
    }
    
    .development-cards-txt h3 {
    	font-size: 24px;
        line-height: 29px;
    }

}

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

	.home-development-cards .hbp_developments:nth-child(1 of .hbp_developments) {
		grid-column: span 2;
	}
    
    .home-development-cards .hbp_developments:nth-child(1 of .hbp_developments) img {
    	aspect-ratio: 5/4;
    }

}


/* Development page cards */

.development-page-cards .hbp_developments img {
	aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 767px) {

	.development-card-key-details {
		min-height: 0;
	}

}